@中文描述:zrender @版本号: @升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1

08335 / hivui-platform-template

hivui平台项目模板

Browse code @中文描述:zrender @版本号: @升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1 master
1 parent 9f4031f commit a96f6cecd7313d651276e75472961f8f95a619d8 12112 authored 6 days ago

Showing 2 changed files

Ignore Space Show notes View assets_platform/zrender/zrender.js 0 → 100644
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : (global = global \|\| self, factory(global.zrender = {})); }(this, (function (exports) { 'use strict'; var Browser = (function () { function Browser() { this.firefox = false; this.ie = false; this.edge = false; this.newEdge = false; this.weChat = false; } return Browser; }()); var Env = (function () { function Env() { this.browser = new Browser(); this.node = false; this.wxa = false; this.worker = false; this.svgSupported = false; this.touchEventsSupported = false; this.pointerEventsSupported = false; this.domSupported = false; this.transformSupported = false; this.transform3dSupported = false; this.hasGlobalWindow = typeof window !== 'undefined'; } return Env; }()); var env = new Env(); if (typeof wx === 'object' && typeof wx.getSystemInfoSync === 'function') { env.wxa = true; env.touchEventsSupported = true; } else if (typeof document === 'undefined' && typeof self !== 'undefined') { env.worker = true; } else if (!env.hasGlobalWindow \|\| 'Deno' in window \|\| (typeof navigator !== 'undefined' && typeof navigator.userAgent === 'string' && navigator.userAgent.indexOf('Node.js') > -1)) { env.node = true; env.svgSupported = true; } else { detect(navigator.userAgent, env); } function detect(ua, env) { var browser = env.browser; var firefox = ua.match(/Firefox\/([\d.]+)/); var ie = ua.match(/MSIE\s([\d.]+)/) \|\| ua.match(/Trident\/.+?rv:(([\d.]+))/); var edge = ua.match(/Edge?\/([\d.]+)/); var weChat = (/micromessenger/i).test(ua); if (firefox) { browser.firefox = true; browser.version = firefox[1]; } if (ie) { browser.ie = true; browser.version = ie[1]; } if (edge) { browser.edge = true; browser.version = edge[1]; browser.newEdge = +edge[1].split('.')[0] > 18; } if (weChat) { browser.weChat = true; } env.svgSupported = typeof SVGRect !== 'undefined'; env.touchEventsSupported = 'ontouchstart' in window && !browser.ie && !browser.edge; env.pointerEventsSupported = 'onpointerdown' in window && (browser.edge \|\| (browser.ie && +browser.version >= 11)); var domSupported = env.domSupported = typeof document !== 'undefined'; if (domSupported) { var style = document.documentElement.style; env.transform3dSupported = ((browser.ie && 'transition' in style) \|\| browser.edge \|\| (('WebKitCSSMatrix' in window) && ('m11' in new WebKitCSSMatrix())) \|\| 'MozPerspective' in style) && !('OTransition' in style); env.transformSupported = env.transform3dSupported \|\| (browser.ie && +browser.version >= 9); } } var DEFAULT_FONT_SIZE = 12; var DEFAULT_FONT_FAMILY = 'sans-serif'; var DEFAULT_FONT = DEFAULT_FONT_SIZE + "px " + DEFAULT_FONT_FAMILY; var OFFSET = 20; var SCALE = 100; var defaultWidthMapStr = "007LLmW'55;N0500LLLLLLLLLL00NNNLzWW\\\\WQb\\0FWLg\\bWb\\WQ\\WrWWQ000CL5LLFLL0LL*FgLLLL5F0LF\\FFF5.5N"; function getTextWidthMap(mapStr) { var map = {}; if (typeof JSON === 'undefined') { return map; } for (var i = 0; i < mapStr.length; i++) { var char = String.fromCharCode(i + 32); var size = (mapStr.charCodeAt(i) - OFFSET) / SCALE; map[char] = size; } return map; } var DEFAULT_TEXT_WIDTH_MAP = getTextWidthMap(defaultWidthMapStr); var platformApi = { createCanvas: function () { return typeof document !== 'undefined' && document.createElement('canvas'); }, measureText: (function () { var _ctx; var _cachedFont; return function (text, font) { if (!_ctx) { var canvas = platformApi.createCanvas(); _ctx = canvas && canvas.getContext('2d'); } if (_ctx) { if (_cachedFont !== font) { _cachedFont = _ctx.font = font \|\| DEFAULT_FONT; } return _ctx.measureText(text); } else { text = text \|\| ''; font = font \|\| DEFAULT_FONT; var res = /((?:\d+)?\.?\d)px/.exec(font); var fontSize = res && +res[1] \|\| DEFAULT_FONT_SIZE; var width = 0; if (font.indexOf('mono') >= 0) { width = fontSize text.length; } else { for (var i = 0; i < text.length; i++) { var preCalcWidth = DEFAULT_TEXT_WIDTH_MAP[text[i]]; width += preCalcWidth == null ? fontSize : (preCalcWidth * fontSize); } } return { width: width }; } }; })(), loadImage: function (src, onload, onerror) { var image = new Image(); image.onload = onload; image.onerror = onerror; image.src = src; return image; } }; function setPlatformAPI(newPlatformApis) { for (var key in platformApi) { if (newPlatformApis[key]) { platformApi[key] = newPlatformApis[key]; } } } var BUILTIN_OBJECT = reduce([ 'Function', 'RegExp', 'Date', 'Error', 'CanvasGradient', 'CanvasPattern', 'Image', 'Canvas' ], function (obj, val) { obj['[object ' + val + ']'] = true; return obj; }, {}); var TYPED_ARRAY = reduce([ 'Int8', 'Uint8', 'Uint8Clamped', 'Int16', 'Uint16', 'Int32', 'Uint32', 'Float32', 'Float64' ], function (obj, val) { obj['[object ' + val + 'Array]'] = true; return obj; }, {}); var objToString = Object.prototype.toString; var arrayProto = Array.prototype; var nativeForEach = arrayProto.forEach; var nativeFilter = arrayProto.filter; var nativeSlice = arrayProto.slice; var nativeMap = arrayProto.map; var ctorFunction = function () { }.constructor; var protoFunction = ctorFunction ? ctorFunction.prototype : null; var protoKey = '__proto__'; var idStart = 0x0907; function guid() { return idStart++; } function logError() { var args = []; for (var _i = 0; _i < arguments.length; _i++) { args[_i] = arguments[_i]; } if (typeof console !== 'undefined') { console.error.apply(console, args); } } function clone(source) { if (source == null \|\| typeof source !== 'object') { return source; } var result = source; var typeStr = objToString.call(source); if (typeStr === '[object Array]') { if (!isPrimitive(source)) { result = []; for (var i = 0, len = source.length; i < len; i++) { result[i] = clone(source[i]); } } } else if (TYPED_ARRAY[typeStr]) { if (!isPrimitive(source)) { var Ctor = source.constructor; if (Ctor.from) { result = Ctor.from(source); } else { result = new Ctor(source.length); for (var i = 0, len = source.length; i < len; i++) { result[i] = source[i]; } } } } else if (!BUILTIN_OBJECT[typeStr] && !isPrimitive(source) && !isDom(source)) { result = {}; for (var key in source) { if (source.hasOwnProperty(key) && key !== protoKey) { result[key] = clone(source[key]); } } } return result; } function merge(target, source, overwrite) { if (!isObject(source) \|\| !isObject(target)) { return overwrite ? clone(source) : target; } for (var key in source) { if (source.hasOwnProperty(key) && key !== protoKey) { var targetProp = target[key]; var sourceProp = source[key]; if (isObject(sourceProp) && isObject(targetProp) && !isArray(sourceProp) && !isArray(targetProp) && !isDom(sourceProp) && !isDom(targetProp) && !isBuiltInObject(sourceProp) && !isBuiltInObject(targetProp) && !isPrimitive(sourceProp) && !isPrimitive(targetProp)) { merge(targetProp, sourceProp, overwrite); } else if (overwrite \|\| !(key in target)) { target[key] = clone(source[key]); } } } return target; } function mergeAll(targetAndSources, overwrite) { var result = targetAndSources[0]; for (var i = 1, len = targetAndSources.length; i < len; i++) { result = merge(result, targetAndSources[i], overwrite); } return result; } function extend(target, source) { if (Object.assign) { Object.assign(target, source); } else { for (var key in source) { if (source.hasOwnProperty(key) && key !== protoKey) { target[key] = source[key]; } } } return target; } function defaults(target, source, overlay) { var keysArr = keys(source); for (var i = 0, len = keysArr.length; i < len; i++) { var key = keysArr[i]; if ((overlay ? source[key] != null : target[key] == null)) { target[key] = source[key]; } } return target; } var createCanvas = platformApi.createCanvas; function indexOf(array, value) { if (array) { if (array.indexOf) { return array.indexOf(value); } for (var i = 0, len = array.length; i < len; i++) { if (array[i] === value) { return i; } } } return -1; } function inherits(clazz, baseClazz) { var clazzPrototype = clazz.prototype; function F() { } F.prototype = baseClazz.prototype; clazz.prototype = new F(); for (var prop in clazzPrototype) { if (clazzPrototype.hasOwnProperty(prop)) { clazz.prototype[prop] = clazzPrototype[prop]; } } clazz.prototype.constructor = clazz; clazz.superClass = baseClazz; } function mixin(target, source, override) { target = 'prototype' in target ? target.prototype : target; source = 'prototype' in source ? source.prototype : source; if (Object.getOwnPropertyNames) { var keyList = Object.getOwnPropertyNames(source); for (var i = 0; i < keyList.length; i++) { var key = keyList[i]; if (key !== 'constructor') { if ((override ? source[key] != null : target[key] == null)) { target[key] = source[key]; } } } } else { defaults(target, source, override); } } function isArrayLike(data) { if (!data) { return false; } if (typeof data === 'string') { return false; } return typeof data.length === 'number'; } function each(arr, cb, context) { if (!(arr && cb)) { return; } if (arr.forEach && arr.forEach === nativeForEach) { arr.forEach(cb, context); } else if (arr.length === +arr.length) { for (var i = 0, len = arr.length; i < len; i++) { cb.call(context, arr[i], i, arr); } } else { for (var key in arr) { if (arr.hasOwnProperty(key)) { cb.call(context, arr[key], key, arr); } } } } function map(arr, cb, context) { if (!arr) { return []; } if (!cb) { return slice(arr); } if (arr.map && arr.map === nativeMap) { return arr.map(cb, context); } else { var result = []; for (var i = 0, len = arr.length; i < len; i++) { result.push(cb.call(context, arr[i], i, arr)); } return result; } } function reduce(arr, cb, memo, context) { if (!(arr && cb)) { return; } for (var i = 0, len = arr.length; i < len; i++) { memo = cb.call(context, memo, arr[i], i, arr); } return memo; } function filter(arr, cb, context) { if (!arr) { return []; } if (!cb) { return slice(arr); } if (arr.filter && arr.filter === nativeFilter) { return arr.filter(cb, context); } else { var result = []; for (var i = 0, len = arr.length; i < len; i++) { if (cb.call(context, arr[i], i, arr)) { result.push(arr[i]); } } return result; } } function find(arr, cb, context) { if (!(arr && cb)) { return; } for (var i = 0, len = arr.length; i < len; i++) { if (cb.call(context, arr[i], i, arr)) { return arr[i]; } } } function keys(obj) { if (!obj) { return []; } if (Object.keys) { return Object.keys(obj); } var keyList = []; for (var key in obj) { if (obj.hasOwnProperty(key)) { keyList.push(key); } } return keyList; } function bindPolyfill(func, context) { var args = []; for (var _i = 2; _i < arguments.length; _i++) { args[_i - 2] = arguments[_i]; } return function () { return func.apply(context, args.concat(nativeSlice.call(arguments))); }; } var bind = (protoFunction && isFunction(protoFunction.bind)) ? protoFunction.call.bind(protoFunction.bind) : bindPolyfill; function curry(func) { var args = []; for (var _i = 1; _i < arguments.length; _i++) { args[_i - 1] = arguments[_i]; } return function () { return func.apply(this, args.concat(nativeSlice.call(arguments))); }; } function isArray(value) { if (Array.isArray) { return Array.isArray(value); } return objToString.call(value) === '[object Array]'; } function isFunction(value) { return typeof value === 'function'; } function isString(value) { return typeof value === 'string'; } function isStringSafe(value) { return objToString.call(value) === '[object String]'; } function isNumber(value) { return typeof value === 'number'; } function isObject(value) { var type = typeof value; return type === 'function' \|\| (!!value && type === 'object'); } function isBuiltInObject(value) { return !!BUILTIN_OBJECT[objToString.call(value)]; } function isTypedArray(value) { return !!TYPED_ARRAY[objToString.call(value)]; } function isDom(value) { return typeof value === 'object' && typeof value.nodeType === 'number' && typeof value.ownerDocument === 'object'; } function isGradientObject(value) { return value.colorStops != null; } function isImagePatternObject(value) { return value.image != null; } function isRegExp(value) { return objToString.call(value) === '[object RegExp]'; } function eqNaN(value) { return value !== value; } function retrieve() { var args = []; for (var _i = 0; _i < arguments.length; _i++) { args[_i] = arguments[_i]; } for (var i = 0, len = args.length; i < len; i++) { if (args[i] != null) { return args[i]; } } } function retrieve2(value0, value1) { return value0 != null ? value0 : value1; } function retrieve3(value0, value1, value2) { return value0 != null ? value0 : value1 != null ? value1 : value2; } function slice(arr) { var args = []; for (var _i = 1; _i < arguments.length; _i++) { args[_i - 1] = arguments[_i]; } return nativeSlice.apply(arr, args); } function normalizeCssArray(val) { if (typeof (val) === 'number') { return [val, val, val, val]; } var len = val.length; if (len === 2) { return [val[0], val[1], val[0], val[1]]; } else if (len === 3) { return [val[0], val[1], val[2], val[1]]; } return val; } function assert(condition, message) { if (!condition) { throw new Error(message); } } function trim(str) { if (str == null) { return null; } else if (typeof str.trim === 'function') { return str.trim(); } else { return str.replace(/^[\s\uFEFF\xA0]+\|[\s\uFEFF\xA0]+$/g, ''); } } var primitiveKey = '__ec_primitive__'; function setAsPrimitive(obj) { obj[primitiveKey] = true; } function isPrimitive(obj) { return obj[primitiveKey]; } var MapPolyfill = (function () { function MapPolyfill() { this.data = {}; } MapPolyfill.prototype["delete"] = function (key) { var existed = this.has(key); if (existed) { delete this.data[key]; } return existed; }; MapPolyfill.prototype.has = function (key) { return this.data.hasOwnProperty(key); }; MapPolyfill.prototype.get = function (key) { return this.data[key]; }; MapPolyfill.prototype.set = function (key, value) { this.data[key] = value; return this; }; MapPolyfill.prototype.keys = function () { return keys(this.data); }; MapPolyfill.prototype.forEach = function (callback) { var data = this.data; for (var key in data) { if (data.hasOwnProperty(key)) { callback(data[key], key); } } }; return MapPolyfill; }()); var isNativeMapSupported = typeof Map === 'function'; function maybeNativeMap() { return (isNativeMapSupported ? new Map() : new MapPolyfill()); } var HashMap = (function () { function HashMap(obj) { var isArr = isArray(obj); this.data = maybeNativeMap(); var thisMap = this; (obj instanceof HashMap) ? obj.each(visit) : (obj && each(obj, visit)); function visit(value, key) { isArr ? thisMap.set(value, key) : thisMap.set(key, value); } } HashMap.prototype.hasKey = function (key) { return this.data.has(key); }; HashMap.prototype.get = function (key) { return this.data.get(key); }; HashMap.prototype.set = function (key, value) { this.data.set(key, value); return value; }; HashMap.prototype.each = function (cb, context) { this.data.forEach(function (value, key) { cb.call(context, value, key); }); }; HashMap.prototype.keys = function () { var keys = this.data.keys(); return isNativeMapSupported ? Array.from(keys) : keys; }; HashMap.prototype.removeKey = function (key) { this.data["delete"](key); }; return HashMap; }()); function createHashMap(obj) { return new HashMap(obj); } function concatArray(a, b) { var newArray = new a.constructor(a.length + b.length); for (var i = 0; i < a.length; i++) { newArray[i] = a[i]; } var offset = a.length; for (var i = 0; i < b.length; i++) { newArray[i + offset] = b[i]; } return newArray; } function createObject(proto, properties) { var obj; if (Object.create) { obj = Object.create(proto); } else { var StyleCtor = function () { }; StyleCtor.prototype = proto; obj = new StyleCtor(); } if (properties) { extend(obj, properties); } return obj; } function disableUserSelect(dom) { var domStyle = dom.style; domStyle.webkitUserSelect = 'none'; domStyle.userSelect = 'none'; domStyle.webkitTapHighlightColor = 'rgba(0,0,0,0)'; domStyle['-webkit-touch-callout'] = 'none'; } function hasOwn(own, prop) { return own.hasOwnProperty(prop); } function noop() { } var RADIAN_TO_DEGREE = 180 / Math.PI; var EPSILON = Number.EPSILON \|\| Math.pow(2, -52); var util = /#__PURE__/Object.freeze({ __proto__: null, guid: guid, logError: logError, clone: clone, merge: merge, mergeAll: mergeAll, extend: extend, defaults: defaults, createCanvas: createCanvas, indexOf: indexOf, inherits: inherits, mixin: mixin, isArrayLike: isArrayLike, each: each, map: map, reduce: reduce, filter: filter, find: find, keys: keys, bind: bind, curry: curry, isArray: isArray, isFunction: isFunction, isString: isString, isStringSafe: isStringSafe, isNumber: isNumber, isObject: isObject, isBuiltInObject: isBuiltInObject, isTypedArray: isTypedArray, isDom: isDom, isGradientObject: isGradientObject, isImagePatternObject: isImagePatternObject, isRegExp: isRegExp, eqNaN: eqNaN, retrieve: retrieve, retrieve2: retrieve2, retrieve3: retrieve3, slice: slice, normalizeCssArray: normalizeCssArray, assert: assert, trim: trim, setAsPrimitive: setAsPrimitive, isPrimitive: isPrimitive, HashMap: HashMap, createHashMap: createHashMap, concatArray: concatArray, createObject: createObject, disableUserSelect: disableUserSelect, hasOwn: hasOwn, noop: noop, RADIAN_TO_DEGREE: RADIAN_TO_DEGREE, EPSILON: EPSILON }); /! **************************************************************************** Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 THIS CODE IS PROVIDED ON AN AS IS BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABLITY OR NON-INFRINGEMENT. See the Apache Version 2.0 License for specific language governing permissions and limitations under the License. ***************************************************************************** / / global Reflect, Promise / var extendStatics = function(d, b) { extendStatics = Object.setPrototypeOf \|\| ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) \|\| function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; return extendStatics(d, b); }; function __extends(d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); } function create(x, y) { if (x == null) { x = 0; } if (y == null) { y = 0; } return [x, y]; } function copy(out, v) { out[0] = v[0]; out[1] = v[1]; return out; } function clone$1(v) { return [v[0], v[1]]; } function set(out, a, b) { out[0] = a; out[1] = b; return out; } function add(out, v1, v2) { out[0] = v1[0] + v2[0]; out[1] = v1[1] + v2[1]; return out; } function scaleAndAdd(out, v1, v2, a) { out[0] = v1[0] + v2[0] a; out[1] = v1[1] + v2[1] * a; return out; } function sub(out, v1, v2) { out[0] = v1[0] - v2[0]; out[1] = v1[1] - v2[1]; return out; } function len(v) { return Math.sqrt(lenSquare(v)); } var length = len; function lenSquare(v) { return v[0] * v[0] + v[1] * v[1]; } var lengthSquare = lenSquare; function mul(out, v1, v2) { out[0] = v1[0] * v2[0]; out[1] = v1[1] * v2[1]; return out; } function div(out, v1, v2) { out[0] = v1[0] / v2[0]; out[1] = v1[1] / v2[1]; return out; } function dot(v1, v2) { return v1[0] * v2[0] + v1[1] * v2[1]; } function scale(out, v, s) { out[0] = v[0] * s; out[1] = v[1] * s; return out; } function normalize(out, v) { var d = len(v); if (d === 0) { out[0] = 0; out[1] = 0; } else { out[0] = v[0] / d; out[1] = v[1] / d; } return out; } function distance(v1, v2) { return Math.sqrt((v1[0] - v2[0]) * (v1[0] - v2[0]) + (v1[1] - v2[1]) * (v1[1] - v2[1])); } var dist = distance; function distanceSquare(v1, v2) { return (v1[0] - v2[0]) * (v1[0] - v2[0]) + (v1[1] - v2[1]) * (v1[1] - v2[1]); } var distSquare = distanceSquare; function negate(out, v) { out[0] = -v[0]; out[1] = -v[1]; return out; } function lerp(out, v1, v2, t) { out[0] = v1[0] + t * (v2[0] - v1[0]); out[1] = v1[1] + t * (v2[1] - v1[1]); return out; } function applyTransform(out, v, m) { var x = v[0]; var y = v[1]; out[0] = m[0] * x + m[2] * y + m[4]; out[1] = m[1] * x + m[3] * y + m[5]; return out; } function min(out, v1, v2) { out[0] = Math.min(v1[0], v2[0]); out[1] = Math.min(v1[1], v2[1]); return out; } function max(out, v1, v2) { out[0] = Math.max(v1[0], v2[0]); out[1] = Math.max(v1[1], v2[1]); return out; } var vector = /#__PURE__/Object.freeze({ __proto__: null, create: create, copy: copy, clone: clone$1, set: set, add: add, scaleAndAdd: scaleAndAdd, sub: sub, len: len, length: length, lenSquare: lenSquare, lengthSquare: lengthSquare, mul: mul, div: div, dot: dot, scale: scale, normalize: normalize, distance: distance, dist: dist, distanceSquare: distanceSquare, distSquare: distSquare, negate: negate, lerp: lerp, applyTransform: applyTransform, min: min, max: max }); var Param = (function () { function Param(target, e) { this.target = target; this.topTarget = e && e.topTarget; } return Param; }()); var Draggable = (function () { function Draggable(handler) { this.handler = handler; handler.on('mousedown', this._dragStart, this); handler.on('mousemove', this._drag, this); handler.on('mouseup', this._dragEnd, this); } Draggable.prototype._dragStart = function (e) { var draggingTarget = e.target; while (draggingTarget && !draggingTarget.draggable) { draggingTarget = draggingTarget.parent \|\| draggingTarget.__hostTarget; } if (draggingTarget) { this._draggingTarget = draggingTarget; draggingTarget.dragging = true; this._x = e.offsetX; this._y = e.offsetY; this.handler.dispatchToElement(new Param(draggingTarget, e), 'dragstart', e.event); } }; Draggable.prototype._drag = function (e) { var draggingTarget = this._draggingTarget; if (draggingTarget) { var x = e.offsetX; var y = e.offsetY; var dx = x - this._x; var dy = y - this._y; this._x = x; this._y = y; draggingTarget.drift(dx, dy, e); this.handler.dispatchToElement(new Param(draggingTarget, e), 'drag', e.event); var dropTarget = this.handler.findHover(x, y, draggingTarget).target; var lastDropTarget = this._dropTarget; this._dropTarget = dropTarget; if (draggingTarget !== dropTarget) { if (lastDropTarget && dropTarget !== lastDropTarget) { this.handler.dispatchToElement(new Param(lastDropTarget, e), 'dragleave', e.event); } if (dropTarget && dropTarget !== lastDropTarget) { this.handler.dispatchToElement(new Param(dropTarget, e), 'dragenter', e.event); } } } }; Draggable.prototype._dragEnd = function (e) { var draggingTarget = this._draggingTarget; if (draggingTarget) { draggingTarget.dragging = false; } this.handler.dispatchToElement(new Param(draggingTarget, e), 'dragend', e.event); if (this._dropTarget) { this.handler.dispatchToElement(new Param(this._dropTarget, e), 'drop', e.event); } this._draggingTarget = null; this._dropTarget = null; }; return Draggable; }()); var Eventful = (function () { function Eventful(eventProcessors) { if (eventProcessors) { this._$eventProcessor = eventProcessors; } } Eventful.prototype.on = function (event, query, handler, context) { if (!this._$handlers) { this._$handlers = {}; } var _h = this._$handlers; if (typeof query === 'function') { context = handler; handler = query; query = null; } if (!handler \|\| !event) { return this; } var eventProcessor = this._$eventProcessor; if (query != null && eventProcessor && eventProcessor.normalizeQuery) { query = eventProcessor.normalizeQuery(query); } if (!_h[event]) { _h[event] = []; } for (var i = 0; i < _h[event].length; i++) { if (_h[event][i].h === handler) { return this; } } var wrap = { h: handler, query: query, ctx: (context \|\| this), callAtLast: handler.zrEventfulCallAtLast }; var lastIndex = _h[event].length - 1; var lastWrap = _h[event][lastIndex]; (lastWrap && lastWrap.callAtLast) ? _h[event].splice(lastIndex, 0, wrap) : _h[event].push(wrap); return this; }; Eventful.prototype.isSilent = function (eventName) { var _h = this._$handlers; return !_h \|\| !_h[eventName] \|\| !_h[eventName].length; }; Eventful.prototype.off = function (eventType, handler) { var _h = this._$handlers; if (!_h) { return this; } if (!eventType) { this._$handlers = {}; return this; } if (handler) { if (_h[eventType]) { var newList = []; for (var i = 0, l = _h[eventType].length; i < l; i++) { if (_h[eventType][i].h !== handler) { newList.push(_h[eventType][i]); } } _h[eventType] = newList; } if (_h[eventType] && _h[eventType].length === 0) { delete _h[eventType]; } } else { delete _h[eventType]; } return this; }; Eventful.prototype.trigger = function (eventType) { var args = []; for (var _i = 1; _i < arguments.length; _i++) { args[_i - 1] = arguments[_i]; } if (!this._$handlers) { return this; } var _h = this._$handlers[eventType]; var eventProcessor = this._$eventProcessor; if (_h) { var argLen = args.length; var len = _h.length; for (var i = 0; i < len; i++) { var hItem = _h[i]; if (eventProcessor && eventProcessor.filter && hItem.query != null && !eventProcessor.filter(eventType, hItem.query)) { continue; } switch (argLen) { case 0: hItem.h.call(hItem.ctx); break; case 1: hItem.h.call(hItem.ctx, args[0]); break; case 2: hItem.h.call(hItem.ctx, args[0], args[1]); break; default: hItem.h.apply(hItem.ctx, args); break; } } } eventProcessor && eventProcessor.afterTrigger && eventProcessor.afterTrigger(eventType); return this; }; Eventful.prototype.triggerWithContext = function (type) { var args = []; for (var _i = 1; _i < arguments.length; _i++) { args[_i - 1] = arguments[_i]; } if (!this._$handlers) { return this; } var _h = this._$handlers[type]; var eventProcessor = this._$eventProcessor; if (_h) { var argLen = args.length; var ctx = args[argLen - 1]; var len = _h.length; for (var i = 0; i < len; i++) { var hItem = _h[i]; if (eventProcessor && eventProcessor.filter && hItem.query != null && !eventProcessor.filter(type, hItem.query)) { continue; } switch (argLen) { case 0: hItem.h.call(ctx); break; case 1: hItem.h.call(ctx, args[0]); break; case 2: hItem.h.call(ctx, args[0], args[1]); break; default: hItem.h.apply(ctx, args.slice(1, argLen - 1)); break; } } } eventProcessor && eventProcessor.afterTrigger && eventProcessor.afterTrigger(type); return this; }; return Eventful; }()); var LN2 = Math.log(2); function determinant(rows, rank, rowStart, rowMask, colMask, detCache) { var cacheKey = rowMask + '-' + colMask; var fullRank = rows.length; if (detCache.hasOwnProperty(cacheKey)) { return detCache[cacheKey]; } if (rank === 1) { var colStart = Math.round(Math.log(((1 << fullRank) - 1) & ~colMask) / LN2); return rows[rowStart][colStart]; } var subRowMask = rowMask \| (1 << rowStart); var subRowStart = rowStart + 1; while (rowMask & (1 << subRowStart)) { subRowStart++; } var sum = 0; for (var j = 0, colLocalIdx = 0; j < fullRank; j++) { var colTag = 1 << j; if (!(colTag & colMask)) { sum += (colLocalIdx % 2 ? -1 : 1) * rows[rowStart][j] * determinant(rows, rank - 1, subRowStart, subRowMask, colMask \| colTag, detCache); colLocalIdx++; } } detCache[cacheKey] = sum; return sum; } function buildTransformer(src, dest) { var mA = [ [src[0], src[1], 1, 0, 0, 0, -dest[0] * src[0], -dest[0] * src[1]], [0, 0, 0, src[0], src[1], 1, -dest[1] * src[0], -dest[1] * src[1]], [src[2], src[3], 1, 0, 0, 0, -dest[2] * src[2], -dest[2] * src[3]], [0, 0, 0, src[2], src[3], 1, -dest[3] * src[2], -dest[3] * src[3]], [src[4], src[5], 1, 0, 0, 0, -dest[4] * src[4], -dest[4] * src[5]], [0, 0, 0, src[4], src[5], 1, -dest[5] * src[4], -dest[5] * src[5]], [src[6], src[7], 1, 0, 0, 0, -dest[6] * src[6], -dest[6] * src[7]], [0, 0, 0, src[6], src[7], 1, -dest[7] * src[6], -dest[7] * src[7]] ]; var detCache = {}; var det = determinant(mA, 8, 0, 0, 0, detCache); if (det === 0) { return; } var vh = []; for (var i = 0; i < 8; i++) { for (var j = 0; j < 8; j++) { vh[j] == null && (vh[j] = 0); vh[j] += ((i + j) % 2 ? -1 : 1) * determinant(mA, 7, i === 0 ? 1 : 0, 1 << i, 1 << j, detCache) / det * dest[i]; } } return function (out, srcPointX, srcPointY) { var pk = srcPointX * vh[6] + srcPointY * vh[7] + 1; out[0] = (srcPointX * vh[0] + srcPointY * vh[1] + vh[2]) / pk; out[1] = (srcPointX * vh[3] + srcPointY * vh[4] + vh[5]) / pk; }; } var EVENT_SAVED_PROP = '___zrEVENTSAVED'; function transformCoordWithViewport(out, el, inX, inY, inverse) { if (el.getBoundingClientRect && env.domSupported && !isCanvasEl(el)) { var saved = el[EVENT_SAVED_PROP] \|\| (el[EVENT_SAVED_PROP] = {}); var markers = prepareCoordMarkers(el, saved); var transformer = preparePointerTransformer(markers, saved, inverse); if (transformer) { transformer(out, inX, inY); return true; } } return false; } function prepareCoordMarkers(el, saved) { var markers = saved.markers; if (markers) { return markers; } markers = saved.markers = []; var propLR = ['left', 'right']; var propTB = ['top', 'bottom']; for (var i = 0; i < 4; i++) { var marker = document.createElement('div'); var stl = marker.style; var idxLR = i % 2; var idxTB = (i >> 1) % 2; stl.cssText = [ 'position: absolute', 'visibility: hidden', 'padding: 0', 'margin: 0', 'border-width: 0', 'user-select: none', 'width:0', 'height:0', propLR[idxLR] + ':0', propTB[idxTB] + ':0', propLR[1 - idxLR] + ':auto', propTB[1 - idxTB] + ':auto', '' ].join('!important;'); el.appendChild(marker); markers.push(marker); } saved.clearMarkers = function () { each(markers, function (marker) { marker.parentNode && marker.parentNode.removeChild(marker); }); }; return markers; } function preparePointerTransformer(markers, saved, inverse) { var transformerName = inverse ? 'invTrans' : 'trans'; var transformer = saved[transformerName]; var oldSrcCoords = saved.srcCoords; var srcCoords = []; var destCoords = []; var oldCoordTheSame = true; for (var i = 0; i < 4; i++) { var rect = markers[i].getBoundingClientRect(); var ii = 2 * i; var x = rect.left; var y = rect.top; srcCoords.push(x, y); oldCoordTheSame = oldCoordTheSame && oldSrcCoords && x === oldSrcCoords[ii] && y === oldSrcCoords[ii + 1]; destCoords.push(markers[i].offsetLeft, markers[i].offsetTop); } return (oldCoordTheSame && transformer) ? transformer : (saved.srcCoords = srcCoords, saved[transformerName] = inverse ? buildTransformer(destCoords, srcCoords) : buildTransformer(srcCoords, destCoords)); } function isCanvasEl(el) { return el.nodeName.toUpperCase() === 'CANVAS'; } var replaceReg = /([&<>"'])/g; var replaceMap = { '&': '&', '<': '<', '>': '>', '"': '"', '\'': ''' }; function encodeHTML(source) { return source == null ? '' : (source + '').replace(replaceReg, function (str, c) { return replaceMap[c]; }); } var MOUSE_EVENT_REG = /^(?:mouse\|pointer\|contextmenu\|drag\|drop)\|click/; var _calcOut = []; var firefoxNotSupportOffsetXY = env.browser.firefox && +env.browser.version.split('.')[0] < 39; function clientToLocal(el, e, out, calculate) { out = out \|\| {}; if (calculate) { calculateZrXY(el, e, out); } else if (firefoxNotSupportOffsetXY && e.layerX != null && e.layerX !== e.offsetX) { out.zrX = e.layerX; out.zrY = e.layerY; } else if (e.offsetX != null) { out.zrX = e.offsetX; out.zrY = e.offsetY; } else { calculateZrXY(el, e, out); } return out; } function calculateZrXY(el, e, out) { if (env.domSupported && el.getBoundingClientRect) { var ex = e.clientX; var ey = e.clientY; if (isCanvasEl(el)) { var box = el.getBoundingClientRect(); out.zrX = ex - box.left; out.zrY = ey - box.top; return; } else { if (transformCoordWithViewport(_calcOut, el, ex, ey)) { out.zrX = _calcOut[0]; out.zrY = _calcOut[1]; return; } } } out.zrX = out.zrY = 0; } function getNativeEvent(e) { return e \|\| window.event; } function normalizeEvent(el, e, calculate) { e = getNativeEvent(e); if (e.zrX != null) { return e; } var eventType = e.type; var isTouch = eventType && eventType.indexOf('touch') >= 0; if (!isTouch) { clientToLocal(el, e, e, calculate); var wheelDelta = getWheelDeltaMayPolyfill(e); e.zrDelta = wheelDelta ? wheelDelta / 120 : -(e.detail \|\| 0) / 3; } else { var touch = eventType !== 'touchend' ? e.targetTouches[0] : e.changedTouches[0]; touch && clientToLocal(el, touch, e, calculate); } var button = e.button; if (e.which == null && button !== undefined && MOUSE_EVENT_REG.test(e.type)) { e.which = (button & 1 ? 1 : (button & 2 ? 3 : (button & 4 ? 2 : 0))); } return e; } function getWheelDeltaMayPolyfill(e) { var rawWheelDelta = e.wheelDelta; if (rawWheelDelta) { return rawWheelDelta; } var deltaX = e.deltaX; var deltaY = e.deltaY; if (deltaX == null \|\| deltaY == null) { return rawWheelDelta; } var delta = deltaY !== 0 ? Math.abs(deltaY) : Math.abs(deltaX); var sign = deltaY > 0 ? -1 : deltaY < 0 ? 1 : deltaX > 0 ? -1 : 1; return 3 * delta * sign; } function addEventListener(el, name, handler, opt) { el.addEventListener(name, handler, opt); } function removeEventListener(el, name, handler, opt) { el.removeEventListener(name, handler, opt); } var stop = function (e) { e.preventDefault(); e.stopPropagation(); e.cancelBubble = true; }; var GestureMgr = (function () { function GestureMgr() { this._track = []; } GestureMgr.prototype.recognize = function (event, target, root) { this._doTrack(event, target, root); return this._recognize(event); }; GestureMgr.prototype.clear = function () { this._track.length = 0; return this; }; GestureMgr.prototype._doTrack = function (event, target, root) { var touches = event.touches; if (!touches) { return; } var trackItem = { points: [], touches: [], target: target, event: event }; for (var i = 0, len = touches.length; i < len; i++) { var touch = touches[i]; var pos = clientToLocal(root, touch, {}); trackItem.points.push([pos.zrX, pos.zrY]); trackItem.touches.push(touch); } this._track.push(trackItem); }; GestureMgr.prototype._recognize = function (event) { for (var eventName in recognizers) { if (recognizers.hasOwnProperty(eventName)) { var gestureInfo = recognizers[eventName](this._track, event); if (gestureInfo) { return gestureInfo; } } } }; return GestureMgr; }()); function dist$1(pointPair) { var dx = pointPair[1][0] - pointPair[0][0]; var dy = pointPair[1][1] - pointPair[0][1]; return Math.sqrt(dx * dx + dy * dy); } function center(pointPair) { return [ (pointPair[0][0] + pointPair[1][0]) / 2, (pointPair[0][1] + pointPair[1][1]) / 2 ]; } var recognizers = { pinch: function (tracks, event) { var trackLen = tracks.length; if (!trackLen) { return; } var pinchEnd = (tracks[trackLen - 1] \|\| {}).points; var pinchPre = (tracks[trackLen - 2] \|\| {}).points \|\| pinchEnd; if (pinchPre && pinchPre.length > 1 && pinchEnd && pinchEnd.length > 1) { var pinchScale = dist$1(pinchEnd) / dist$1(pinchPre); !isFinite(pinchScale) && (pinchScale = 1); event.pinchScale = pinchScale; var pinchCenter = center(pinchEnd); event.pinchX = pinchCenter[0]; event.pinchY = pinchCenter[1]; return { type: 'pinch', target: tracks[0].target, event: event }; } } }; function create$1() { return [1, 0, 0, 1, 0, 0]; } function identity(out) { out[0] = 1; out[1] = 0; out[2] = 0; out[3] = 1; out[4] = 0; out[5] = 0; return out; } function copy$1(out, m) { out[0] = m[0]; out[1] = m[1]; out[2] = m[2]; out[3] = m[3]; out[4] = m[4]; out[5] = m[5]; return out; } function mul$1(out, m1, m2) { var out0 = m1[0] * m2[0] + m1[2] * m2[1]; var out1 = m1[1] * m2[0] + m1[3] * m2[1]; var out2 = m1[0] * m2[2] + m1[2] * m2[3]; var out3 = m1[1] * m2[2] + m1[3] * m2[3]; var out4 = m1[0] * m2[4] + m1[2] * m2[5] + m1[4]; var out5 = m1[1] * m2[4] + m1[3] * m2[5] + m1[5]; out[0] = out0; out[1] = out1; out[2] = out2; out[3] = out3; out[4] = out4; out[5] = out5; return out; } function translate(out, a, v) { out[0] = a[0]; out[1] = a[1]; out[2] = a[2]; out[3] = a[3]; out[4] = a[4] + v[0]; out[5] = a[5] + v[1]; return out; } function rotate(out, a, rad, pivot) { if (pivot === void 0) { pivot = [0, 0]; } var aa = a[0]; var ac = a[2]; var atx = a[4]; var ab = a[1]; var ad = a[3]; var aty = a[5]; var st = Math.sin(rad); var ct = Math.cos(rad); out[0] = aa * ct + ab * st; out[1] = -aa * st + ab * ct; out[2] = ac * ct + ad * st; out[3] = -ac * st + ct * ad; out[4] = ct * (atx - pivot[0]) + st * (aty - pivot[1]) + pivot[0]; out[5] = ct * (aty - pivot[1]) - st * (atx - pivot[0]) + pivot[1]; return out; } function scale$1(out, a, v) { var vx = v[0]; var vy = v[1]; out[0] = a[0] * vx; out[1] = a[1] * vy; out[2] = a[2] * vx; out[3] = a[3] * vy; out[4] = a[4] * vx; out[5] = a[5] * vy; return out; } function invert(out, a) { var aa = a[0]; var ac = a[2]; var atx = a[4]; var ab = a[1]; var ad = a[3]; var aty = a[5]; var det = aa * ad - ab * ac; if (!det) { return null; } det = 1.0 / det; out[0] = ad * det; out[1] = -ab * det; out[2] = -ac * det; out[3] = aa * det; out[4] = (ac * aty - ad * atx) * det; out[5] = (ab * atx - aa * aty) * det; return out; } function clone$2(a) { var b = create$1(); copy$1(b, a); return b; } var matrix = /#__PURE__/Object.freeze({ __proto__: null, create: create$1, identity: identity, copy: copy$1, mul: mul$1, translate: translate, rotate: rotate, scale: scale$1, invert: invert, clone: clone$2 }); var Point = (function () { function Point(x, y) { this.x = x \|\| 0; this.y = y \|\| 0; } Point.prototype.copy = function (other) { this.x = other.x; this.y = other.y; return this; }; Point.prototype.clone = function () { return new Point(this.x, this.y); }; Point.prototype.set = function (x, y) { this.x = x; this.y = y; return this; }; Point.prototype.equal = function (other) { return other.x === this.x && other.y === this.y; }; Point.prototype.add = function (other) { this.x += other.x; this.y += other.y; return this; }; Point.prototype.scale = function (scalar) { this.x = scalar; this.y = scalar; }; Point.prototype.scaleAndAdd = function (other, scalar) { this.x += other.x * scalar; this.y += other.y * scalar; }; Point.prototype.sub = function (other) { this.x -= other.x; this.y -= other.y; return this; }; Point.prototype.dot = function (other) { return this.x * other.x + this.y * other.y; }; Point.prototype.len = function () { return Math.sqrt(this.x * this.x + this.y * this.y); }; Point.prototype.lenSquare = function () { return this.x * this.x + this.y * this.y; }; Point.prototype.normalize = function () { var len = this.len(); this.x /= len; this.y /= len; return this; }; Point.prototype.distance = function (other) { var dx = this.x - other.x; var dy = this.y - other.y; return Math.sqrt(dx * dx + dy * dy); }; Point.prototype.distanceSquare = function (other) { var dx = this.x - other.x; var dy = this.y - other.y; return dx * dx + dy * dy; }; Point.prototype.negate = function () { this.x = -this.x; this.y = -this.y; return this; }; Point.prototype.transform = function (m) { if (!m) { return; } var x = this.x; var y = this.y; this.x = m[0] * x + m[2] * y + m[4]; this.y = m[1] * x + m[3] * y + m[5]; return this; }; Point.prototype.toArray = function (out) { out[0] = this.x; out[1] = this.y; return out; }; Point.prototype.fromArray = function (input) { this.x = input[0]; this.y = input[1]; }; Point.set = function (p, x, y) { p.x = x; p.y = y; }; Point.copy = function (p, p2) { p.x = p2.x; p.y = p2.y; }; Point.len = function (p) { return Math.sqrt(p.x * p.x + p.y * p.y); }; Point.lenSquare = function (p) { return p.x * p.x + p.y * p.y; }; Point.dot = function (p0, p1) { return p0.x * p1.x + p0.y * p1.y; }; Point.add = function (out, p0, p1) { out.x = p0.x + p1.x; out.y = p0.y + p1.y; }; Point.sub = function (out, p0, p1) { out.x = p0.x - p1.x; out.y = p0.y - p1.y; }; Point.scale = function (out, p0, scalar) { out.x = p0.x * scalar; out.y = p0.y * scalar; }; Point.scaleAndAdd = function (out, p0, p1, scalar) { out.x = p0.x + p1.x * scalar; out.y = p0.y + p1.y * scalar; }; Point.lerp = function (out, p0, p1, t) { var onet = 1 - t; out.x = onet * p0.x + t * p1.x; out.y = onet * p0.y + t * p1.y; }; return Point; }()); var mathMin = Math.min; var mathMax = Math.max; var mathAbs = Math.abs; var XY = ['x', 'y']; var WH = ['width', 'height']; var lt = new Point(); var rb = new Point(); var lb = new Point(); var rt = new Point(); var _intersectCtx = createIntersectContext(); var _minTv = _intersectCtx.minTv; var _maxTv = _intersectCtx.maxTv; var _lenMinMax = [0, 0]; var BoundingRect = (function () { function BoundingRect(x, y, width, height) { BoundingRect.set(this, x, y, width, height); } BoundingRect.set = function (target, x, y, width, height) { if (width < 0) { x = x + width; width = -width; } if (height < 0) { y = y + height; height = -height; } target.x = x; target.y = y; target.width = width; target.height = height; return target; }; BoundingRect.prototype.union = function (other) { var x = mathMin(other.x, this.x); var y = mathMin(other.y, this.y); if (isFinite(this.x) && isFinite(this.width)) { this.width = mathMax(other.x + other.width, this.x + this.width) - x; } else { this.width = other.width; } if (isFinite(this.y) && isFinite(this.height)) { this.height = mathMax(other.y + other.height, this.y + this.height) - y; } else { this.height = other.height; } this.x = x; this.y = y; }; BoundingRect.prototype.applyTransform = function (m) { BoundingRect.applyTransform(this, this, m); }; BoundingRect.prototype.calculateTransform = function (b) { var a = this; var sx = b.width / a.width; var sy = b.height / a.height; var m = create$1(); translate(m, m, [-a.x, -a.y]); scale$1(m, m, [sx, sy]); translate(m, m, [b.x, b.y]); return m; }; BoundingRect.prototype.intersect = function (b, mtv, opt) { return BoundingRect.intersect(this, b, mtv, opt); }; BoundingRect.intersect = function (a, b, mtv, opt) { if (mtv) { Point.set(mtv, 0, 0); } var outIntersectRect = opt && opt.outIntersectRect \|\| null; var clamp = opt && opt.clamp; if (outIntersectRect) { outIntersectRect.x = outIntersectRect.y = outIntersectRect.width = outIntersectRect.height = NaN; } if (!a \|\| !b) { return false; } if (!(a instanceof BoundingRect)) { a = BoundingRect.set(_tmpIntersectA, a.x, a.y, a.width, a.height); } if (!(b instanceof BoundingRect)) { b = BoundingRect.set(_tmpIntersectB, b.x, b.y, b.width, b.height); } var useMTV = !!mtv; _intersectCtx.reset(opt, useMTV); var touchThreshold = _intersectCtx.touchThreshold; var ax0 = a.x + touchThreshold; var ax1 = a.x + a.width - touchThreshold; var ay0 = a.y + touchThreshold; var ay1 = a.y + a.height - touchThreshold; var bx0 = b.x + touchThreshold; var bx1 = b.x + b.width - touchThreshold; var by0 = b.y + touchThreshold; var by1 = b.y + b.height - touchThreshold; if (ax0 > ax1 \|\| ay0 > ay1 \|\| bx0 > bx1 \|\| by0 > by1) { return false; } var overlap = !(ax1 < bx0 \|\| bx1 < ax0 \|\| ay1 < by0 \|\| by1 < ay0); if (useMTV \|\| outIntersectRect) { _lenMinMax[0] = Infinity; _lenMinMax[1] = 0; intersectOneDim(ax0, ax1, bx0, bx1, 0, useMTV, outIntersectRect, clamp); intersectOneDim(ay0, ay1, by0, by1, 1, useMTV, outIntersectRect, clamp); if (useMTV) { Point.copy(mtv, overlap ? (_intersectCtx.useDir ? _intersectCtx.dirMinTv : _minTv) : _maxTv); } } return overlap; }; BoundingRect.contain = function (rect, x, y) { return x >= rect.x && x <= (rect.x + rect.width) && y >= rect.y && y <= (rect.y + rect.height); }; BoundingRect.prototype.contain = function (x, y) { return BoundingRect.contain(this, x, y); }; BoundingRect.prototype.clone = function () { return new BoundingRect(this.x, this.y, this.width, this.height); }; BoundingRect.prototype.copy = function (other) { BoundingRect.copy(this, other); }; BoundingRect.prototype.plain = function () { return { x: this.x, y: this.y, width: this.width, height: this.height }; }; BoundingRect.prototype.isFinite = function () { return isFinite(this.x) && isFinite(this.y) && isFinite(this.width) && isFinite(this.height); }; BoundingRect.prototype.isZero = function () { return this.width === 0 \|\| this.height === 0; }; BoundingRect.create = function (rect) { return new BoundingRect(rect.x, rect.y, rect.width, rect.height); }; BoundingRect.copy = function (target, source) { target.x = source.x; target.y = source.y; target.width = source.width; target.height = source.height; return target; }; BoundingRect.applyTransform = function (target, source, m) { if (!m) { if (target !== source) { BoundingRect.copy(target, source); } return; } if (m[1] < 1e-5 && m[1] > -1e-5 && m[2] < 1e-5 && m[2] > -1e-5) { var sx = m[0]; var sy = m[3]; var tx = m[4]; var ty = m[5]; target.x = source.x * sx + tx; target.y = source.y * sy + ty; target.width = source.width * sx; target.height = source.height * sy; if (target.width < 0) { target.x += target.width; target.width = -target.width; } if (target.height < 0) { target.y += target.height; target.height = -target.height; } return; } lt.x = lb.x = source.x; lt.y = rt.y = source.y; rb.x = rt.x = source.x + source.width; rb.y = lb.y = source.y + source.height; lt.transform(m); rt.transform(m); rb.transform(m); lb.transform(m); target.x = mathMin(lt.x, rb.x, lb.x, rt.x); target.y = mathMin(lt.y, rb.y, lb.y, rt.y); var maxX = mathMax(lt.x, rb.x, lb.x, rt.x); var maxY = mathMax(lt.y, rb.y, lb.y, rt.y); target.width = maxX - target.x; target.height = maxY - target.y; }; return BoundingRect; }()); var _tmpIntersectA = new BoundingRect(0, 0, 0, 0); var _tmpIntersectB = new BoundingRect(0, 0, 0, 0); function intersectOneDim(a0, a1, b0, b1, updateDimIdx, useMTV, outIntersectRect, clamp) { var d0 = mathAbs(a1 - b0); var d1 = mathAbs(b1 - a0); var d01min = mathMin(d0, d1); var updateDim = XY[updateDimIdx]; var zeroDim = XY[1 - updateDimIdx]; var wh = WH[updateDimIdx]; if (a1 < b0 \|\| b1 < a0) { if (d0 < d1) { if (useMTV) { _maxTv[updateDim] = -d0; } if (clamp) { outIntersectRect[updateDim] = a1; outIntersectRect[wh] = 0; } } else { if (useMTV) { _maxTv[updateDim] = d1; } if (clamp) { outIntersectRect[updateDim] = a0; outIntersectRect[wh] = 0; } } } else { if (outIntersectRect) { outIntersectRect[updateDim] = mathMax(a0, b0); outIntersectRect[wh] = mathMin(a1, b1) - outIntersectRect[updateDim]; } if (useMTV) { if (d01min < _lenMinMax[0] \|\| _intersectCtx.useDir) { _lenMinMax[0] = mathMin(d01min, _lenMinMax[0]); if (d0 < d1 \|\| !_intersectCtx.bidirectional) { _minTv[updateDim] = d0; _minTv[zeroDim] = 0; if (_intersectCtx.useDir) { _intersectCtx.calcDirMTV(); } } if (d0 >= d1 \|\| !_intersectCtx.bidirectional) { _minTv[updateDim] = -d1; _minTv[zeroDim] = 0; if (_intersectCtx.useDir) { _intersectCtx.calcDirMTV(); } } } } } } function createIntersectContext() { var _direction = 0; var _dirCheckVec = new Point(); var _dirTmp = new Point(); var _ctx = { minTv: new Point(), maxTv: new Point(), useDir: false, dirMinTv: new Point(), touchThreshold: 0, bidirectional: true, negativeSize: false, reset: function (opt, useMTV) { _ctx.touchThreshold = 0; if (opt && opt.touchThreshold != null) { _ctx.touchThreshold = mathMax(0, opt.touchThreshold); } _ctx.negativeSize = false; if (!useMTV) { return; } _ctx.minTv.set(Infinity, Infinity); _ctx.maxTv.set(0, 0); _ctx.useDir = false; if (opt && opt.direction != null) { _ctx.useDir = true; _ctx.dirMinTv.copy(_ctx.minTv); _dirTmp.copy(_ctx.minTv); _direction = opt.direction; _ctx.bidirectional = opt.bidirectional == null \|\| !!opt.bidirectional; if (!_ctx.bidirectional) { _dirCheckVec.set(Math.cos(_direction), Math.sin(_direction)); } } }, calcDirMTV: function () { var minTv = _ctx.minTv; var dirMinTv = _ctx.dirMinTv; var squareMag = minTv.y * minTv.y + minTv.x * minTv.x; var dirSin = Math.sin(_direction); var dirCos = Math.cos(_direction); var dotProd = dirSin * minTv.y + dirCos * minTv.x; if (nearZero(dotProd)) { if (nearZero(minTv.x) && nearZero(minTv.y)) { dirMinTv.set(0, 0); } return; } _dirTmp.x = squareMag * dirCos / dotProd; _dirTmp.y = squareMag * dirSin / dotProd; if (nearZero(_dirTmp.x) && nearZero(_dirTmp.y)) { dirMinTv.set(0, 0); return; } if ((_ctx.bidirectional \|\| _dirCheckVec.dot(_dirTmp) > 0) && _dirTmp.len() < dirMinTv.len()) { dirMinTv.copy(_dirTmp); } } }; function nearZero(val) { return mathAbs(val) < 1e-10; } return _ctx; } var SILENT = 'silent'; function makeEventPacket(eveType, targetInfo, event) { return { type: eveType, event: event, target: targetInfo.target, topTarget: targetInfo.topTarget, cancelBubble: false, offsetX: event.zrX, offsetY: event.zrY, gestureEvent: event.gestureEvent, pinchX: event.pinchX, pinchY: event.pinchY, pinchScale: event.pinchScale, wheelDelta: event.zrDelta, zrByTouch: event.zrByTouch, which: event.which, stop: stopEvent }; } function stopEvent() { stop(this.event); } var EmptyProxy = (function (_super) { __extends(EmptyProxy, _super); function EmptyProxy() { var _this = _super !== null && _super.apply(this, arguments) \|\| this; _this.handler = null; return _this; } EmptyProxy.prototype.dispose = function () { }; EmptyProxy.prototype.setCursor = function () { }; return EmptyProxy; }(Eventful)); var HoveredResult = (function () { function HoveredResult(x, y) { this.x = x; this.y = y; } return HoveredResult; }()); var handlerNames = [ 'click', 'dblclick', 'mousewheel', 'mouseout', 'mouseup', 'mousedown', 'mousemove', 'contextmenu' ]; var tmpRect = new BoundingRect(0, 0, 0, 0); var Handler = (function (_super) { __extends(Handler, _super); function Handler(storage, painter, proxy, painterRoot, pointerSize) { var _this = _super.call(this) \|\| this; _this._hovered = new HoveredResult(0, 0); _this.storage = storage; _this.painter = painter; _this.painterRoot = painterRoot; _this._pointerSize = pointerSize; proxy = proxy \|\| new EmptyProxy(); _this.proxy = null; _this.setHandlerProxy(proxy); _this._draggingMgr = new Draggable(_this); return _this; } Handler.prototype.setHandlerProxy = function (proxy) { if (this.proxy) { this.proxy.dispose(); } if (proxy) { each(handlerNames, function (name) { proxy.on && proxy.on(name, this[name], this); }, this); proxy.handler = this; } this.proxy = proxy; }; Handler.prototype.mousemove = function (event) { var x = event.zrX; var y = event.zrY; var isOutside = isOutsideBoundary(this, x, y); var lastHovered = this._hovered; var lastHoveredTarget = lastHovered.target; if (lastHoveredTarget && !lastHoveredTarget.__zr) { lastHovered = this.findHover(lastHovered.x, lastHovered.y); lastHoveredTarget = lastHovered.target; } var hovered = this._hovered = isOutside ? new HoveredResult(x, y) : this.findHover(x, y); var hoveredTarget = hovered.target; var proxy = this.proxy; proxy.setCursor && proxy.setCursor(hoveredTarget ? hoveredTarget.cursor : 'default'); if (lastHoveredTarget && hoveredTarget !== lastHoveredTarget) { this.dispatchToElement(lastHovered, 'mouseout', event); } this.dispatchToElement(hovered, 'mousemove', event); if (hoveredTarget && hoveredTarget !== lastHoveredTarget) { this.dispatchToElement(hovered, 'mouseover', event); } }; Handler.prototype.mouseout = function (event) { var eventControl = event.zrEventControl; if (eventControl !== 'only_globalout') { this.dispatchToElement(this._hovered, 'mouseout', event); } if (eventControl !== 'no_globalout') { this.trigger('globalout', { type: 'globalout', event: event }); } }; Handler.prototype.resize = function () { this._hovered = new HoveredResult(0, 0); }; Handler.prototype.dispatch = function (eventName, eventArgs) { var handler = this[eventName]; handler && handler.call(this, eventArgs); }; Handler.prototype.dispose = function () { this.proxy.dispose(); this.storage = null; this.proxy = null; this.painter = null; }; Handler.prototype.setCursorStyle = function (cursorStyle) { var proxy = this.proxy; proxy.setCursor && proxy.setCursor(cursorStyle); }; Handler.prototype.dispatchToElement = function (targetInfo, eventName, event) { targetInfo = targetInfo \|\| {}; var el = targetInfo.target; if (el && el.silent) { return; } var eventKey = ('on' + eventName); var eventPacket = makeEventPacket(eventName, targetInfo, event); while (el) { el[eventKey] && (eventPacket.cancelBubble = !!el[eventKey].call(el, eventPacket)); el.trigger(eventName, eventPacket); el = el.__hostTarget ? el.__hostTarget : el.parent; if (eventPacket.cancelBubble) { break; } } if (!eventPacket.cancelBubble) { this.trigger(eventName, eventPacket); if (this.painter && this.painter.eachOtherLayer) { this.painter.eachOtherLayer(function (layer) { if (typeof (layer[eventKey]) === 'function') { layer[eventKey].call(layer, eventPacket); } if (layer.trigger) { layer.trigger(eventName, eventPacket); } }); } } }; Handler.prototype.findHover = function (x, y, exclude) { var list = this.storage.getDisplayList(); var out = new HoveredResult(x, y); setHoverTarget(list, out, x, y, exclude); if (this._pointerSize && !out.target) { var candidates = []; var pointerSize = this._pointerSize; var targetSizeHalf = pointerSize / 2; var pointerRect = new BoundingRect(x - targetSizeHalf, y - targetSizeHalf, pointerSize, pointerSize); for (var i = list.length - 1; i >= 0; i--) { var el = list[i]; if (el !== exclude && !el.ignore && !el.ignoreCoarsePointer && (!el.parent \|\| !el.parent.ignoreCoarsePointer)) { tmpRect.copy(el.getBoundingRect()); if (el.transform) { tmpRect.applyTransform(el.transform); } if (tmpRect.intersect(pointerRect)) { candidates.push(el); } } } if (candidates.length) { var rStep = 4; var thetaStep = Math.PI / 12; var PI2 = Math.PI * 2; for (var r = 0; r < targetSizeHalf; r += rStep) { for (var theta = 0; theta < PI2; theta += thetaStep) { var x1 = x + r * Math.cos(theta); var y1 = y + r * Math.sin(theta); setHoverTarget(candidates, out, x1, y1, exclude); if (out.target) { return out; } } } } } return out; }; Handler.prototype.processGesture = function (event, stage) { if (!this._gestureMgr) { this._gestureMgr = new GestureMgr(); } var gestureMgr = this._gestureMgr; stage === 'start' && gestureMgr.clear(); var gestureInfo = gestureMgr.recognize(event, this.findHover(event.zrX, event.zrY, null).target, this.proxy.dom); stage === 'end' && gestureMgr.clear(); if (gestureInfo) { var type = gestureInfo.type; event.gestureEvent = type; var res = new HoveredResult(); res.target = gestureInfo.target; this.dispatchToElement(res, type, gestureInfo.event); } }; return Handler; }(Eventful)); each(['click', 'mousedown', 'mouseup', 'mousewheel', 'dblclick', 'contextmenu'], function (name) { Handler.prototype[name] = function (event) { var x = event.zrX; var y = event.zrY; var isOutside = isOutsideBoundary(this, x, y); var hovered; var hoveredTarget; if (name !== 'mouseup' \|\| !isOutside) { hovered = this.findHover(x, y); hoveredTarget = hovered.target; } if (name === 'mousedown') { this._downEl = hoveredTarget; this._downPoint = [event.zrX, event.zrY]; this._upEl = hoveredTarget; } else if (name === 'mouseup') { this._upEl = hoveredTarget; } else if (name === 'click') { if (this._downEl !== this._upEl \|\| !this._downPoint \|\| dist(this._downPoint, [event.zrX, event.zrY]) > 4) { return; } this._downPoint = null; } this.dispatchToElement(hovered, name, event); }; }); function isHover(displayable, x, y) { if (displayable[displayable.rectHover ? 'rectContain' : 'contain'](x, y)) { var el = displayable; var isSilent = void 0; var ignoreClip = false; while (el) { if (el.ignoreClip) { ignoreClip = true; } if (!ignoreClip) { var clipPath = el.getClipPath(); if (clipPath && !clipPath.contain(x, y)) { return false; } } if (el.silent) { isSilent = true; } var hostEl = el.__hostTarget; el = hostEl ? (el.ignoreHostSilent ? null : hostEl) : el.parent; } return isSilent ? SILENT : true; } return false; } function setHoverTarget(list, out, x, y, exclude) { for (var i = list.length - 1; i >= 0; i--) { var el = list[i]; var hoverCheckResult = void 0; if (el !== exclude && !el.ignore && (hoverCheckResult = isHover(el, x, y))) { !out.topTarget && (out.topTarget = el); if (hoverCheckResult !== SILENT) { out.target = el; break; } } } } function isOutsideBoundary(handlerInstance, x, y) { var painter = handlerInstance.painter; return x < 0 \|\| x > painter.getWidth() \|\| y < 0 \|\| y > painter.getHeight(); } var DEFAULT_MIN_MERGE = 32; var DEFAULT_MIN_GALLOPING = 7; function minRunLength(n) { var r = 0; while (n >= DEFAULT_MIN_MERGE) { r \|= n & 1; n >>= 1; } return n + r; } function makeAscendingRun(array, lo, hi, compare) { var runHi = lo + 1; if (runHi === hi) { return 1; } if (compare(array[runHi++], array[lo]) < 0) { while (runHi < hi && compare(array[runHi], array[runHi - 1]) < 0) { runHi++; } reverseRun(array, lo, runHi); } else { while (runHi < hi && compare(array[runHi], array[runHi - 1]) >= 0) { runHi++; } } return runHi - lo; } function reverseRun(array, lo, hi) { hi--; while (lo < hi) { var t = array[lo]; array[lo++] = array[hi]; array[hi--] = t; } } function binaryInsertionSort(array, lo, hi, start, compare) { if (start === lo) { start++; } for (; start < hi; start++) { var pivot = array[start]; var left = lo; var right = start; var mid; while (left < right) { mid = left + right >>> 1; if (compare(pivot, array[mid]) < 0) { right = mid; } else { left = mid + 1; } } var n = start - left; switch (n) { case 3: array[left + 3] = array[left + 2]; case 2: array[left + 2] = array[left + 1]; case 1: array[left + 1] = array[left]; break; default: while (n > 0) { array[left + n] = array[left + n - 1]; n--; } } array[left] = pivot; } } function gallopLeft(value, array, start, length, hint, compare) { var lastOffset = 0; var maxOffset = 0; var offset = 1; if (compare(value, array[start + hint]) > 0) { maxOffset = length - hint; while (offset < maxOffset && compare(value, array[start + hint + offset]) > 0) { lastOffset = offset; offset = (offset << 1) + 1; if (offset <= 0) { offset = maxOffset; } } if (offset > maxOffset) { offset = maxOffset; } lastOffset += hint; offset += hint; } else { maxOffset = hint + 1; while (offset < maxOffset && compare(value, array[start + hint - offset]) <= 0) { lastOffset = offset; offset = (offset << 1) + 1; if (offset <= 0) { offset = maxOffset; } } if (offset > maxOffset) { offset = maxOffset; } var tmp = lastOffset; lastOffset = hint - offset; offset = hint - tmp; } lastOffset++; while (lastOffset < offset) { var m = lastOffset + (offset - lastOffset >>> 1); if (compare(value, array[start + m]) > 0) { lastOffset = m + 1; } else { offset = m; } } return offset; } function gallopRight(value, array, start, length, hint, compare) { var lastOffset = 0; var maxOffset = 0; var offset = 1; if (compare(value, array[start + hint]) < 0) { maxOffset = hint + 1; while (offset < maxOffset && compare(value, array[start + hint - offset]) < 0) { lastOffset = offset; offset = (offset << 1) + 1; if (offset <= 0) { offset = maxOffset; } } if (offset > maxOffset) { offset = maxOffset; } var tmp = lastOffset; lastOffset = hint - offset; offset = hint - tmp; } else { maxOffset = length - hint; while (offset < maxOffset && compare(value, array[start + hint + offset]) >= 0) { lastOffset = offset; offset = (offset << 1) + 1; if (offset <= 0) { offset = maxOffset; } } if (offset > maxOffset) { offset = maxOffset; } lastOffset += hint; offset += hint; } lastOffset++; while (lastOffset < offset) { var m = lastOffset + (offset - lastOffset >>> 1); if (compare(value, array[start + m]) < 0) { offset = m; } else { lastOffset = m + 1; } } return offset; } function TimSort(array, compare) { var minGallop = DEFAULT_MIN_GALLOPING; var runStart; var runLength; var stackSize = 0; var tmp = []; runStart = []; runLength = []; function pushRun(_runStart, _runLength) { runStart[stackSize] = _runStart; runLength[stackSize] = _runLength; stackSize += 1; } function mergeRuns() { while (stackSize > 1) { var n = stackSize - 2; if ((n >= 1 && runLength[n - 1] <= runLength[n] + runLength[n + 1]) \|\| (n >= 2 && runLength[n - 2] <= runLength[n] + runLength[n - 1])) { if (runLength[n - 1] < runLength[n + 1]) { n--; } } else if (runLength[n] > runLength[n + 1]) { break; } mergeAt(n); } } function forceMergeRuns() { while (stackSize > 1) { var n = stackSize - 2; if (n > 0 && runLength[n - 1] < runLength[n + 1]) { n--; } mergeAt(n); } } function mergeAt(i) { var start1 = runStart[i]; var length1 = runLength[i]; var start2 = runStart[i + 1]; var length2 = runLength[i + 1]; runLength[i] = length1 + length2; if (i === stackSize - 3) { runStart[i + 1] = runStart[i + 2]; runLength[i + 1] = runLength[i + 2]; } stackSize--; var k = gallopRight(array[start2], array, start1, length1, 0, compare); start1 += k; length1 -= k; if (length1 === 0) { return; } length2 = gallopLeft(array[start1 + length1 - 1], array, start2, length2, length2 - 1, compare); if (length2 === 0) { return; } if (length1 <= length2) { mergeLow(start1, length1, start2, length2); } else { mergeHigh(start1, length1, start2, length2); } } function mergeLow(start1, length1, start2, length2) { var i = 0; for (i = 0; i < length1; i++) { tmp[i] = array[start1 + i]; } var cursor1 = 0; var cursor2 = start2; var dest = start1; array[dest++] = array[cursor2++]; if (--length2 === 0) { for (i = 0; i < length1; i++) { array[dest + i] = tmp[cursor1 + i]; } return; } if (length1 === 1) { for (i = 0; i < length2; i++) { array[dest + i] = array[cursor2 + i]; } array[dest + length2] = tmp[cursor1]; return; } var _minGallop = minGallop; var count1; var count2; var exit; while (1) { count1 = 0; count2 = 0; exit = false; do { if (compare(array[cursor2], tmp[cursor1]) < 0) { array[dest++] = array[cursor2++]; count2++; count1 = 0; if (--length2 === 0) { exit = true; break; } } else { array[dest++] = tmp[cursor1++]; count1++; count2 = 0; if (--length1 === 1) { exit = true; break; } } } while ((count1 \| count2) < _minGallop); if (exit) { break; } do { count1 = gallopRight(array[cursor2], tmp, cursor1, length1, 0, compare); if (count1 !== 0) { for (i = 0; i < count1; i++) { array[dest + i] = tmp[cursor1 + i]; } dest += count1; cursor1 += count1; length1 -= count1; if (length1 <= 1) { exit = true; break; } } array[dest++] = array[cursor2++]; if (--length2 === 0) { exit = true; break; } count2 = gallopLeft(tmp[cursor1], array, cursor2, length2, 0, compare); if (count2 !== 0) { for (i = 0; i < count2; i++) { array[dest + i] = array[cursor2 + i]; } dest += count2; cursor2 += count2; length2 -= count2; if (length2 === 0) { exit = true; break; } } array[dest++] = tmp[cursor1++]; if (--length1 === 1) { exit = true; break; } _minGallop--; } while (count1 >= DEFAULT_MIN_GALLOPING \|\| count2 >= DEFAULT_MIN_GALLOPING); if (exit) { break; } if (_minGallop < 0) { _minGallop = 0; } _minGallop += 2; } minGallop = _minGallop; minGallop < 1 && (minGallop = 1); if (length1 === 1) { for (i = 0; i < length2; i++) { array[dest + i] = array[cursor2 + i]; } array[dest + length2] = tmp[cursor1]; } else if (length1 === 0) { throw new Error(); } else { for (i = 0; i < length1; i++) { array[dest + i] = tmp[cursor1 + i]; } } } function mergeHigh(start1, length1, start2, length2) { var i = 0; for (i = 0; i < length2; i++) { tmp[i] = array[start2 + i]; } var cursor1 = start1 + length1 - 1; var cursor2 = length2 - 1; var dest = start2 + length2 - 1; var customCursor = 0; var customDest = 0; array[dest--] = array[cursor1--]; if (--length1 === 0) { customCursor = dest - (length2 - 1); for (i = 0; i < length2; i++) { array[customCursor + i] = tmp[i]; } return; } if (length2 === 1) { dest -= length1; cursor1 -= length1; customDest = dest + 1; customCursor = cursor1 + 1; for (i = length1 - 1; i >= 0; i--) { array[customDest + i] = array[customCursor + i]; } array[dest] = tmp[cursor2]; return; } var _minGallop = minGallop; while (true) { var count1 = 0; var count2 = 0; var exit = false; do { if (compare(tmp[cursor2], array[cursor1]) < 0) { array[dest--] = array[cursor1--]; count1++; count2 = 0; if (--length1 === 0) { exit = true; break; } } else { array[dest--] = tmp[cursor2--]; count2++; count1 = 0; if (--length2 === 1) { exit = true; break; } } } while ((count1 \| count2) < _minGallop); if (exit) { break; } do { count1 = length1 - gallopRight(tmp[cursor2], array, start1, length1, length1 - 1, compare); if (count1 !== 0) { dest -= count1; cursor1 -= count1; length1 -= count1; customDest = dest + 1; customCursor = cursor1 + 1; for (i = count1 - 1; i >= 0; i--) { array[customDest + i] = array[customCursor + i]; } if (length1 === 0) { exit = true; break; } } array[dest--] = tmp[cursor2--]; if (--length2 === 1) { exit = true; break; } count2 = length2 - gallopLeft(array[cursor1], tmp, 0, length2, length2 - 1, compare); if (count2 !== 0) { dest -= count2; cursor2 -= count2; length2 -= count2; customDest = dest + 1; customCursor = cursor2 + 1; for (i = 0; i < count2; i++) { array[customDest + i] = tmp[customCursor + i]; } if (length2 <= 1) { exit = true; break; } } array[dest--] = array[cursor1--]; if (--length1 === 0) { exit = true; break; } _minGallop--; } while (count1 >= DEFAULT_MIN_GALLOPING \|\| count2 >= DEFAULT_MIN_GALLOPING); if (exit) { break; } if (_minGallop < 0) { _minGallop = 0; } _minGallop += 2; } minGallop = _minGallop; if (minGallop < 1) { minGallop = 1; } if (length2 === 1) { dest -= length1; cursor1 -= length1; customDest = dest + 1; customCursor = cursor1 + 1; for (i = length1 - 1; i >= 0; i--) { array[customDest + i] = array[customCursor + i]; } array[dest] = tmp[cursor2]; } else if (length2 === 0) { throw new Error(); } else { customCursor = dest - (length2 - 1); for (i = 0; i < length2; i++) { array[customCursor + i] = tmp[i]; } } } return { mergeRuns: mergeRuns, forceMergeRuns: forceMergeRuns, pushRun: pushRun }; } function sort(array, compare, lo, hi) { if (!lo) { lo = 0; } if (!hi) { hi = array.length; } var remaining = hi - lo; if (remaining < 2) { return; } var runLength = 0; if (remaining < DEFAULT_MIN_MERGE) { runLength = makeAscendingRun(array, lo, hi, compare); binaryInsertionSort(array, lo, hi, lo + runLength, compare); return; } var ts = TimSort(array, compare); var minRun = minRunLength(remaining); do { runLength = makeAscendingRun(array, lo, hi, compare); if (runLength < minRun) { var force = remaining; if (force > minRun) { force = minRun; } binaryInsertionSort(array, lo, lo + force, lo + runLength, compare); runLength = force; } ts.pushRun(lo, runLength); ts.mergeRuns(); remaining -= runLength; lo += runLength; } while (remaining !== 0); ts.forceMergeRuns(); } var REDRAW_BIT = 1; var STYLE_CHANGED_BIT = 2; var SHAPE_CHANGED_BIT = 4; var invalidZErrorLogged = false; function logInvalidZError() { if (invalidZErrorLogged) { return; } invalidZErrorLogged = true; console.warn('z / z2 / zlevel of displayable is invalid, which may cause unexpected errors'); } function shapeCompareFunc(a, b) { if (a.zlevel === b.zlevel) { if (a.z === b.z) { return a.z2 - b.z2; } return a.z - b.z; } return a.zlevel - b.zlevel; } var Storage = (function () { function Storage() { this._roots = []; this._displayList = []; this._displayListLen = 0; this.displayableSortFunc = shapeCompareFunc; } Storage.prototype.traverse = function (cb, context) { for (var i = 0; i < this._roots.length; i++) { this._roots[i].traverse(cb, context); } }; Storage.prototype.getDisplayList = function (update, includeIgnore) { includeIgnore = includeIgnore \|\| false; var displayList = this._displayList; if (update \|\| !displayList.length) { this.updateDisplayList(includeIgnore); } return displayList; }; Storage.prototype.updateDisplayList = function (includeIgnore) { this._displayListLen = 0; var roots = this._roots; var displayList = this._displayList; for (var i = 0, len = roots.length; i < len; i++) { this._updateAndAddDisplayable(roots[i], null, includeIgnore); } displayList.length = this._displayListLen; sort(displayList, shapeCompareFunc); }; Storage.prototype._updateAndAddDisplayable = function (el, parentClipPaths, includeIgnore) { if (el.ignore && !includeIgnore) { return; } el.beforeUpdate(); el.update(); el.afterUpdate(); var userSetClipPath = el.getClipPath(); var parentHasClipPaths = parentClipPaths && parentClipPaths.length; var clipPathIdx = 0; var thisClipPaths = el.__clipPaths; if (!el.ignoreClip && (parentHasClipPaths \|\| userSetClipPath)) { if (!thisClipPaths) { thisClipPaths = el.__clipPaths = []; } if (parentHasClipPaths) { for (var idx = 0; idx < parentClipPaths.length; idx++) { thisClipPaths[clipPathIdx++] = parentClipPaths[idx]; } } var currentClipPath = userSetClipPath; var parentClipPath = el; while (currentClipPath) { currentClipPath.parent = parentClipPath; currentClipPath.updateTransform(); thisClipPaths[clipPathIdx++] = currentClipPath; parentClipPath = currentClipPath; currentClipPath = currentClipPath.getClipPath(); } } if (thisClipPaths) { thisClipPaths.length = clipPathIdx; } if (el.childrenRef) { var children = el.childrenRef(); for (var i = 0; i < children.length; i++) { var child = children[i]; if (el.__dirty) { child.__dirty \|= REDRAW_BIT; } this._updateAndAddDisplayable(child, thisClipPaths, includeIgnore); } el.__dirty = 0; } else { var disp = el; if (isNaN(disp.z)) { logInvalidZError(); disp.z = 0; } if (isNaN(disp.z2)) { logInvalidZError(); disp.z2 = 0; } if (isNaN(disp.zlevel)) { logInvalidZError(); disp.zlevel = 0; } this._displayList[this._displayListLen++] = disp; } var decalEl = el.getDecalElement && el.getDecalElement(); if (decalEl) { this._updateAndAddDisplayable(decalEl, thisClipPaths, includeIgnore); } var textGuide = el.getTextGuideLine(); if (textGuide) { this._updateAndAddDisplayable(textGuide, thisClipPaths, includeIgnore); } var textEl = el.getTextContent(); if (textEl) { this._updateAndAddDisplayable(textEl, thisClipPaths, includeIgnore); } }; Storage.prototype.addRoot = function (el) { if (el.__zr && el.__zr.storage === this) { return; } this._roots.push(el); }; Storage.prototype.delRoot = function (el) { if (el instanceof Array) { for (var i = 0, l = el.length; i < l; i++) { this.delRoot(el[i]); } return; } var idx = indexOf(this._roots, el); if (idx >= 0) { this._roots.splice(idx, 1); } }; Storage.prototype.delAllRoots = function () { this._roots = []; this._displayList = []; this._displayListLen = 0; return; }; Storage.prototype.getRoots = function () { return this._roots; }; Storage.prototype.dispose = function () { this._displayList = null; this._roots = null; }; return Storage; }()); var requestAnimationFrame; requestAnimationFrame = (env.hasGlobalWindow && ((window.requestAnimationFrame && window.requestAnimationFrame.bind(window)) \|\| (window.msRequestAnimationFrame && window.msRequestAnimationFrame.bind(window)) \|\| window.mozRequestAnimationFrame \|\| window.webkitRequestAnimationFrame)) \|\| function (func) { return setTimeout(func, 16); }; var requestAnimationFrame$1 = requestAnimationFrame; var easingFuncs = { linear: function (k) { return k; }, quadraticIn: function (k) { return k * k; }, quadraticOut: function (k) { return k * (2 - k); }, quadraticInOut: function (k) { if ((k = 2) < 1) { return 0.5 k * k; } return -0.5 * (--k * (k - 2) - 1); }, cubicIn: function (k) { return k * k * k; }, cubicOut: function (k) { return --k * k * k + 1; }, cubicInOut: function (k) { if ((k = 2) < 1) { return 0.5 k * k * k; } return 0.5 * ((k -= 2) * k * k + 2); }, quarticIn: function (k) { return k * k * k * k; }, quarticOut: function (k) { return 1 - (--k * k * k * k); }, quarticInOut: function (k) { if ((k = 2) < 1) { return 0.5 k * k * k * k; } return -0.5 * ((k -= 2) * k * k * k - 2); }, quinticIn: function (k) { return k * k * k * k * k; }, quinticOut: function (k) { return --k * k * k * k * k + 1; }, quinticInOut: function (k) { if ((k = 2) < 1) { return 0.5 k * k * k * k * k; } return 0.5 * ((k -= 2) * k * k * k * k + 2); }, sinusoidalIn: function (k) { return 1 - Math.cos(k * Math.PI / 2); }, sinusoidalOut: function (k) { return Math.sin(k * Math.PI / 2); }, sinusoidalInOut: function (k) { return 0.5 * (1 - Math.cos(Math.PI * k)); }, exponentialIn: function (k) { return k === 0 ? 0 : Math.pow(1024, k - 1); }, exponentialOut: function (k) { return k === 1 ? 1 : 1 - Math.pow(2, -10 * k); }, exponentialInOut: function (k) { if (k === 0) { return 0; } if (k === 1) { return 1; } if ((k = 2) < 1) { return 0.5 Math.pow(1024, k - 1); } return 0.5 * (-Math.pow(2, -10 * (k - 1)) + 2); }, circularIn: function (k) { return 1 - Math.sqrt(1 - k * k); }, circularOut: function (k) { return Math.sqrt(1 - (--k * k)); }, circularInOut: function (k) { if ((k = 2) < 1) { return -0.5 (Math.sqrt(1 - k * k) - 1); } return 0.5 * (Math.sqrt(1 - (k -= 2) * k) + 1); }, elasticIn: function (k) { var s; var a = 0.1; var p = 0.4; if (k === 0) { return 0; } if (k === 1) { return 1; } if (!a \|\| a < 1) { a = 1; s = p / 4; } else { s = p * Math.asin(1 / a) / (2 * Math.PI); } return -(a * Math.pow(2, 10 * (k -= 1)) * Math.sin((k - s) * (2 * Math.PI) / p)); }, elasticOut: function (k) { var s; var a = 0.1; var p = 0.4; if (k === 0) { return 0; } if (k === 1) { return 1; } if (!a \|\| a < 1) { a = 1; s = p / 4; } else { s = p * Math.asin(1 / a) / (2 * Math.PI); } return (a * Math.pow(2, -10 * k) * Math.sin((k - s) * (2 * Math.PI) / p) + 1); }, elasticInOut: function (k) { var s; var a = 0.1; var p = 0.4; if (k === 0) { return 0; } if (k === 1) { return 1; } if (!a \|\| a < 1) { a = 1; s = p / 4; } else { s = p * Math.asin(1 / a) / (2 * Math.PI); } if ((k = 2) < 1) { return -0.5 (a * Math.pow(2, 10 * (k -= 1)) * Math.sin((k - s) * (2 * Math.PI) / p)); } return a * Math.pow(2, -10 * (k -= 1)) * Math.sin((k - s) * (2 * Math.PI) / p) * 0.5 + 1; }, backIn: function (k) { var s = 1.70158; return k * k * ((s + 1) * k - s); }, backOut: function (k) { var s = 1.70158; return --k * k * ((s + 1) * k + s) + 1; }, backInOut: function (k) { var s = 1.70158 * 1.525; if ((k = 2) < 1) { return 0.5 (k * k * ((s + 1) * k - s)); } return 0.5 * ((k -= 2) * k * ((s + 1) * k + s) + 2); }, bounceIn: function (k) { return 1 - easingFuncs.bounceOut(1 - k); }, bounceOut: function (k) { if (k < (1 / 2.75)) { return 7.5625 * k * k; } else if (k < (2 / 2.75)) { return 7.5625 * (k -= (1.5 / 2.75)) * k + 0.75; } else if (k < (2.5 / 2.75)) { return 7.5625 * (k -= (2.25 / 2.75)) * k + 0.9375; } else { return 7.5625 * (k -= (2.625 / 2.75)) * k + 0.984375; } }, bounceInOut: function (k) { if (k < 0.5) { return easingFuncs.bounceIn(k * 2) * 0.5; } return easingFuncs.bounceOut(k * 2 - 1) * 0.5 + 0.5; } }; var mathPow = Math.pow; var mathSqrt = Math.sqrt; var EPSILON$1 = 1e-8; var EPSILON_NUMERIC = 1e-4; var THREE_SQRT = mathSqrt(3); var ONE_THIRD = 1 / 3; var _v0 = create(); var _v1 = create(); var _v2 = create(); function isAroundZero(val) { return val > -EPSILON$1 && val < EPSILON$1; } function isNotAroundZero(val) { return val > EPSILON$1 \|\| val < -EPSILON$1; } function cubicAt(p0, p1, p2, p3, t) { var onet = 1 - t; return onet * onet * (onet * p0 + 3 * t * p1) + t * t * (t * p3 + 3 * onet * p2); } 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); } function cubicRootAt(p0, p1, p2, p3, val, roots) { var a = p3 + 3 * (p1 - p2) - p0; var b = 3 * (p2 - p1 * 2 + p0); var c = 3 * (p1 - p0); var d = p0 - val; var A = b * b - 3 * a * c; var B = b * c - 9 * a * d; var C = c * c - 3 * b * d; var n = 0; if (isAroundZero(A) && isAroundZero(B)) { if (isAroundZero(b)) { roots[0] = 0; } else { var t1 = -c / b; if (t1 >= 0 && t1 <= 1) { roots[n++] = t1; } } } else { var disc = B * B - 4 * A * C; if (isAroundZero(disc)) { var K = B / A; var t1 = -b / a + K; var t2 = -K / 2; if (t1 >= 0 && t1 <= 1) { roots[n++] = t1; } if (t2 >= 0 && t2 <= 1) { roots[n++] = t2; } } else if (disc > 0) { var discSqrt = mathSqrt(disc); var Y1 = A * b + 1.5 * a * (-B + discSqrt); var Y2 = A * b + 1.5 * a * (-B - discSqrt); if (Y1 < 0) { Y1 = -mathPow(-Y1, ONE_THIRD); } else { Y1 = mathPow(Y1, ONE_THIRD); } if (Y2 < 0) { Y2 = -mathPow(-Y2, ONE_THIRD); } else { Y2 = mathPow(Y2, ONE_THIRD); } var t1 = (-b - (Y1 + Y2)) / (3 * a); if (t1 >= 0 && t1 <= 1) { roots[n++] = t1; } } else { var T = (2 * A * b - 3 * a * B) / (2 * mathSqrt(A * A * A)); var theta = Math.acos(T) / 3; var ASqrt = mathSqrt(A); var tmp = Math.cos(theta); var t1 = (-b - 2 * ASqrt * tmp) / (3 * a); var t2 = (-b + ASqrt * (tmp + THREE_SQRT * Math.sin(theta))) / (3 * a); var t3 = (-b + ASqrt * (tmp - THREE_SQRT * Math.sin(theta))) / (3 * a); if (t1 >= 0 && t1 <= 1) { roots[n++] = t1; } if (t2 >= 0 && t2 <= 1) { roots[n++] = t2; } if (t3 >= 0 && t3 <= 1) { roots[n++] = t3; } } } return n; } function cubicExtrema(p0, p1, p2, p3, extrema) { var b = 6 * p2 - 12 * p1 + 6 * p0; var a = 9 * p1 + 3 * p3 - 3 * p0 - 9 * p2; var c = 3 * p1 - 3 * p0; var n = 0; if (isAroundZero(a)) { if (isNotAroundZero(b)) { var t1 = -c / b; if (t1 >= 0 && t1 <= 1) { extrema[n++] = t1; } } } else { var disc = b * b - 4 * a * c; if (isAroundZero(disc)) { extrema[0] = -b / (2 * a); } else if (disc > 0) { var discSqrt = mathSqrt(disc); var t1 = (-b + discSqrt) / (2 * a); var t2 = (-b - discSqrt) / (2 * a); if (t1 >= 0 && t1 <= 1) { extrema[n++] = t1; } if (t2 >= 0 && t2 <= 1) { extrema[n++] = t2; } } } return n; } function cubicSubdivide(p0, p1, p2, p3, t, out) { var p01 = (p1 - p0) * t + p0; var p12 = (p2 - p1) * t + p1; var p23 = (p3 - p2) * t + p2; var p012 = (p12 - p01) * t + p01; var p123 = (p23 - p12) * t + p12; var p0123 = (p123 - p012) * t + p012; out[0] = p0; out[1] = p01; out[2] = p012; out[3] = p0123; out[4] = p0123; out[5] = p123; out[6] = p23; out[7] = p3; } function cubicProjectPoint(x0, y0, x1, y1, x2, y2, x3, y3, x, y, out) { var t; var interval = 0.005; var d = Infinity; var prev; var next; var d1; var d2; _v0[0] = x; _v0[1] = y; for (var _t = 0; _t < 1; _t += 0.05) { _v1[0] = cubicAt(x0, x1, x2, x3, _t); _v1[1] = cubicAt(y0, y1, y2, y3, _t); d1 = distSquare(_v0, _v1); if (d1 < d) { t = _t; d = d1; } } d = Infinity; for (var i = 0; i < 32; i++) { if (interval < EPSILON_NUMERIC) { break; } prev = t - interval; next = t + interval; _v1[0] = cubicAt(x0, x1, x2, x3, prev); _v1[1] = cubicAt(y0, y1, y2, y3, prev); d1 = distSquare(_v1, _v0); if (prev >= 0 && d1 < d) { t = prev; d = d1; } else { _v2[0] = cubicAt(x0, x1, x2, x3, next); _v2[1] = cubicAt(y0, y1, y2, y3, next); d2 = distSquare(_v2, _v0); if (next <= 1 && d2 < d) { t = next; d = d2; } else { interval = 0.5; } } } if (out) { out[0] = cubicAt(x0, x1, x2, x3, t); out[1] = cubicAt(y0, y1, y2, y3, t); } return mathSqrt(d); } function cubicLength(x0, y0, x1, y1, x2, y2, x3, y3, iteration) { var px = x0; var py = y0; var d = 0; var step = 1 / iteration; for (var i = 1; i <= iteration; i++) { var t = i step; var x = cubicAt(x0, x1, x2, x3, t); var y = cubicAt(y0, y1, y2, y3, t); var dx = x - px; var dy = y - py; d += Math.sqrt(dx * dx + dy * dy); px = x; py = y; } return d; } function quadraticAt(p0, p1, p2, t) { var onet = 1 - t; return onet * (onet * p0 + 2 * t * p1) + t * t * p2; } function quadraticDerivativeAt(p0, p1, p2, t) { return 2 * ((1 - t) * (p1 - p0) + t * (p2 - p1)); } function quadraticRootAt(p0, p1, p2, val, roots) { var a = p0 - 2 * p1 + p2; var b = 2 * (p1 - p0); var c = p0 - val; var n = 0; if (isAroundZero(a)) { if (isNotAroundZero(b)) { var t1 = -c / b; if (t1 >= 0 && t1 <= 1) { roots[n++] = t1; } } } else { var disc = b * b - 4 * a * c; if (isAroundZero(disc)) { var t1 = -b / (2 * a); if (t1 >= 0 && t1 <= 1) { roots[n++] = t1; } } else if (disc > 0) { var discSqrt = mathSqrt(disc); var t1 = (-b + discSqrt) / (2 * a); var t2 = (-b - discSqrt) / (2 * a); if (t1 >= 0 && t1 <= 1) { roots[n++] = t1; } if (t2 >= 0 && t2 <= 1) { roots[n++] = t2; } } } return n; } function quadraticExtremum(p0, p1, p2) { var divider = p0 + p2 - 2 * p1; if (divider === 0) { return 0.5; } else { return (p0 - p1) / divider; } } function quadraticSubdivide(p0, p1, p2, t, out) { var p01 = (p1 - p0) * t + p0; var p12 = (p2 - p1) * t + p1; var p012 = (p12 - p01) * t + p01; out[0] = p0; out[1] = p01; out[2] = p012; out[3] = p012; out[4] = p12; out[5] = p2; } function quadraticProjectPoint(x0, y0, x1, y1, x2, y2, x, y, out) { var t; var interval = 0.005; var d = Infinity; _v0[0] = x; _v0[1] = y; for (var _t = 0; _t < 1; _t += 0.05) { _v1[0] = quadraticAt(x0, x1, x2, _t); _v1[1] = quadraticAt(y0, y1, y2, _t); var d1 = distSquare(_v0, _v1); if (d1 < d) { t = _t; d = d1; } } d = Infinity; for (var i = 0; i < 32; i++) { if (interval < EPSILON_NUMERIC) { break; } var prev = t - interval; var next = t + interval; _v1[0] = quadraticAt(x0, x1, x2, prev); _v1[1] = quadraticAt(y0, y1, y2, prev); var d1 = distSquare(_v1, _v0); if (prev >= 0 && d1 < d) { t = prev; d = d1; } else { _v2[0] = quadraticAt(x0, x1, x2, next); _v2[1] = quadraticAt(y0, y1, y2, next); var d2 = distSquare(_v2, _v0); if (next <= 1 && d2 < d) { t = next; d = d2; } else { interval = 0.5; } } } if (out) { out[0] = quadraticAt(x0, x1, x2, t); out[1] = quadraticAt(y0, y1, y2, t); } return mathSqrt(d); } function quadraticLength(x0, y0, x1, y1, x2, y2, iteration) { var px = x0; var py = y0; var d = 0; var step = 1 / iteration; for (var i = 1; i <= iteration; i++) { var t = i step; var x = quadraticAt(x0, x1, x2, t); var y = quadraticAt(y0, y1, y2, t); var dx = x - px; var dy = y - py; d += Math.sqrt(dx * dx + dy * dy); px = x; py = y; } return d; } var regexp = /cubic-bezier\(([0-9,\.e ]+)\)/; function createCubicEasingFunc(cubicEasingStr) { var cubic = cubicEasingStr && regexp.exec(cubicEasingStr); if (cubic) { var points = cubic[1].split(','); var a_1 = +trim(points[0]); var b_1 = +trim(points[1]); var c_1 = +trim(points[2]); var d_1 = +trim(points[3]); if (isNaN(a_1 + b_1 + c_1 + d_1)) { return; } var roots_1 = []; return function (p) { return p <= 0 ? 0 : p >= 1 ? 1 : cubicRootAt(0, a_1, c_1, 1, p, roots_1) && cubicAt(0, b_1, d_1, 1, roots_1[0]); }; } } var Clip = (function () { function Clip(opts) { this._inited = false; this._startTime = 0; this._pausedTime = 0; this._paused = false; this._life = opts.life \|\| 1000; this._delay = opts.delay \|\| 0; this.loop = opts.loop \|\| false; this.onframe = opts.onframe \|\| noop; this.ondestroy = opts.ondestroy \|\| noop; this.onrestart = opts.onrestart \|\| noop; opts.easing && this.setEasing(opts.easing); } Clip.prototype.step = function (globalTime, deltaTime) { if (!this._inited) { this._startTime = globalTime + this._delay; this._inited = true; } if (this._paused) { this._pausedTime += deltaTime; return; } var life = this._life; var elapsedTime = globalTime - this._startTime - this._pausedTime; var percent = elapsedTime / life; if (percent < 0) { percent = 0; } percent = Math.min(percent, 1); var easingFunc = this.easingFunc; var schedule = easingFunc ? easingFunc(percent) : percent; this.onframe(schedule); if (percent === 1) { if (this.loop) { var remainder = elapsedTime % life; this._startTime = globalTime - remainder; this._pausedTime = 0; this.onrestart(); } else { return true; } } return false; }; Clip.prototype.pause = function () { this._paused = true; }; Clip.prototype.resume = function () { this._paused = false; }; Clip.prototype.setEasing = function (easing) { this.easing = easing; this.easingFunc = isFunction(easing) ? easing : easingFuncs[easing] \|\| createCubicEasingFunc(easing); }; return Clip; }()); var Entry = (function () { function Entry(val) { this.value = val; } return Entry; }()); var LinkedList = (function () { function LinkedList() { this._len = 0; } LinkedList.prototype.insert = function (val) { var entry = new Entry(val); this.insertEntry(entry); return entry; }; LinkedList.prototype.insertEntry = function (entry) { if (!this.head) { this.head = this.tail = entry; } else { this.tail.next = entry; entry.prev = this.tail; entry.next = null; this.tail = entry; } this._len++; }; LinkedList.prototype.remove = function (entry) { var prev = entry.prev; var next = entry.next; if (prev) { prev.next = next; } else { this.head = next; } if (next) { next.prev = prev; } else { this.tail = prev; } entry.next = entry.prev = null; this._len--; }; LinkedList.prototype.len = function () { return this._len; }; LinkedList.prototype.clear = function () { this.head = this.tail = null; this._len = 0; }; return LinkedList; }()); var LRU = (function () { function LRU(maxSize) { this._list = new LinkedList(); this._maxSize = 10; this._map = {}; this._maxSize = maxSize; } LRU.prototype.put = function (key, value) { var list = this._list; var map = this._map; var removed = null; if (map[key] == null) { var len = list.len(); var entry = this._lastRemovedEntry; if (len >= this._maxSize && len > 0) { var leastUsedEntry = list.head; list.remove(leastUsedEntry); delete map[leastUsedEntry.key]; removed = leastUsedEntry.value; this._lastRemovedEntry = leastUsedEntry; } if (entry) { entry.value = value; } else { entry = new Entry(value); } entry.key = key; list.insertEntry(entry); map[key] = entry; } return removed; }; LRU.prototype.get = function (key) { var entry = this._map[key]; var list = this._list; if (entry != null) { if (entry !== list.tail) { list.remove(entry); list.insertEntry(entry); } return entry.value; } }; LRU.prototype.clear = function () { this._list.clear(); this._map = {}; }; LRU.prototype.len = function () { return this._list.len(); }; return LRU; }()); var kCSSColorTable = { 'transparent': [0, 0, 0, 0], 'aliceblue': [240, 248, 255, 1], 'antiquewhite': [250, 235, 215, 1], 'aqua': [0, 255, 255, 1], 'aquamarine': [127, 255, 212, 1], 'azure': [240, 255, 255, 1], 'beige': [245, 245, 220, 1], 'bisque': [255, 228, 196, 1], 'black': [0, 0, 0, 1], 'blanchedalmond': [255, 235, 205, 1], 'blue': [0, 0, 255, 1], 'blueviolet': [138, 43, 226, 1], 'brown': [165, 42, 42, 1], 'burlywood': [222, 184, 135, 1], 'cadetblue': [95, 158, 160, 1], 'chartreuse': [127, 255, 0, 1], 'chocolate': [210, 105, 30, 1], 'coral': [255, 127, 80, 1], 'cornflowerblue': [100, 149, 237, 1], 'cornsilk': [255, 248, 220, 1], 'crimson': [220, 20, 60, 1], 'cyan': [0, 255, 255, 1], 'darkblue': [0, 0, 139, 1], 'darkcyan': [0, 139, 139, 1], 'darkgoldenrod': [184, 134, 11, 1], 'darkgray': [169, 169, 169, 1], 'darkgreen': [0, 100, 0, 1], 'darkgrey': [169, 169, 169, 1], 'darkkhaki': [189, 183, 107, 1], 'darkmagenta': [139, 0, 139, 1], 'darkolivegreen': [85, 107, 47, 1], 'darkorange': [255, 140, 0, 1], 'darkorchid': [153, 50, 204, 1], 'darkred': [139, 0, 0, 1], 'darksalmon': [233, 150, 122, 1], 'darkseagreen': [143, 188, 143, 1], 'darkslateblue': [72, 61, 139, 1], 'darkslategray': [47, 79, 79, 1], 'darkslategrey': [47, 79, 79, 1], 'darkturquoise': [0, 206, 209, 1], 'darkviolet': [148, 0, 211, 1], 'deeppink': [255, 20, 147, 1], 'deepskyblue': [0, 191, 255, 1], 'dimgray': [105, 105, 105, 1], 'dimgrey': [105, 105, 105, 1], 'dodgerblue': [30, 144, 255, 1], 'firebrick': [178, 34, 34, 1], 'floralwhite': [255, 250, 240, 1], 'forestgreen': [34, 139, 34, 1], 'fuchsia': [255, 0, 255, 1], 'gainsboro': [220, 220, 220, 1], 'ghostwhite': [248, 248, 255, 1], 'gold': [255, 215, 0, 1], 'goldenrod': [218, 165, 32, 1], 'gray': [128, 128, 128, 1], 'green': [0, 128, 0, 1], 'greenyellow': [173, 255, 47, 1], 'grey': [128, 128, 128, 1], 'honeydew': [240, 255, 240, 1], 'hotpink': [255, 105, 180, 1], 'indianred': [205, 92, 92, 1], 'indigo': [75, 0, 130, 1], 'ivory': [255, 255, 240, 1], 'khaki': [240, 230, 140, 1], 'lavender': [230, 230, 250, 1], 'lavenderblush': [255, 240, 245, 1], 'lawngreen': [124, 252, 0, 1], 'lemonchiffon': [255, 250, 205, 1], 'lightblue': [173, 216, 230, 1], 'lightcoral': [240, 128, 128, 1], 'lightcyan': [224, 255, 255, 1], 'lightgoldenrodyellow': [250, 250, 210, 1], 'lightgray': [211, 211, 211, 1], 'lightgreen': [144, 238, 144, 1], 'lightgrey': [211, 211, 211, 1], 'lightpink': [255, 182, 193, 1], 'lightsalmon': [255, 160, 122, 1], 'lightseagreen': [32, 178, 170, 1], 'lightskyblue': [135, 206, 250, 1], 'lightslategray': [119, 136, 153, 1], 'lightslategrey': [119, 136, 153, 1], 'lightsteelblue': [176, 196, 222, 1], 'lightyellow': [255, 255, 224, 1], 'lime': [0, 255, 0, 1], 'limegreen': [50, 205, 50, 1], 'linen': [250, 240, 230, 1], 'magenta': [255, 0, 255, 1], 'maroon': [128, 0, 0, 1], 'mediumaquamarine': [102, 205, 170, 1], 'mediumblue': [0, 0, 205, 1], 'mediumorchid': [186, 85, 211, 1], 'mediumpurple': [147, 112, 219, 1], 'mediumseagreen': [60, 179, 113, 1], 'mediumslateblue': [123, 104, 238, 1], 'mediumspringgreen': [0, 250, 154, 1], 'mediumturquoise': [72, 209, 204, 1], 'mediumvioletred': [199, 21, 133, 1], 'midnightblue': [25, 25, 112, 1], 'mintcream': [245, 255, 250, 1], 'mistyrose': [255, 228, 225, 1], 'moccasin': [255, 228, 181, 1], 'navajowhite': [255, 222, 173, 1], 'navy': [0, 0, 128, 1], 'oldlace': [253, 245, 230, 1], 'olive': [128, 128, 0, 1], 'olivedrab': [107, 142, 35, 1], 'orange': [255, 165, 0, 1], 'orangered': [255, 69, 0, 1], 'orchid': [218, 112, 214, 1], 'palegoldenrod': [238, 232, 170, 1], 'palegreen': [152, 251, 152, 1], 'paleturquoise': [175, 238, 238, 1], 'palevioletred': [219, 112, 147, 1], 'papayawhip': [255, 239, 213, 1], 'peachpuff': [255, 218, 185, 1], 'peru': [205, 133, 63, 1], 'pink': [255, 192, 203, 1], 'plum': [221, 160, 221, 1], 'powderblue': [176, 224, 230, 1], 'purple': [128, 0, 128, 1], 'red': [255, 0, 0, 1], 'rosybrown': [188, 143, 143, 1], 'royalblue': [65, 105, 225, 1], 'saddlebrown': [139, 69, 19, 1], 'salmon': [250, 128, 114, 1], 'sandybrown': [244, 164, 96, 1], 'seagreen': [46, 139, 87, 1], 'seashell': [255, 245, 238, 1], 'sienna': [160, 82, 45, 1], 'silver': [192, 192, 192, 1], 'skyblue': [135, 206, 235, 1], 'slateblue': [106, 90, 205, 1], 'slategray': [112, 128, 144, 1], 'slategrey': [112, 128, 144, 1], 'snow': [255, 250, 250, 1], 'springgreen': [0, 255, 127, 1], 'steelblue': [70, 130, 180, 1], 'tan': [210, 180, 140, 1], 'teal': [0, 128, 128, 1], 'thistle': [216, 191, 216, 1], 'tomato': [255, 99, 71, 1], 'turquoise': [64, 224, 208, 1], 'violet': [238, 130, 238, 1], 'wheat': [245, 222, 179, 1], 'white': [255, 255, 255, 1], 'whitesmoke': [245, 245, 245, 1], 'yellow': [255, 255, 0, 1], 'yellowgreen': [154, 205, 50, 1] }; function clampCssByte(i) { i = Math.round(i); return i < 0 ? 0 : i > 255 ? 255 : i; } function clampCssAngle(i) { i = Math.round(i); return i < 0 ? 0 : i > 360 ? 360 : i; } function clampCssFloat(f) { return f < 0 ? 0 : f > 1 ? 1 : f; } function parseCssInt(val) { var str = val; if (str.length && str.charAt(str.length - 1) === '%') { return clampCssByte(parseFloat(str) / 100 * 255); } return clampCssByte(parseInt(str, 10)); } function parseCssFloat(val) { var str = val; if (str.length && str.charAt(str.length - 1) === '%') { return clampCssFloat(parseFloat(str) / 100); } return clampCssFloat(parseFloat(str)); } function cssHueToRgb(m1, m2, h) { if (h < 0) { h += 1; } else if (h > 1) { h -= 1; } if (h * 6 < 1) { return m1 + (m2 - m1) * h * 6; } if (h * 2 < 1) { return m2; } if (h * 3 < 2) { return m1 + (m2 - m1) * (2 / 3 - h) * 6; } return m1; } function lerpNumber(a, b, p) { return a + (b - a) * p; } function setRgba(out, r, g, b, a) { out[0] = r; out[1] = g; out[2] = b; out[3] = a; return out; } function copyRgba(out, a) { out[0] = a[0]; out[1] = a[1]; out[2] = a[2]; out[3] = a[3]; return out; } var colorCache = new LRU(20); var lastRemovedArr = null; function putToCache(colorStr, rgbaArr) { if (lastRemovedArr) { copyRgba(lastRemovedArr, rgbaArr); } lastRemovedArr = colorCache.put(colorStr, lastRemovedArr \|\| (rgbaArr.slice())); } function parse(colorStr, rgbaArr) { if (!colorStr) { return; } rgbaArr = rgbaArr \|\| []; var cached = colorCache.get(colorStr); if (cached) { return copyRgba(rgbaArr, cached); } colorStr = colorStr + ''; var str = colorStr.replace(/ /g, '').toLowerCase(); if (str in kCSSColorTable) { copyRgba(rgbaArr, kCSSColorTable[str]); putToCache(colorStr, rgbaArr); return rgbaArr; } var strLen = str.length; if (str.charAt(0) === '#') { if (strLen === 4 \|\| strLen === 5) { var iv = parseInt(str.slice(1, 4), 16); if (!(iv >= 0 && iv <= 0xfff)) { setRgba(rgbaArr, 0, 0, 0, 1); return; } setRgba(rgbaArr, ((iv & 0xf00) >> 4) \| ((iv & 0xf00) >> 8), (iv & 0xf0) \| ((iv & 0xf0) >> 4), (iv & 0xf) \| ((iv & 0xf) << 4), strLen === 5 ? parseInt(str.slice(4), 16) / 0xf : 1); putToCache(colorStr, rgbaArr); return rgbaArr; } else if (strLen === 7 \|\| strLen === 9) { var iv = parseInt(str.slice(1, 7), 16); if (!(iv >= 0 && iv <= 0xffffff)) { setRgba(rgbaArr, 0, 0, 0, 1); return; } setRgba(rgbaArr, (iv & 0xff0000) >> 16, (iv & 0xff00) >> 8, iv & 0xff, strLen === 9 ? parseInt(str.slice(7), 16) / 0xff : 1); putToCache(colorStr, rgbaArr); return rgbaArr; } return; } var op = str.indexOf('('); var ep = str.indexOf(')'); if (op !== -1 && ep + 1 === strLen) { var fname = str.substr(0, op); var params = str.substr(op + 1, ep - (op + 1)).split(','); var alpha = 1; switch (fname) { case 'rgba': if (params.length !== 4) { return params.length === 3 ? setRgba(rgbaArr, +params[0], +params[1], +params[2], 1) : setRgba(rgbaArr, 0, 0, 0, 1); } alpha = parseCssFloat(params.pop()); case 'rgb': if (params.length >= 3) { setRgba(rgbaArr, parseCssInt(params[0]), parseCssInt(params[1]), parseCssInt(params[2]), params.length === 3 ? alpha : parseCssFloat(params[3])); putToCache(colorStr, rgbaArr); return rgbaArr; } else { setRgba(rgbaArr, 0, 0, 0, 1); return; } case 'hsla': if (params.length !== 4) { setRgba(rgbaArr, 0, 0, 0, 1); return; } params[3] = parseCssFloat(params[3]); hsla2rgba(params, rgbaArr); putToCache(colorStr, rgbaArr); return rgbaArr; case 'hsl': if (params.length !== 3) { setRgba(rgbaArr, 0, 0, 0, 1); return; } hsla2rgba(params, rgbaArr); putToCache(colorStr, rgbaArr); return rgbaArr; default: return; } } setRgba(rgbaArr, 0, 0, 0, 1); return; } function hsla2rgba(hsla, rgba) { var h = (((parseFloat(hsla[0]) % 360) + 360) % 360) / 360; var s = parseCssFloat(hsla[1]); var l = parseCssFloat(hsla[2]); var m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s; var m1 = l * 2 - m2; rgba = rgba \|\| []; setRgba(rgba, clampCssByte(cssHueToRgb(m1, m2, h + 1 / 3) * 255), clampCssByte(cssHueToRgb(m1, m2, h) * 255), clampCssByte(cssHueToRgb(m1, m2, h - 1 / 3) * 255), 1); if (hsla.length === 4) { rgba[3] = hsla[3]; } return rgba; } function rgba2hsla(rgba) { if (!rgba) { return; } var R = rgba[0] / 255; var G = rgba[1] / 255; var B = rgba[2] / 255; var vMin = Math.min(R, G, B); var vMax = Math.max(R, G, B); var delta = vMax - vMin; var L = (vMax + vMin) / 2; var H; var S; if (delta === 0) { H = 0; S = 0; } else { if (L < 0.5) { S = delta / (vMax + vMin); } else { S = delta / (2 - vMax - vMin); } var deltaR = (((vMax - R) / 6) + (delta / 2)) / delta; var deltaG = (((vMax - G) / 6) + (delta / 2)) / delta; var deltaB = (((vMax - B) / 6) + (delta / 2)) / delta; if (R === vMax) { H = deltaB - deltaG; } else if (G === vMax) { H = (1 / 3) + deltaR - deltaB; } else if (B === vMax) { H = (2 / 3) + deltaG - deltaR; } if (H < 0) { H += 1; } if (H > 1) { H -= 1; } } var hsla = [H * 360, S, L]; if (rgba[3] != null) { hsla.push(rgba[3]); } return hsla; } function lift(color, level) { var colorArr = parse(color); if (colorArr) { for (var i = 0; i < 3; i++) { if (level < 0) { colorArr[i] = colorArr[i] * (1 - level) \| 0; } else { colorArr[i] = ((255 - colorArr[i]) * level + colorArr[i]) \| 0; } if (colorArr[i] > 255) { colorArr[i] = 255; } else if (colorArr[i] < 0) { colorArr[i] = 0; } } return stringify(colorArr, colorArr.length === 4 ? 'rgba' : 'rgb'); } } function toHex(color) { var colorArr = parse(color); if (colorArr) { return ((1 << 24) + (colorArr[0] << 16) + (colorArr[1] << 8) + (+colorArr[2])).toString(16).slice(1); } } function fastLerp(normalizedValue, colors, out) { if (!(colors && colors.length) \|\| !(normalizedValue >= 0 && normalizedValue <= 1)) { return; } out = out \|\| []; var value = normalizedValue * (colors.length - 1); var leftIndex = Math.floor(value); var rightIndex = Math.ceil(value); var leftColor = colors[leftIndex]; var rightColor = colors[rightIndex]; var dv = value - leftIndex; out[0] = clampCssByte(lerpNumber(leftColor[0], rightColor[0], dv)); out[1] = clampCssByte(lerpNumber(leftColor[1], rightColor[1], dv)); out[2] = clampCssByte(lerpNumber(leftColor[2], rightColor[2], dv)); out[3] = clampCssFloat(lerpNumber(leftColor[3], rightColor[3], dv)); return out; } var fastMapToColor = fastLerp; function lerp$1(normalizedValue, colors, fullOutput) { if (!(colors && colors.length) \|\| !(normalizedValue >= 0 && normalizedValue <= 1)) { return; } var value = normalizedValue * (colors.length - 1); var leftIndex = Math.floor(value); var rightIndex = Math.ceil(value); var leftColor = parse(colors[leftIndex]); var rightColor = parse(colors[rightIndex]); var dv = value - leftIndex; var color = stringify([ clampCssByte(lerpNumber(leftColor[0], rightColor[0], dv)), clampCssByte(lerpNumber(leftColor[1], rightColor[1], dv)), clampCssByte(lerpNumber(leftColor[2], rightColor[2], dv)), clampCssFloat(lerpNumber(leftColor[3], rightColor[3], dv)) ], 'rgba'); return fullOutput ? { color: color, leftIndex: leftIndex, rightIndex: rightIndex, value: value } : color; } var mapToColor = lerp$1; function modifyHSL(color, h, s, l) { var colorArr = parse(color); if (color) { colorArr = rgba2hsla(colorArr); h != null && (colorArr[0] = clampCssAngle(isFunction(h) ? h(colorArr[0]) : h)); s != null && (colorArr[1] = parseCssFloat(isFunction(s) ? s(colorArr[1]) : s)); l != null && (colorArr[2] = parseCssFloat(isFunction(l) ? l(colorArr[2]) : l)); return stringify(hsla2rgba(colorArr), 'rgba'); } } function modifyAlpha(color, alpha) { var colorArr = parse(color); if (colorArr && alpha != null) { colorArr[3] = clampCssFloat(alpha); return stringify(colorArr, 'rgba'); } } function stringify(arrColor, type) { if (!arrColor \|\| !arrColor.length) { return; } var colorStr = arrColor[0] + ',' + arrColor[1] + ',' + arrColor[2]; if (type === 'rgba' \|\| type === 'hsva' \|\| type === 'hsla') { colorStr += ',' + arrColor[3]; } return type + '(' + colorStr + ')'; } function lum(color, backgroundLum) { var arr = parse(color); return arr ? (0.299 * arr[0] + 0.587 * arr[1] + 0.114 * arr[2]) * arr[3] / 255 + (1 - arr[3]) * backgroundLum : 0; } function random() { return stringify([ Math.round(Math.random() * 255), Math.round(Math.random() * 255), Math.round(Math.random() * 255) ], 'rgb'); } var liftedColorCache = new LRU(100); function liftColor(color) { if (isString(color)) { var liftedColor = liftedColorCache.get(color); if (!liftedColor) { liftedColor = lift(color, -0.1); liftedColorCache.put(color, liftedColor); } return liftedColor; } else if (isGradientObject(color)) { var ret = extend({}, color); ret.colorStops = map(color.colorStops, function (stop) { return ({ offset: stop.offset, color: lift(stop.color, -0.1) }); }); return ret; } return color; } var color = /#__PURE__/Object.freeze({ __proto__: null, parseCssInt: parseCssInt, parseCssFloat: parseCssFloat, parse: parse, lift: lift, toHex: toHex, fastLerp: fastLerp, fastMapToColor: fastMapToColor, lerp: lerp$1, mapToColor: mapToColor, modifyHSL: modifyHSL, modifyAlpha: modifyAlpha, stringify: stringify, lum: lum, random: random, liftColor: liftColor }); var mathRound = Math.round; function normalizeColor(color) { var opacity; if (!color \|\| color === 'transparent') { color = 'none'; } else if (typeof color === 'string' && color.indexOf('rgba') > -1) { var arr = parse(color); if (arr) { color = 'rgb(' + arr[0] + ',' + arr[1] + ',' + arr[2] + ')'; opacity = arr[3]; } } return { color: color, opacity: opacity == null ? 1 : opacity }; } var EPSILON$2 = 1e-4; function isAroundZero$1(transform) { return transform < EPSILON$2 && transform > -EPSILON$2; } function round3(transform) { return mathRound(transform * 1e3) / 1e3; } function round4(transform) { return mathRound(transform * 1e4) / 1e4; } function getMatrixStr(m) { return 'matrix(' + round3(m[0]) + ',' + round3(m[1]) + ',' + round3(m[2]) + ',' + round3(m[3]) + ',' + round4(m[4]) + ',' + round4(m[5]) + ')'; } var TEXT_ALIGN_TO_ANCHOR = { left: 'start', right: 'end', center: 'middle', middle: 'middle' }; function adjustTextY(y, lineHeight, textBaseline) { if (textBaseline === 'top') { y += lineHeight / 2; } else if (textBaseline === 'bottom') { y -= lineHeight / 2; } return y; } function hasShadow(style) { return style && (style.shadowBlur \|\| style.shadowOffsetX \|\| style.shadowOffsetY); } function getShadowKey(displayable) { var style = displayable.style; var globalScale = displayable.getGlobalScale(); return [ style.shadowColor, (style.shadowBlur \|\| 0).toFixed(2), (style.shadowOffsetX \|\| 0).toFixed(2), (style.shadowOffsetY \|\| 0).toFixed(2), globalScale[0], globalScale[1] ].join(','); } function isImagePattern(val) { return val && (!!val.image); } function isSVGPattern(val) { return val && (!!val.svgElement); } function isPattern(val) { return isImagePattern(val) \|\| isSVGPattern(val); } function isLinearGradient(val) { return val.type === 'linear'; } function isRadialGradient(val) { return val.type === 'radial'; } function isGradient(val) { return val && (val.type === 'linear' \|\| val.type === 'radial'); } function getIdURL(id) { return "url(#" + id + ")"; } function getPathPrecision(el) { var scale = el.getGlobalScale(); var size = Math.max(scale[0], scale[1]); return Math.max(Math.ceil(Math.log(size) / Math.log(10)), 1); } function getSRTTransformString(transform) { var x = transform.x \|\| 0; var y = transform.y \|\| 0; var rotation = (transform.rotation \|\| 0) * RADIAN_TO_DEGREE; var scaleX = retrieve2(transform.scaleX, 1); var scaleY = retrieve2(transform.scaleY, 1); var skewX = transform.skewX \|\| 0; var skewY = transform.skewY \|\| 0; var res = []; if (x \|\| y) { res.push("translate(" + x + "px," + y + "px)"); } if (rotation) { res.push("rotate(" + rotation + ")"); } if (scaleX !== 1 \|\| scaleY !== 1) { res.push("scale(" + scaleX + "," + scaleY + ")"); } if (skewX \|\| skewY) { res.push("skew(" + mathRound(skewX * RADIAN_TO_DEGREE) + "deg, " + mathRound(skewY * RADIAN_TO_DEGREE) + "deg)"); } return res.join(' '); } var encodeBase64 = (function () { if (env.hasGlobalWindow && isFunction(window.btoa)) { return function (str) { return window.btoa(unescape(encodeURIComponent(str))); }; } if (typeof Buffer !== 'undefined') { return function (str) { return Buffer.from(str).toString('base64'); }; } return function (str) { { logError('Base64 isn\'t natively supported in the current environment.'); } return null; }; })(); var arraySlice = Array.prototype.slice; function interpolateNumber(p0, p1, percent) { return (p1 - p0) * percent + p0; } function interpolate1DArray(out, p0, p1, percent) { var len = p0.length; for (var i = 0; i < len; i++) { out[i] = interpolateNumber(p0[i], p1[i], percent); } return out; } function interpolate2DArray(out, p0, p1, percent) { var len = p0.length; var len2 = len && p0[0].length; for (var i = 0; i < len; i++) { if (!out[i]) { out[i] = []; } for (var j = 0; j < len2; j++) { out[i][j] = interpolateNumber(p0[i][j], p1[i][j], percent); } } return out; } function add1DArray(out, p0, p1, sign) { var len = p0.length; for (var i = 0; i < len; i++) { out[i] = p0[i] + p1[i] * sign; } return out; } function add2DArray(out, p0, p1, sign) { var len = p0.length; var len2 = len && p0[0].length; for (var i = 0; i < len; i++) { if (!out[i]) { out[i] = []; } for (var j = 0; j < len2; j++) { out[i][j] = p0[i][j] + p1[i][j] * sign; } } return out; } function fillColorStops(val0, val1) { var len0 = val0.length; var len1 = val1.length; var shorterArr = len0 > len1 ? val1 : val0; var shorterLen = Math.min(len0, len1); var last = shorterArr[shorterLen - 1] \|\| { color: [0, 0, 0, 0], offset: 0 }; for (var i = shorterLen; i < Math.max(len0, len1); i++) { shorterArr.push({ offset: last.offset, color: last.color.slice() }); } } function fillArray(val0, val1, arrDim) { var arr0 = val0; var arr1 = val1; if (!arr0.push \|\| !arr1.push) { return; } var arr0Len = arr0.length; var arr1Len = arr1.length; if (arr0Len !== arr1Len) { var isPreviousLarger = arr0Len > arr1Len; if (isPreviousLarger) { arr0.length = arr1Len; } else { for (var i = arr0Len; i < arr1Len; i++) { arr0.push(arrDim === 1 ? arr1[i] : arraySlice.call(arr1[i])); } } } var len2 = arr0[0] && arr0[0].length; for (var i = 0; i < arr0.length; i++) { if (arrDim === 1) { if (isNaN(arr0[i])) { arr0[i] = arr1[i]; } } else { for (var j = 0; j < len2; j++) { if (isNaN(arr0[i][j])) { arr0[i][j] = arr1[i][j]; } } } } } function cloneValue(value) { if (isArrayLike(value)) { var len = value.length; if (isArrayLike(value[0])) { var ret = []; for (var i = 0; i < len; i++) { ret.push(arraySlice.call(value[i])); } return ret; } return arraySlice.call(value); } return value; } function rgba2String(rgba) { rgba[0] = Math.floor(rgba[0]) \|\| 0; rgba[1] = Math.floor(rgba[1]) \|\| 0; rgba[2] = Math.floor(rgba[2]) \|\| 0; rgba[3] = rgba[3] == null ? 1 : rgba[3]; return 'rgba(' + rgba.join(',') + ')'; } function guessArrayDim(value) { return isArrayLike(value && value[0]) ? 2 : 1; } var VALUE_TYPE_NUMBER = 0; var VALUE_TYPE_1D_ARRAY = 1; var VALUE_TYPE_2D_ARRAY = 2; var VALUE_TYPE_COLOR = 3; var VALUE_TYPE_LINEAR_GRADIENT = 4; var VALUE_TYPE_RADIAL_GRADIENT = 5; var VALUE_TYPE_UNKOWN = 6; function isGradientValueType(valType) { return valType === VALUE_TYPE_LINEAR_GRADIENT \|\| valType === VALUE_TYPE_RADIAL_GRADIENT; } function isArrayValueType(valType) { return valType === VALUE_TYPE_1D_ARRAY \|\| valType === VALUE_TYPE_2D_ARRAY; } var tmpRgba = [0, 0, 0, 0]; var Track = (function () { function Track(propName) { this.keyframes = []; this.discrete = false; this._invalid = false; this._needsSort = false; this._lastFr = 0; this._lastFrP = 0; this.propName = propName; } Track.prototype.isFinished = function () { return this._finished; }; Track.prototype.setFinished = function () { this._finished = true; if (this._additiveTrack) { this._additiveTrack.setFinished(); } }; Track.prototype.needsAnimate = function () { return this.keyframes.length >= 1; }; Track.prototype.getAdditiveTrack = function () { return this._additiveTrack; }; Track.prototype.addKeyframe = function (time, rawValue, easing) { this._needsSort = true; var keyframes = this.keyframes; var len = keyframes.length; var discrete = false; var valType = VALUE_TYPE_UNKOWN; var value = rawValue; if (isArrayLike(rawValue)) { var arrayDim = guessArrayDim(rawValue); valType = arrayDim; if (arrayDim === 1 && !isNumber(rawValue[0]) \|\| arrayDim === 2 && !isNumber(rawValue[0][0])) { discrete = true; } } else { if (isNumber(rawValue) && !eqNaN(rawValue)) { valType = VALUE_TYPE_NUMBER; } else if (isString(rawValue)) { if (!isNaN(+rawValue)) { valType = VALUE_TYPE_NUMBER; } else { var colorArray = parse(rawValue); if (colorArray) { value = colorArray; valType = VALUE_TYPE_COLOR; } } } else if (isGradientObject(rawValue)) { var parsedGradient = extend({}, value); parsedGradient.colorStops = map(rawValue.colorStops, function (colorStop) { return ({ offset: colorStop.offset, color: parse(colorStop.color) }); }); if (isLinearGradient(rawValue)) { valType = VALUE_TYPE_LINEAR_GRADIENT; } else if (isRadialGradient(rawValue)) { valType = VALUE_TYPE_RADIAL_GRADIENT; } value = parsedGradient; } } if (len === 0) { this.valType = valType; } else if (valType !== this.valType \|\| valType === VALUE_TYPE_UNKOWN) { discrete = true; } this.discrete = this.discrete \|\| discrete; var kf = { time: time, value: value, rawValue: rawValue, percent: 0 }; if (easing) { kf.easing = easing; kf.easingFunc = isFunction(easing) ? easing : easingFuncs[easing] \|\| createCubicEasingFunc(easing); } keyframes.push(kf); return kf; }; Track.prototype.prepare = function (maxTime, additiveTrack) { var kfs = this.keyframes; if (this._needsSort) { kfs.sort(function (a, b) { return a.time - b.time; }); } var valType = this.valType; var kfsLen = kfs.length; var lastKf = kfs[kfsLen - 1]; var isDiscrete = this.discrete; var isArr = isArrayValueType(valType); var isGradient = isGradientValueType(valType); for (var i = 0; i < kfsLen; i++) { var kf = kfs[i]; var value = kf.value; var lastValue = lastKf.value; kf.percent = kf.time / maxTime; if (!isDiscrete) { if (isArr && i !== kfsLen - 1) { fillArray(value, lastValue, valType); } else if (isGradient) { fillColorStops(value.colorStops, lastValue.colorStops); } } } if (!isDiscrete && valType !== VALUE_TYPE_RADIAL_GRADIENT && additiveTrack && this.needsAnimate() && additiveTrack.needsAnimate() && valType === additiveTrack.valType && !additiveTrack._finished) { this._additiveTrack = additiveTrack; var startValue = kfs[0].value; for (var i = 0; i < kfsLen; i++) { if (valType === VALUE_TYPE_NUMBER) { kfs[i].additiveValue = kfs[i].value - startValue; } else if (valType === VALUE_TYPE_COLOR) { kfs[i].additiveValue = add1DArray([], kfs[i].value, startValue, -1); } else if (isArrayValueType(valType)) { kfs[i].additiveValue = valType === VALUE_TYPE_1D_ARRAY ? add1DArray([], kfs[i].value, startValue, -1) : add2DArray([], kfs[i].value, startValue, -1); } } } }; Track.prototype.step = function (target, percent) { if (this._finished) { return; } if (this._additiveTrack && this._additiveTrack._finished) { this._additiveTrack = null; } var isAdditive = this._additiveTrack != null; var valueKey = isAdditive ? 'additiveValue' : 'value'; var valType = this.valType; var keyframes = this.keyframes; var kfsNum = keyframes.length; var propName = this.propName; var isValueColor = valType === VALUE_TYPE_COLOR; var frameIdx; var lastFrame = this._lastFr; var mathMin = Math.min; var frame; var nextFrame; if (kfsNum === 1) { frame = nextFrame = keyframes[0]; } else { if (percent < 0) { frameIdx = 0; } else if (percent < this._lastFrP) { var start = mathMin(lastFrame + 1, kfsNum - 1); for (frameIdx = start; frameIdx >= 0; frameIdx--) { if (keyframes[frameIdx].percent <= percent) { break; } } frameIdx = mathMin(frameIdx, kfsNum - 2); } else { for (frameIdx = lastFrame; frameIdx < kfsNum; frameIdx++) { if (keyframes[frameIdx].percent > percent) { break; } } frameIdx = mathMin(frameIdx - 1, kfsNum - 2); } nextFrame = keyframes[frameIdx + 1]; frame = keyframes[frameIdx]; } if (!(frame && nextFrame)) { return; } this._lastFr = frameIdx; this._lastFrP = percent; var interval = (nextFrame.percent - frame.percent); var w = interval === 0 ? 1 : mathMin((percent - frame.percent) / interval, 1); if (nextFrame.easingFunc) { w = nextFrame.easingFunc(w); } var targetArr = isAdditive ? this._additiveValue : (isValueColor ? tmpRgba : target[propName]); if ((isArrayValueType(valType) \|\| isValueColor) && !targetArr) { targetArr = this._additiveValue = []; } if (this.discrete) { target[propName] = w < 1 ? frame.rawValue : nextFrame.rawValue; } else if (isArrayValueType(valType)) { valType === VALUE_TYPE_1D_ARRAY ? interpolate1DArray(targetArr, frame[valueKey], nextFrame[valueKey], w) : interpolate2DArray(targetArr, frame[valueKey], nextFrame[valueKey], w); } else if (isGradientValueType(valType)) { var val = frame[valueKey]; var nextVal_1 = nextFrame[valueKey]; var isLinearGradient_1 = valType === VALUE_TYPE_LINEAR_GRADIENT; target[propName] = { type: isLinearGradient_1 ? 'linear' : 'radial', x: interpolateNumber(val.x, nextVal_1.x, w), y: interpolateNumber(val.y, nextVal_1.y, w), colorStops: map(val.colorStops, function (colorStop, idx) { var nextColorStop = nextVal_1.colorStops[idx]; return { offset: interpolateNumber(colorStop.offset, nextColorStop.offset, w), color: rgba2String(interpolate1DArray([], colorStop.color, nextColorStop.color, w)) }; }), global: nextVal_1.global }; if (isLinearGradient_1) { target[propName].x2 = interpolateNumber(val.x2, nextVal_1.x2, w); target[propName].y2 = interpolateNumber(val.y2, nextVal_1.y2, w); } else { target[propName].r = interpolateNumber(val.r, nextVal_1.r, w); } } else if (isValueColor) { interpolate1DArray(targetArr, frame[valueKey], nextFrame[valueKey], w); if (!isAdditive) { target[propName] = rgba2String(targetArr); } } else { var value = interpolateNumber(frame[valueKey], nextFrame[valueKey], w); if (isAdditive) { this._additiveValue = value; } else { target[propName] = value; } } if (isAdditive) { this._addToTarget(target); } }; Track.prototype._addToTarget = function (target) { var valType = this.valType; var propName = this.propName; var additiveValue = this._additiveValue; if (valType === VALUE_TYPE_NUMBER) { target[propName] = target[propName] + additiveValue; } else if (valType === VALUE_TYPE_COLOR) { parse(target[propName], tmpRgba); add1DArray(tmpRgba, tmpRgba, additiveValue, 1); target[propName] = rgba2String(tmpRgba); } else if (valType === VALUE_TYPE_1D_ARRAY) { add1DArray(target[propName], target[propName], additiveValue, 1); } else if (valType === VALUE_TYPE_2D_ARRAY) { add2DArray(target[propName], target[propName], additiveValue, 1); } }; return Track; }()); var Animator = (function () { function Animator(target, loop, allowDiscreteAnimation, additiveTo) { this._tracks = {}; this._trackKeys = []; this._maxTime = 0; this._started = 0; this._clip = null; this._target = target; this._loop = loop; if (loop && additiveTo) { logError('Can\' use additive animation on looped animation.'); return; } this._additiveAnimators = additiveTo; this._allowDiscrete = allowDiscreteAnimation; } Animator.prototype.getMaxTime = function () { return this._maxTime; }; Animator.prototype.getDelay = function () { return this._delay; }; Animator.prototype.getLoop = function () { return this._loop; }; Animator.prototype.getTarget = function () { return this._target; }; Animator.prototype.changeTarget = function (target) { this._target = target; }; Animator.prototype.when = function (time, props, easing) { return this.whenWithKeys(time, props, keys(props), easing); }; Animator.prototype.whenWithKeys = function (time, props, propNames, easing) { var tracks = this._tracks; for (var i = 0; i < propNames.length; i++) { var propName = propNames[i]; var track = tracks[propName]; if (!track) { track = tracks[propName] = new Track(propName); var initialValue = void 0; var additiveTrack = this._getAdditiveTrack(propName); if (additiveTrack) { var addtiveTrackKfs = additiveTrack.keyframes; var lastFinalKf = addtiveTrackKfs[addtiveTrackKfs.length - 1]; initialValue = lastFinalKf && lastFinalKf.value; if (additiveTrack.valType === VALUE_TYPE_COLOR && initialValue) { initialValue = rgba2String(initialValue); } } else { initialValue = this._target[propName]; } if (initialValue == null) { continue; } if (time > 0) { track.addKeyframe(0, cloneValue(initialValue), easing); } this._trackKeys.push(propName); } track.addKeyframe(time, cloneValue(props[propName]), easing); } this._maxTime = Math.max(this._maxTime, time); return this; }; Animator.prototype.pause = function () { this._clip.pause(); this._paused = true; }; Animator.prototype.resume = function () { this._clip.resume(); this._paused = false; }; Animator.prototype.isPaused = function () { return !!this._paused; }; Animator.prototype.duration = function (duration) { this._maxTime = duration; this._force = true; return this; }; Animator.prototype._doneCallback = function () { this._setTracksFinished(); this._clip = null; var doneList = this._doneCbs; if (doneList) { var len = doneList.length; for (var i = 0; i < len; i++) { doneList[i].call(this); } } }; Animator.prototype._abortedCallback = function () { this._setTracksFinished(); var animation = this.animation; var abortedList = this._abortedCbs; if (animation) { animation.removeClip(this._clip); } this._clip = null; if (abortedList) { for (var i = 0; i < abortedList.length; i++) { abortedList[i].call(this); } } }; Animator.prototype._setTracksFinished = function () { var tracks = this._tracks; var tracksKeys = this._trackKeys; for (var i = 0; i < tracksKeys.length; i++) { tracks[tracksKeys[i]].setFinished(); } }; Animator.prototype._getAdditiveTrack = function (trackName) { var additiveTrack; var additiveAnimators = this._additiveAnimators; if (additiveAnimators) { for (var i = 0; i < additiveAnimators.length; i++) { var track = additiveAnimators[i].getTrack(trackName); if (track) { additiveTrack = track; } } } return additiveTrack; }; Animator.prototype.start = function (easing) { if (this._started > 0) { return; } this._started = 1; var self = this; var tracks = []; var maxTime = this._maxTime \|\| 0; for (var i = 0; i < this._trackKeys.length; i++) { var propName = this._trackKeys[i]; var track = this._tracks[propName]; var additiveTrack = this._getAdditiveTrack(propName); var kfs = track.keyframes; var kfsNum = kfs.length; track.prepare(maxTime, additiveTrack); if (track.needsAnimate()) { if (!this._allowDiscrete && track.discrete) { var lastKf = kfs[kfsNum - 1]; if (lastKf) { self._target[track.propName] = lastKf.rawValue; } track.setFinished(); } else { tracks.push(track); } } } if (tracks.length \|\| this._force) { var clip = new Clip({ life: maxTime, loop: this._loop, delay: this._delay \|\| 0, onframe: function (percent) { self._started = 2; var additiveAnimators = self._additiveAnimators; if (additiveAnimators) { var stillHasAdditiveAnimator = false; for (var i = 0; i < additiveAnimators.length; i++) { if (additiveAnimators[i]._clip) { stillHasAdditiveAnimator = true; break; } } if (!stillHasAdditiveAnimator) { self._additiveAnimators = null; } } for (var i = 0; i < tracks.length; i++) { tracks[i].step(self._target, percent); } var onframeList = self._onframeCbs; if (onframeList) { for (var i = 0; i < onframeList.length; i++) { onframeList[i](self._target, percent); } } }, ondestroy: function () { self._doneCallback(); } }); this._clip = clip; if (this.animation) { this.animation.addClip(clip); } if (easing) { clip.setEasing(easing); } } else { this._doneCallback(); } return this; }; Animator.prototype.stop = function (forwardToLast) { if (!this._clip) { return; } var clip = this._clip; if (forwardToLast) { clip.onframe(1); } this._abortedCallback(); }; Animator.prototype.delay = function (time) { this._delay = time; return this; }; Animator.prototype.during = function (cb) { if (cb) { if (!this._onframeCbs) { this._onframeCbs = []; } this._onframeCbs.push(cb); } return this; }; Animator.prototype.done = function (cb) { if (cb) { if (!this._doneCbs) { this._doneCbs = []; } this._doneCbs.push(cb); } return this; }; Animator.prototype.aborted = function (cb) { if (cb) { if (!this._abortedCbs) { this._abortedCbs = []; } this._abortedCbs.push(cb); } return this; }; Animator.prototype.getClip = function () { return this._clip; }; Animator.prototype.getTrack = function (propName) { return this._tracks[propName]; }; Animator.prototype.getTracks = function () { var _this = this; return map(this._trackKeys, function (key) { return _this._tracks[key]; }); }; Animator.prototype.stopTracks = function (propNames, forwardToLast) { if (!propNames.length \|\| !this._clip) { return true; } var tracks = this._tracks; var tracksKeys = this._trackKeys; for (var i = 0; i < propNames.length; i++) { var track = tracks[propNames[i]]; if (track && !track.isFinished()) { if (forwardToLast) { track.step(this._target, 1); } else if (this._started === 1) { track.step(this._target, 0); } track.setFinished(); } } var allAborted = true; for (var i = 0; i < tracksKeys.length; i++) { if (!tracks[tracksKeys[i]].isFinished()) { allAborted = false; break; } } if (allAborted) { this._abortedCallback(); } return allAborted; }; Animator.prototype.saveTo = function (target, trackKeys, firstOrLast) { if (!target) { return; } trackKeys = trackKeys \|\| this._trackKeys; for (var i = 0; i < trackKeys.length; i++) { var propName = trackKeys[i]; var track = this._tracks[propName]; if (!track \|\| track.isFinished()) { continue; } var kfs = track.keyframes; var kf = kfs[firstOrLast ? 0 : kfs.length - 1]; if (kf) { target[propName] = cloneValue(kf.rawValue); } } }; Animator.prototype.__changeFinalValue = function (finalProps, trackKeys) { trackKeys = trackKeys \|\| keys(finalProps); for (var i = 0; i < trackKeys.length; i++) { var propName = trackKeys[i]; var track = this._tracks[propName]; if (!track) { continue; } var kfs = track.keyframes; if (kfs.length > 1) { var lastKf = kfs.pop(); track.addKeyframe(lastKf.time, finalProps[propName]); track.prepare(this._maxTime, track.getAdditiveTrack()); } } }; return Animator; }()); function getTime() { return new Date().getTime(); } var Animation = (function (_super) { __extends(Animation, _super); function Animation(opts) { var _this = _super.call(this) \|\| this; _this._running = false; _this._time = 0; _this._pausedTime = 0; _this._pauseStart = 0; _this._paused = false; opts = opts \|\| {}; _this.stage = opts.stage \|\| {}; return _this; } Animation.prototype.addClip = function (clip) { if (clip.animation) { this.removeClip(clip); } if (!this._head) { this._head = this._tail = clip; } else { this._tail.next = clip; clip.prev = this._tail; clip.next = null; this._tail = clip; } clip.animation = this; }; Animation.prototype.addAnimator = function (animator) { animator.animation = this; var clip = animator.getClip(); if (clip) { this.addClip(clip); } }; Animation.prototype.removeClip = function (clip) { if (!clip.animation) { return; } var prev = clip.prev; var next = clip.next; if (prev) { prev.next = next; } else { this._head = next; } if (next) { next.prev = prev; } else { this._tail = prev; } clip.next = clip.prev = clip.animation = null; }; Animation.prototype.removeAnimator = function (animator) { var clip = animator.getClip(); if (clip) { this.removeClip(clip); } animator.animation = null; }; Animation.prototype.update = function (notTriggerFrameAndStageUpdate) { var time = getTime() - this._pausedTime; var delta = time - this._time; var clip = this._head; while (clip) { var nextClip = clip.next; var finished = clip.step(time, delta); if (finished) { clip.ondestroy(); this.removeClip(clip); clip = nextClip; } else { clip = nextClip; } } this._time = time; if (!notTriggerFrameAndStageUpdate) { this.trigger('frame', delta); this.stage.update && this.stage.update(); } }; Animation.prototype._startLoop = function () { var self = this; this._running = true; function step() { if (self._running) { requestAnimationFrame$1(step); !self._paused && self.update(); } } requestAnimationFrame$1(step); }; Animation.prototype.start = function () { if (this._running) { return; } this._time = getTime(); this._pausedTime = 0; this._startLoop(); }; Animation.prototype.stop = function () { this._running = false; }; Animation.prototype.pause = function () { if (!this._paused) { this._pauseStart = getTime(); this._paused = true; } }; Animation.prototype.resume = function () { if (this._paused) { this._pausedTime += getTime() - this._pauseStart; this._paused = false; } }; Animation.prototype.clear = function () { var clip = this._head; while (clip) { var nextClip = clip.next; clip.prev = clip.next = clip.animation = null; clip = nextClip; } this._head = this._tail = null; }; Animation.prototype.isFinished = function () { return this._head == null; }; Animation.prototype.animate = function (target, options) { options = options \|\| {}; this.start(); var animator = new Animator(target, options.loop); this.addAnimator(animator); return animator; }; return Animation; }(Eventful)); var TOUCH_CLICK_DELAY = 300; var globalEventSupported = env.domSupported; var localNativeListenerNames = (function () { var mouseHandlerNames = [ 'click', 'dblclick', 'mousewheel', 'wheel', 'mouseout', 'mouseup', 'mousedown', 'mousemove', 'contextmenu' ]; var touchHandlerNames = [ 'touchstart', 'touchend', 'touchmove' ]; var pointerEventNameMap = { pointerdown: 1, pointerup: 1, pointermove: 1, pointerout: 1 }; var pointerHandlerNames = map(mouseHandlerNames, function (name) { var nm = name.replace('mouse', 'pointer'); return pointerEventNameMap.hasOwnProperty(nm) ? nm : name; }); return { mouse: mouseHandlerNames, touch: touchHandlerNames, pointer: pointerHandlerNames }; })(); var globalNativeListenerNames = { mouse: ['mousemove', 'mouseup'], pointer: ['pointermove', 'pointerup'] }; var wheelEventSupported = false; function isPointerFromTouch(event) { var pointerType = event.pointerType; return pointerType === 'pen' \|\| pointerType === 'touch'; } function setTouchTimer(scope) { scope.touching = true; if (scope.touchTimer != null) { clearTimeout(scope.touchTimer); scope.touchTimer = null; } scope.touchTimer = setTimeout(function () { scope.touching = false; scope.touchTimer = null; }, 700); } function markTouch(event) { event && (event.zrByTouch = true); } function normalizeGlobalEvent(instance, event) { return normalizeEvent(instance.dom, new FakeGlobalEvent(instance, event), true); } function isLocalEl(instance, el) { var elTmp = el; var isLocal = false; while (elTmp && elTmp.nodeType !== 9 && !(isLocal = elTmp.domBelongToZr \|\| (elTmp !== el && elTmp === instance.painterRoot))) { elTmp = elTmp.parentNode; } return isLocal; } var FakeGlobalEvent = (function () { function FakeGlobalEvent(instance, event) { this.stopPropagation = noop; this.stopImmediatePropagation = noop; this.preventDefault = noop; this.type = event.type; this.target = this.currentTarget = instance.dom; this.pointerType = event.pointerType; this.clientX = event.clientX; this.clientY = event.clientY; } return FakeGlobalEvent; }()); var localDOMHandlers = { mousedown: function (event) { event = normalizeEvent(this.dom, event); this.__mayPointerCapture = [event.zrX, event.zrY]; this.trigger('mousedown', event); }, mousemove: function (event) { event = normalizeEvent(this.dom, event); var downPoint = this.__mayPointerCapture; if (downPoint && (event.zrX !== downPoint[0] \|\| event.zrY !== downPoint[1])) { this.__togglePointerCapture(true); } this.trigger('mousemove', event); }, mouseup: function (event) { event = normalizeEvent(this.dom, event); this.__togglePointerCapture(false); this.trigger('mouseup', event); }, mouseout: function (event) { event = normalizeEvent(this.dom, event); var element = event.toElement \|\| event.relatedTarget; if (!isLocalEl(this, element)) { if (this.__pointerCapturing) { event.zrEventControl = 'no_globalout'; } this.trigger('mouseout', event); } }, wheel: function (event) { wheelEventSupported = true; event = normalizeEvent(this.dom, event); this.trigger('mousewheel', event); }, mousewheel: function (event) { if (wheelEventSupported) { return; } event = normalizeEvent(this.dom, event); this.trigger('mousewheel', event); }, touchstart: function (event) { event = normalizeEvent(this.dom, event); markTouch(event); this.__lastTouchMoment = new Date(); this.handler.processGesture(event, 'start'); localDOMHandlers.mousemove.call(this, event); localDOMHandlers.mousedown.call(this, event); }, touchmove: function (event) { event = normalizeEvent(this.dom, event); markTouch(event); this.handler.processGesture(event, 'change'); localDOMHandlers.mousemove.call(this, event); }, touchend: function (event) { event = normalizeEvent(this.dom, event); markTouch(event); this.handler.processGesture(event, 'end'); localDOMHandlers.mouseup.call(this, event); if (+new Date() - (+this.__lastTouchMoment) < TOUCH_CLICK_DELAY) { localDOMHandlers.click.call(this, event); } }, pointerdown: function (event) { localDOMHandlers.mousedown.call(this, event); }, pointermove: function (event) { if (!isPointerFromTouch(event)) { localDOMHandlers.mousemove.call(this, event); } }, pointerup: function (event) { localDOMHandlers.mouseup.call(this, event); }, pointerout: function (event) { if (!isPointerFromTouch(event)) { localDOMHandlers.mouseout.call(this, event); } } }; each(['click', 'dblclick', 'contextmenu'], function (name) { localDOMHandlers[name] = function (event) { event = normalizeEvent(this.dom, event); this.trigger(name, event); }; }); var globalDOMHandlers = { pointermove: function (event) { if (!isPointerFromTouch(event)) { globalDOMHandlers.mousemove.call(this, event); } }, pointerup: function (event) { globalDOMHandlers.mouseup.call(this, event); }, mousemove: function (event) { this.trigger('mousemove', event); }, mouseup: function (event) { var pointerCaptureReleasing = this.__pointerCapturing; this.__togglePointerCapture(false); this.trigger('mouseup', event); if (pointerCaptureReleasing) { event.zrEventControl = 'only_globalout'; this.trigger('mouseout', event); } } }; function mountLocalDOMEventListeners(instance, scope) { var domHandlers = scope.domHandlers; if (env.pointerEventsSupported) { each(localNativeListenerNames.pointer, function (nativeEventName) { mountSingleDOMEventListener(scope, nativeEventName, function (event) { domHandlers[nativeEventName].call(instance, event); }); }); } else { if (env.touchEventsSupported) { each(localNativeListenerNames.touch, function (nativeEventName) { mountSingleDOMEventListener(scope, nativeEventName, function (event) { domHandlers[nativeEventName].call(instance, event); setTouchTimer(scope); }); }); } each(localNativeListenerNames.mouse, function (nativeEventName) { mountSingleDOMEventListener(scope, nativeEventName, function (event) { event = getNativeEvent(event); if (!scope.touching) { domHandlers[nativeEventName].call(instance, event); } }); }); } } function mountGlobalDOMEventListeners(instance, scope) { if (env.pointerEventsSupported) { each(globalNativeListenerNames.pointer, mount); } else if (!env.touchEventsSupported) { each(globalNativeListenerNames.mouse, mount); } function mount(nativeEventName) { function nativeEventListener(event) { event = getNativeEvent(event); if (!isLocalEl(instance, event.target)) { event = normalizeGlobalEvent(instance, event); scope.domHandlers[nativeEventName].call(instance, event); } } mountSingleDOMEventListener(scope, nativeEventName, nativeEventListener, { capture: true }); } } function mountSingleDOMEventListener(scope, nativeEventName, listener, opt) { scope.mounted[nativeEventName] = listener; scope.listenerOpts[nativeEventName] = opt; addEventListener(scope.domTarget, nativeEventName, listener, opt); } function unmountDOMEventListeners(scope) { var mounted = scope.mounted; for (var nativeEventName in mounted) { if (mounted.hasOwnProperty(nativeEventName)) { removeEventListener(scope.domTarget, nativeEventName, mounted[nativeEventName], scope.listenerOpts[nativeEventName]); } } scope.mounted = {}; } var DOMHandlerScope = (function () { function DOMHandlerScope(domTarget, domHandlers) { this.mounted = {}; this.listenerOpts = {}; this.touching = false; this.domTarget = domTarget; this.domHandlers = domHandlers; } return DOMHandlerScope; }()); var HandlerDomProxy = (function (_super) { __extends(HandlerDomProxy, _super); function HandlerDomProxy(dom, painterRoot) { var _this = _super.call(this) \|\| this; _this.__pointerCapturing = false; _this.dom = dom; _this.painterRoot = painterRoot; _this._localHandlerScope = new DOMHandlerScope(dom, localDOMHandlers); if (globalEventSupported) { _this._globalHandlerScope = new DOMHandlerScope(document, globalDOMHandlers); } mountLocalDOMEventListeners(_this, _this._localHandlerScope); return _this; } HandlerDomProxy.prototype.dispose = function () { unmountDOMEventListeners(this._localHandlerScope); if (globalEventSupported) { unmountDOMEventListeners(this._globalHandlerScope); } }; HandlerDomProxy.prototype.setCursor = function (cursorStyle) { this.dom.style && (this.dom.style.cursor = cursorStyle \|\| 'default'); }; HandlerDomProxy.prototype.__togglePointerCapture = function (isPointerCapturing) { this.__mayPointerCapture = null; if (globalEventSupported && ((+this.__pointerCapturing) ^ (+isPointerCapturing))) { this.__pointerCapturing = isPointerCapturing; var globalHandlerScope = this._globalHandlerScope; isPointerCapturing ? mountGlobalDOMEventListeners(this, globalHandlerScope) : unmountDOMEventListeners(globalHandlerScope); } }; return HandlerDomProxy; }(Eventful)); var dpr = 1; if (env.hasGlobalWindow) { dpr = Math.max(window.devicePixelRatio \|\| (window.screen && window.screen.deviceXDPI / window.screen.logicalXDPI) \|\| 1, 1); } var devicePixelRatio = dpr; var DARK_MODE_THRESHOLD = 0.4; var DARK_LABEL_COLOR = '#333'; var LIGHT_LABEL_COLOR = '#ccc'; var LIGHTER_LABEL_COLOR = '#eee'; var mIdentity = identity; var EPSILON$3 = 5e-5; function isNotAroundZero$1(val) { return val > EPSILON$3 \|\| val < -EPSILON$3; } var scaleTmp = []; var tmpTransform = []; var originTransform = create$1(); var abs = Math.abs; var Transformable = (function () { function Transformable() { } Transformable.prototype.getLocalTransform = function (m) { return Transformable.getLocalTransform(this, m); }; Transformable.prototype.setPosition = function (arr) { this.x = arr[0]; this.y = arr[1]; }; Transformable.prototype.setScale = function (arr) { this.scaleX = arr[0]; this.scaleY = arr[1]; }; Transformable.prototype.setSkew = function (arr) { this.skewX = arr[0]; this.skewY = arr[1]; }; Transformable.prototype.setOrigin = function (arr) { this.originX = arr[0]; this.originY = arr[1]; }; Transformable.prototype.needLocalTransform = function () { return isNotAroundZero$1(this.rotation) \|\| isNotAroundZero$1(this.x) \|\| isNotAroundZero$1(this.y) \|\| isNotAroundZero$1(this.scaleX - 1) \|\| isNotAroundZero$1(this.scaleY - 1) \|\| isNotAroundZero$1(this.skewX) \|\| isNotAroundZero$1(this.skewY); }; Transformable.prototype.updateTransform = function () { var parentTransform = this.parent && this.parent.transform; var needLocalTransform = this.needLocalTransform(); var m = this.transform; if (!(needLocalTransform \|\| parentTransform)) { if (m) { mIdentity(m); this.invTransform = null; } return; } m = m \|\| create$1(); if (needLocalTransform) { this.getLocalTransform(m); } else { mIdentity(m); } if (parentTransform) { if (needLocalTransform) { mul$1(m, parentTransform, m); } else { copy$1(m, parentTransform); } } this.transform = m; this._resolveGlobalScaleRatio(m); }; Transformable.prototype._resolveGlobalScaleRatio = function (m) { var globalScaleRatio = this.globalScaleRatio; if (globalScaleRatio != null && globalScaleRatio !== 1) { this.getGlobalScale(scaleTmp); var relX = scaleTmp[0] < 0 ? -1 : 1; var relY = scaleTmp[1] < 0 ? -1 : 1; var sx = ((scaleTmp[0] - relX) * globalScaleRatio + relX) / scaleTmp[0] \|\| 0; var sy = ((scaleTmp[1] - relY) * globalScaleRatio + relY) / scaleTmp[1] \|\| 0; m[0] = sx; m[1] = sx; m[2] = sy; m[3] = sy; } this.invTransform = this.invTransform \|\| create$1(); invert(this.invTransform, m); }; Transformable.prototype.getComputedTransform = function () { var transformNode = this; var ancestors = []; while (transformNode) { ancestors.push(transformNode); transformNode = transformNode.parent; } while (transformNode = ancestors.pop()) { transformNode.updateTransform(); } return this.transform; }; Transformable.prototype.setLocalTransform = function (m) { if (!m) { return; } var sx = m[0] * m[0] + m[1] * m[1]; var sy = m[2] * m[2] + m[3] * m[3]; var rotation = Math.atan2(m[1], m[0]); var shearX = Math.PI / 2 + rotation - Math.atan2(m[3], m[2]); sy = Math.sqrt(sy) * Math.cos(shearX); sx = Math.sqrt(sx); this.skewX = shearX; this.skewY = 0; this.rotation = -rotation; this.x = +m[4]; this.y = +m[5]; this.scaleX = sx; this.scaleY = sy; this.originX = 0; this.originY = 0; }; Transformable.prototype.decomposeTransform = function () { if (!this.transform) { return; } var parent = this.parent; var m = this.transform; if (parent && parent.transform) { parent.invTransform = parent.invTransform \|\| create$1(); mul$1(tmpTransform, parent.invTransform, m); m = tmpTransform; } var ox = this.originX; var oy = this.originY; if (ox \|\| oy) { originTransform[4] = ox; originTransform[5] = oy; mul$1(tmpTransform, m, originTransform); tmpTransform[4] -= ox; tmpTransform[5] -= oy; m = tmpTransform; } this.setLocalTransform(m); }; Transformable.prototype.getGlobalScale = function (out) { var m = this.transform; out = out \|\| []; if (!m) { out[0] = 1; out[1] = 1; return out; } out[0] = Math.sqrt(m[0] * m[0] + m[1] * m[1]); out[1] = Math.sqrt(m[2] * m[2] + m[3] * m[3]); if (m[0] < 0) { out[0] = -out[0]; } if (m[3] < 0) { out[1] = -out[1]; } return out; }; Transformable.prototype.transformCoordToLocal = function (x, y) { var v2 = [x, y]; var invTransform = this.invTransform; if (invTransform) { applyTransform(v2, v2, invTransform); } return v2; }; Transformable.prototype.transformCoordToGlobal = function (x, y) { var v2 = [x, y]; var transform = this.transform; if (transform) { applyTransform(v2, v2, transform); } return v2; }; Transformable.prototype.getLineScale = function () { var m = this.transform; return m && abs(m[0] - 1) > 1e-10 && abs(m[3] - 1) > 1e-10 ? Math.sqrt(abs(m[0] * m[3] - m[2] * m[1])) : 1; }; Transformable.prototype.copyTransform = function (source) { copyTransform(this, source); }; Transformable.getLocalTransform = function (target, m) { m = m \|\| []; var ox = target.originX \|\| 0; var oy = target.originY \|\| 0; var sx = target.scaleX; var sy = target.scaleY; var ax = target.anchorX; var ay = target.anchorY; var rotation = target.rotation \|\| 0; var x = target.x; var y = target.y; var skewX = target.skewX ? Math.tan(target.skewX) : 0; var skewY = target.skewY ? Math.tan(-target.skewY) : 0; if (ox \|\| oy \|\| ax \|\| ay) { var dx = ox + ax; var dy = oy + ay; m[4] = -dx * sx - skewX * dy * sy; m[5] = -dy * sy - skewY * dx * sx; } else { m[4] = m[5] = 0; } m[0] = sx; m[3] = sy; m[1] = skewY * sx; m[2] = skewX * sy; rotation && rotate(m, m, rotation); m[4] += ox + x; m[5] += oy + y; return m; }; Transformable.initDefaultProps = (function () { var proto = Transformable.prototype; proto.scaleX = proto.scaleY = proto.globalScaleRatio = 1; proto.x = proto.y = proto.originX = proto.originY = proto.skewX = proto.skewY = proto.rotation = proto.anchorX = proto.anchorY = 0; })(); return Transformable; }()); var TRANSFORMABLE_PROPS = [ 'x', 'y', 'originX', 'originY', 'anchorX', 'anchorY', 'rotation', 'scaleX', 'scaleY', 'skewX', 'skewY' ]; function copyTransform(target, source) { for (var i = 0; i < TRANSFORMABLE_PROPS.length; i++) { var propName = TRANSFORMABLE_PROPS[i]; target[propName] = source[propName]; } } function ensureFontMeasureInfo(font) { if (!_fontMeasureInfoCache) { _fontMeasureInfoCache = new LRU(100); } font = font \|\| DEFAULT_FONT; var measureInfo = _fontMeasureInfoCache.get(font); if (!measureInfo) { measureInfo = { font: font, strWidthCache: new LRU(500), asciiWidthMap: null, asciiWidthMapTried: false, stWideCharWidth: platformApi.measureText('国', font).width, asciiCharWidth: platformApi.measureText('a', font).width, }; _fontMeasureInfoCache.put(font, measureInfo); } return measureInfo; } var _fontMeasureInfoCache; function tryCreateASCIIWidthMap(font) { if (_getASCIIWidthMapLongCount >= GET_ASCII_WIDTH_LONG_COUNT_MAX) { return; } font = font \|\| DEFAULT_FONT; var asciiWidthMap = []; var start = +(new Date()); for (var code = 0; code <= 127; code++) { asciiWidthMap[code] = platformApi.measureText(String.fromCharCode(code), font).width; } var cost = +(new Date()) - start; if (cost > 16) { _getASCIIWidthMapLongCount = GET_ASCII_WIDTH_LONG_COUNT_MAX; } else if (cost > 2) { _getASCIIWidthMapLongCount++; } return asciiWidthMap; } var _getASCIIWidthMapLongCount = 0; var GET_ASCII_WIDTH_LONG_COUNT_MAX = 5; function measureCharWidth(fontMeasureInfo, charCode) { if (!fontMeasureInfo.asciiWidthMapTried) { fontMeasureInfo.asciiWidthMap = tryCreateASCIIWidthMap(fontMeasureInfo.font); fontMeasureInfo.asciiWidthMapTried = true; } return (0 <= charCode && charCode <= 127) ? (fontMeasureInfo.asciiWidthMap != null ? fontMeasureInfo.asciiWidthMap[charCode] : fontMeasureInfo.asciiCharWidth) : fontMeasureInfo.stWideCharWidth; } function measureWidth(fontMeasureInfo, text) { var strWidthCache = fontMeasureInfo.strWidthCache; var width = strWidthCache.get(text); if (width == null) { width = platformApi.measureText(text, fontMeasureInfo.font).width; strWidthCache.put(text, width); } return width; } function adjustTextX(x, width, textAlign, inverse) { if (textAlign === 'right') { !inverse ? (x -= width) : (x += width); } else if (textAlign === 'center') { !inverse ? (x -= width / 2) : (x += width / 2); } return x; } function adjustTextY$1(y, height, verticalAlign, inverse) { if (verticalAlign === 'middle') { !inverse ? (y -= height / 2) : (y += height / 2); } else if (verticalAlign === 'bottom') { !inverse ? (y -= height) : (y += height); } return y; } function getLineHeight(font) { return ensureFontMeasureInfo(font).stWideCharWidth; } function parsePercent(value, maxValue) { if (typeof value === 'string') { if (value.lastIndexOf('%') >= 0) { return parseFloat(value) / 100 * maxValue; } return parseFloat(value); } return value; } function calculateTextPosition(out, opts, rect) { var textPosition = opts.position \|\| 'inside'; var distance = opts.distance != null ? opts.distance : 5; var height = rect.height; var width = rect.width; var halfHeight = height / 2; var x = rect.x; var y = rect.y; var textAlign = 'left'; var textVerticalAlign = 'top'; if (textPosition instanceof Array) { x += parsePercent(textPosition[0], rect.width); y += parsePercent(textPosition[1], rect.height); textAlign = null; textVerticalAlign = null; } else { switch (textPosition) { case 'left': x -= distance; y += halfHeight; textAlign = 'right'; textVerticalAlign = 'middle'; break; case 'right': x += distance + width; y += halfHeight; textVerticalAlign = 'middle'; break; case 'top': x += width / 2; y -= distance; textAlign = 'center'; textVerticalAlign = 'bottom'; break; case 'bottom': x += width / 2; y += height + distance; textAlign = 'center'; break; case 'inside': x += width / 2; y += halfHeight; textAlign = 'center'; textVerticalAlign = 'middle'; break; case 'insideLeft': x += distance; y += halfHeight; textVerticalAlign = 'middle'; break; case 'insideRight': x += width - distance; y += halfHeight; textAlign = 'right'; textVerticalAlign = 'middle'; break; case 'insideTop': x += width / 2; y += distance; textAlign = 'center'; break; case 'insideBottom': x += width / 2; y += height - distance; textAlign = 'center'; textVerticalAlign = 'bottom'; break; case 'insideTopLeft': x += distance; y += distance; break; case 'insideTopRight': x += width - distance; y += distance; textAlign = 'right'; break; case 'insideBottomLeft': x += distance; y += height - distance; textVerticalAlign = 'bottom'; break; case 'insideBottomRight': x += width - distance; y += height - distance; textAlign = 'right'; textVerticalAlign = 'bottom'; break; } } out = out \|\| {}; out.x = x; out.y = y; out.align = textAlign; out.verticalAlign = textVerticalAlign; return out; } var PRESERVED_NORMAL_STATE = '__zr_normal__'; var PRIMARY_STATES_KEYS = TRANSFORMABLE_PROPS.concat(['ignore']); var DEFAULT_ANIMATABLE_MAP = reduce(TRANSFORMABLE_PROPS, function (obj, key) { obj[key] = true; return obj; }, { ignore: false }); var tmpTextPosCalcRes = {}; var tmpBoundingRect = new BoundingRect(0, 0, 0, 0); var tmpInnerTextTrans = []; var Element = (function () { function Element(props) { this.id = guid(); this.animators = []; this.currentStates = []; this.states = {}; this._init(props); } Element.prototype._init = function (props) { this.attr(props); }; Element.prototype.drift = function (dx, dy, e) { switch (this.draggable) { case 'horizontal': dy = 0; break; case 'vertical': dx = 0; break; } var m = this.transform; if (!m) { m = this.transform = [1, 0, 0, 1, 0, 0]; } m[4] += dx; m[5] += dy; this.decomposeTransform(); this.markRedraw(); }; Element.prototype.beforeUpdate = function () { }; Element.prototype.afterUpdate = function () { }; Element.prototype.update = function () { this.updateTransform(); if (this.__dirty) { this.updateInnerText(); } }; Element.prototype.updateInnerText = function (forceUpdate) { var textEl = this._textContent; if (textEl && (!textEl.ignore \|\| forceUpdate)) { if (!this.textConfig) { this.textConfig = {}; } var textConfig = this.textConfig; var isLocal = textConfig.local; var innerTransformable = textEl.innerTransformable; var textAlign = void 0; var textVerticalAlign = void 0; var textStyleChanged = false; innerTransformable.parent = isLocal ? this : null; var innerOrigin = false; innerTransformable.copyTransform(textEl); var hasPosition = textConfig.position != null; var autoOverflowArea = textConfig.autoOverflowArea; var layoutRect = void 0; if (autoOverflowArea \|\| hasPosition) { layoutRect = tmpBoundingRect; if (textConfig.layoutRect) { layoutRect.copy(textConfig.layoutRect); } else { layoutRect.copy(this.getBoundingRect()); } if (!isLocal) { layoutRect.applyTransform(this.transform); } } if (hasPosition) { if (this.calculateTextPosition) { this.calculateTextPosition(tmpTextPosCalcRes, textConfig, layoutRect); } else { calculateTextPosition(tmpTextPosCalcRes, textConfig, layoutRect); } innerTransformable.x = tmpTextPosCalcRes.x; innerTransformable.y = tmpTextPosCalcRes.y; textAlign = tmpTextPosCalcRes.align; textVerticalAlign = tmpTextPosCalcRes.verticalAlign; var textOrigin = textConfig.origin; if (textOrigin && textConfig.rotation != null) { var relOriginX = void 0; var relOriginY = void 0; if (textOrigin === 'center') { relOriginX = layoutRect.width * 0.5; relOriginY = layoutRect.height * 0.5; } else { relOriginX = parsePercent(textOrigin[0], layoutRect.width); relOriginY = parsePercent(textOrigin[1], layoutRect.height); } innerOrigin = true; innerTransformable.originX = -innerTransformable.x + relOriginX + (isLocal ? 0 : layoutRect.x); innerTransformable.originY = -innerTransformable.y + relOriginY + (isLocal ? 0 : layoutRect.y); } } if (textConfig.rotation != null) { innerTransformable.rotation = textConfig.rotation; } var textOffset = textConfig.offset; if (textOffset) { innerTransformable.x += textOffset[0]; innerTransformable.y += textOffset[1]; if (!innerOrigin) { innerTransformable.originX = -textOffset[0]; innerTransformable.originY = -textOffset[1]; } } var innerTextDefaultStyle = this._innerTextDefaultStyle \|\| (this._innerTextDefaultStyle = {}); if (autoOverflowArea) { var overflowRect = innerTextDefaultStyle.overflowRect = innerTextDefaultStyle.overflowRect \|\| new BoundingRect(0, 0, 0, 0); innerTransformable.getLocalTransform(tmpInnerTextTrans); invert(tmpInnerTextTrans, tmpInnerTextTrans); BoundingRect.copy(overflowRect, layoutRect); overflowRect.applyTransform(tmpInnerTextTrans); } else { innerTextDefaultStyle.overflowRect = null; } var isInside = textConfig.inside == null ? (typeof textConfig.position === 'string' && textConfig.position.indexOf('inside') >= 0) : textConfig.inside; var textFill = void 0; var textStroke = void 0; var autoStroke = void 0; if (isInside && this.canBeInsideText()) { textFill = textConfig.insideFill; textStroke = textConfig.insideStroke; if (textFill == null \|\| textFill === 'auto') { textFill = this.getInsideTextFill(); } if (textStroke == null \|\| textStroke === 'auto') { textStroke = this.getInsideTextStroke(textFill); autoStroke = true; } } else { textFill = textConfig.outsideFill; textStroke = textConfig.outsideStroke; if (textFill == null \|\| textFill === 'auto') { textFill = this.getOutsideFill(); } if (textStroke == null \|\| textStroke === 'auto') { textStroke = this.getOutsideStroke(textFill); autoStroke = true; } } textFill = textFill \|\| '#000'; if (textFill !== innerTextDefaultStyle.fill \|\| textStroke !== innerTextDefaultStyle.stroke \|\| autoStroke !== innerTextDefaultStyle.autoStroke \|\| textAlign !== innerTextDefaultStyle.align \|\| textVerticalAlign !== innerTextDefaultStyle.verticalAlign) { textStyleChanged = true; innerTextDefaultStyle.fill = textFill; innerTextDefaultStyle.stroke = textStroke; innerTextDefaultStyle.autoStroke = autoStroke; innerTextDefaultStyle.align = textAlign; innerTextDefaultStyle.verticalAlign = textVerticalAlign; textEl.setDefaultTextStyle(innerTextDefaultStyle); } textEl.__dirty \|= REDRAW_BIT; if (textStyleChanged) { textEl.dirtyStyle(true); } } }; Element.prototype.canBeInsideText = function () { return true; }; Element.prototype.getInsideTextFill = function () { return '#fff'; }; Element.prototype.getInsideTextStroke = function (textFill) { return '#000'; }; Element.prototype.getOutsideFill = function () { return this.__zr && this.__zr.isDarkMode() ? LIGHT_LABEL_COLOR : DARK_LABEL_COLOR; }; Element.prototype.getOutsideStroke = function (textFill) { var backgroundColor = this.__zr && this.__zr.getBackgroundColor(); var colorArr = typeof backgroundColor === 'string' && parse(backgroundColor); if (!colorArr) { colorArr = [255, 255, 255, 1]; } var alpha = colorArr[3]; var isDark = this.__zr.isDarkMode(); for (var i = 0; i < 3; i++) { colorArr[i] = colorArr[i] * alpha + (isDark ? 0 : 255) * (1 - alpha); } colorArr[3] = 1; return stringify(colorArr, 'rgba'); }; Element.prototype.traverse = function (cb, context) { }; Element.prototype.attrKV = function (key, value) { if (key === 'textConfig') { this.setTextConfig(value); } else if (key === 'textContent') { this.setTextContent(value); } else if (key === 'clipPath') { this.setClipPath(value); } else if (key === 'extra') { this.extra = this.extra \|\| {}; extend(this.extra, value); } else { this[key] = value; } }; Element.prototype.hide = function () { this.ignore = true; this.markRedraw(); }; Element.prototype.show = function () { this.ignore = false; this.markRedraw(); }; Element.prototype.attr = function (keyOrObj, value) { if (typeof keyOrObj === 'string') { this.attrKV(keyOrObj, value); } else if (isObject(keyOrObj)) { var obj = keyOrObj; var keysArr = keys(obj); for (var i = 0; i < keysArr.length; i++) { var key = keysArr[i]; this.attrKV(key, keyOrObj[key]); } } this.markRedraw(); return this; }; Element.prototype.saveCurrentToNormalState = function (toState) { this._innerSaveToNormal(toState); var normalState = this._normalState; for (var i = 0; i < this.animators.length; i++) { var animator = this.animators[i]; var fromStateTransition = animator.__fromStateTransition; if (animator.getLoop() \|\| fromStateTransition && fromStateTransition !== PRESERVED_NORMAL_STATE) { continue; } var targetName = animator.targetName; var target = targetName ? normalState[targetName] : normalState; animator.saveTo(target); } }; Element.prototype._innerSaveToNormal = function (toState) { var normalState = this._normalState; if (!normalState) { normalState = this._normalState = {}; } if (toState.textConfig && !normalState.textConfig) { normalState.textConfig = this.textConfig; } this._savePrimaryToNormal(toState, normalState, PRIMARY_STATES_KEYS); }; Element.prototype._savePrimaryToNormal = function (toState, normalState, primaryKeys) { for (var i = 0; i < primaryKeys.length; i++) { var key = primaryKeys[i]; if (toState[key] != null && !(key in normalState)) { normalState[key] = this[key]; } } }; Element.prototype.hasState = function () { return this.currentStates.length > 0; }; Element.prototype.getState = function (name) { return this.states[name]; }; Element.prototype.ensureState = function (name) { var states = this.states; if (!states[name]) { states[name] = {}; } return states[name]; }; Element.prototype.clearStates = function (noAnimation) { this.useState(PRESERVED_NORMAL_STATE, false, noAnimation); }; Element.prototype.useState = function (stateName, keepCurrentStates, noAnimation, forceUseHoverLayer) { var toNormalState = stateName === PRESERVED_NORMAL_STATE; var hasStates = this.hasState(); if (!hasStates && toNormalState) { return; } var currentStates = this.currentStates; var animationCfg = this.stateTransition; if (indexOf(currentStates, stateName) >= 0 && (keepCurrentStates \|\| currentStates.length === 1)) { return; } var state; if (this.stateProxy && !toNormalState) { state = this.stateProxy(stateName); } if (!state) { state = (this.states && this.states[stateName]); } if (!state && !toNormalState) { logError("State " + stateName + " not exists."); return; } if (!toNormalState) { this.saveCurrentToNormalState(state); } var useHoverLayer = !!((state && state.hoverLayer) \|\| forceUseHoverLayer); if (useHoverLayer) { this._toggleHoverLayerFlag(true); } this._applyStateObj(stateName, state, this._normalState, keepCurrentStates, !noAnimation && !this.__inHover && animationCfg && animationCfg.duration > 0, animationCfg); var textContent = this._textContent; var textGuide = this._textGuide; if (textContent) { textContent.useState(stateName, keepCurrentStates, noAnimation, useHoverLayer); } if (textGuide) { textGuide.useState(stateName, keepCurrentStates, noAnimation, useHoverLayer); } if (toNormalState) { this.currentStates = []; this._normalState = {}; } else { if (!keepCurrentStates) { this.currentStates = [stateName]; } else { this.currentStates.push(stateName); } } this._updateAnimationTargets(); this.markRedraw(); if (!useHoverLayer && this.__inHover) { this._toggleHoverLayerFlag(false); this.__dirty &= ~REDRAW_BIT; } return state; }; Element.prototype.useStates = function (states, noAnimation, forceUseHoverLayer) { if (!states.length) { this.clearStates(); } else { var stateObjects = []; var currentStates = this.currentStates; var len = states.length; var notChange = len === currentStates.length; if (notChange) { for (var i = 0; i < len; i++) { if (states[i] !== currentStates[i]) { notChange = false; break; } } } if (notChange) { return; } for (var i = 0; i < len; i++) { var stateName = states[i]; var stateObj = void 0; if (this.stateProxy) { stateObj = this.stateProxy(stateName, states); } if (!stateObj) { stateObj = this.states[stateName]; } if (stateObj) { stateObjects.push(stateObj); } } var lastStateObj = stateObjects[len - 1]; var useHoverLayer = !!((lastStateObj && lastStateObj.hoverLayer) \|\| forceUseHoverLayer); if (useHoverLayer) { this._toggleHoverLayerFlag(true); } var mergedState = this._mergeStates(stateObjects); var animationCfg = this.stateTransition; this.saveCurrentToNormalState(mergedState); this._applyStateObj(states.join(','), mergedState, this._normalState, false, !noAnimation && !this.__inHover && animationCfg && animationCfg.duration > 0, animationCfg); var textContent = this._textContent; var textGuide = this._textGuide; if (textContent) { textContent.useStates(states, noAnimation, useHoverLayer); } if (textGuide) { textGuide.useStates(states, noAnimation, useHoverLayer); } this._updateAnimationTargets(); this.currentStates = states.slice(); this.markRedraw(); if (!useHoverLayer && this.__inHover) { this._toggleHoverLayerFlag(false); this.__dirty &= ~REDRAW_BIT; } } }; Element.prototype.isSilent = function () { var el = this; while (el) { if (el.silent) { return true; } var hostEl = el.__hostTarget; el = hostEl ? (el.ignoreHostSilent ? null : hostEl) : el.parent; } return false; }; Element.prototype._updateAnimationTargets = function () { for (var i = 0; i < this.animators.length; i++) { var animator = this.animators[i]; if (animator.targetName) { animator.changeTarget(this[animator.targetName]); } } }; Element.prototype.removeState = function (state) { var idx = indexOf(this.currentStates, state); if (idx >= 0) { var currentStates = this.currentStates.slice(); currentStates.splice(idx, 1); this.useStates(currentStates); } }; Element.prototype.replaceState = function (oldState, newState, forceAdd) { var currentStates = this.currentStates.slice(); var idx = indexOf(currentStates, oldState); var newStateExists = indexOf(currentStates, newState) >= 0; if (idx >= 0) { if (!newStateExists) { currentStates[idx] = newState; } else { currentStates.splice(idx, 1); } } else if (forceAdd && !newStateExists) { currentStates.push(newState); } this.useStates(currentStates); }; Element.prototype.toggleState = function (state, enable) { if (enable) { this.useState(state, true); } else { this.removeState(state); } }; Element.prototype._mergeStates = function (states) { var mergedState = {}; var mergedTextConfig; for (var i = 0; i < states.length; i++) { var state = states[i]; extend(mergedState, state); if (state.textConfig) { mergedTextConfig = mergedTextConfig \|\| {}; extend(mergedTextConfig, state.textConfig); } } if (mergedTextConfig) { mergedState.textConfig = mergedTextConfig; } return mergedState; }; Element.prototype._applyStateObj = function (stateName, state, normalState, keepCurrentStates, transition, animationCfg) { var needsRestoreToNormal = !(state && keepCurrentStates); if (state && state.textConfig) { this.textConfig = extend({}, keepCurrentStates ? this.textConfig : normalState.textConfig); extend(this.textConfig, state.textConfig); } else if (needsRestoreToNormal) { if (normalState.textConfig) { this.textConfig = normalState.textConfig; } } var transitionTarget = {}; var hasTransition = false; for (var i = 0; i < PRIMARY_STATES_KEYS.length; i++) { var key = PRIMARY_STATES_KEYS[i]; var propNeedsTransition = transition && DEFAULT_ANIMATABLE_MAP[key]; if (state && state[key] != null) { if (propNeedsTransition) { hasTransition = true; transitionTarget[key] = state[key]; } else { this[key] = state[key]; } } else if (needsRestoreToNormal) { if (normalState[key] != null) { if (propNeedsTransition) { hasTransition = true; transitionTarget[key] = normalState[key]; } else { this[key] = normalState[key]; } } } } if (!transition) { for (var i = 0; i < this.animators.length; i++) { var animator = this.animators[i]; var targetName = animator.targetName; if (!animator.getLoop()) { animator.__changeFinalValue(targetName ? (state \|\| normalState)[targetName] : (state \|\| normalState)); } } } if (hasTransition) { this._transitionState(stateName, transitionTarget, animationCfg); } }; Element.prototype._attachComponent = function (componentEl) { if (componentEl.__zr && !componentEl.__hostTarget) { { throw new Error('Text element has been added to zrender.'); } } if (componentEl === this) { { throw new Error('Recursive component attachment.'); } } var zr = this.__zr; if (zr) { componentEl.addSelfToZr(zr); } componentEl.__zr = zr; componentEl.__hostTarget = this; }; Element.prototype._detachComponent = function (componentEl) { if (componentEl.__zr) { componentEl.removeSelfFromZr(componentEl.__zr); } componentEl.__zr = null; componentEl.__hostTarget = null; }; Element.prototype.getClipPath = function () { return this._clipPath; }; Element.prototype.setClipPath = function (clipPath) { if (this._clipPath && this._clipPath !== clipPath) { this.removeClipPath(); } this._attachComponent(clipPath); this._clipPath = clipPath; this.markRedraw(); }; Element.prototype.removeClipPath = function () { var clipPath = this._clipPath; if (clipPath) { this._detachComponent(clipPath); this._clipPath = null; this.markRedraw(); } }; Element.prototype.getTextContent = function () { return this._textContent; }; Element.prototype.setTextContent = function (textEl) { var previousTextContent = this._textContent; if (previousTextContent === textEl) { return; } if (previousTextContent && previousTextContent !== textEl) { this.removeTextContent(); } { if (textEl.__zr && !textEl.__hostTarget) { throw new Error('Text element has been added to zrender.'); } } textEl.innerTransformable = new Transformable(); this._attachComponent(textEl); this._textContent = textEl; this.markRedraw(); }; Element.prototype.setTextConfig = function (cfg) { if (!this.textConfig) { this.textConfig = {}; } extend(this.textConfig, cfg); this.markRedraw(); }; Element.prototype.removeTextConfig = function () { this.textConfig = null; this.markRedraw(); }; Element.prototype.removeTextContent = function () { var textEl = this._textContent; if (textEl) { textEl.innerTransformable = null; this._detachComponent(textEl); this._textContent = null; this._innerTextDefaultStyle = null; this.markRedraw(); } }; Element.prototype.getTextGuideLine = function () { return this._textGuide; }; Element.prototype.setTextGuideLine = function (guideLine) { if (this._textGuide && this._textGuide !== guideLine) { this.removeTextGuideLine(); } this._attachComponent(guideLine); this._textGuide = guideLine; this.markRedraw(); }; Element.prototype.removeTextGuideLine = function () { var textGuide = this._textGuide; if (textGuide) { this._detachComponent(textGuide); this._textGuide = null; this.markRedraw(); } }; Element.prototype.markRedraw = function () { this.__dirty \|= REDRAW_BIT; var zr = this.__zr; if (zr) { if (this.__inHover) { zr.refreshHover(); } else { zr.refresh(); } } if (this.__hostTarget) { this.__hostTarget.markRedraw(); } }; Element.prototype.dirty = function () { this.markRedraw(); }; Element.prototype._toggleHoverLayerFlag = function (inHover) { this.__inHover = inHover; var textContent = this._textContent; var textGuide = this._textGuide; if (textContent) { textContent.__inHover = inHover; } if (textGuide) { textGuide.__inHover = inHover; } }; Element.prototype.addSelfToZr = function (zr) { if (this.__zr === zr) { return; } this.__zr = zr; var animators = this.animators; if (animators) { for (var i = 0; i < animators.length; i++) { zr.animation.addAnimator(animators[i]); } } if (this._clipPath) { this._clipPath.addSelfToZr(zr); } if (this._textContent) { this._textContent.addSelfToZr(zr); } if (this._textGuide) { this._textGuide.addSelfToZr(zr); } }; Element.prototype.removeSelfFromZr = function (zr) { if (!this.__zr) { return; } this.__zr = null; var animators = this.animators; if (animators) { for (var i = 0; i < animators.length; i++) { zr.animation.removeAnimator(animators[i]); } } if (this._clipPath) { this._clipPath.removeSelfFromZr(zr); } if (this._textContent) { this._textContent.removeSelfFromZr(zr); } if (this._textGuide) { this._textGuide.removeSelfFromZr(zr); } }; Element.prototype.animate = function (key, loop, allowDiscreteAnimation) { var target = key ? this[key] : this; { if (!target) { logError('Property "' + key + '" is not existed in element ' + this.id); return; } } var animator = new Animator(target, loop, allowDiscreteAnimation); key && (animator.targetName = key); this.addAnimator(animator, key); return animator; }; Element.prototype.addAnimator = function (animator, key) { var zr = this.__zr; var el = this; animator.during(function () { el.updateDuringAnimation(key); }).done(function () { var animators = el.animators; var idx = indexOf(animators, animator); if (idx >= 0) { animators.splice(idx, 1); } }); this.animators.push(animator); if (zr) { zr.animation.addAnimator(animator); } zr && zr.wakeUp(); }; Element.prototype.updateDuringAnimation = function (key) { this.markRedraw(); }; Element.prototype.stopAnimation = function (scope, forwardToLast) { var animators = this.animators; var len = animators.length; var leftAnimators = []; for (var i = 0; i < len; i++) { var animator = animators[i]; if (!scope \|\| scope === animator.scope) { animator.stop(forwardToLast); } else { leftAnimators.push(animator); } } this.animators = leftAnimators; return this; }; Element.prototype.animateTo = function (target, cfg, animationProps) { animateTo(this, target, cfg, animationProps); }; Element.prototype.animateFrom = function (target, cfg, animationProps) { animateTo(this, target, cfg, animationProps, true); }; Element.prototype._transitionState = function (stateName, target, cfg, animationProps) { var animators = animateTo(this, target, cfg, animationProps); for (var i = 0; i < animators.length; i++) { animators[i].__fromStateTransition = stateName; } }; Element.prototype.getBoundingRect = function () { return null; }; Element.prototype.getPaintRect = function () { return null; }; Element.initDefaultProps = (function () { var elProto = Element.prototype; elProto.type = 'element'; elProto.name = ''; elProto.ignore = elProto.silent = elProto.ignoreHostSilent = elProto.isGroup = elProto.draggable = elProto.dragging = elProto.ignoreClip = elProto.__inHover = false; elProto.__dirty = REDRAW_BIT; var logs = {}; function logDeprecatedError(key, xKey, yKey) { if (!logs[key + xKey + yKey]) { console.warn("DEPRECATED: '" + key + "' has been deprecated. use '" + xKey + "', '" + yKey + "' instead"); logs[key + xKey + yKey] = true; } } function createLegacyProperty(key, privateKey, xKey, yKey) { Object.defineProperty(elProto, key, { get: function () { { logDeprecatedError(key, xKey, yKey); } if (!this[privateKey]) { var pos = this[privateKey] = []; enhanceArray(this, pos); } return this[privateKey]; }, set: function (pos) { { logDeprecatedError(key, xKey, yKey); } this[xKey] = pos[0]; this[yKey] = pos[1]; this[privateKey] = pos; enhanceArray(this, pos); } }); function enhanceArray(self, pos) { Object.defineProperty(pos, 0, { get: function () { return self[xKey]; }, set: function (val) { self[xKey] = val; } }); Object.defineProperty(pos, 1, { get: function () { return self[yKey]; }, set: function (val) { self[yKey] = val; } }); } } if (Object.defineProperty) { createLegacyProperty('position', '_legacyPos', 'x', 'y'); createLegacyProperty('scale', '_legacyScale', 'scaleX', 'scaleY'); createLegacyProperty('origin', '_legacyOrigin', 'originX', 'originY'); } })(); return Element; }()); mixin(Element, Eventful); mixin(Element, Transformable); function animateTo(animatable, target, cfg, animationProps, reverse) { cfg = cfg \|\| {}; var animators = []; animateToShallow(animatable, '', animatable, target, cfg, animationProps, animators, reverse); var finishCount = animators.length; var doneHappened = false; var cfgDone = cfg.done; var cfgAborted = cfg.aborted; var doneCb = function () { doneHappened = true; finishCount--; if (finishCount <= 0) { doneHappened ? (cfgDone && cfgDone()) : (cfgAborted && cfgAborted()); } }; var abortedCb = function () { finishCount--; if (finishCount <= 0) { doneHappened ? (cfgDone && cfgDone()) : (cfgAborted && cfgAborted()); } }; if (!finishCount) { cfgDone && cfgDone(); } if (animators.length > 0 && cfg.during) { animators[0].during(function (target, percent) { cfg.during(percent); }); } for (var i = 0; i < animators.length; i++) { var animator = animators[i]; if (doneCb) { animator.done(doneCb); } if (abortedCb) { animator.aborted(abortedCb); } if (cfg.force) { animator.duration(cfg.duration); } animator.start(cfg.easing); } return animators; } function copyArrShallow(source, target, len) { for (var i = 0; i < len; i++) { source[i] = target[i]; } } function is2DArray(value) { return isArrayLike(value[0]); } function copyValue(target, source, key) { if (isArrayLike(source[key])) { if (!isArrayLike(target[key])) { target[key] = []; } if (isTypedArray(source[key])) { var len = source[key].length; if (target[key].length !== len) { target[key] = new (source[key].constructor)(len); copyArrShallow(target[key], source[key], len); } } else { var sourceArr = source[key]; var targetArr = target[key]; var len0 = sourceArr.length; if (is2DArray(sourceArr)) { var len1 = sourceArr[0].length; for (var i = 0; i < len0; i++) { if (!targetArr[i]) { targetArr[i] = Array.prototype.slice.call(sourceArr[i]); } else { copyArrShallow(targetArr[i], sourceArr[i], len1); } } } else { copyArrShallow(targetArr, sourceArr, len0); } targetArr.length = sourceArr.length; } } else { target[key] = source[key]; } } function isValueSame(val1, val2) { return val1 === val2 \|\| isArrayLike(val1) && isArrayLike(val2) && is1DArraySame(val1, val2); } function is1DArraySame(arr0, arr1) { var len = arr0.length; if (len !== arr1.length) { return false; } for (var i = 0; i < len; i++) { if (arr0[i] !== arr1[i]) { return false; } } return true; } function animateToShallow(animatable, topKey, animateObj, target, cfg, animationProps, animators, reverse) { var targetKeys = keys(target); var duration = cfg.duration; var delay = cfg.delay; var additive = cfg.additive; var setToFinal = cfg.setToFinal; var animateAll = !isObject(animationProps); var existsAnimators = animatable.animators; var animationKeys = []; for (var k = 0; k < targetKeys.length; k++) { var innerKey = targetKeys[k]; var targetVal = target[innerKey]; if (targetVal != null && animateObj[innerKey] != null && (animateAll \|\| animationProps[innerKey])) { if (isObject(targetVal) && !isArrayLike(targetVal) && !isGradientObject(targetVal)) { if (topKey) { if (!reverse) { animateObj[innerKey] = targetVal; animatable.updateDuringAnimation(topKey); } continue; } animateToShallow(animatable, innerKey, animateObj[innerKey], targetVal, cfg, animationProps && animationProps[innerKey], animators, reverse); } else { animationKeys.push(innerKey); } } else if (!reverse) { animateObj[innerKey] = targetVal; animatable.updateDuringAnimation(topKey); animationKeys.push(innerKey); } } var keyLen = animationKeys.length; if (!additive && keyLen) { for (var i = 0; i < existsAnimators.length; i++) { var animator = existsAnimators[i]; if (animator.targetName === topKey) { var allAborted = animator.stopTracks(animationKeys); if (allAborted) { var idx = indexOf(existsAnimators, animator); existsAnimators.splice(idx, 1); } } } } if (!cfg.force) { animationKeys = filter(animationKeys, function (key) { return !isValueSame(target[key], animateObj[key]); }); keyLen = animationKeys.length; } if (keyLen > 0 \|\| (cfg.force && !animators.length)) { var revertedSource = void 0; var reversedTarget = void 0; var sourceClone = void 0; if (reverse) { reversedTarget = {}; if (setToFinal) { revertedSource = {}; } for (var i = 0; i < keyLen; i++) { var innerKey = animationKeys[i]; reversedTarget[innerKey] = animateObj[innerKey]; if (setToFinal) { revertedSource[innerKey] = target[innerKey]; } else { animateObj[innerKey] = target[innerKey]; } } } else if (setToFinal) { sourceClone = {}; for (var i = 0; i < keyLen; i++) { var innerKey = animationKeys[i]; sourceClone[innerKey] = cloneValue(animateObj[innerKey]); copyValue(animateObj, target, innerKey); } } var animator = new Animator(animateObj, false, false, additive ? filter(existsAnimators, function (animator) { return animator.targetName === topKey; }) : null); animator.targetName = topKey; if (cfg.scope) { animator.scope = cfg.scope; } if (setToFinal && revertedSource) { animator.whenWithKeys(0, revertedSource, animationKeys); } if (sourceClone) { animator.whenWithKeys(0, sourceClone, animationKeys); } animator.whenWithKeys(duration == null ? 500 : duration, reverse ? reversedTarget : target, animationKeys).delay(delay \|\| 0); animatable.addAnimator(animator, topKey); animators.push(animator); } } var Group = (function (_super) { __extends(Group, _super); function Group(opts) { var _this = _super.call(this) \|\| this; _this.isGroup = true; _this._children = []; _this.attr(opts); return _this; } Group.prototype.childrenRef = function () { return this._children; }; Group.prototype.children = function () { return this._children.slice(); }; Group.prototype.childAt = function (idx) { return this._children[idx]; }; Group.prototype.childOfName = function (name) { var children = this._children; for (var i = 0; i < children.length; i++) { if (children[i].name === name) { return children[i]; } } }; Group.prototype.childCount = function () { return this._children.length; }; Group.prototype.add = function (child) { if (child) { if (child !== this && child.parent !== this) { this._children.push(child); this._doAdd(child); } { if (child.__hostTarget) { throw 'This elemenet has been used as an attachment'; } } } return this; }; Group.prototype.addBefore = function (child, nextSibling) { if (child && child !== this && child.parent !== this && nextSibling && nextSibling.parent === this) { var children = this._children; var idx = children.indexOf(nextSibling); if (idx >= 0) { children.splice(idx, 0, child); this._doAdd(child); } } return this; }; Group.prototype.replace = function (oldChild, newChild) { var idx = indexOf(this._children, oldChild); if (idx >= 0) { this.replaceAt(newChild, idx); } return this; }; Group.prototype.replaceAt = function (child, index) { var children = this._children; var old = children[index]; if (child && child !== this && child.parent !== this && child !== old) { children[index] = child; old.parent = null; var zr = this.__zr; if (zr) { old.removeSelfFromZr(zr); } this._doAdd(child); } return this; }; Group.prototype._doAdd = function (child) { if (child.parent) { child.parent.remove(child); } child.parent = this; var zr = this.__zr; if (zr && zr !== child.__zr) { child.addSelfToZr(zr); } zr && zr.refresh(); }; Group.prototype.remove = function (child) { var zr = this.__zr; var children = this._children; var idx = indexOf(children, child); if (idx < 0) { return this; } children.splice(idx, 1); child.parent = null; if (zr) { child.removeSelfFromZr(zr); } zr && zr.refresh(); return this; }; Group.prototype.removeAll = function () { var children = this._children; var zr = this.__zr; for (var i = 0; i < children.length; i++) { var child = children[i]; if (zr) { child.removeSelfFromZr(zr); } child.parent = null; } children.length = 0; return this; }; Group.prototype.eachChild = function (cb, context) { var children = this._children; for (var i = 0; i < children.length; i++) { var child = children[i]; cb.call(context, child, i); } return this; }; Group.prototype.traverse = function (cb, context) { for (var i = 0; i < this._children.length; i++) { var child = this._children[i]; var stopped = cb.call(context, child); if (child.isGroup && !stopped) { child.traverse(cb, context); } } return this; }; Group.prototype.addSelfToZr = function (zr) { _super.prototype.addSelfToZr.call(this, zr); for (var i = 0; i < this._children.length; i++) { var child = this._children[i]; child.addSelfToZr(zr); } }; Group.prototype.removeSelfFromZr = function (zr) { _super.prototype.removeSelfFromZr.call(this, zr); for (var i = 0; i < this._children.length; i++) { var child = this._children[i]; child.removeSelfFromZr(zr); } }; Group.prototype.getBoundingRect = function (includeChildren) { var tmpRect = new BoundingRect(0, 0, 0, 0); var children = includeChildren \|\| this._children; var tmpMat = []; var rect = null; for (var i = 0; i < children.length; i++) { var child = children[i]; if (child.ignore \|\| child.invisible) { continue; } var childRect = child.getBoundingRect(); var transform = child.getLocalTransform(tmpMat); if (transform) { BoundingRect.applyTransform(tmpRect, childRect, transform); rect = rect \|\| tmpRect.clone(); rect.union(tmpRect); } else { rect = rect \|\| childRect.clone(); rect.union(childRect); } } return rect \|\| tmpRect; }; return Group; }(Element)); Group.prototype.type = 'group'; /! ZRender, a high performance 2d drawing library. * * Copyright (c) 2013, Baidu Inc. * All rights reserved. * * LICENSE * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt / var painterCtors = {}; var instances = {}; function delInstance(id) { delete instances[id]; } function isDarkMode(backgroundColor) { if (!backgroundColor) { return false; } if (typeof backgroundColor === 'string') { return lum(backgroundColor, 1) < DARK_MODE_THRESHOLD; } else if (backgroundColor.colorStops) { var colorStops = backgroundColor.colorStops; var totalLum = 0; var len = colorStops.length; for (var i = 0; i < len; i++) { totalLum += lum(colorStops[i].color, 1); } totalLum /= len; return totalLum < DARK_MODE_THRESHOLD; } return false; } var ZRender = (function () { function ZRender(id, dom, opts) { var _this = this; this._sleepAfterStill = 10; this._stillFrameAccum = 0; this._needsRefresh = true; this._needsRefreshHover = true; this._darkMode = false; opts = opts \|\| {}; this.dom = dom; this.id = id; var storage = new Storage(); var rendererType = opts.renderer \|\| 'canvas'; if (!painterCtors[rendererType]) { rendererType = keys(painterCtors)[0]; } { if (!painterCtors[rendererType]) { throw new Error("Renderer '" + rendererType + "' is not imported. Please import it first."); } } opts.useDirtyRect = opts.useDirtyRect == null ? false : opts.useDirtyRect; var painter = new painterCtors[rendererType](dom, storage, opts, id); var ssrMode = opts.ssr \|\| painter.ssrOnly; this.storage = storage; this.painter = painter; var handlerProxy = (!env.node && !env.worker && !ssrMode) ? new HandlerDomProxy(painter.getViewportRoot(), painter.root) : null; var useCoarsePointer = opts.useCoarsePointer; var usePointerSize = (useCoarsePointer == null \|\| useCoarsePointer === 'auto') ? env.touchEventsSupported : !!useCoarsePointer; var defaultPointerSize = 44; var pointerSize; if (usePointerSize) { pointerSize = retrieve2(opts.pointerSize, defaultPointerSize); } this.handler = new Handler(storage, painter, handlerProxy, painter.root, pointerSize); this.animation = new Animation({ stage: { update: ssrMode ? null : function () { return _this._flush(true); } } }); if (!ssrMode) { this.animation.start(); } } ZRender.prototype.add = function (el) { if (this._disposed \|\| !el) { return; } this.storage.addRoot(el); el.addSelfToZr(this); this.refresh(); }; ZRender.prototype.remove = function (el) { if (this._disposed \|\| !el) { return; } this.storage.delRoot(el); el.removeSelfFromZr(this); this.refresh(); }; ZRender.prototype.configLayer = function (zLevel, config) { if (this._disposed) { return; } if (this.painter.configLayer) { this.painter.configLayer(zLevel, config); } this.refresh(); }; ZRender.prototype.setBackgroundColor = function (backgroundColor) { if (this._disposed) { return; } if (this.painter.setBackgroundColor) { this.painter.setBackgroundColor(backgroundColor); } this.refresh(); this._backgroundColor = backgroundColor; this._darkMode = isDarkMode(backgroundColor); }; ZRender.prototype.getBackgroundColor = function () { return this._backgroundColor; }; ZRender.prototype.setDarkMode = function (darkMode) { this._darkMode = darkMode; }; ZRender.prototype.isDarkMode = function () { return this._darkMode; }; ZRender.prototype.refreshImmediately = function (fromInside) { if (this._disposed) { return; } if (!fromInside) { this.animation.update(true); } this._needsRefresh = false; this.painter.refresh(); this._needsRefresh = false; }; ZRender.prototype.refresh = function () { if (this._disposed) { return; } this._needsRefresh = true; this.animation.start(); }; ZRender.prototype.flush = function () { if (this._disposed) { return; } this._flush(false); }; ZRender.prototype._flush = function (fromInside) { var triggerRendered; var start = getTime(); if (this._needsRefresh) { triggerRendered = true; this.refreshImmediately(fromInside); } if (this._needsRefreshHover) { triggerRendered = true; this.refreshHoverImmediately(); } var end = getTime(); if (triggerRendered) { this._stillFrameAccum = 0; this.trigger('rendered', { elapsedTime: end - start }); } else if (this._sleepAfterStill > 0) { this._stillFrameAccum++; if (this._stillFrameAccum > this._sleepAfterStill) { this.animation.stop(); } } }; ZRender.prototype.setSleepAfterStill = function (stillFramesCount) { this._sleepAfterStill = stillFramesCount; }; ZRender.prototype.wakeUp = function () { if (this._disposed) { return; } this.animation.start(); this._stillFrameAccum = 0; }; ZRender.prototype.refreshHover = function () { this._needsRefreshHover = true; }; ZRender.prototype.refreshHoverImmediately = function () { if (this._disposed) { return; } this._needsRefreshHover = false; if (this.painter.refreshHover && this.painter.getType() === 'canvas') { this.painter.refreshHover(); } }; ZRender.prototype.resize = function (opts) { if (this._disposed) { return; } opts = opts \|\| {}; this.painter.resize(opts.width, opts.height); this.handler.resize(); }; ZRender.prototype.clearAnimation = function () { if (this._disposed) { return; } this.animation.clear(); }; ZRender.prototype.getWidth = function () { if (this._disposed) { return; } return this.painter.getWidth(); }; ZRender.prototype.getHeight = function () { if (this._disposed) { return; } return this.painter.getHeight(); }; ZRender.prototype.setCursorStyle = function (cursorStyle) { if (this._disposed) { return; } this.handler.setCursorStyle(cursorStyle); }; ZRender.prototype.findHover = function (x, y) { if (this._disposed) { return; } return this.handler.findHover(x, y); }; ZRender.prototype.on = function (eventName, eventHandler, context) { if (!this._disposed) { this.handler.on(eventName, eventHandler, context); } return this; }; ZRender.prototype.off = function (eventName, eventHandler) { if (this._disposed) { return; } this.handler.off(eventName, eventHandler); }; ZRender.prototype.trigger = function (eventName, event) { if (this._disposed) { return; } this.handler.trigger(eventName, event); }; ZRender.prototype.clear = function () { if (this._disposed) { return; } var roots = this.storage.getRoots(); for (var i = 0; i < roots.length; i++) { if (roots[i] instanceof Group) { roots[i].removeSelfFromZr(this); } } this.storage.delAllRoots(); this.painter.clear(); }; ZRender.prototype.dispose = function () { if (this._disposed) { return; } this.animation.stop(); this.clear(); this.storage.dispose(); this.painter.dispose(); this.handler.dispose(); this.animation = this.storage = this.painter = this.handler = null; this._disposed = true; delInstance(this.id); }; return ZRender; }()); function init(dom, opts) { var zr = new ZRender(guid(), dom, opts); instances[zr.id] = zr; return zr; } function dispose(zr) { zr.dispose(); } function disposeAll() { for (var key in instances) { if (instances.hasOwnProperty(key)) { instances[key].dispose(); } } instances = {}; } function getInstance(id) { return instances[id]; } function registerPainter(name, Ctor) { painterCtors[name] = Ctor; } var ssrDataGetter; function getElementSSRData(el) { if (typeof ssrDataGetter === 'function') { return ssrDataGetter(el); } } function registerSSRDataGetter(getter) { ssrDataGetter = getter; } var version = '6.0.0'; var STYLE_MAGIC_KEY = '__zr_style_' + Math.round((Math.random() 10)); var DEFAULT_COMMON_STYLE = { shadowBlur: 0, shadowOffsetX: 0, shadowOffsetY: 0, shadowColor: '#000', opacity: 1, blend: 'source-over' }; var DEFAULT_COMMON_ANIMATION_PROPS = { style: { shadowBlur: true, shadowOffsetX: true, shadowOffsetY: true, shadowColor: true, opacity: true } }; DEFAULT_COMMON_STYLE[STYLE_MAGIC_KEY] = true; var PRIMARY_STATES_KEYS$1 = ['z', 'z2', 'invisible']; var PRIMARY_STATES_KEYS_IN_HOVER_LAYER = ['invisible']; var Displayable = (function (_super) { __extends(Displayable, _super); function Displayable(props) { return _super.call(this, props) \|\| this; } Displayable.prototype._init = function (props) { var keysArr = keys(props); for (var i = 0; i < keysArr.length; i++) { var key = keysArr[i]; if (key === 'style') { this.useStyle(props[key]); } else { _super.prototype.attrKV.call(this, key, props[key]); } } if (!this.style) { this.useStyle({}); } }; Displayable.prototype.beforeBrush = function () { }; Displayable.prototype.afterBrush = function () { }; Displayable.prototype.innerBeforeBrush = function () { }; Displayable.prototype.innerAfterBrush = function () { }; Displayable.prototype.shouldBePainted = function (viewWidth, viewHeight, considerClipPath, considerAncestors) { var m = this.transform; if (this.ignore \|\| this.invisible \|\| this.style.opacity === 0 \|\| (this.culling && isDisplayableCulled(this, viewWidth, viewHeight)) \|\| (m && !m[0] && !m[3])) { return false; } if (considerClipPath && this.__clipPaths && this.__clipPaths.length) { for (var i = 0; i < this.__clipPaths.length; ++i) { if (this.__clipPaths[i].isZeroArea()) { return false; } } } if (considerAncestors && this.parent) { var parent_1 = this.parent; while (parent_1) { if (parent_1.ignore) { return false; } parent_1 = parent_1.parent; } } return true; }; Displayable.prototype.contain = function (x, y) { return this.rectContain(x, y); }; Displayable.prototype.traverse = function (cb, context) { cb.call(context, this); }; Displayable.prototype.rectContain = function (x, y) { var coord = this.transformCoordToLocal(x, y); var rect = this.getBoundingRect(); return rect.contain(coord[0], coord[1]); }; Displayable.prototype.getPaintRect = function () { var rect = this._paintRect; if (!this._paintRect \|\| this.__dirty) { var transform = this.transform; var elRect = this.getBoundingRect(); var style = this.style; var shadowSize = style.shadowBlur \|\| 0; var shadowOffsetX = style.shadowOffsetX \|\| 0; var shadowOffsetY = style.shadowOffsetY \|\| 0; rect = this._paintRect \|\| (this._paintRect = new BoundingRect(0, 0, 0, 0)); if (transform) { BoundingRect.applyTransform(rect, elRect, transform); } else { rect.copy(elRect); } if (shadowSize \|\| shadowOffsetX \|\| shadowOffsetY) { rect.width += shadowSize * 2 + Math.abs(shadowOffsetX); rect.height += shadowSize * 2 + Math.abs(shadowOffsetY); rect.x = Math.min(rect.x, rect.x + shadowOffsetX - shadowSize); rect.y = Math.min(rect.y, rect.y + shadowOffsetY - shadowSize); } var tolerance = this.dirtyRectTolerance; if (!rect.isZero()) { rect.x = Math.floor(rect.x - tolerance); rect.y = Math.floor(rect.y - tolerance); rect.width = Math.ceil(rect.width + 1 + tolerance * 2); rect.height = Math.ceil(rect.height + 1 + tolerance * 2); } } return rect; }; Displayable.prototype.setPrevPaintRect = function (paintRect) { if (paintRect) { this._prevPaintRect = this._prevPaintRect \|\| new BoundingRect(0, 0, 0, 0); this._prevPaintRect.copy(paintRect); } else { this._prevPaintRect = null; } }; Displayable.prototype.getPrevPaintRect = function () { return this._prevPaintRect; }; Displayable.prototype.animateStyle = function (loop) { return this.animate('style', loop); }; Displayable.prototype.updateDuringAnimation = function (targetKey) { if (targetKey === 'style') { this.dirtyStyle(); } else { this.markRedraw(); } }; Displayable.prototype.attrKV = function (key, value) { if (key !== 'style') { _super.prototype.attrKV.call(this, key, value); } else { if (!this.style) { this.useStyle(value); } else { this.setStyle(value); } } }; Displayable.prototype.setStyle = function (keyOrObj, value) { if (typeof keyOrObj === 'string') { this.style[keyOrObj] = value; } else { extend(this.style, keyOrObj); } this.dirtyStyle(); return this; }; Displayable.prototype.dirtyStyle = function (notRedraw) { if (!notRedraw) { this.markRedraw(); } this.__dirty \|= STYLE_CHANGED_BIT; if (this._rect) { this._rect = null; } }; Displayable.prototype.dirty = function () { this.dirtyStyle(); }; Displayable.prototype.styleChanged = function () { return !!(this.__dirty & STYLE_CHANGED_BIT); }; Displayable.prototype.styleUpdated = function () { this.__dirty &= ~STYLE_CHANGED_BIT; }; Displayable.prototype.createStyle = function (obj) { return createObject(DEFAULT_COMMON_STYLE, obj); }; Displayable.prototype.useStyle = function (obj) { if (!obj[STYLE_MAGIC_KEY]) { obj = this.createStyle(obj); } if (this.__inHover) { this.__hoverStyle = obj; } else { this.style = obj; } this.dirtyStyle(); }; Displayable.prototype.isStyleObject = function (obj) { return obj[STYLE_MAGIC_KEY]; }; Displayable.prototype._innerSaveToNormal = function (toState) { _super.prototype._innerSaveToNormal.call(this, toState); var normalState = this._normalState; if (toState.style && !normalState.style) { normalState.style = this._mergeStyle(this.createStyle(), this.style); } this._savePrimaryToNormal(toState, normalState, PRIMARY_STATES_KEYS$1); }; Displayable.prototype._applyStateObj = function (stateName, state, normalState, keepCurrentStates, transition, animationCfg) { _super.prototype._applyStateObj.call(this, stateName, state, normalState, keepCurrentStates, transition, animationCfg); var needsRestoreToNormal = !(state && keepCurrentStates); var targetStyle; if (state && state.style) { if (transition) { if (keepCurrentStates) { targetStyle = state.style; } else { targetStyle = this._mergeStyle(this.createStyle(), normalState.style); this._mergeStyle(targetStyle, state.style); } } else { targetStyle = this._mergeStyle(this.createStyle(), keepCurrentStates ? this.style : normalState.style); this._mergeStyle(targetStyle, state.style); } } else if (needsRestoreToNormal) { targetStyle = normalState.style; } if (targetStyle) { if (transition) { var sourceStyle = this.style; this.style = this.createStyle(needsRestoreToNormal ? {} : sourceStyle); if (needsRestoreToNormal) { var changedKeys = keys(sourceStyle); for (var i = 0; i < changedKeys.length; i++) { var key = changedKeys[i]; if (key in targetStyle) { targetStyle[key] = targetStyle[key]; this.style[key] = sourceStyle[key]; } } } var targetKeys = keys(targetStyle); for (var i = 0; i < targetKeys.length; i++) { var key = targetKeys[i]; this.style[key] = this.style[key]; } this._transitionState(stateName, { style: targetStyle }, animationCfg, this.getAnimationStyleProps()); } else { this.useStyle(targetStyle); } } var statesKeys = this.__inHover ? PRIMARY_STATES_KEYS_IN_HOVER_LAYER : PRIMARY_STATES_KEYS$1; for (var i = 0; i < statesKeys.length; i++) { var key = statesKeys[i]; if (state && state[key] != null) { this[key] = state[key]; } else if (needsRestoreToNormal) { if (normalState[key] != null) { this[key] = normalState[key]; } } } }; Displayable.prototype._mergeStates = function (states) { var mergedState = _super.prototype._mergeStates.call(this, states); var mergedStyle; for (var i = 0; i < states.length; i++) { var state = states[i]; if (state.style) { mergedStyle = mergedStyle \|\| {}; this._mergeStyle(mergedStyle, state.style); } } if (mergedStyle) { mergedState.style = mergedStyle; } return mergedState; }; Displayable.prototype._mergeStyle = function (targetStyle, sourceStyle) { extend(targetStyle, sourceStyle); return targetStyle; }; Displayable.prototype.getAnimationStyleProps = function () { return DEFAULT_COMMON_ANIMATION_PROPS; }; Displayable.initDefaultProps = (function () { var dispProto = Displayable.prototype; dispProto.type = 'displayable'; dispProto.invisible = false; dispProto.z = 0; dispProto.z2 = 0; dispProto.zlevel = 0; dispProto.culling = false; dispProto.cursor = 'pointer'; dispProto.rectHover = false; dispProto.incremental = false; dispProto._rect = null; dispProto.dirtyRectTolerance = 0; dispProto.__dirty = REDRAW_BIT \| STYLE_CHANGED_BIT; })(); return Displayable; }(Element)); var tmpRect$1 = new BoundingRect(0, 0, 0, 0); var viewRect = new BoundingRect(0, 0, 0, 0); function isDisplayableCulled(el, width, height) { tmpRect$1.copy(el.getBoundingRect()); if (el.transform) { tmpRect$1.applyTransform(el.transform); } viewRect.width = width; viewRect.height = height; return !tmpRect$1.intersect(viewRect); } var mathMin$1 = Math.min; var mathMax$1 = Math.max; var mathSin = Math.sin; var mathCos = Math.cos; var PI2 = Math.PI * 2; var start = create(); var end = create(); var extremity = create(); function fromPoints(points, min, max) { if (points.length === 0) { return; } var p = points[0]; var left = p[0]; var right = p[0]; var top = p[1]; var bottom = p[1]; for (var i = 1; i < points.length; i++) { p = points[i]; left = mathMin$1(left, p[0]); right = mathMax$1(right, p[0]); top = mathMin$1(top, p[1]); bottom = mathMax$1(bottom, p[1]); } min[0] = left; min[1] = top; max[0] = right; max[1] = bottom; } function fromLine(x0, y0, x1, y1, min, max) { min[0] = mathMin$1(x0, x1); min[1] = mathMin$1(y0, y1); max[0] = mathMax$1(x0, x1); max[1] = mathMax$1(y0, y1); } var xDim = []; var yDim = []; function fromCubic(x0, y0, x1, y1, x2, y2, x3, y3, min, max) { var cubicExtrema$1 = cubicExtrema; var cubicAt$1 = cubicAt; var n = cubicExtrema$1(x0, x1, x2, x3, xDim); min[0] = Infinity; min[1] = Infinity; max[0] = -Infinity; max[1] = -Infinity; for (var i = 0; i < n; i++) { var x = cubicAt$1(x0, x1, x2, x3, xDim[i]); min[0] = mathMin$1(x, min[0]); max[0] = mathMax$1(x, max[0]); } n = cubicExtrema$1(y0, y1, y2, y3, yDim); for (var i = 0; i < n; i++) { var y = cubicAt$1(y0, y1, y2, y3, yDim[i]); min[1] = mathMin$1(y, min[1]); max[1] = mathMax$1(y, max[1]); } min[0] = mathMin$1(x0, min[0]); max[0] = mathMax$1(x0, max[0]); min[0] = mathMin$1(x3, min[0]); max[0] = mathMax$1(x3, max[0]); min[1] = mathMin$1(y0, min[1]); max[1] = mathMax$1(y0, max[1]); min[1] = mathMin$1(y3, min[1]); max[1] = mathMax$1(y3, max[1]); } function fromQuadratic(x0, y0, x1, y1, x2, y2, min, max) { var quadraticExtremum$1 = quadraticExtremum; var quadraticAt$1 = quadraticAt; var tx = mathMax$1(mathMin$1(quadraticExtremum$1(x0, x1, x2), 1), 0); var ty = mathMax$1(mathMin$1(quadraticExtremum$1(y0, y1, y2), 1), 0); var x = quadraticAt$1(x0, x1, x2, tx); var y = quadraticAt$1(y0, y1, y2, ty); min[0] = mathMin$1(x0, x2, x); min[1] = mathMin$1(y0, y2, y); max[0] = mathMax$1(x0, x2, x); max[1] = mathMax$1(y0, y2, y); } function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min$1, max$1) { var vec2Min = min; var vec2Max = max; var diff = Math.abs(startAngle - endAngle); if (diff % PI2 < 1e-4 && diff > 1e-4) { min$1[0] = x - rx; min$1[1] = y - ry; max$1[0] = x + rx; max$1[1] = y + ry; return; } start[0] = mathCos(startAngle) * rx + x; start[1] = mathSin(startAngle) * ry + y; end[0] = mathCos(endAngle) * rx + x; end[1] = mathSin(endAngle) * ry + y; vec2Min(min$1, start, end); vec2Max(max$1, start, end); startAngle = startAngle % (PI2); if (startAngle < 0) { startAngle = startAngle + PI2; } endAngle = endAngle % (PI2); if (endAngle < 0) { endAngle = endAngle + PI2; } if (startAngle > endAngle && !anticlockwise) { endAngle += PI2; } else if (startAngle < endAngle && anticlockwise) { startAngle += PI2; } if (anticlockwise) { var tmp = endAngle; endAngle = startAngle; startAngle = tmp; } for (var angle = 0; angle < endAngle; angle += Math.PI / 2) { if (angle > startAngle) { extremity[0] = mathCos(angle) * rx + x; extremity[1] = mathSin(angle) * ry + y; vec2Min(min$1, extremity, min$1); vec2Max(max$1, extremity, max$1); } } } var CMD = { M: 1, L: 2, C: 3, Q: 4, A: 5, Z: 6, R: 7 }; var tmpOutX = []; var tmpOutY = []; var min$1 = []; var max$1 = []; var min2 = []; var max2 = []; var mathMin$2 = Math.min; var mathMax$2 = Math.max; var mathCos$1 = Math.cos; var mathSin$1 = Math.sin; var mathAbs$1 = Math.abs; var PI = Math.PI; var PI2$1 = PI * 2; var hasTypedArray = typeof Float32Array !== 'undefined'; var tmpAngles = []; function modPI2(radian) { var n = Math.round(radian / PI * 1e8) / 1e8; return (n % 2) * PI; } function normalizeArcAngles(angles, anticlockwise) { var newStartAngle = modPI2(angles[0]); if (newStartAngle < 0) { newStartAngle += PI2$1; } var delta = newStartAngle - angles[0]; var newEndAngle = angles[1]; newEndAngle += delta; if (!anticlockwise && newEndAngle - newStartAngle >= PI2$1) { newEndAngle = newStartAngle + PI2$1; } else if (anticlockwise && newStartAngle - newEndAngle >= PI2$1) { newEndAngle = newStartAngle - PI2$1; } else if (!anticlockwise && newStartAngle > newEndAngle) { newEndAngle = newStartAngle + (PI2$1 - modPI2(newStartAngle - newEndAngle)); } else if (anticlockwise && newStartAngle < newEndAngle) { newEndAngle = newStartAngle - (PI2$1 - modPI2(newEndAngle - newStartAngle)); } angles[0] = newStartAngle; angles[1] = newEndAngle; } var PathProxy = (function () { function PathProxy(notSaveData) { this.dpr = 1; this._xi = 0; this._yi = 0; this._x0 = 0; this._y0 = 0; this._len = 0; if (notSaveData) { this._saveData = false; } if (this._saveData) { this.data = []; } } PathProxy.prototype.increaseVersion = function () { this._version++; }; PathProxy.prototype.getVersion = function () { return this._version; }; PathProxy.prototype.setScale = function (sx, sy, segmentIgnoreThreshold) { segmentIgnoreThreshold = segmentIgnoreThreshold \|\| 0; if (segmentIgnoreThreshold > 0) { this._ux = mathAbs$1(segmentIgnoreThreshold / devicePixelRatio / sx) \|\| 0; this._uy = mathAbs$1(segmentIgnoreThreshold / devicePixelRatio / sy) \|\| 0; } }; PathProxy.prototype.setDPR = function (dpr) { this.dpr = dpr; }; PathProxy.prototype.setContext = function (ctx) { this._ctx = ctx; }; PathProxy.prototype.getContext = function () { return this._ctx; }; PathProxy.prototype.beginPath = function () { this._ctx && this._ctx.beginPath(); this.reset(); return this; }; PathProxy.prototype.reset = function () { if (this._saveData) { this._len = 0; } if (this._pathSegLen) { this._pathSegLen = null; this._pathLen = 0; } this._version++; }; PathProxy.prototype.moveTo = function (x, y) { this._drawPendingPt(); this.addData(CMD.M, x, y); this._ctx && this._ctx.moveTo(x, y); this._x0 = x; this._y0 = y; this._xi = x; this._yi = y; return this; }; PathProxy.prototype.lineTo = function (x, y) { var dx = mathAbs$1(x - this._xi); var dy = mathAbs$1(y - this._yi); var exceedUnit = dx > this._ux \|\| dy > this._uy; this.addData(CMD.L, x, y); if (this._ctx && exceedUnit) { this._ctx.lineTo(x, y); } if (exceedUnit) { this._xi = x; this._yi = y; this._pendingPtDist = 0; } else { var d2 = dx * dx + dy * dy; if (d2 > this._pendingPtDist) { this._pendingPtX = x; this._pendingPtY = y; this._pendingPtDist = d2; } } return this; }; PathProxy.prototype.bezierCurveTo = function (x1, y1, x2, y2, x3, y3) { this._drawPendingPt(); this.addData(CMD.C, x1, y1, x2, y2, x3, y3); if (this._ctx) { this._ctx.bezierCurveTo(x1, y1, x2, y2, x3, y3); } this._xi = x3; this._yi = y3; return this; }; PathProxy.prototype.quadraticCurveTo = function (x1, y1, x2, y2) { this._drawPendingPt(); this.addData(CMD.Q, x1, y1, x2, y2); if (this._ctx) { this._ctx.quadraticCurveTo(x1, y1, x2, y2); } this._xi = x2; this._yi = y2; return this; }; PathProxy.prototype.arc = function (cx, cy, r, startAngle, endAngle, anticlockwise) { this._drawPendingPt(); tmpAngles[0] = startAngle; tmpAngles[1] = endAngle; normalizeArcAngles(tmpAngles, anticlockwise); startAngle = tmpAngles[0]; endAngle = tmpAngles[1]; var delta = endAngle - startAngle; this.addData(CMD.A, cx, cy, r, r, startAngle, delta, 0, anticlockwise ? 0 : 1); this._ctx && this._ctx.arc(cx, cy, r, startAngle, endAngle, anticlockwise); this._xi = mathCos$1(endAngle) * r + cx; this._yi = mathSin$1(endAngle) * r + cy; return this; }; PathProxy.prototype.arcTo = function (x1, y1, x2, y2, radius) { this._drawPendingPt(); if (this._ctx) { this._ctx.arcTo(x1, y1, x2, y2, radius); } return this; }; PathProxy.prototype.rect = function (x, y, w, h) { this._drawPendingPt(); this._ctx && this._ctx.rect(x, y, w, h); this.addData(CMD.R, x, y, w, h); return this; }; PathProxy.prototype.closePath = function () { this._drawPendingPt(); this.addData(CMD.Z); var ctx = this._ctx; var x0 = this._x0; var y0 = this._y0; if (ctx) { ctx.closePath(); } this._xi = x0; this._yi = y0; return this; }; PathProxy.prototype.fill = function (ctx) { ctx && ctx.fill(); this.toStatic(); }; PathProxy.prototype.stroke = function (ctx) { ctx && ctx.stroke(); this.toStatic(); }; PathProxy.prototype.len = function () { return this._len; }; PathProxy.prototype.setData = function (data) { if (!this._saveData) { return; } var len = data.length; if (!(this.data && this.data.length === len) && hasTypedArray) { this.data = new Float32Array(len); } for (var i = 0; i < len; i++) { this.data[i] = data[i]; } this._len = len; }; PathProxy.prototype.appendPath = function (path) { if (!this._saveData) { return; } if (!(path instanceof Array)) { path = [path]; } var len = path.length; var appendSize = 0; var offset = this._len; for (var i = 0; i < len; i++) { appendSize += path[i].len(); } var oldData = this.data; if (hasTypedArray && (oldData instanceof Float32Array \|\| !oldData)) { this.data = new Float32Array(offset + appendSize); if (offset > 0 && oldData) { for (var k = 0; k < offset; k++) { this.data[k] = oldData[k]; } } } for (var i = 0; i < len; i++) { var appendPathData = path[i].data; for (var k = 0; k < appendPathData.length; k++) { this.data[offset++] = appendPathData[k]; } } this._len = offset; }; PathProxy.prototype.addData = function (cmd, a, b, c, d, e, f, g, h) { if (!this._saveData) { return; } var data = this.data; if (this._len + arguments.length > data.length) { this._expandData(); data = this.data; } for (var i = 0; i < arguments.length; i++) { data[this._len++] = arguments[i]; } }; PathProxy.prototype._drawPendingPt = function () { if (this._pendingPtDist > 0) { this._ctx && this._ctx.lineTo(this._pendingPtX, this._pendingPtY); this._pendingPtDist = 0; } }; PathProxy.prototype._expandData = function () { if (!(this.data instanceof Array)) { var newData = []; for (var i = 0; i < this._len; i++) { newData[i] = this.data[i]; } this.data = newData; } }; PathProxy.prototype.toStatic = function () { if (!this._saveData) { return; } this._drawPendingPt(); var data = this.data; if (data instanceof Array) { data.length = this._len; if (hasTypedArray && this._len > 11) { this.data = new Float32Array(data); } } }; PathProxy.prototype.getBoundingRect = function () { min$1[0] = min$1[1] = min2[0] = min2[1] = Number.MAX_VALUE; max$1[0] = max$1[1] = max2[0] = max2[1] = -Number.MAX_VALUE; var data = this.data; var xi = 0; var yi = 0; var x0 = 0; var y0 = 0; var i; for (i = 0; i < this._len;) { var cmd = data[i++]; var isFirst = i === 1; if (isFirst) { xi = data[i]; yi = data[i + 1]; x0 = xi; y0 = yi; } switch (cmd) { case CMD.M: xi = x0 = data[i++]; yi = y0 = data[i++]; min2[0] = x0; min2[1] = y0; max2[0] = x0; max2[1] = y0; break; case CMD.L: fromLine(xi, yi, data[i], data[i + 1], min2, max2); xi = data[i++]; yi = data[i++]; break; case CMD.C: fromCubic(xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1], min2, max2); xi = data[i++]; yi = data[i++]; break; case CMD.Q: fromQuadratic(xi, yi, data[i++], data[i++], data[i], data[i + 1], min2, max2); xi = data[i++]; yi = data[i++]; break; case CMD.A: var cx = data[i++]; var cy = data[i++]; var rx = data[i++]; var ry = data[i++]; var startAngle = data[i++]; var endAngle = data[i++] + startAngle; i += 1; var anticlockwise = !data[i++]; if (isFirst) { x0 = mathCos$1(startAngle) * rx + cx; y0 = mathSin$1(startAngle) * ry + cy; } fromArc(cx, cy, rx, ry, startAngle, endAngle, anticlockwise, min2, max2); xi = mathCos$1(endAngle) * rx + cx; yi = mathSin$1(endAngle) * ry + cy; break; case CMD.R: x0 = xi = data[i++]; y0 = yi = data[i++]; var width = data[i++]; var height = data[i++]; fromLine(x0, y0, x0 + width, y0 + height, min2, max2); break; case CMD.Z: xi = x0; yi = y0; break; } min(min$1, min$1, min2); max(max$1, max$1, max2); } if (i === 0) { min$1[0] = min$1[1] = max$1[0] = max$1[1] = 0; } return new BoundingRect(min$1[0], min$1[1], max$1[0] - min$1[0], max$1[1] - min$1[1]); }; PathProxy.prototype._calculateLength = function () { var data = this.data; var len = this._len; var ux = this._ux; var uy = this._uy; var xi = 0; var yi = 0; var x0 = 0; var y0 = 0; if (!this._pathSegLen) { this._pathSegLen = []; } var pathSegLen = this._pathSegLen; var pathTotalLen = 0; var segCount = 0; for (var i = 0; i < len;) { var cmd = data[i++]; var isFirst = i === 1; if (isFirst) { xi = data[i]; yi = data[i + 1]; x0 = xi; y0 = yi; } var l = -1; switch (cmd) { case CMD.M: xi = x0 = data[i++]; yi = y0 = data[i++]; break; case CMD.L: { var x2 = data[i++]; var y2 = data[i++]; var dx = x2 - xi; var dy = y2 - yi; if (mathAbs$1(dx) > ux \|\| mathAbs$1(dy) > uy \|\| i === len - 1) { l = Math.sqrt(dx * dx + dy * dy); xi = x2; yi = y2; } break; } case CMD.C: { var x1 = data[i++]; var y1 = data[i++]; var x2 = data[i++]; var y2 = data[i++]; var x3 = data[i++]; var y3 = data[i++]; l = cubicLength(xi, yi, x1, y1, x2, y2, x3, y3, 10); xi = x3; yi = y3; break; } case CMD.Q: { var x1 = data[i++]; var y1 = data[i++]; var x2 = data[i++]; var y2 = data[i++]; l = quadraticLength(xi, yi, x1, y1, x2, y2, 10); xi = x2; yi = y2; break; } case CMD.A: var cx = data[i++]; var cy = data[i++]; var rx = data[i++]; var ry = data[i++]; var startAngle = data[i++]; var delta = data[i++]; var endAngle = delta + startAngle; i += 1; if (isFirst) { x0 = mathCos$1(startAngle) * rx + cx; y0 = mathSin$1(startAngle) * ry + cy; } l = mathMax$2(rx, ry) * mathMin$2(PI2$1, Math.abs(delta)); xi = mathCos$1(endAngle) * rx + cx; yi = mathSin$1(endAngle) * ry + cy; break; case CMD.R: { x0 = xi = data[i++]; y0 = yi = data[i++]; var width = data[i++]; var height = data[i++]; l = width * 2 + height * 2; break; } case CMD.Z: { var dx = x0 - xi; var dy = y0 - yi; l = Math.sqrt(dx * dx + dy * dy); xi = x0; yi = y0; break; } } if (l >= 0) { pathSegLen[segCount++] = l; pathTotalLen += l; } } this._pathLen = pathTotalLen; return pathTotalLen; }; PathProxy.prototype.rebuildPath = function (ctx, percent) { var d = this.data; var ux = this._ux; var uy = this._uy; var len = this._len; var x0; var y0; var xi; var yi; var x; var y; var drawPart = percent < 1; var pathSegLen; var pathTotalLen; var accumLength = 0; var segCount = 0; var displayedLength; var pendingPtDist = 0; var pendingPtX; var pendingPtY; if (drawPart) { if (!this._pathSegLen) { this._calculateLength(); } pathSegLen = this._pathSegLen; pathTotalLen = this._pathLen; displayedLength = percent * pathTotalLen; if (!displayedLength) { return; } } lo: for (var i = 0; i < len;) { var cmd = d[i++]; var isFirst = i === 1; if (isFirst) { xi = d[i]; yi = d[i + 1]; x0 = xi; y0 = yi; } if (cmd !== CMD.L && pendingPtDist > 0) { ctx.lineTo(pendingPtX, pendingPtY); pendingPtDist = 0; } switch (cmd) { case CMD.M: x0 = xi = d[i++]; y0 = yi = d[i++]; ctx.moveTo(xi, yi); break; case CMD.L: { x = d[i++]; y = d[i++]; var dx = mathAbs$1(x - xi); var dy = mathAbs$1(y - yi); if (dx > ux \|\| dy > uy) { if (drawPart) { var l = pathSegLen[segCount++]; if (accumLength + l > displayedLength) { var t = (displayedLength - accumLength) / l; ctx.lineTo(xi * (1 - t) + x * t, yi * (1 - t) + y * t); break lo; } accumLength += l; } ctx.lineTo(x, y); xi = x; yi = y; pendingPtDist = 0; } else { var d2 = dx * dx + dy * dy; if (d2 > pendingPtDist) { pendingPtX = x; pendingPtY = y; pendingPtDist = d2; } } break; } case CMD.C: { var x1 = d[i++]; var y1 = d[i++]; var x2 = d[i++]; var y2 = d[i++]; var x3 = d[i++]; var y3 = d[i++]; if (drawPart) { var l = pathSegLen[segCount++]; if (accumLength + l > displayedLength) { var t = (displayedLength - accumLength) / l; cubicSubdivide(xi, x1, x2, x3, t, tmpOutX); cubicSubdivide(yi, y1, y2, y3, t, tmpOutY); ctx.bezierCurveTo(tmpOutX[1], tmpOutY[1], tmpOutX[2], tmpOutY[2], tmpOutX[3], tmpOutY[3]); break lo; } accumLength += l; } ctx.bezierCurveTo(x1, y1, x2, y2, x3, y3); xi = x3; yi = y3; break; } case CMD.Q: { var x1 = d[i++]; var y1 = d[i++]; var x2 = d[i++]; var y2 = d[i++]; if (drawPart) { var l = pathSegLen[segCount++]; if (accumLength + l > displayedLength) { var t = (displayedLength - accumLength) / l; quadraticSubdivide(xi, x1, x2, t, tmpOutX); quadraticSubdivide(yi, y1, y2, t, tmpOutY); ctx.quadraticCurveTo(tmpOutX[1], tmpOutY[1], tmpOutX[2], tmpOutY[2]); break lo; } accumLength += l; } ctx.quadraticCurveTo(x1, y1, x2, y2); xi = x2; yi = y2; break; } case CMD.A: var cx = d[i++]; var cy = d[i++]; var rx = d[i++]; var ry = d[i++]; var startAngle = d[i++]; var delta = d[i++]; var psi = d[i++]; var anticlockwise = !d[i++]; var r = (rx > ry) ? rx : ry; var isEllipse = mathAbs$1(rx - ry) > 1e-3; var endAngle = startAngle + delta; var breakBuild = false; if (drawPart) { var l = pathSegLen[segCount++]; if (accumLength + l > displayedLength) { endAngle = startAngle + delta * (displayedLength - accumLength) / l; breakBuild = true; } accumLength += l; } if (isEllipse && ctx.ellipse) { ctx.ellipse(cx, cy, rx, ry, psi, startAngle, endAngle, anticlockwise); } else { ctx.arc(cx, cy, r, startAngle, endAngle, anticlockwise); } if (breakBuild) { break lo; } if (isFirst) { x0 = mathCos$1(startAngle) * rx + cx; y0 = mathSin$1(startAngle) * ry + cy; } xi = mathCos$1(endAngle) * rx + cx; yi = mathSin$1(endAngle) * ry + cy; break; case CMD.R: x0 = xi = d[i]; y0 = yi = d[i + 1]; x = d[i++]; y = d[i++]; var width = d[i++]; var height = d[i++]; if (drawPart) { var l = pathSegLen[segCount++]; if (accumLength + l > displayedLength) { var d_1 = displayedLength - accumLength; ctx.moveTo(x, y); ctx.lineTo(x + mathMin$2(d_1, width), y); d_1 -= width; if (d_1 > 0) { ctx.lineTo(x + width, y + mathMin$2(d_1, height)); } d_1 -= height; if (d_1 > 0) { ctx.lineTo(x + mathMax$2(width - d_1, 0), y + height); } d_1 -= width; if (d_1 > 0) { ctx.lineTo(x, y + mathMax$2(height - d_1, 0)); } break lo; } accumLength += l; } ctx.rect(x, y, width, height); break; case CMD.Z: if (drawPart) { var l = pathSegLen[segCount++]; if (accumLength + l > displayedLength) { var t = (displayedLength - accumLength) / l; ctx.lineTo(xi * (1 - t) + x0 * t, yi * (1 - t) + y0 * t); break lo; } accumLength += l; } ctx.closePath(); xi = x0; yi = y0; } } }; PathProxy.prototype.clone = function () { var newProxy = new PathProxy(); var data = this.data; newProxy.data = data.slice ? data.slice() : Array.prototype.slice.call(data); newProxy._len = this._len; return newProxy; }; PathProxy.prototype.canSave = function () { return !!this._saveData; }; PathProxy.CMD = CMD; PathProxy.initDefaultProps = (function () { var proto = PathProxy.prototype; proto._saveData = true; proto._ux = 0; proto._uy = 0; proto._pendingPtDist = 0; proto._version = 0; })(); return PathProxy; }()); function containStroke(x0, y0, x1, y1, lineWidth, x, y) { if (lineWidth === 0) { return false; } var _l = lineWidth; var _a = 0; var _b = x0; if ((y > y0 + _l && y > y1 + _l) \|\| (y < y0 - _l && y < y1 - _l) \|\| (x > x0 + _l && x > x1 + _l) \|\| (x < x0 - _l && x < x1 - _l)) { return false; } if (x0 !== x1) { _a = (y0 - y1) / (x0 - x1); _b = (x0 * y1 - x1 * y0) / (x0 - x1); } else { return Math.abs(x - x0) <= _l / 2; } var tmp = _a * x - y + _b; var _s = tmp * tmp / (_a * _a + 1); return _s <= _l / 2 * _l / 2; } function containStroke$1(x0, y0, x1, y1, x2, y2, x3, y3, lineWidth, x, y) { if (lineWidth === 0) { return false; } var _l = lineWidth; if ((y > y0 + _l && y > y1 + _l && y > y2 + _l && y > y3 + _l) \|\| (y < y0 - _l && y < y1 - _l && y < y2 - _l && y < y3 - _l) \|\| (x > x0 + _l && x > x1 + _l && x > x2 + _l && x > x3 + _l) \|\| (x < x0 - _l && x < x1 - _l && x < x2 - _l && x < x3 - _l)) { return false; } var d = cubicProjectPoint(x0, y0, x1, y1, x2, y2, x3, y3, x, y, null); return d <= _l / 2; } function containStroke$2(x0, y0, x1, y1, x2, y2, lineWidth, x, y) { if (lineWidth === 0) { return false; } var _l = lineWidth; if ((y > y0 + _l && y > y1 + _l && y > y2 + _l) \|\| (y < y0 - _l && y < y1 - _l && y < y2 - _l) \|\| (x > x0 + _l && x > x1 + _l && x > x2 + _l) \|\| (x < x0 - _l && x < x1 - _l && x < x2 - _l)) { return false; } var d = quadraticProjectPoint(x0, y0, x1, y1, x2, y2, x, y, null); return d <= _l / 2; } var PI2$2 = Math.PI * 2; function normalizeRadian(angle) { angle %= PI2$2; if (angle < 0) { angle += PI2$2; } return angle; } var PI2$3 = Math.PI * 2; function containStroke$3(cx, cy, r, startAngle, endAngle, anticlockwise, lineWidth, x, y) { if (lineWidth === 0) { return false; } var _l = lineWidth; x -= cx; y -= cy; var d = Math.sqrt(x * x + y * y); if ((d - _l > r) \|\| (d + _l < r)) { return false; } if (Math.abs(startAngle - endAngle) % PI2$3 < 1e-4) { return true; } if (anticlockwise) { var tmp = startAngle; startAngle = normalizeRadian(endAngle); endAngle = normalizeRadian(tmp); } else { startAngle = normalizeRadian(startAngle); endAngle = normalizeRadian(endAngle); } if (startAngle > endAngle) { endAngle += PI2$3; } var angle = Math.atan2(y, x); if (angle < 0) { angle += PI2$3; } return (angle >= startAngle && angle <= endAngle) \|\| (angle + PI2$3 >= startAngle && angle + PI2$3 <= endAngle); } function windingLine(x0, y0, x1, y1, x, y) { if ((y > y0 && y > y1) \|\| (y < y0 && y < y1)) { return 0; } if (y1 === y0) { return 0; } var t = (y - y0) / (y1 - y0); var dir = y1 < y0 ? 1 : -1; if (t === 1 \|\| t === 0) { dir = y1 < y0 ? 0.5 : -0.5; } var x_ = t * (x1 - x0) + x0; return x_ === x ? Infinity : x_ > x ? dir : 0; } var CMD$1 = PathProxy.CMD; var PI2$4 = Math.PI * 2; var EPSILON$4 = 1e-4; function isAroundEqual(a, b) { return Math.abs(a - b) < EPSILON$4; } var roots = [-1, -1, -1]; var extrema = [-1, -1]; function swapExtrema() { var tmp = extrema[0]; extrema[0] = extrema[1]; extrema[1] = tmp; } function windingCubic(x0, y0, x1, y1, x2, y2, x3, y3, x, y) { if ((y > y0 && y > y1 && y > y2 && y > y3) \|\| (y < y0 && y < y1 && y < y2 && y < y3)) { return 0; } var nRoots = cubicRootAt(y0, y1, y2, y3, y, roots); if (nRoots === 0) { return 0; } else { var w = 0; var nExtrema = -1; var y0_ = void 0; var y1_ = void 0; for (var i = 0; i < nRoots; i++) { var t = roots[i]; var unit = (t === 0 \|\| t === 1) ? 0.5 : 1; var x_ = cubicAt(x0, x1, x2, x3, t); if (x_ < x) { continue; } if (nExtrema < 0) { nExtrema = cubicExtrema(y0, y1, y2, y3, extrema); if (extrema[1] < extrema[0] && nExtrema > 1) { swapExtrema(); } y0_ = cubicAt(y0, y1, y2, y3, extrema[0]); if (nExtrema > 1) { y1_ = cubicAt(y0, y1, y2, y3, extrema[1]); } } if (nExtrema === 2) { if (t < extrema[0]) { w += y0_ < y0 ? unit : -unit; } else if (t < extrema[1]) { w += y1_ < y0_ ? unit : -unit; } else { w += y3 < y1_ ? unit : -unit; } } else { if (t < extrema[0]) { w += y0_ < y0 ? unit : -unit; } else { w += y3 < y0_ ? unit : -unit; } } } return w; } } function windingQuadratic(x0, y0, x1, y1, x2, y2, x, y) { if ((y > y0 && y > y1 && y > y2) \|\| (y < y0 && y < y1 && y < y2)) { return 0; } var nRoots = quadraticRootAt(y0, y1, y2, y, roots); if (nRoots === 0) { return 0; } else { var t = quadraticExtremum(y0, y1, y2); if (t >= 0 && t <= 1) { var w = 0; var y_ = quadraticAt(y0, y1, y2, t); for (var i = 0; i < nRoots; i++) { var unit = (roots[i] === 0 \|\| roots[i] === 1) ? 0.5 : 1; var x_ = quadraticAt(x0, x1, x2, roots[i]); if (x_ < x) { continue; } if (roots[i] < t) { w += y_ < y0 ? unit : -unit; } else { w += y2 < y_ ? unit : -unit; } } return w; } else { var unit = (roots[0] === 0 \|\| roots[0] === 1) ? 0.5 : 1; var x_ = quadraticAt(x0, x1, x2, roots[0]); if (x_ < x) { return 0; } return y2 < y0 ? unit : -unit; } } } function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) { y -= cy; if (y > r \|\| y < -r) { return 0; } var tmp = Math.sqrt(r * r - y * y); roots[0] = -tmp; roots[1] = tmp; var dTheta = Math.abs(startAngle - endAngle); if (dTheta < 1e-4) { return 0; } if (dTheta >= PI2$4 - 1e-4) { startAngle = 0; endAngle = PI2$4; var dir = anticlockwise ? 1 : -1; if (x >= roots[0] + cx && x <= roots[1] + cx) { return dir; } else { return 0; } } if (startAngle > endAngle) { var tmp_1 = startAngle; startAngle = endAngle; endAngle = tmp_1; } if (startAngle < 0) { startAngle += PI2$4; endAngle += PI2$4; } var w = 0; for (var i = 0; i < 2; i++) { var x_ = roots[i]; if (x_ + cx > x) { var angle = Math.atan2(y, x_); var dir = anticlockwise ? 1 : -1; if (angle < 0) { angle = PI2$4 + angle; } if ((angle >= startAngle && angle <= endAngle) \|\| (angle + PI2$4 >= startAngle && angle + PI2$4 <= endAngle)) { if (angle > Math.PI / 2 && angle < Math.PI * 1.5) { dir = -dir; } w += dir; } } } return w; } function containPath(path, lineWidth, isStroke, x, y) { var data = path.data; var len = path.len(); var w = 0; var xi = 0; var yi = 0; var x0 = 0; var y0 = 0; var x1; var y1; for (var i = 0; i < len;) { var cmd = data[i++]; var isFirst = i === 1; if (cmd === CMD$1.M && i > 1) { if (!isStroke) { w += windingLine(xi, yi, x0, y0, x, y); } } if (isFirst) { xi = data[i]; yi = data[i + 1]; x0 = xi; y0 = yi; } switch (cmd) { case CMD$1.M: x0 = data[i++]; y0 = data[i++]; xi = x0; yi = y0; break; case CMD$1.L: if (isStroke) { if (containStroke(xi, yi, data[i], data[i + 1], lineWidth, x, y)) { return true; } } else { w += windingLine(xi, yi, data[i], data[i + 1], x, y) \|\| 0; } xi = data[i++]; yi = data[i++]; break; case CMD$1.C: if (isStroke) { if (containStroke$1(xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1], lineWidth, x, y)) { return true; } } else { w += windingCubic(xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1], x, y) \|\| 0; } xi = data[i++]; yi = data[i++]; break; case CMD$1.Q: if (isStroke) { if (containStroke$2(xi, yi, data[i++], data[i++], data[i], data[i + 1], lineWidth, x, y)) { return true; } } else { w += windingQuadratic(xi, yi, data[i++], data[i++], data[i], data[i + 1], x, y) \|\| 0; } xi = data[i++]; yi = data[i++]; break; case CMD$1.A: var cx = data[i++]; var cy = data[i++]; var rx = data[i++]; var ry = data[i++]; var theta = data[i++]; var dTheta = data[i++]; i += 1; var anticlockwise = !!(1 - data[i++]); x1 = Math.cos(theta) * rx + cx; y1 = Math.sin(theta) * ry + cy; if (!isFirst) { w += windingLine(xi, yi, x1, y1, x, y); } else { x0 = x1; y0 = y1; } var _x = (x - cx) * ry / rx + cx; if (isStroke) { if (containStroke$3(cx, cy, ry, theta, theta + dTheta, anticlockwise, lineWidth, _x, y)) { return true; } } else { w += windingArc(cx, cy, ry, theta, theta + dTheta, anticlockwise, _x, y); } xi = Math.cos(theta + dTheta) * rx + cx; yi = Math.sin(theta + dTheta) * ry + cy; break; case CMD$1.R: x0 = xi = data[i++]; y0 = yi = data[i++]; var width = data[i++]; var height = data[i++]; x1 = x0 + width; y1 = y0 + height; if (isStroke) { if (containStroke(x0, y0, x1, y0, lineWidth, x, y) \|\| containStroke(x1, y0, x1, y1, lineWidth, x, y) \|\| containStroke(x1, y1, x0, y1, lineWidth, x, y) \|\| containStroke(x0, y1, x0, y0, lineWidth, x, y)) { return true; } } else { w += windingLine(x1, y0, x1, y1, x, y); w += windingLine(x0, y1, x0, y0, x, y); } break; case CMD$1.Z: if (isStroke) { if (containStroke(xi, yi, x0, y0, lineWidth, x, y)) { return true; } } else { w += windingLine(xi, yi, x0, y0, x, y); } xi = x0; yi = y0; break; } } if (!isStroke && !isAroundEqual(yi, y0)) { w += windingLine(xi, yi, x0, y0, x, y) \|\| 0; } return w !== 0; } function contain(pathProxy, x, y) { return containPath(pathProxy, 0, false, x, y); } function containStroke$4(pathProxy, lineWidth, x, y) { return containPath(pathProxy, lineWidth, true, x, y); } var DEFAULT_PATH_STYLE = defaults({ fill: '#000', stroke: null, strokePercent: 1, fillOpacity: 1, strokeOpacity: 1, lineDashOffset: 0, lineWidth: 1, lineCap: 'butt', miterLimit: 10, strokeNoScale: false, strokeFirst: false }, DEFAULT_COMMON_STYLE); var DEFAULT_PATH_ANIMATION_PROPS = { style: defaults({ fill: true, stroke: true, strokePercent: true, fillOpacity: true, strokeOpacity: true, lineDashOffset: true, lineWidth: true, miterLimit: true }, DEFAULT_COMMON_ANIMATION_PROPS.style) }; var pathCopyParams = TRANSFORMABLE_PROPS.concat(['invisible', 'culling', 'z', 'z2', 'zlevel', 'parent' ]); var Path = (function (_super) { __extends(Path, _super); function Path(opts) { return _super.call(this, opts) \|\| this; } Path.prototype.update = function () { var _this = this; _super.prototype.update.call(this); var style = this.style; if (style.decal) { var decalEl = this._decalEl = this._decalEl \|\| new Path(); if (decalEl.buildPath === Path.prototype.buildPath) { decalEl.buildPath = function (ctx) { _this.buildPath(ctx, _this.shape); }; } decalEl.silent = true; var decalElStyle = decalEl.style; for (var key in style) { if (decalElStyle[key] !== style[key]) { decalElStyle[key] = style[key]; } } decalElStyle.fill = style.fill ? style.decal : null; decalElStyle.decal = null; decalElStyle.shadowColor = null; style.strokeFirst && (decalElStyle.stroke = null); for (var i = 0; i < pathCopyParams.length; ++i) { decalEl[pathCopyParams[i]] = this[pathCopyParams[i]]; } decalEl.__dirty \|= REDRAW_BIT; } else if (this._decalEl) { this._decalEl = null; } }; Path.prototype.getDecalElement = function () { return this._decalEl; }; Path.prototype._init = function (props) { var keysArr = keys(props); this.shape = this.getDefaultShape(); var defaultStyle = this.getDefaultStyle(); if (defaultStyle) { this.useStyle(defaultStyle); } for (var i = 0; i < keysArr.length; i++) { var key = keysArr[i]; var value = props[key]; if (key === 'style') { if (!this.style) { this.useStyle(value); } else { extend(this.style, value); } } else if (key === 'shape') { extend(this.shape, value); } else { _super.prototype.attrKV.call(this, key, value); } } if (!this.style) { this.useStyle({}); } }; Path.prototype.getDefaultStyle = function () { return null; }; Path.prototype.getDefaultShape = function () { return {}; }; Path.prototype.canBeInsideText = function () { return this.hasFill(); }; Path.prototype.getInsideTextFill = function () { var pathFill = this.style.fill; if (pathFill !== 'none') { if (isString(pathFill)) { var fillLum = lum(pathFill, 0); if (fillLum > 0.5) { return DARK_LABEL_COLOR; } else if (fillLum > 0.2) { return LIGHTER_LABEL_COLOR; } return LIGHT_LABEL_COLOR; } else if (pathFill) { return LIGHT_LABEL_COLOR; } } return DARK_LABEL_COLOR; }; Path.prototype.getInsideTextStroke = function (textFill) { var pathFill = this.style.fill; if (isString(pathFill)) { var zr = this.__zr; var isDarkMode = !!(zr && zr.isDarkMode()); var isDarkLabel = lum(textFill, 0) < DARK_MODE_THRESHOLD; if (isDarkMode === isDarkLabel) { return pathFill; } } }; Path.prototype.buildPath = function (ctx, shapeCfg, inBatch) { }; Path.prototype.pathUpdated = function () { this.__dirty &= ~SHAPE_CHANGED_BIT; }; Path.prototype.getUpdatedPathProxy = function (inBatch) { !this.path && this.createPathProxy(); this.path.beginPath(); this.buildPath(this.path, this.shape, inBatch); return this.path; }; Path.prototype.createPathProxy = function () { this.path = new PathProxy(false); }; Path.prototype.hasStroke = function () { var style = this.style; var stroke = style.stroke; return !(stroke == null \|\| stroke === 'none' \|\| !(style.lineWidth > 0)); }; Path.prototype.hasFill = function () { var style = this.style; var fill = style.fill; return fill != null && fill !== 'none'; }; Path.prototype.getBoundingRect = function () { var rect = this._rect; var style = this.style; var needsUpdateRect = !rect; if (needsUpdateRect) { var firstInvoke = false; if (!this.path) { firstInvoke = true; this.createPathProxy(); } var path = this.path; if (firstInvoke \|\| (this.__dirty & SHAPE_CHANGED_BIT)) { path.beginPath(); this.buildPath(path, this.shape, false); this.pathUpdated(); } rect = path.getBoundingRect(); } this._rect = rect; if (this.hasStroke() && this.path && this.path.len() > 0) { var rectStroke = this._rectStroke \|\| (this._rectStroke = rect.clone()); if (this.__dirty \|\| needsUpdateRect) { rectStroke.copy(rect); var lineScale = style.strokeNoScale ? this.getLineScale() : 1; var w = style.lineWidth; if (!this.hasFill()) { var strokeContainThreshold = this.strokeContainThreshold; w = Math.max(w, strokeContainThreshold == null ? 4 : strokeContainThreshold); } if (lineScale > 1e-10) { rectStroke.width += w / lineScale; rectStroke.height += w / lineScale; rectStroke.x -= w / lineScale / 2; rectStroke.y -= w / lineScale / 2; } } return rectStroke; } return rect; }; Path.prototype.contain = function (x, y) { var localPos = this.transformCoordToLocal(x, y); var rect = this.getBoundingRect(); var style = this.style; x = localPos[0]; y = localPos[1]; if (rect.contain(x, y)) { var pathProxy = this.path; if (this.hasStroke()) { var lineWidth = style.lineWidth; var lineScale = style.strokeNoScale ? this.getLineScale() : 1; if (lineScale > 1e-10) { if (!this.hasFill()) { lineWidth = Math.max(lineWidth, this.strokeContainThreshold); } if (containStroke$4(pathProxy, lineWidth / lineScale, x, y)) { return true; } } } if (this.hasFill()) { return contain(pathProxy, x, y); } } return false; }; Path.prototype.dirtyShape = function () { this.__dirty \|= SHAPE_CHANGED_BIT; if (this._rect) { this._rect = null; } if (this._decalEl) { this._decalEl.dirtyShape(); } this.markRedraw(); }; Path.prototype.dirty = function () { this.dirtyStyle(); this.dirtyShape(); }; Path.prototype.animateShape = function (loop) { return this.animate('shape', loop); }; Path.prototype.updateDuringAnimation = function (targetKey) { if (targetKey === 'style') { this.dirtyStyle(); } else if (targetKey === 'shape') { this.dirtyShape(); } else { this.markRedraw(); } }; Path.prototype.attrKV = function (key, value) { if (key === 'shape') { this.setShape(value); } else { _super.prototype.attrKV.call(this, key, value); } }; Path.prototype.setShape = function (keyOrObj, value) { var shape = this.shape; if (!shape) { shape = this.shape = {}; } if (typeof keyOrObj === 'string') { shape[keyOrObj] = value; } else { extend(shape, keyOrObj); } this.dirtyShape(); return this; }; Path.prototype.shapeChanged = function () { return !!(this.__dirty & SHAPE_CHANGED_BIT); }; Path.prototype.createStyle = function (obj) { return createObject(DEFAULT_PATH_STYLE, obj); }; Path.prototype._innerSaveToNormal = function (toState) { _super.prototype._innerSaveToNormal.call(this, toState); var normalState = this._normalState; if (toState.shape && !normalState.shape) { normalState.shape = extend({}, this.shape); } }; Path.prototype._applyStateObj = function (stateName, state, normalState, keepCurrentStates, transition, animationCfg) { _super.prototype._applyStateObj.call(this, stateName, state, normalState, keepCurrentStates, transition, animationCfg); var needsRestoreToNormal = !(state && keepCurrentStates); var targetShape; if (state && state.shape) { if (transition) { if (keepCurrentStates) { targetShape = state.shape; } else { targetShape = extend({}, normalState.shape); extend(targetShape, state.shape); } } else { targetShape = extend({}, keepCurrentStates ? this.shape : normalState.shape); extend(targetShape, state.shape); } } else if (needsRestoreToNormal) { targetShape = normalState.shape; } if (targetShape) { if (transition) { this.shape = extend({}, this.shape); var targetShapePrimaryProps = {}; var shapeKeys = keys(targetShape); for (var i = 0; i < shapeKeys.length; i++) { var key = shapeKeys[i]; if (typeof targetShape[key] === 'object') { this.shape[key] = targetShape[key]; } else { targetShapePrimaryProps[key] = targetShape[key]; } } this._transitionState(stateName, { shape: targetShapePrimaryProps }, animationCfg); } else { this.shape = targetShape; this.dirtyShape(); } } }; Path.prototype._mergeStates = function (states) { var mergedState = _super.prototype._mergeStates.call(this, states); var mergedShape; for (var i = 0; i < states.length; i++) { var state = states[i]; if (state.shape) { mergedShape = mergedShape \|\| {}; this._mergeStyle(mergedShape, state.shape); } } if (mergedShape) { mergedState.shape = mergedShape; } return mergedState; }; Path.prototype.getAnimationStyleProps = function () { return DEFAULT_PATH_ANIMATION_PROPS; }; Path.prototype.isZeroArea = function () { return false; }; Path.extend = function (defaultProps) { var Sub = (function (_super) { __extends(Sub, _super); function Sub(opts) { var _this = _super.call(this, opts) \|\| this; defaultProps.init && defaultProps.init.call(_this, opts); return _this; } Sub.prototype.getDefaultStyle = function () { return clone(defaultProps.style); }; Sub.prototype.getDefaultShape = function () { return clone(defaultProps.shape); }; return Sub; }(Path)); for (var key in defaultProps) { if (typeof defaultProps[key] === 'function') { Sub.prototype[key] = defaultProps[key]; } } return Sub; }; Path.initDefaultProps = (function () { var pathProto = Path.prototype; pathProto.type = 'path'; pathProto.strokeContainThreshold = 5; pathProto.segmentIgnoreThreshold = 0; pathProto.subPixelOptimize = false; pathProto.autoBatch = false; pathProto.__dirty = REDRAW_BIT \| STYLE_CHANGED_BIT \| SHAPE_CHANGED_BIT; })(); return Path; }(Displayable)); var CMD$2 = PathProxy.CMD; var points = [[], [], []]; var mathSqrt$1 = Math.sqrt; var mathAtan2 = Math.atan2; function transformPath(path, m) { if (!m) { return; } var data = path.data; var len = path.len(); var cmd; var nPoint; var i; var j; var k; var p; var M = CMD$2.M; var C = CMD$2.C; var L = CMD$2.L; var R = CMD$2.R; var A = CMD$2.A; var Q = CMD$2.Q; for (i = 0, j = 0; i < len;) { cmd = data[i++]; j = i; nPoint = 0; switch (cmd) { case M: nPoint = 1; break; case L: nPoint = 1; break; case C: nPoint = 3; break; case Q: nPoint = 2; break; case A: var x = m[4]; var y = m[5]; var sx = mathSqrt$1(m[0] * m[0] + m[1] * m[1]); var sy = mathSqrt$1(m[2] * m[2] + m[3] * m[3]); var angle = mathAtan2(-m[1] / sy, m[0] / sx); data[i] = sx; data[i++] += x; data[i] = sy; data[i++] += y; data[i++] = sx; data[i++] = sy; data[i++] += angle; data[i++] += angle; i += 2; j = i; break; case R: p[0] = data[i++]; p[1] = data[i++]; applyTransform(p, p, m); data[j++] = p[0]; data[j++] = p[1]; p[0] += data[i++]; p[1] += data[i++]; applyTransform(p, p, m); data[j++] = p[0]; data[j++] = p[1]; } for (k = 0; k < nPoint; k++) { var p_1 = points[k]; p_1[0] = data[i++]; p_1[1] = data[i++]; applyTransform(p_1, p_1, m); data[j++] = p_1[0]; data[j++] = p_1[1]; } } path.increaseVersion(); } var mathSqrt$2 = Math.sqrt; var mathSin$2 = Math.sin; var mathCos$2 = Math.cos; var PI$1 = Math.PI; function vMag(v) { return Math.sqrt(v[0] * v[0] + v[1] * v[1]); } function vRatio(u, v) { return (u[0] * v[0] + u[1] * v[1]) / (vMag(u) * vMag(v)); } function vAngle(u, v) { return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(vRatio(u, v)); } function processArc(x1, y1, x2, y2, fa, fs, rx, ry, psiDeg, cmd, path) { var psi = psiDeg * (PI$1 / 180.0); var xp = mathCos$2(psi) * (x1 - x2) / 2.0 + mathSin$2(psi) * (y1 - y2) / 2.0; var yp = -1 * mathSin$2(psi) * (x1 - x2) / 2.0 + mathCos$2(psi) * (y1 - y2) / 2.0; var lambda = (xp * xp) / (rx * rx) + (yp * yp) / (ry * ry); if (lambda > 1) { rx = mathSqrt$2(lambda); ry = mathSqrt$2(lambda); } var f = (fa === fs ? -1 : 1) * mathSqrt$2((((rx * rx) * (ry * ry)) - ((rx * rx) * (yp * yp)) - ((ry * ry) * (xp * xp))) / ((rx * rx) * (yp * yp) + (ry * ry) * (xp * xp))) \|\| 0; var cxp = f * rx * yp / ry; var cyp = f * -ry * xp / rx; var cx = (x1 + x2) / 2.0 + mathCos$2(psi) * cxp - mathSin$2(psi) * cyp; var cy = (y1 + y2) / 2.0 + mathSin$2(psi) * cxp + mathCos$2(psi) * cyp; 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 (vRatio(u, v) <= -1) { dTheta = PI$1; } if (vRatio(u, v) >= 1) { dTheta = 0; } if (dTheta < 0) { var n = Math.round(dTheta / PI$1 * 1e6) / 1e6; dTheta = PI$1 * 2 + (n % 2) * PI$1; } path.addData(cmd, cx, cy, rx, ry, theta, dTheta, psi, fs); } var commandReg = /([mlvhzcqtsa])([^mlvhzcqtsa])/ig; var numberReg = /-?([0-9]\.)?[0-9]+([eE]-?[0-9]+)?/g; function createPathProxyFromString(data) { var path = new PathProxy(); if (!data) { return path; } var cpx = 0; var cpy = 0; var subpathX = cpx; var subpathY = cpy; var prevCmd; var CMD = PathProxy.CMD; var cmdList = data.match(commandReg); if (!cmdList) { return path; } for (var l = 0; l < cmdList.length; l++) { var cmdText = cmdList[l]; var cmdStr = cmdText.charAt(0); var cmd = void 0; var p = cmdText.match(numberReg) \|\| []; var pLen = p.length; for (var i = 0; i < pLen; i++) { p[i] = parseFloat(p[i]); } var off = 0; while (off < pLen) { var ctlPtx = void 0; var ctlPty = void 0; var rx = void 0; var ry = void 0; var psi = void 0; var fa = void 0; var fs = void 0; var x1 = cpx; var y1 = cpy; var len = void 0; var pathData = void 0; switch (cmdStr) { case 'l': cpx += p[off++]; cpy += p[off++]; cmd = CMD.L; path.addData(cmd, cpx, cpy); break; case 'L': cpx = p[off++]; cpy = p[off++]; cmd = CMD.L; path.addData(cmd, cpx, cpy); break; case 'm': cpx += p[off++]; cpy += p[off++]; cmd = CMD.M; path.addData(cmd, cpx, cpy); subpathX = cpx; subpathY = cpy; cmdStr = 'l'; break; case 'M': cpx = p[off++]; cpy = p[off++]; cmd = CMD.M; path.addData(cmd, cpx, cpy); subpathX = cpx; subpathY = cpy; cmdStr = 'L'; break; case 'h': cpx += p[off++]; cmd = CMD.L; path.addData(cmd, cpx, cpy); break; case 'H': cpx = p[off++]; cmd = CMD.L; path.addData(cmd, cpx, cpy); break; case 'v': cpy += p[off++]; cmd = CMD.L; path.addData(cmd, cpx, cpy); break; case 'V': cpy = p[off++]; cmd = CMD.L; path.addData(cmd, cpx, cpy); break; case 'C': cmd = CMD.C; path.addData(cmd, p[off++], p[off++], p[off++], p[off++], p[off++], p[off++]); cpx = p[off - 2]; cpy = p[off - 1]; break; case 'c': cmd = CMD.C; path.addData(cmd, p[off++] + cpx, p[off++] + cpy, p[off++] + cpx, p[off++] + cpy, p[off++] + cpx, p[off++] + cpy); cpx += p[off - 2]; cpy += p[off - 1]; break; case 'S': ctlPtx = cpx; ctlPty = cpy; len = path.len(); pathData = path.data; if (prevCmd === CMD.C) { ctlPtx += cpx - pathData[len - 4]; ctlPty += cpy - pathData[len - 3]; } cmd = CMD.C; x1 = p[off++]; y1 = p[off++]; cpx = p[off++]; cpy = p[off++]; path.addData(cmd, ctlPtx, ctlPty, x1, y1, cpx, cpy); break; case 's': ctlPtx = cpx; ctlPty = cpy; len = path.len(); pathData = path.data; if (prevCmd === CMD.C) { ctlPtx += cpx - pathData[len - 4]; ctlPty += cpy - pathData[len - 3]; } cmd = CMD.C; x1 = cpx + p[off++]; y1 = cpy + p[off++]; cpx += p[off++]; cpy += p[off++]; path.addData(cmd, ctlPtx, ctlPty, x1, y1, cpx, cpy); break; case 'Q': x1 = p[off++]; y1 = p[off++]; cpx = p[off++]; cpy = p[off++]; cmd = CMD.Q; path.addData(cmd, x1, y1, cpx, cpy); break; case 'q': x1 = p[off++] + cpx; y1 = p[off++] + cpy; cpx += p[off++]; cpy += p[off++]; cmd = CMD.Q; path.addData(cmd, x1, y1, cpx, cpy); break; case 'T': ctlPtx = cpx; ctlPty = cpy; len = path.len(); pathData = path.data; if (prevCmd === CMD.Q) { ctlPtx += cpx - pathData[len - 4]; ctlPty += cpy - pathData[len - 3]; } cpx = p[off++]; cpy = p[off++]; cmd = CMD.Q; path.addData(cmd, ctlPtx, ctlPty, cpx, cpy); break; case 't': ctlPtx = cpx; ctlPty = cpy; len = path.len(); pathData = path.data; if (prevCmd === CMD.Q) { ctlPtx += cpx - pathData[len - 4]; ctlPty += cpy - pathData[len - 3]; } cpx += p[off++]; cpy += p[off++]; cmd = CMD.Q; path.addData(cmd, ctlPtx, ctlPty, cpx, cpy); break; case 'A': rx = p[off++]; ry = p[off++]; psi = p[off++]; fa = p[off++]; fs = p[off++]; x1 = cpx, y1 = cpy; cpx = p[off++]; cpy = p[off++]; cmd = CMD.A; processArc(x1, y1, cpx, cpy, fa, fs, rx, ry, psi, cmd, path); break; case 'a': rx = p[off++]; ry = p[off++]; psi = p[off++]; fa = p[off++]; fs = p[off++]; x1 = cpx, y1 = cpy; cpx += p[off++]; cpy += p[off++]; cmd = CMD.A; processArc(x1, y1, cpx, cpy, fa, fs, rx, ry, psi, cmd, path); break; } } if (cmdStr === 'z' \|\| cmdStr === 'Z') { cmd = CMD.Z; path.addData(cmd); cpx = subpathX; cpy = subpathY; } prevCmd = cmd; } path.toStatic(); return path; } var SVGPath = (function (_super) { __extends(SVGPath, _super); function SVGPath() { return _super !== null && _super.apply(this, arguments) \|\| this; } SVGPath.prototype.applyTransform = function (m) { }; return SVGPath; }(Path)); function isPathProxy(path) { return path.setData != null; } function createPathOptions(str, opts) { var pathProxy = createPathProxyFromString(str); var innerOpts = extend({}, opts); innerOpts.buildPath = function (path) { var beProxy = isPathProxy(path); if (beProxy && path.canSave()) { path.appendPath(pathProxy); var ctx = path.getContext(); if (ctx) { path.rebuildPath(ctx, 1); } } else { var ctx = beProxy ? path.getContext() : path; if (ctx) { pathProxy.rebuildPath(ctx, 1); } } }; innerOpts.applyTransform = function (m) { transformPath(pathProxy, m); this.dirtyShape(); }; return innerOpts; } function createFromString(str, opts) { return new SVGPath(createPathOptions(str, opts)); } function extendFromString(str, defaultOpts) { var innerOpts = createPathOptions(str, defaultOpts); var Sub = (function (_super) { __extends(Sub, _super); function Sub(opts) { var _this = _super.call(this, opts) \|\| this; _this.applyTransform = innerOpts.applyTransform; _this.buildPath = innerOpts.buildPath; return _this; } return Sub; }(SVGPath)); return Sub; } function mergePath(pathEls, opts) { var pathList = []; var len = pathEls.length; for (var i = 0; i < len; i++) { var pathEl = pathEls[i]; pathList.push(pathEl.getUpdatedPathProxy(true)); } var pathBundle = new Path(opts); pathBundle.createPathProxy(); pathBundle.buildPath = function (path) { if (isPathProxy(path)) { path.appendPath(pathList); var ctx = path.getContext(); if (ctx) { path.rebuildPath(ctx, 1); } } }; return pathBundle; } function clonePath(sourcePath, opts) { opts = opts \|\| {}; var path = new Path(); if (sourcePath.shape) { path.setShape(sourcePath.shape); } path.setStyle(sourcePath.style); if (opts.bakeTransform) { transformPath(path.path, sourcePath.getComputedTransform()); } else { if (opts.toLocal) { path.setLocalTransform(sourcePath.getComputedTransform()); } else { path.copyTransform(sourcePath); } } path.buildPath = sourcePath.buildPath; path.applyTransform = path.applyTransform; path.z = sourcePath.z; path.z2 = sourcePath.z2; path.zlevel = sourcePath.zlevel; return path; } var path = /#__PURE__/Object.freeze({ __proto__: null, createFromString: createFromString, extendFromString: extendFromString, mergePath: mergePath, clonePath: clonePath }); var DEFAULT_IMAGE_STYLE = defaults({ x: 0, y: 0 }, DEFAULT_COMMON_STYLE); var DEFAULT_IMAGE_ANIMATION_PROPS = { style: defaults({ x: true, y: true, width: true, height: true, sx: true, sy: true, sWidth: true, sHeight: true }, DEFAULT_COMMON_ANIMATION_PROPS.style) }; function isImageLike(source) { return !!(source && typeof source !== 'string' && source.width && source.height); } var ZRImage = (function (_super) { __extends(ZRImage, _super); function ZRImage() { return _super !== null && _super.apply(this, arguments) \|\| this; } ZRImage.prototype.createStyle = function (obj) { return createObject(DEFAULT_IMAGE_STYLE, obj); }; ZRImage.prototype._getSize = function (dim) { var style = this.style; var size = style[dim]; if (size != null) { return size; } var imageSource = isImageLike(style.image) ? style.image : this.__image; if (!imageSource) { return 0; } var otherDim = dim === 'width' ? 'height' : 'width'; var otherDimSize = style[otherDim]; if (otherDimSize == null) { return imageSource[dim]; } else { return imageSource[dim] / imageSource[otherDim] * otherDimSize; } }; ZRImage.prototype.getWidth = function () { return this._getSize('width'); }; ZRImage.prototype.getHeight = function () { return this._getSize('height'); }; ZRImage.prototype.getAnimationStyleProps = function () { return DEFAULT_IMAGE_ANIMATION_PROPS; }; ZRImage.prototype.getBoundingRect = function () { var style = this.style; if (!this._rect) { this._rect = new BoundingRect(style.x \|\| 0, style.y \|\| 0, this.getWidth(), this.getHeight()); } return this._rect; }; return ZRImage; }(Displayable)); ZRImage.prototype.type = 'image'; var CircleShape = (function () { function CircleShape() { this.cx = 0; this.cy = 0; this.r = 0; } return CircleShape; }()); var Circle = (function (_super) { __extends(Circle, _super); function Circle(opts) { return _super.call(this, opts) \|\| this; } Circle.prototype.getDefaultShape = function () { return new CircleShape(); }; Circle.prototype.buildPath = function (ctx, shape) { ctx.moveTo(shape.cx + shape.r, shape.cy); ctx.arc(shape.cx, shape.cy, shape.r, 0, Math.PI * 2); }; return Circle; }(Path)); Circle.prototype.type = 'circle'; function buildPath(ctx, shape) { var x = shape.x; var y = shape.y; var width = shape.width; var height = shape.height; var r = shape.r; var r1; var r2; var r3; var r4; if (width < 0) { x = x + width; width = -width; } if (height < 0) { y = y + height; height = -height; } if (typeof r === 'number') { r1 = r2 = r3 = r4 = r; } else if (r instanceof Array) { if (r.length === 1) { r1 = r2 = r3 = r4 = r[0]; } else if (r.length === 2) { r1 = r3 = r[0]; r2 = r4 = r[1]; } else if (r.length === 3) { r1 = r[0]; r2 = r4 = r[1]; r3 = r[2]; } else { r1 = r[0]; r2 = r[1]; r3 = r[2]; r4 = r[3]; } } else { r1 = r2 = r3 = r4 = 0; } var total; if (r1 + r2 > width) { total = r1 + r2; r1 = width / total; r2 = width / total; } if (r3 + r4 > width) { total = r3 + r4; r3 = width / total; r4 = width / total; } if (r2 + r3 > height) { total = r2 + r3; r2 = height / total; r3 = height / total; } if (r1 + r4 > height) { total = r1 + r4; r1 = height / total; r4 = height / total; } ctx.moveTo(x + r1, y); ctx.lineTo(x + width - r2, y); r2 !== 0 && ctx.arc(x + width - r2, y + r2, r2, -Math.PI / 2, 0); ctx.lineTo(x + width, y + height - r3); r3 !== 0 && ctx.arc(x + width - r3, y + height - r3, r3, 0, Math.PI / 2); ctx.lineTo(x + r4, y + height); r4 !== 0 && ctx.arc(x + r4, y + height - r4, r4, Math.PI / 2, Math.PI); ctx.lineTo(x, y + r1); r1 !== 0 && ctx.arc(x + r1, y + r1, r1, Math.PI, Math.PI * 1.5); } var round = Math.round; function subPixelOptimizeLine(outputShape, inputShape, style) { if (!inputShape) { return; } var x1 = inputShape.x1; var x2 = inputShape.x2; var y1 = inputShape.y1; var y2 = inputShape.y2; outputShape.x1 = x1; outputShape.x2 = x2; outputShape.y1 = y1; outputShape.y2 = y2; var lineWidth = style && style.lineWidth; if (!lineWidth) { return outputShape; } if (round(x1 * 2) === round(x2 * 2)) { outputShape.x1 = outputShape.x2 = subPixelOptimize(x1, lineWidth, true); } if (round(y1 * 2) === round(y2 * 2)) { outputShape.y1 = outputShape.y2 = subPixelOptimize(y1, lineWidth, true); } return outputShape; } function subPixelOptimizeRect(outputShape, inputShape, style) { if (!inputShape) { return; } var originX = inputShape.x; var originY = inputShape.y; var originWidth = inputShape.width; var originHeight = inputShape.height; outputShape.x = originX; outputShape.y = originY; outputShape.width = originWidth; outputShape.height = originHeight; var lineWidth = style && style.lineWidth; if (!lineWidth) { return outputShape; } outputShape.x = subPixelOptimize(originX, lineWidth, true); outputShape.y = subPixelOptimize(originY, lineWidth, true); outputShape.width = Math.max(subPixelOptimize(originX + originWidth, lineWidth, false) - outputShape.x, originWidth === 0 ? 0 : 1); outputShape.height = Math.max(subPixelOptimize(originY + originHeight, lineWidth, false) - outputShape.y, originHeight === 0 ? 0 : 1); return outputShape; } function subPixelOptimize(position, lineWidth, positiveOrNegative) { if (!lineWidth) { return position; } var doubledPosition = round(position * 2); return (doubledPosition + round(lineWidth)) % 2 === 0 ? doubledPosition / 2 : (doubledPosition + (positiveOrNegative ? 1 : -1)) / 2; } var RectShape = (function () { function RectShape() { this.x = 0; this.y = 0; this.width = 0; this.height = 0; } return RectShape; }()); var subPixelOptimizeOutputShape = {}; var Rect = (function (_super) { __extends(Rect, _super); function Rect(opts) { return _super.call(this, opts) \|\| this; } Rect.prototype.getDefaultShape = function () { return new RectShape(); }; Rect.prototype.buildPath = function (ctx, shape) { var x; var y; var width; var height; if (this.subPixelOptimize) { var optimizedShape = subPixelOptimizeRect(subPixelOptimizeOutputShape, shape, this.style); x = optimizedShape.x; y = optimizedShape.y; width = optimizedShape.width; height = optimizedShape.height; optimizedShape.r = shape.r; shape = optimizedShape; } else { x = shape.x; y = shape.y; width = shape.width; height = shape.height; } if (!shape.r) { ctx.rect(x, y, width, height); } else { buildPath(ctx, shape); } }; Rect.prototype.isZeroArea = function () { return !this.shape.width \|\| !this.shape.height; }; return Rect; }(Path)); Rect.prototype.type = 'rect'; var EllipseShape = (function () { function EllipseShape() { this.cx = 0; this.cy = 0; this.rx = 0; this.ry = 0; } return EllipseShape; }()); var Ellipse = (function (_super) { __extends(Ellipse, _super); function Ellipse(opts) { return _super.call(this, opts) \|\| this; } Ellipse.prototype.getDefaultShape = function () { return new EllipseShape(); }; Ellipse.prototype.buildPath = function (ctx, shape) { var k = 0.5522848; var x = shape.cx; var y = shape.cy; var a = shape.rx; var b = shape.ry; var ox = a * k; var oy = b * k; ctx.moveTo(x - a, y); ctx.bezierCurveTo(x - a, y - oy, x - ox, y - b, x, y - b); ctx.bezierCurveTo(x + ox, y - b, x + a, y - oy, x + a, y); ctx.bezierCurveTo(x + a, y + oy, x + ox, y + b, x, y + b); ctx.bezierCurveTo(x - ox, y + b, x - a, y + oy, x - a, y); ctx.closePath(); }; return Ellipse; }(Path)); Ellipse.prototype.type = 'ellipse'; var subPixelOptimizeOutputShape$1 = {}; var LineShape = (function () { function LineShape() { this.x1 = 0; this.y1 = 0; this.x2 = 0; this.y2 = 0; this.percent = 1; } return LineShape; }()); var Line = (function (_super) { __extends(Line, _super); function Line(opts) { return _super.call(this, opts) \|\| this; } Line.prototype.getDefaultStyle = function () { return { stroke: '#000', fill: null }; }; Line.prototype.getDefaultShape = function () { return new LineShape(); }; Line.prototype.buildPath = function (ctx, shape) { var x1; var y1; var x2; var y2; if (this.subPixelOptimize) { var optimizedShape = subPixelOptimizeLine(subPixelOptimizeOutputShape$1, shape, this.style); x1 = optimizedShape.x1; y1 = optimizedShape.y1; x2 = optimizedShape.x2; y2 = optimizedShape.y2; } else { x1 = shape.x1; y1 = shape.y1; x2 = shape.x2; y2 = shape.y2; } var percent = shape.percent; if (percent === 0) { return; } ctx.moveTo(x1, y1); if (percent < 1) { x2 = x1 * (1 - percent) + x2 * percent; y2 = y1 * (1 - percent) + y2 * percent; } ctx.lineTo(x2, y2); }; Line.prototype.pointAt = function (p) { var shape = this.shape; return [ shape.x1 * (1 - p) + shape.x2 * p, shape.y1 * (1 - p) + shape.y2 * p ]; }; return Line; }(Path)); Line.prototype.type = 'line'; function smoothBezier(points, smooth, isLoop, constraint) { var cps = []; var v = []; var v1 = []; var v2 = []; var prevPoint; var nextPoint; var min$1; var max$1; if (constraint) { min$1 = [Infinity, Infinity]; max$1 = [-Infinity, -Infinity]; for (var i = 0, len = points.length; i < len; i++) { min(min$1, min$1, points[i]); max(max$1, max$1, points[i]); } min(min$1, min$1, constraint[0]); max(max$1, max$1, constraint[1]); } for (var i = 0, len = points.length; i < len; i++) { var point = points[i]; if (isLoop) { prevPoint = points[i ? i - 1 : len - 1]; nextPoint = points[(i + 1) % len]; } else { if (i === 0 \|\| i === len - 1) { cps.push(clone$1(points[i])); continue; } else { prevPoint = points[i - 1]; nextPoint = points[i + 1]; } } sub(v, nextPoint, prevPoint); scale(v, v, smooth); var d0 = distance(point, prevPoint); var d1 = distance(point, nextPoint); var sum = d0 + d1; if (sum !== 0) { d0 /= sum; d1 /= sum; } scale(v1, v, -d0); scale(v2, v, d1); var cp0 = add([], point, v1); var cp1 = add([], point, v2); if (constraint) { max(cp0, cp0, min$1); min(cp0, cp0, max$1); max(cp1, cp1, min$1); min(cp1, cp1, max$1); } cps.push(cp0); cps.push(cp1); } if (isLoop) { cps.push(cps.shift()); } return cps; } function buildPath$1(ctx, shape, closePath) { var smooth = shape.smooth; var points = shape.points; if (points && points.length >= 2) { if (smooth) { var controlPoints = smoothBezier(points, smooth, closePath, shape.smoothConstraint); ctx.moveTo(points[0][0], points[0][1]); var len = points.length; for (var i = 0; i < (closePath ? len : len - 1); i++) { var cp1 = controlPoints[i * 2]; var cp2 = controlPoints[i * 2 + 1]; var p = points[(i + 1) % len]; ctx.bezierCurveTo(cp1[0], cp1[1], cp2[0], cp2[1], p[0], p[1]); } } else { ctx.moveTo(points[0][0], points[0][1]); for (var i = 1, l = points.length; i < l; i++) { ctx.lineTo(points[i][0], points[i][1]); } } closePath && ctx.closePath(); } } var PolygonShape = (function () { function PolygonShape() { this.points = null; this.smooth = 0; this.smoothConstraint = null; } return PolygonShape; }()); var Polygon = (function (_super) { __extends(Polygon, _super); function Polygon(opts) { return _super.call(this, opts) \|\| this; } Polygon.prototype.getDefaultShape = function () { return new PolygonShape(); }; Polygon.prototype.buildPath = function (ctx, shape) { buildPath$1(ctx, shape, true); }; return Polygon; }(Path)); Polygon.prototype.type = 'polygon'; var PolylineShape = (function () { function PolylineShape() { this.points = null; this.percent = 1; this.smooth = 0; this.smoothConstraint = null; } return PolylineShape; }()); var Polyline = (function (_super) { __extends(Polyline, _super); function Polyline(opts) { return _super.call(this, opts) \|\| this; } Polyline.prototype.getDefaultStyle = function () { return { stroke: '#000', fill: null }; }; Polyline.prototype.getDefaultShape = function () { return new PolylineShape(); }; Polyline.prototype.buildPath = function (ctx, shape) { buildPath$1(ctx, shape, false); }; return Polyline; }(Path)); Polyline.prototype.type = 'polyline'; var Gradient = (function () { function Gradient(colorStops) { this.colorStops = colorStops \|\| []; } Gradient.prototype.addColorStop = function (offset, color) { this.colorStops.push({ offset: offset, color: color }); }; return Gradient; }()); var LinearGradient = (function (_super) { __extends(LinearGradient, _super); function LinearGradient(x, y, x2, y2, colorStops, globalCoord) { var _this = _super.call(this, colorStops) \|\| this; _this.x = x == null ? 0 : x; _this.y = y == null ? 0 : y; _this.x2 = x2 == null ? 1 : x2; _this.y2 = y2 == null ? 0 : y2; _this.type = 'linear'; _this.global = globalCoord \|\| false; return _this; } return LinearGradient; }(Gradient)); var RadialGradient = (function (_super) { __extends(RadialGradient, _super); function RadialGradient(x, y, r, colorStops, globalCoord) { var _this = _super.call(this, colorStops) \|\| this; _this.x = x == null ? 0.5 : x; _this.y = y == null ? 0.5 : y; _this.r = r == null ? 0.5 : r; _this.type = 'radial'; _this.global = globalCoord \|\| false; return _this; } return RadialGradient; }(Gradient)); var globalImageCache = new LRU(50); function findExistImage(newImageOrSrc) { if (typeof newImageOrSrc === 'string') { var cachedImgObj = globalImageCache.get(newImageOrSrc); return cachedImgObj && cachedImgObj.image; } else { return newImageOrSrc; } } function createOrUpdateImage(newImageOrSrc, image, hostEl, onload, cbPayload) { if (!newImageOrSrc) { return image; } else if (typeof newImageOrSrc === 'string') { if ((image && image.__zrImageSrc === newImageOrSrc) \|\| !hostEl) { return image; } var cachedImgObj = globalImageCache.get(newImageOrSrc); var pendingWrap = { hostEl: hostEl, cb: onload, cbPayload: cbPayload }; if (cachedImgObj) { image = cachedImgObj.image; !isImageReady(image) && cachedImgObj.pending.push(pendingWrap); } else { image = platformApi.loadImage(newImageOrSrc, imageOnLoad, imageOnLoad); image.__zrImageSrc = newImageOrSrc; globalImageCache.put(newImageOrSrc, image.__cachedImgObj = { image: image, pending: [pendingWrap] }); } return image; } else { return newImageOrSrc; } } function imageOnLoad() { var cachedImgObj = this.__cachedImgObj; this.onload = this.onerror = this.__cachedImgObj = null; for (var i = 0; i < cachedImgObj.pending.length; i++) { var pendingWrap = cachedImgObj.pending[i]; var cb = pendingWrap.cb; cb && cb(this, pendingWrap.cbPayload); pendingWrap.hostEl.dirty(); } cachedImgObj.pending.length = 0; } function isImageReady(image) { return image && image.width && image.height; } var STYLE_REG = /\{([a-zA-Z0-9_]+)\\|([^}])\}/g; function truncateText2(out, text, containerWidth, font, ellipsis, options) { if (!containerWidth) { out.text = ''; out.isTruncated = false; return; } var textLines = (text + '').split('\n'); options = prepareTruncateOptions(containerWidth, font, ellipsis, options); var isTruncated = false; var truncateOut = {}; for (var i = 0, len = textLines.length; i < len; i++) { truncateSingleLine(truncateOut, textLines[i], options); textLines[i] = truncateOut.textLine; isTruncated = isTruncated \|\| truncateOut.isTruncated; } out.text = textLines.join('\n'); out.isTruncated = isTruncated; } function prepareTruncateOptions(containerWidth, font, ellipsis, options) { options = options \|\| {}; var preparedOpts = extend({}, options); ellipsis = retrieve2(ellipsis, '...'); preparedOpts.maxIterations = retrieve2(options.maxIterations, 2); var minChar = preparedOpts.minChar = retrieve2(options.minChar, 0); var fontMeasureInfo = preparedOpts.fontMeasureInfo = ensureFontMeasureInfo(font); var ascCharWidth = fontMeasureInfo.asciiCharWidth; preparedOpts.placeholder = retrieve2(options.placeholder, ''); var contentWidth = containerWidth = Math.max(0, containerWidth - 1); for (var i = 0; i < minChar && contentWidth >= ascCharWidth; i++) { contentWidth -= ascCharWidth; } var ellipsisWidth = measureWidth(fontMeasureInfo, ellipsis); if (ellipsisWidth > contentWidth) { ellipsis = ''; ellipsisWidth = 0; } contentWidth = containerWidth - ellipsisWidth; preparedOpts.ellipsis = ellipsis; preparedOpts.ellipsisWidth = ellipsisWidth; preparedOpts.contentWidth = contentWidth; preparedOpts.containerWidth = containerWidth; return preparedOpts; } function truncateSingleLine(out, textLine, options) { var containerWidth = options.containerWidth; var contentWidth = options.contentWidth; var fontMeasureInfo = options.fontMeasureInfo; if (!containerWidth) { out.textLine = ''; out.isTruncated = false; return; } var lineWidth = measureWidth(fontMeasureInfo, textLine); if (lineWidth <= containerWidth) { out.textLine = textLine; out.isTruncated = false; return; } for (var j = 0;; j++) { if (lineWidth <= contentWidth \|\| j >= options.maxIterations) { textLine += options.ellipsis; break; } var subLength = j === 0 ? estimateLength(textLine, contentWidth, fontMeasureInfo) : lineWidth > 0 ? Math.floor(textLine.length contentWidth / lineWidth) : 0; textLine = textLine.substr(0, subLength); lineWidth = measureWidth(fontMeasureInfo, textLine); } if (textLine === '') { textLine = options.placeholder; } out.textLine = textLine; out.isTruncated = true; } function estimateLength(text, contentWidth, fontMeasureInfo) { var width = 0; var i = 0; for (var len = text.length; i < len && width < contentWidth; i++) { width += measureCharWidth(fontMeasureInfo, text.charCodeAt(i)); } return i; } function parsePlainText(rawText, style, defaultOuterWidth, defaultOuterHeight) { var text = formatText(rawText); var overflow = style.overflow; var padding = style.padding; var paddingH = padding ? padding[1] + padding[3] : 0; var paddingV = padding ? padding[0] + padding[2] : 0; var font = style.font; var truncate = overflow === 'truncate'; var calculatedLineHeight = getLineHeight(font); var lineHeight = retrieve2(style.lineHeight, calculatedLineHeight); var truncateLineOverflow = style.lineOverflow === 'truncate'; var isTruncated = false; var width = style.width; if (width == null && defaultOuterWidth != null) { width = defaultOuterWidth - paddingH; } var height = style.height; if (height == null && defaultOuterHeight != null) { height = defaultOuterHeight - paddingV; } var lines; if (width != null && (overflow === 'break' \|\| overflow === 'breakAll')) { lines = text ? wrapText(text, style.font, width, overflow === 'breakAll', 0).lines : []; } else { lines = text ? text.split('\n') : []; } var contentHeight = lines.length * lineHeight; if (height == null) { height = contentHeight; } if (contentHeight > height && truncateLineOverflow) { var lineCount = Math.floor(height / lineHeight); isTruncated = isTruncated \|\| (lines.length > lineCount); lines = lines.slice(0, lineCount); contentHeight = lines.length * lineHeight; } if (text && truncate && width != null) { var options = prepareTruncateOptions(width, font, style.ellipsis, { minChar: style.truncateMinChar, placeholder: style.placeholder }); var singleOut = {}; for (var i = 0; i < lines.length; i++) { truncateSingleLine(singleOut, lines[i], options); lines[i] = singleOut.textLine; isTruncated = isTruncated \|\| singleOut.isTruncated; } } var outerHeight = height; var contentWidth = 0; var fontMeasureInfo = ensureFontMeasureInfo(font); for (var i = 0; i < lines.length; i++) { contentWidth = Math.max(measureWidth(fontMeasureInfo, lines[i]), contentWidth); } if (width == null) { width = contentWidth; } var outerWidth = width; outerHeight += paddingV; outerWidth += paddingH; return { lines: lines, height: height, outerWidth: outerWidth, outerHeight: outerHeight, lineHeight: lineHeight, calculatedLineHeight: calculatedLineHeight, contentWidth: contentWidth, contentHeight: contentHeight, width: width, isTruncated: isTruncated }; } var RichTextToken = (function () { function RichTextToken() { } return RichTextToken; }()); var RichTextLine = (function () { function RichTextLine(tokens) { this.tokens = []; if (tokens) { this.tokens = tokens; } } return RichTextLine; }()); var RichTextContentBlock = (function () { function RichTextContentBlock() { this.width = 0; this.height = 0; this.contentWidth = 0; this.contentHeight = 0; this.outerWidth = 0; this.outerHeight = 0; this.lines = []; this.isTruncated = false; } return RichTextContentBlock; }()); function parseRichText(rawText, style, defaultOuterWidth, defaultOuterHeight, topTextAlign) { var contentBlock = new RichTextContentBlock(); var text = formatText(rawText); if (!text) { return contentBlock; } var stlPadding = style.padding; var stlPaddingH = stlPadding ? stlPadding[1] + stlPadding[3] : 0; var stlPaddingV = stlPadding ? stlPadding[0] + stlPadding[2] : 0; var topWidth = style.width; if (topWidth == null && defaultOuterWidth != null) { topWidth = defaultOuterWidth - stlPaddingH; } var topHeight = style.height; if (topHeight == null && defaultOuterHeight != null) { topHeight = defaultOuterHeight - stlPaddingV; } var overflow = style.overflow; var wrapInfo = (overflow === 'break' \|\| overflow === 'breakAll') && topWidth != null ? { width: topWidth, accumWidth: 0, breakAll: overflow === 'breakAll' } : null; var lastIndex = STYLE_REG.lastIndex = 0; var result; while ((result = STYLE_REG.exec(text)) != null) { var matchedIndex = result.index; if (matchedIndex > lastIndex) { pushTokens(contentBlock, text.substring(lastIndex, matchedIndex), style, wrapInfo); } pushTokens(contentBlock, result[2], style, wrapInfo, result[1]); lastIndex = STYLE_REG.lastIndex; } if (lastIndex < text.length) { pushTokens(contentBlock, text.substring(lastIndex, text.length), style, wrapInfo); } var pendingList = []; var calculatedHeight = 0; var calculatedWidth = 0; var truncate = overflow === 'truncate'; var truncateLine = style.lineOverflow === 'truncate'; var tmpTruncateOut = {}; function finishLine(line, lineWidth, lineHeight) { line.width = lineWidth; line.lineHeight = lineHeight; calculatedHeight += lineHeight; calculatedWidth = Math.max(calculatedWidth, lineWidth); } outer: for (var i = 0; i < contentBlock.lines.length; i++) { var line = contentBlock.lines[i]; var lineHeight = 0; var lineWidth = 0; for (var j = 0; j < line.tokens.length; j++) { var token = line.tokens[j]; var tokenStyle = token.styleName && style.rich[token.styleName] \|\| {}; var textPadding = token.textPadding = tokenStyle.padding; var paddingH = textPadding ? textPadding[1] + textPadding[3] : 0; var font = token.font = tokenStyle.font \|\| style.font; token.contentHeight = getLineHeight(font); var tokenHeight = retrieve2(tokenStyle.height, token.contentHeight); token.innerHeight = tokenHeight; textPadding && (tokenHeight += textPadding[0] + textPadding[2]); token.height = tokenHeight; token.lineHeight = retrieve3(tokenStyle.lineHeight, style.lineHeight, tokenHeight); token.align = tokenStyle && tokenStyle.align \|\| topTextAlign; token.verticalAlign = tokenStyle && tokenStyle.verticalAlign \|\| 'middle'; if (truncateLine && topHeight != null && calculatedHeight + token.lineHeight > topHeight) { var originalLength = contentBlock.lines.length; if (j > 0) { line.tokens = line.tokens.slice(0, j); finishLine(line, lineWidth, lineHeight); contentBlock.lines = contentBlock.lines.slice(0, i + 1); } else { contentBlock.lines = contentBlock.lines.slice(0, i); } contentBlock.isTruncated = contentBlock.isTruncated \|\| (contentBlock.lines.length < originalLength); break outer; } var styleTokenWidth = tokenStyle.width; var tokenWidthNotSpecified = styleTokenWidth == null \|\| styleTokenWidth === 'auto'; if (typeof styleTokenWidth === 'string' && styleTokenWidth.charAt(styleTokenWidth.length - 1) === '%') { token.percentWidth = styleTokenWidth; pendingList.push(token); token.contentWidth = measureWidth(ensureFontMeasureInfo(font), token.text); } else { if (tokenWidthNotSpecified) { var textBackgroundColor = tokenStyle.backgroundColor; var bgImg = textBackgroundColor && textBackgroundColor.image; if (bgImg) { bgImg = findExistImage(bgImg); if (isImageReady(bgImg)) { token.width = Math.max(token.width, bgImg.width * tokenHeight / bgImg.height); } } } var remainTruncWidth = truncate && topWidth != null ? topWidth - lineWidth : null; if (remainTruncWidth != null && remainTruncWidth < token.width) { if (!tokenWidthNotSpecified \|\| remainTruncWidth < paddingH) { token.text = ''; token.width = token.contentWidth = 0; } else { truncateText2(tmpTruncateOut, token.text, remainTruncWidth - paddingH, font, style.ellipsis, { minChar: style.truncateMinChar }); token.text = tmpTruncateOut.text; contentBlock.isTruncated = contentBlock.isTruncated \|\| tmpTruncateOut.isTruncated; token.width = token.contentWidth = measureWidth(ensureFontMeasureInfo(font), token.text); } } else { token.contentWidth = measureWidth(ensureFontMeasureInfo(font), token.text); } } token.width += paddingH; lineWidth += token.width; tokenStyle && (lineHeight = Math.max(lineHeight, token.lineHeight)); } finishLine(line, lineWidth, lineHeight); } contentBlock.outerWidth = contentBlock.width = retrieve2(topWidth, calculatedWidth); contentBlock.outerHeight = contentBlock.height = retrieve2(topHeight, calculatedHeight); contentBlock.contentHeight = calculatedHeight; contentBlock.contentWidth = calculatedWidth; contentBlock.outerWidth += stlPaddingH; contentBlock.outerHeight += stlPaddingV; for (var i = 0; i < pendingList.length; i++) { var token = pendingList[i]; var percentWidth = token.percentWidth; token.width = parseInt(percentWidth, 10) / 100 * contentBlock.width; } return contentBlock; } function pushTokens(block, str, style, wrapInfo, styleName) { var isEmptyStr = str === ''; var tokenStyle = styleName && style.rich[styleName] \|\| {}; var lines = block.lines; var font = tokenStyle.font \|\| style.font; var newLine = false; var strLines; var linesWidths; if (wrapInfo) { var tokenPadding = tokenStyle.padding; var tokenPaddingH = tokenPadding ? tokenPadding[1] + tokenPadding[3] : 0; if (tokenStyle.width != null && tokenStyle.width !== 'auto') { var outerWidth_1 = parsePercent(tokenStyle.width, wrapInfo.width) + tokenPaddingH; if (lines.length > 0) { if (outerWidth_1 + wrapInfo.accumWidth > wrapInfo.width) { strLines = str.split('\n'); newLine = true; } } wrapInfo.accumWidth = outerWidth_1; } else { var res = wrapText(str, font, wrapInfo.width, wrapInfo.breakAll, wrapInfo.accumWidth); wrapInfo.accumWidth = res.accumWidth + tokenPaddingH; linesWidths = res.linesWidths; strLines = res.lines; } } if (!strLines) { strLines = str.split('\n'); } var fontMeasureInfo = ensureFontMeasureInfo(font); for (var i = 0; i < strLines.length; i++) { var text = strLines[i]; var token = new RichTextToken(); token.styleName = styleName; token.text = text; token.isLineHolder = !text && !isEmptyStr; if (typeof tokenStyle.width === 'number') { token.width = tokenStyle.width; } else { token.width = linesWidths ? linesWidths[i] : measureWidth(fontMeasureInfo, text); } if (!i && !newLine) { var tokens = (lines[lines.length - 1] \|\| (lines[0] = new RichTextLine())).tokens; var tokensLen = tokens.length; (tokensLen === 1 && tokens[0].isLineHolder) ? (tokens[0] = token) : ((text \|\| !tokensLen \|\| isEmptyStr) && tokens.push(token)); } else { lines.push(new RichTextLine([token])); } } } function isAlphabeticLetter(ch) { var code = ch.charCodeAt(0); return code >= 0x20 && code <= 0x24F \|\| code >= 0x370 && code <= 0x10FF \|\| code >= 0x1200 && code <= 0x13FF \|\| code >= 0x1E00 && code <= 0x206F; } var breakCharMap = reduce(',&?/;] '.split(''), function (obj, ch) { obj[ch] = true; return obj; }, {}); function isWordBreakChar(ch) { if (isAlphabeticLetter(ch)) { if (breakCharMap[ch]) { return true; } return false; } return true; } function wrapText(text, font, lineWidth, isBreakAll, lastAccumWidth) { var lines = []; var linesWidths = []; var line = ''; var currentWord = ''; var currentWordWidth = 0; var accumWidth = 0; var fontMeasureInfo = ensureFontMeasureInfo(font); for (var i = 0; i < text.length; i++) { var ch = text.charAt(i); if (ch === '\n') { if (currentWord) { line += currentWord; accumWidth += currentWordWidth; } lines.push(line); linesWidths.push(accumWidth); line = ''; currentWord = ''; currentWordWidth = 0; accumWidth = 0; continue; } var chWidth = measureCharWidth(fontMeasureInfo, ch.charCodeAt(0)); var inWord = isBreakAll ? false : !isWordBreakChar(ch); if (!lines.length ? lastAccumWidth + accumWidth + chWidth > lineWidth : accumWidth + chWidth > lineWidth) { if (!accumWidth) { if (inWord) { lines.push(currentWord); linesWidths.push(currentWordWidth); currentWord = ch; currentWordWidth = chWidth; } else { lines.push(ch); linesWidths.push(chWidth); } } else if (line \|\| currentWord) { if (inWord) { if (!line) { line = currentWord; currentWord = ''; currentWordWidth = 0; accumWidth = currentWordWidth; } lines.push(line); linesWidths.push(accumWidth - currentWordWidth); currentWord += ch; currentWordWidth += chWidth; line = ''; accumWidth = currentWordWidth; } else { if (currentWord) { line += currentWord; currentWord = ''; currentWordWidth = 0; } lines.push(line); linesWidths.push(accumWidth); line = ch; accumWidth = chWidth; } } continue; } accumWidth += chWidth; if (inWord) { currentWord += ch; currentWordWidth += chWidth; } else { if (currentWord) { line += currentWord; currentWord = ''; currentWordWidth = 0; } line += ch; } } if (currentWord) { line += currentWord; } if (line) { lines.push(line); linesWidths.push(accumWidth); } if (lines.length === 1) { accumWidth += lastAccumWidth; } return { accumWidth: accumWidth, lines: lines, linesWidths: linesWidths }; } function calcInnerTextOverflowArea(out, overflowRect, baseX, baseY, textAlign, textVerticalAlign) { out.baseX = baseX; out.baseY = baseY; out.outerWidth = out.outerHeight = null; if (!overflowRect) { return; } var textWidth = overflowRect.width * 2; var textHeight = overflowRect.height * 2; BoundingRect.set(tmpCITCTextRect, adjustTextX(baseX, textWidth, textAlign), adjustTextY$1(baseY, textHeight, textVerticalAlign), textWidth, textHeight); BoundingRect.intersect(overflowRect, tmpCITCTextRect, null, tmpCITCIntersectRectOpt); var outIntersectRect = tmpCITCIntersectRectOpt.outIntersectRect; out.outerWidth = outIntersectRect.width; out.outerHeight = outIntersectRect.height; out.baseX = adjustTextX(outIntersectRect.x, outIntersectRect.width, textAlign, true); out.baseY = adjustTextY$1(outIntersectRect.y, outIntersectRect.height, textVerticalAlign, true); } var tmpCITCTextRect = new BoundingRect(0, 0, 0, 0); var tmpCITCIntersectRectOpt = { outIntersectRect: {}, clamp: true }; function formatText(text) { return text != null ? (text += '') : (text = ''); } function tSpanCreateBoundingRect(style) { var text = formatText(style.text); var font = style.font; var contentWidth = measureWidth(ensureFontMeasureInfo(font), text); var contentHeight = getLineHeight(font); return tSpanCreateBoundingRect2(style, contentWidth, contentHeight, null); } function tSpanCreateBoundingRect2(style, contentWidth, contentHeight, forceLineWidth) { var rect = new BoundingRect(adjustTextX(style.x \|\| 0, contentWidth, style.textAlign), adjustTextY$1(style.y \|\| 0, contentHeight, style.textBaseline), contentWidth, contentHeight); var lineWidth = forceLineWidth != null ? forceLineWidth : (tSpanHasStroke(style) ? style.lineWidth : 0); if (lineWidth > 0) { rect.x -= lineWidth / 2; rect.y -= lineWidth / 2; rect.width += lineWidth; rect.height += lineWidth; } return rect; } function tSpanHasStroke(style) { var stroke = style.stroke; return stroke != null && stroke !== 'none' && style.lineWidth > 0; } var DEFAULT_TSPAN_STYLE = defaults({ strokeFirst: true, font: DEFAULT_FONT, x: 0, y: 0, textAlign: 'left', textBaseline: 'top', miterLimit: 2 }, DEFAULT_PATH_STYLE); var TSpan = (function (_super) { __extends(TSpan, _super); function TSpan() { return _super !== null && _super.apply(this, arguments) \|\| this; } TSpan.prototype.hasStroke = function () { return tSpanHasStroke(this.style); }; TSpan.prototype.hasFill = function () { var style = this.style; var fill = style.fill; return fill != null && fill !== 'none'; }; TSpan.prototype.createStyle = function (obj) { return createObject(DEFAULT_TSPAN_STYLE, obj); }; TSpan.prototype.setBoundingRect = function (rect) { this._rect = rect; }; TSpan.prototype.getBoundingRect = function () { if (!this._rect) { this._rect = tSpanCreateBoundingRect(this.style); } return this._rect; }; TSpan.initDefaultProps = (function () { var tspanProto = TSpan.prototype; tspanProto.dirtyRectTolerance = 10; })(); return TSpan; }(Displayable)); TSpan.prototype.type = 'tspan'; function parseXML(svg) { if (isString(svg)) { var parser = new DOMParser(); svg = parser.parseFromString(svg, 'text/xml'); } var svgNode = svg; if (svgNode.nodeType === 9) { svgNode = svgNode.firstChild; } while (svgNode.nodeName.toLowerCase() !== 'svg' \|\| svgNode.nodeType !== 1) { svgNode = svgNode.nextSibling; } return svgNode; } var nodeParsers; var INHERITABLE_STYLE_ATTRIBUTES_MAP = { 'fill': 'fill', 'stroke': 'stroke', 'stroke-width': 'lineWidth', 'opacity': 'opacity', 'fill-opacity': 'fillOpacity', 'stroke-opacity': 'strokeOpacity', 'stroke-dasharray': 'lineDash', 'stroke-dashoffset': 'lineDashOffset', 'stroke-linecap': 'lineCap', 'stroke-linejoin': 'lineJoin', 'stroke-miterlimit': 'miterLimit', 'font-family': 'fontFamily', 'font-size': 'fontSize', 'font-style': 'fontStyle', 'font-weight': 'fontWeight', 'text-anchor': 'textAlign', 'visibility': 'visibility', 'display': 'display' }; var INHERITABLE_STYLE_ATTRIBUTES_MAP_KEYS = keys(INHERITABLE_STYLE_ATTRIBUTES_MAP); var SELF_STYLE_ATTRIBUTES_MAP = { 'alignment-baseline': 'textBaseline', 'stop-color': 'stopColor' }; var SELF_STYLE_ATTRIBUTES_MAP_KEYS = keys(SELF_STYLE_ATTRIBUTES_MAP); var SVGParser = (function () { function SVGParser() { this._defs = {}; this._root = null; } SVGParser.prototype.parse = function (xml, opt) { opt = opt \|\| {}; var svg = parseXML(xml); { if (!svg) { throw new Error('Illegal svg'); } } this._defsUsePending = []; var root = new Group(); this._root = root; var named = []; var viewBox = svg.getAttribute('viewBox') \|\| ''; var width = parseFloat((svg.getAttribute('width') \|\| opt.width)); var height = parseFloat((svg.getAttribute('height') \|\| opt.height)); isNaN(width) && (width = null); isNaN(height) && (height = null); parseAttributes(svg, root, null, true, false); var child = svg.firstChild; while (child) { this._parseNode(child, root, named, null, false, false); child = child.nextSibling; } applyDefs(this._defs, this._defsUsePending); this._defsUsePending = []; var viewBoxRect; var viewBoxTransform; if (viewBox) { var viewBoxArr = splitNumberSequence(viewBox); if (viewBoxArr.length >= 4) { viewBoxRect = { x: parseFloat((viewBoxArr[0] \|\| 0)), y: parseFloat((viewBoxArr[1] \|\| 0)), width: parseFloat(viewBoxArr[2]), height: parseFloat(viewBoxArr[3]) }; } } if (viewBoxRect && width != null && height != null) { viewBoxTransform = makeViewBoxTransform(viewBoxRect, { x: 0, y: 0, width: width, height: height }); if (!opt.ignoreViewBox) { var elRoot = root; root = new Group(); root.add(elRoot); elRoot.scaleX = elRoot.scaleY = viewBoxTransform.scale; elRoot.x = viewBoxTransform.x; elRoot.y = viewBoxTransform.y; } } if (!opt.ignoreRootClip && width != null && height != null) { root.setClipPath(new Rect({ shape: { x: 0, y: 0, width: width, height: height } })); } return { root: root, width: width, height: height, viewBoxRect: viewBoxRect, viewBoxTransform: viewBoxTransform, named: named }; }; SVGParser.prototype._parseNode = function (xmlNode, parentGroup, named, namedFrom, isInDefs, isInText) { var nodeName = xmlNode.nodeName.toLowerCase(); var el; var namedFromForSub = namedFrom; if (nodeName === 'defs') { isInDefs = true; } if (nodeName === 'text') { isInText = true; } if (nodeName === 'defs' \|\| nodeName === 'switch') { el = parentGroup; } else { if (!isInDefs) { var parser_1 = nodeParsers[nodeName]; if (parser_1 && hasOwn(nodeParsers, nodeName)) { el = parser_1.call(this, xmlNode, parentGroup); var nameAttr = xmlNode.getAttribute('name'); if (nameAttr) { var newNamed = { name: nameAttr, namedFrom: null, svgNodeTagLower: nodeName, el: el }; named.push(newNamed); if (nodeName === 'g') { namedFromForSub = newNamed; } } else if (namedFrom) { named.push({ name: namedFrom.name, namedFrom: namedFrom, svgNodeTagLower: nodeName, el: el }); } parentGroup.add(el); } } var parser = paintServerParsers[nodeName]; if (parser && hasOwn(paintServerParsers, nodeName)) { var def = parser.call(this, xmlNode); var id = xmlNode.getAttribute('id'); if (id) { this._defs[id] = def; } } } if (el && el.isGroup) { var child = xmlNode.firstChild; while (child) { if (child.nodeType === 1) { this._parseNode(child, el, named, namedFromForSub, isInDefs, isInText); } else if (child.nodeType === 3 && isInText) { this._parseText(child, el); } child = child.nextSibling; } } }; SVGParser.prototype._parseText = function (xmlNode, parentGroup) { var text = new TSpan({ style: { text: xmlNode.textContent }, silent: true, x: this._textX \|\| 0, y: this._textY \|\| 0 }); inheritStyle(parentGroup, text); parseAttributes(xmlNode, text, this._defsUsePending, false, false); applyTextAlignment(text, parentGroup); var textStyle = text.style; var fontSize = textStyle.fontSize; if (fontSize && fontSize < 9) { textStyle.fontSize = 9; text.scaleX = fontSize / 9; text.scaleY = fontSize / 9; } var font = (textStyle.fontSize \|\| textStyle.fontFamily) && [ textStyle.fontStyle, textStyle.fontWeight, (textStyle.fontSize \|\| 12) + 'px', textStyle.fontFamily \|\| 'sans-serif' ].join(' '); textStyle.font = font; var rect = text.getBoundingRect(); this._textX += rect.width; parentGroup.add(text); return text; }; SVGParser.internalField = (function () { nodeParsers = { 'g': function (xmlNode, parentGroup) { var g = new Group(); inheritStyle(parentGroup, g); parseAttributes(xmlNode, g, this._defsUsePending, false, false); return g; }, 'rect': function (xmlNode, parentGroup) { var rect = new Rect(); inheritStyle(parentGroup, rect); parseAttributes(xmlNode, rect, this._defsUsePending, false, false); rect.setShape({ x: parseFloat(xmlNode.getAttribute('x') \|\| '0'), y: parseFloat(xmlNode.getAttribute('y') \|\| '0'), width: parseFloat(xmlNode.getAttribute('width') \|\| '0'), height: parseFloat(xmlNode.getAttribute('height') \|\| '0') }); rect.silent = true; return rect; }, 'circle': function (xmlNode, parentGroup) { var circle = new Circle(); inheritStyle(parentGroup, circle); parseAttributes(xmlNode, circle, this._defsUsePending, false, false); circle.setShape({ cx: parseFloat(xmlNode.getAttribute('cx') \|\| '0'), cy: parseFloat(xmlNode.getAttribute('cy') \|\| '0'), r: parseFloat(xmlNode.getAttribute('r') \|\| '0') }); circle.silent = true; return circle; }, 'line': function (xmlNode, parentGroup) { var line = new Line(); inheritStyle(parentGroup, line); parseAttributes(xmlNode, line, this._defsUsePending, false, false); line.setShape({ x1: parseFloat(xmlNode.getAttribute('x1') \|\| '0'), y1: parseFloat(xmlNode.getAttribute('y1') \|\| '0'), x2: parseFloat(xmlNode.getAttribute('x2') \|\| '0'), y2: parseFloat(xmlNode.getAttribute('y2') \|\| '0') }); line.silent = true; return line; }, 'ellipse': function (xmlNode, parentGroup) { var ellipse = new Ellipse(); inheritStyle(parentGroup, ellipse); parseAttributes(xmlNode, ellipse, this._defsUsePending, false, false); ellipse.setShape({ cx: parseFloat(xmlNode.getAttribute('cx') \|\| '0'), cy: parseFloat(xmlNode.getAttribute('cy') \|\| '0'), rx: parseFloat(xmlNode.getAttribute('rx') \|\| '0'), ry: parseFloat(xmlNode.getAttribute('ry') \|\| '0') }); ellipse.silent = true; return ellipse; }, 'polygon': function (xmlNode, parentGroup) { var pointsStr = xmlNode.getAttribute('points'); var pointsArr; if (pointsStr) { pointsArr = parsePoints(pointsStr); } var polygon = new Polygon({ shape: { points: pointsArr \|\| [] }, silent: true }); inheritStyle(parentGroup, polygon); parseAttributes(xmlNode, polygon, this._defsUsePending, false, false); return polygon; }, 'polyline': function (xmlNode, parentGroup) { var pointsStr = xmlNode.getAttribute('points'); var pointsArr; if (pointsStr) { pointsArr = parsePoints(pointsStr); } var polyline = new Polyline({ shape: { points: pointsArr \|\| [] }, silent: true }); inheritStyle(parentGroup, polyline); parseAttributes(xmlNode, polyline, this._defsUsePending, false, false); return polyline; }, 'image': function (xmlNode, parentGroup) { var img = new ZRImage(); inheritStyle(parentGroup, img); parseAttributes(xmlNode, img, this._defsUsePending, false, false); img.setStyle({ image: xmlNode.getAttribute('xlink:href') \|\| xmlNode.getAttribute('href'), x: +xmlNode.getAttribute('x'), y: +xmlNode.getAttribute('y'), width: +xmlNode.getAttribute('width'), height: +xmlNode.getAttribute('height') }); img.silent = true; return img; }, 'text': function (xmlNode, parentGroup) { var x = xmlNode.getAttribute('x') \|\| '0'; var y = xmlNode.getAttribute('y') \|\| '0'; var dx = xmlNode.getAttribute('dx') \|\| '0'; var dy = xmlNode.getAttribute('dy') \|\| '0'; this._textX = parseFloat(x) + parseFloat(dx); this._textY = parseFloat(y) + parseFloat(dy); var g = new Group(); inheritStyle(parentGroup, g); parseAttributes(xmlNode, g, this._defsUsePending, false, true); return g; }, 'tspan': function (xmlNode, parentGroup) { var x = xmlNode.getAttribute('x'); var y = xmlNode.getAttribute('y'); if (x != null) { this._textX = parseFloat(x); } if (y != null) { this._textY = parseFloat(y); } var dx = xmlNode.getAttribute('dx') \|\| '0'; var dy = xmlNode.getAttribute('dy') \|\| '0'; var g = new Group(); inheritStyle(parentGroup, g); parseAttributes(xmlNode, g, this._defsUsePending, false, true); this._textX += parseFloat(dx); this._textY += parseFloat(dy); return g; }, 'path': function (xmlNode, parentGroup) { var d = xmlNode.getAttribute('d') \|\| ''; var path = createFromString(d); inheritStyle(parentGroup, path); parseAttributes(xmlNode, path, this._defsUsePending, false, false); path.silent = true; return path; } }; })(); return SVGParser; }()); var paintServerParsers = { 'lineargradient': function (xmlNode) { var x1 = parseInt(xmlNode.getAttribute('x1') \|\| '0', 10); var y1 = parseInt(xmlNode.getAttribute('y1') \|\| '0', 10); var x2 = parseInt(xmlNode.getAttribute('x2') \|\| '10', 10); var y2 = parseInt(xmlNode.getAttribute('y2') \|\| '0', 10); var gradient = new LinearGradient(x1, y1, x2, y2); parsePaintServerUnit(xmlNode, gradient); parseGradientColorStops(xmlNode, gradient); return gradient; }, 'radialgradient': function (xmlNode) { var cx = parseInt(xmlNode.getAttribute('cx') \|\| '0', 10); var cy = parseInt(xmlNode.getAttribute('cy') \|\| '0', 10); var r = parseInt(xmlNode.getAttribute('r') \|\| '0', 10); var gradient = new RadialGradient(cx, cy, r); parsePaintServerUnit(xmlNode, gradient); parseGradientColorStops(xmlNode, gradient); return gradient; } }; function parsePaintServerUnit(xmlNode, gradient) { var gradientUnits = xmlNode.getAttribute('gradientUnits'); if (gradientUnits === 'userSpaceOnUse') { gradient.global = true; } } function parseGradientColorStops(xmlNode, gradient) { var stop = xmlNode.firstChild; while (stop) { if (stop.nodeType === 1 && stop.nodeName.toLocaleLowerCase() === 'stop') { var offsetStr = stop.getAttribute('offset'); var offset = void 0; if (offsetStr && offsetStr.indexOf('%') > 0) { offset = parseInt(offsetStr, 10) / 100; } else if (offsetStr) { offset = parseFloat(offsetStr); } else { offset = 0; } var styleVals = {}; parseInlineStyle(stop, styleVals, styleVals); var stopColor = styleVals.stopColor \|\| stop.getAttribute('stop-color') \|\| '#000000'; var stopOpacity = styleVals.stopOpacity \|\| stop.getAttribute('stop-opacity'); if (stopOpacity) { var rgba = parse(stopColor); var stopColorOpacity = rgba && rgba[3]; if (stopColorOpacity) { rgba[3] = parseCssFloat(stopOpacity); stopColor = stringify(rgba, 'rgba'); } } gradient.colorStops.push({ offset: offset, color: stopColor }); } stop = stop.nextSibling; } } function inheritStyle(parent, child) { if (parent && parent.__inheritedStyle) { if (!child.__inheritedStyle) { child.__inheritedStyle = {}; } defaults(child.__inheritedStyle, parent.__inheritedStyle); } } function parsePoints(pointsString) { var list = splitNumberSequence(pointsString); var points = []; for (var i = 0; i < list.length; i += 2) { var x = parseFloat(list[i]); var y = parseFloat(list[i + 1]); points.push([x, y]); } return points; } function parseAttributes(xmlNode, el, defsUsePending, onlyInlineStyle, isTextGroup) { var disp = el; var inheritedStyle = disp.__inheritedStyle = disp.__inheritedStyle \|\| {}; var selfStyle = {}; if (xmlNode.nodeType === 1) { parseTransformAttribute(xmlNode, el); parseInlineStyle(xmlNode, inheritedStyle, selfStyle); if (!onlyInlineStyle) { parseAttributeStyle(xmlNode, inheritedStyle, selfStyle); } } disp.style = disp.style \|\| {}; if (inheritedStyle.fill != null) { disp.style.fill = getFillStrokeStyle(disp, 'fill', inheritedStyle.fill, defsUsePending); } if (inheritedStyle.stroke != null) { disp.style.stroke = getFillStrokeStyle(disp, 'stroke', inheritedStyle.stroke, defsUsePending); } each([ 'lineWidth', 'opacity', 'fillOpacity', 'strokeOpacity', 'miterLimit', 'fontSize' ], function (propName) { if (inheritedStyle[propName] != null) { disp.style[propName] = parseFloat(inheritedStyle[propName]); } }); each([ 'lineDashOffset', 'lineCap', 'lineJoin', 'fontWeight', 'fontFamily', 'fontStyle', 'textAlign' ], function (propName) { if (inheritedStyle[propName] != null) { disp.style[propName] = inheritedStyle[propName]; } }); if (isTextGroup) { disp.__selfStyle = selfStyle; } if (inheritedStyle.lineDash) { disp.style.lineDash = map(splitNumberSequence(inheritedStyle.lineDash), function (str) { return parseFloat(str); }); } if (inheritedStyle.visibility === 'hidden' \|\| inheritedStyle.visibility === 'collapse') { disp.invisible = true; } if (inheritedStyle.display === 'none') { disp.ignore = true; } } function applyTextAlignment(text, parentGroup) { var parentSelfStyle = parentGroup.__selfStyle; if (parentSelfStyle) { var textBaseline = parentSelfStyle.textBaseline; var zrTextBaseline = textBaseline; if (!textBaseline \|\| textBaseline === 'auto') { zrTextBaseline = 'alphabetic'; } else if (textBaseline === 'baseline') { zrTextBaseline = 'alphabetic'; } else if (textBaseline === 'before-edge' \|\| textBaseline === 'text-before-edge') { zrTextBaseline = 'top'; } else if (textBaseline === 'after-edge' \|\| textBaseline === 'text-after-edge') { zrTextBaseline = 'bottom'; } else if (textBaseline === 'central' \|\| textBaseline === 'mathematical') { zrTextBaseline = 'middle'; } text.style.textBaseline = zrTextBaseline; } var parentInheritedStyle = parentGroup.__inheritedStyle; if (parentInheritedStyle) { var textAlign = parentInheritedStyle.textAlign; var zrTextAlign = textAlign; if (textAlign) { if (textAlign === 'middle') { zrTextAlign = 'center'; } text.style.textAlign = zrTextAlign; } } } var urlRegex = /^url\(\s#(.?)\)/; function getFillStrokeStyle(el, method, str, defsUsePending) { var urlMatch = str && str.match(urlRegex); if (urlMatch) { var url = trim(urlMatch[1]); defsUsePending.push([el, method, url]); return; } if (str === 'none') { str = null; } return str; } function applyDefs(defs, defsUsePending) { for (var i = 0; i < defsUsePending.length; i++) { var item = defsUsePending[i]; item[0].style[item[1]] = defs[item[2]]; } } var numberReg$1 = /-?([0-9]\.)?[0-9]+([eE]-?[0-9]+)?/g; function splitNumberSequence(rawStr) { return rawStr.match(numberReg$1) \|\| []; } var transformRegex = /(translate\|scale\|rotate\|skewX\|skewY\|matrix)\(([\-\s0-9\.eE,])\)/g; var DEGREE_TO_ANGLE = Math.PI / 180; function parseTransformAttribute(xmlNode, node) { var transform = xmlNode.getAttribute('transform'); if (transform) { transform = transform.replace(/,/g, ' '); var transformOps_1 = []; var mt = null; transform.replace(transformRegex, function (str, type, value) { transformOps_1.push(type, value); return ''; }); for (var i = transformOps_1.length - 1; i > 0; i -= 2) { var value = transformOps_1[i]; var type = transformOps_1[i - 1]; var valueArr = splitNumberSequence(value); mt = mt \|\| create$1(); switch (type) { case 'translate': translate(mt, mt, [parseFloat(valueArr[0]), parseFloat(valueArr[1] \|\| '0')]); break; case 'scale': scale$1(mt, mt, [parseFloat(valueArr[0]), parseFloat(valueArr[1] \|\| valueArr[0])]); break; case 'rotate': rotate(mt, mt, -parseFloat(valueArr[0]) DEGREE_TO_ANGLE, [ parseFloat(valueArr[1] \|\| '0'), parseFloat(valueArr[2] \|\| '0') ]); break; case 'skewX': var sx = Math.tan(parseFloat(valueArr[0]) * DEGREE_TO_ANGLE); mul$1(mt, [1, 0, sx, 1, 0, 0], mt); break; case 'skewY': var sy = Math.tan(parseFloat(valueArr[0]) * DEGREE_TO_ANGLE); mul$1(mt, [1, sy, 0, 1, 0, 0], mt); break; case 'matrix': mt[0] = parseFloat(valueArr[0]); mt[1] = parseFloat(valueArr[1]); mt[2] = parseFloat(valueArr[2]); mt[3] = parseFloat(valueArr[3]); mt[4] = parseFloat(valueArr[4]); mt[5] = parseFloat(valueArr[5]); break; } } node.setLocalTransform(mt); } } var styleRegex = /([^\s:;]+)\s:\s([^:;]+)/g; function parseInlineStyle(xmlNode, inheritableStyleResult, selfStyleResult) { var style = xmlNode.getAttribute('style'); if (!style) { return; } styleRegex.lastIndex = 0; var styleRegResult; while ((styleRegResult = styleRegex.exec(style)) != null) { var svgStlAttr = styleRegResult[1]; var zrInheritableStlAttr = hasOwn(INHERITABLE_STYLE_ATTRIBUTES_MAP, svgStlAttr) ? INHERITABLE_STYLE_ATTRIBUTES_MAP[svgStlAttr] : null; if (zrInheritableStlAttr) { inheritableStyleResult[zrInheritableStlAttr] = styleRegResult[2]; } var zrSelfStlAttr = hasOwn(SELF_STYLE_ATTRIBUTES_MAP, svgStlAttr) ? SELF_STYLE_ATTRIBUTES_MAP[svgStlAttr] : null; if (zrSelfStlAttr) { selfStyleResult[zrSelfStlAttr] = styleRegResult[2]; } } } function parseAttributeStyle(xmlNode, inheritableStyleResult, selfStyleResult) { for (var i = 0; i < INHERITABLE_STYLE_ATTRIBUTES_MAP_KEYS.length; i++) { var svgAttrName = INHERITABLE_STYLE_ATTRIBUTES_MAP_KEYS[i]; var attrValue = xmlNode.getAttribute(svgAttrName); if (attrValue != null) { inheritableStyleResult[INHERITABLE_STYLE_ATTRIBUTES_MAP[svgAttrName]] = attrValue; } } for (var i = 0; i < SELF_STYLE_ATTRIBUTES_MAP_KEYS.length; i++) { var svgAttrName = SELF_STYLE_ATTRIBUTES_MAP_KEYS[i]; var attrValue = xmlNode.getAttribute(svgAttrName); if (attrValue != null) { selfStyleResult[SELF_STYLE_ATTRIBUTES_MAP[svgAttrName]] = attrValue; } } } function makeViewBoxTransform(viewBoxRect, boundingRect) { var scaleX = boundingRect.width / viewBoxRect.width; var scaleY = boundingRect.height / viewBoxRect.height; var scale = Math.min(scaleX, scaleY); return { scale: scale, x: -(viewBoxRect.x + viewBoxRect.width / 2) * scale + (boundingRect.x + boundingRect.width / 2), y: -(viewBoxRect.y + viewBoxRect.height / 2) * scale + (boundingRect.y + boundingRect.height / 2) }; } function parseSVG(xml, opt) { var parser = new SVGParser(); return parser.parse(xml, opt); } var PI$2 = Math.PI; var PI2$5 = PI$2 * 2; var mathSin$3 = Math.sin; var mathCos$3 = Math.cos; var mathACos = Math.acos; var mathATan2 = Math.atan2; var mathAbs$2 = Math.abs; var mathSqrt$3 = Math.sqrt; var mathMax$3 = Math.max; var mathMin$3 = Math.min; var e = 1e-4; function intersect(x0, y0, x1, y1, x2, y2, x3, y3) { var dx10 = x1 - x0; var dy10 = y1 - y0; var dx32 = x3 - x2; var dy32 = y3 - y2; var t = dy32 * dx10 - dx32 * dy10; if (t * t < e) { return; } t = (dx32 * (y0 - y2) - dy32 * (x0 - x2)) / t; return [x0 + t * dx10, y0 + t * dy10]; } function computeCornerTangents(x0, y0, x1, y1, radius, cr, clockwise) { var x01 = x0 - x1; var y01 = y0 - y1; var lo = (clockwise ? cr : -cr) / mathSqrt$3(x01 * x01 + y01 * y01); var ox = lo * y01; var oy = -lo * x01; var x11 = x0 + ox; var y11 = y0 + oy; var x10 = x1 + ox; var y10 = y1 + oy; var x00 = (x11 + x10) / 2; var y00 = (y11 + y10) / 2; var dx = x10 - x11; var dy = y10 - y11; var d2 = dx * dx + dy * dy; var r = radius - cr; var s = x11 * y10 - x10 * y11; var d = (dy < 0 ? -1 : 1) * mathSqrt$3(mathMax$3(0, r * r * d2 - s * s)); var cx0 = (s * dy - dx * d) / d2; var cy0 = (-s * dx - dy * d) / d2; var cx1 = (s * dy + dx * d) / d2; var cy1 = (-s * dx + dy * d) / d2; var dx0 = cx0 - x00; var dy0 = cy0 - y00; var dx1 = cx1 - x00; var dy1 = cy1 - y00; if (dx0 * dx0 + dy0 * dy0 > dx1 * dx1 + dy1 * dy1) { cx0 = cx1; cy0 = cy1; } return { cx: cx0, cy: cy0, x0: -ox, y0: -oy, x1: cx0 * (radius / r - 1), y1: cy0 * (radius / r - 1) }; } function normalizeCornerRadius(cr) { var arr; if (isArray(cr)) { var len = cr.length; if (!len) { return cr; } if (len === 1) { arr = [cr[0], cr[0], 0, 0]; } else if (len === 2) { arr = [cr[0], cr[0], cr[1], cr[1]]; } else if (len === 3) { arr = cr.concat(cr[2]); } else { arr = cr; } } else { arr = [cr, cr, cr, cr]; } return arr; } function buildPath$2(ctx, shape) { var _a; var radius = mathMax$3(shape.r, 0); var innerRadius = mathMax$3(shape.r0 \|\| 0, 0); var hasRadius = radius > 0; var hasInnerRadius = innerRadius > 0; if (!hasRadius && !hasInnerRadius) { return; } if (!hasRadius) { radius = innerRadius; innerRadius = 0; } if (innerRadius > radius) { var tmp = radius; radius = innerRadius; innerRadius = tmp; } var startAngle = shape.startAngle, endAngle = shape.endAngle; if (isNaN(startAngle) \|\| isNaN(endAngle)) { return; } var cx = shape.cx, cy = shape.cy; var clockwise = !!shape.clockwise; var arc = mathAbs$2(endAngle - startAngle); var mod = arc > PI2$5 && arc % PI2$5; mod > e && (arc = mod); if (!(radius > e)) { ctx.moveTo(cx, cy); } else if (arc > PI2$5 - e) { ctx.moveTo(cx + radius * mathCos$3(startAngle), cy + radius * mathSin$3(startAngle)); ctx.arc(cx, cy, radius, startAngle, endAngle, !clockwise); if (innerRadius > e) { ctx.moveTo(cx + innerRadius * mathCos$3(endAngle), cy + innerRadius * mathSin$3(endAngle)); ctx.arc(cx, cy, innerRadius, endAngle, startAngle, clockwise); } } else { var icrStart = void 0; var icrEnd = void 0; var ocrStart = void 0; var ocrEnd = void 0; var ocrs = void 0; var ocre = void 0; var icrs = void 0; var icre = void 0; var ocrMax = void 0; var icrMax = void 0; var limitedOcrMax = void 0; var limitedIcrMax = void 0; var xre = void 0; var yre = void 0; var xirs = void 0; var yirs = void 0; var xrs = radius * mathCos$3(startAngle); var yrs = radius * mathSin$3(startAngle); var xire = innerRadius * mathCos$3(endAngle); var yire = innerRadius * mathSin$3(endAngle); var hasArc = arc > e; if (hasArc) { var cornerRadius = shape.cornerRadius; if (cornerRadius) { _a = normalizeCornerRadius(cornerRadius), icrStart = _a[0], icrEnd = _a[1], ocrStart = _a[2], ocrEnd = _a[3]; } var halfRd = mathAbs$2(radius - innerRadius) / 2; ocrs = mathMin$3(halfRd, ocrStart); ocre = mathMin$3(halfRd, ocrEnd); icrs = mathMin$3(halfRd, icrStart); icre = mathMin$3(halfRd, icrEnd); limitedOcrMax = ocrMax = mathMax$3(ocrs, ocre); limitedIcrMax = icrMax = mathMax$3(icrs, icre); if (ocrMax > e \|\| icrMax > e) { xre = radius * mathCos$3(endAngle); yre = radius * mathSin$3(endAngle); xirs = innerRadius * mathCos$3(startAngle); yirs = innerRadius * mathSin$3(startAngle); if (arc < PI$2) { var it_1 = intersect(xrs, yrs, xirs, yirs, xre, yre, xire, yire); if (it_1) { var x0 = xrs - it_1[0]; var y0 = yrs - it_1[1]; var x1 = xre - it_1[0]; var y1 = yre - it_1[1]; var a = 1 / mathSin$3(mathACos((x0 * x1 + y0 * y1) / (mathSqrt$3(x0 * x0 + y0 * y0) * mathSqrt$3(x1 * x1 + y1 * y1))) / 2); var b = mathSqrt$3(it_1[0] * it_1[0] + it_1[1] * it_1[1]); limitedOcrMax = mathMin$3(ocrMax, (radius - b) / (a + 1)); limitedIcrMax = mathMin$3(icrMax, (innerRadius - b) / (a - 1)); } } } } if (!hasArc) { ctx.moveTo(cx + xrs, cy + yrs); } else if (limitedOcrMax > e) { var crStart = mathMin$3(ocrStart, limitedOcrMax); var crEnd = mathMin$3(ocrEnd, limitedOcrMax); var ct0 = computeCornerTangents(xirs, yirs, xrs, yrs, radius, crStart, clockwise); var ct1 = computeCornerTangents(xre, yre, xire, yire, radius, crEnd, clockwise); ctx.moveTo(cx + ct0.cx + ct0.x0, cy + ct0.cy + ct0.y0); if (limitedOcrMax < ocrMax && crStart === crEnd) { ctx.arc(cx + ct0.cx, cy + ct0.cy, limitedOcrMax, mathATan2(ct0.y0, ct0.x0), mathATan2(ct1.y0, ct1.x0), !clockwise); } else { crStart > 0 && ctx.arc(cx + ct0.cx, cy + ct0.cy, crStart, mathATan2(ct0.y0, ct0.x0), mathATan2(ct0.y1, ct0.x1), !clockwise); ctx.arc(cx, cy, radius, mathATan2(ct0.cy + ct0.y1, ct0.cx + ct0.x1), mathATan2(ct1.cy + ct1.y1, ct1.cx + ct1.x1), !clockwise); crEnd > 0 && ctx.arc(cx + ct1.cx, cy + ct1.cy, crEnd, mathATan2(ct1.y1, ct1.x1), mathATan2(ct1.y0, ct1.x0), !clockwise); } } else { ctx.moveTo(cx + xrs, cy + yrs); ctx.arc(cx, cy, radius, startAngle, endAngle, !clockwise); } if (!(innerRadius > e) \|\| !hasArc) { ctx.lineTo(cx + xire, cy + yire); } else if (limitedIcrMax > e) { var crStart = mathMin$3(icrStart, limitedIcrMax); var crEnd = mathMin$3(icrEnd, limitedIcrMax); var ct0 = computeCornerTangents(xire, yire, xre, yre, innerRadius, -crEnd, clockwise); var ct1 = computeCornerTangents(xrs, yrs, xirs, yirs, innerRadius, -crStart, clockwise); ctx.lineTo(cx + ct0.cx + ct0.x0, cy + ct0.cy + ct0.y0); if (limitedIcrMax < icrMax && crStart === crEnd) { ctx.arc(cx + ct0.cx, cy + ct0.cy, limitedIcrMax, mathATan2(ct0.y0, ct0.x0), mathATan2(ct1.y0, ct1.x0), !clockwise); } else { crEnd > 0 && ctx.arc(cx + ct0.cx, cy + ct0.cy, crEnd, mathATan2(ct0.y0, ct0.x0), mathATan2(ct0.y1, ct0.x1), !clockwise); ctx.arc(cx, cy, innerRadius, mathATan2(ct0.cy + ct0.y1, ct0.cx + ct0.x1), mathATan2(ct1.cy + ct1.y1, ct1.cx + ct1.x1), clockwise); crStart > 0 && ctx.arc(cx + ct1.cx, cy + ct1.cy, crStart, mathATan2(ct1.y1, ct1.x1), mathATan2(ct1.y0, ct1.x0), !clockwise); } } else { ctx.lineTo(cx + xire, cy + yire); ctx.arc(cx, cy, innerRadius, endAngle, startAngle, clockwise); } } ctx.closePath(); } var SectorShape = (function () { function SectorShape() { this.cx = 0; this.cy = 0; this.r0 = 0; this.r = 0; this.startAngle = 0; this.endAngle = Math.PI * 2; this.clockwise = true; this.cornerRadius = 0; } return SectorShape; }()); var Sector = (function (_super) { __extends(Sector, _super); function Sector(opts) { return _super.call(this, opts) \|\| this; } Sector.prototype.getDefaultShape = function () { return new SectorShape(); }; Sector.prototype.buildPath = function (ctx, shape) { buildPath$2(ctx, shape); }; Sector.prototype.isZeroArea = function () { return this.shape.startAngle === this.shape.endAngle \|\| this.shape.r === this.shape.r0; }; return Sector; }(Path)); Sector.prototype.type = 'sector'; var CMD$3 = PathProxy.CMD; function aroundEqual(a, b) { return Math.abs(a - b) < 1e-5; } function pathToBezierCurves(path) { var data = path.data; var len = path.len(); var bezierArrayGroups = []; var currentSubpath; var xi = 0; var yi = 0; var x0 = 0; var y0 = 0; function createNewSubpath(x, y) { if (currentSubpath && currentSubpath.length > 2) { bezierArrayGroups.push(currentSubpath); } currentSubpath = [x, y]; } function addLine(x0, y0, x1, y1) { if (!(aroundEqual(x0, x1) && aroundEqual(y0, y1))) { currentSubpath.push(x0, y0, x1, y1, x1, y1); } } function addArc(startAngle, endAngle, cx, cy, rx, ry) { var delta = Math.abs(endAngle - startAngle); var len = Math.tan(delta / 4) * 4 / 3; var dir = endAngle < startAngle ? -1 : 1; var c1 = Math.cos(startAngle); var s1 = Math.sin(startAngle); var c2 = Math.cos(endAngle); var s2 = Math.sin(endAngle); var x1 = c1 * rx + cx; var y1 = s1 * ry + cy; var x4 = c2 * rx + cx; var y4 = s2 * ry + cy; var hx = rx * len * dir; var hy = ry * len * dir; currentSubpath.push(x1 - hx * s1, y1 + hy * c1, x4 + hx * s2, y4 - hy * c2, x4, y4); } var x1; var y1; var x2; var y2; for (var i = 0; i < len;) { var cmd = data[i++]; var isFirst = i === 1; if (isFirst) { xi = data[i]; yi = data[i + 1]; x0 = xi; y0 = yi; if (cmd === CMD$3.L \|\| cmd === CMD$3.C \|\| cmd === CMD$3.Q) { currentSubpath = [x0, y0]; } } switch (cmd) { case CMD$3.M: xi = x0 = data[i++]; yi = y0 = data[i++]; createNewSubpath(x0, y0); break; case CMD$3.L: x1 = data[i++]; y1 = data[i++]; addLine(xi, yi, x1, y1); xi = x1; yi = y1; break; case CMD$3.C: currentSubpath.push(data[i++], data[i++], data[i++], data[i++], xi = data[i++], yi = data[i++]); break; case CMD$3.Q: x1 = data[i++]; y1 = data[i++]; x2 = data[i++]; y2 = data[i++]; currentSubpath.push(xi + 2 / 3 * (x1 - xi), yi + 2 / 3 * (y1 - yi), x2 + 2 / 3 * (x1 - x2), y2 + 2 / 3 * (y1 - y2), x2, y2); xi = x2; yi = y2; break; case CMD$3.A: var cx = data[i++]; var cy = data[i++]; var rx = data[i++]; var ry = data[i++]; var startAngle = data[i++]; var endAngle = data[i++] + startAngle; i += 1; var anticlockwise = !data[i++]; x1 = Math.cos(startAngle) * rx + cx; y1 = Math.sin(startAngle) * ry + cy; if (isFirst) { x0 = x1; y0 = y1; createNewSubpath(x0, y0); } else { addLine(xi, yi, x1, y1); } xi = Math.cos(endAngle) * rx + cx; yi = Math.sin(endAngle) * ry + cy; var step = (anticlockwise ? -1 : 1) * Math.PI / 2; for (var angle = startAngle; anticlockwise ? angle > endAngle : angle < endAngle; angle += step) { var nextAngle = anticlockwise ? Math.max(angle + step, endAngle) : Math.min(angle + step, endAngle); addArc(angle, nextAngle, cx, cy, rx, ry); } break; case CMD$3.R: x0 = xi = data[i++]; y0 = yi = data[i++]; x1 = x0 + data[i++]; y1 = y0 + data[i++]; createNewSubpath(x1, y0); addLine(x1, y0, x1, y1); addLine(x1, y1, x0, y1); addLine(x0, y1, x0, y0); addLine(x0, y0, x1, y0); break; case CMD$3.Z: currentSubpath && addLine(xi, yi, x0, y0); xi = x0; yi = y0; break; } } if (currentSubpath && currentSubpath.length > 2) { bezierArrayGroups.push(currentSubpath); } return bezierArrayGroups; } function adpativeBezier(x0, y0, x1, y1, x2, y2, x3, y3, out, scale) { if (aroundEqual(x0, x1) && aroundEqual(y0, y1) && aroundEqual(x2, x3) && aroundEqual(y2, y3)) { out.push(x3, y3); return; } var PIXEL_DISTANCE = 2 / scale; var PIXEL_DISTANCE_SQR = PIXEL_DISTANCE * PIXEL_DISTANCE; var dx = x3 - x0; var dy = y3 - y0; var d = Math.sqrt(dx * dx + dy * dy); dx /= d; dy /= d; var dx1 = x1 - x0; var dy1 = y1 - y0; var dx2 = x2 - x3; var dy2 = y2 - y3; var cp1LenSqr = dx1 * dx1 + dy1 * dy1; var cp2LenSqr = dx2 * dx2 + dy2 * dy2; if (cp1LenSqr < PIXEL_DISTANCE_SQR && cp2LenSqr < PIXEL_DISTANCE_SQR) { out.push(x3, y3); return; } var projLen1 = dx * dx1 + dy * dy1; var projLen2 = -dx * dx2 - dy * dy2; var d1Sqr = cp1LenSqr - projLen1 * projLen1; var d2Sqr = cp2LenSqr - projLen2 * projLen2; if (d1Sqr < PIXEL_DISTANCE_SQR && projLen1 >= 0 && d2Sqr < PIXEL_DISTANCE_SQR && projLen2 >= 0) { out.push(x3, y3); return; } var tmpSegX = []; var tmpSegY = []; cubicSubdivide(x0, x1, x2, x3, 0.5, tmpSegX); cubicSubdivide(y0, y1, y2, y3, 0.5, tmpSegY); adpativeBezier(tmpSegX[0], tmpSegY[0], tmpSegX[1], tmpSegY[1], tmpSegX[2], tmpSegY[2], tmpSegX[3], tmpSegY[3], out, scale); adpativeBezier(tmpSegX[4], tmpSegY[4], tmpSegX[5], tmpSegY[5], tmpSegX[6], tmpSegY[6], tmpSegX[7], tmpSegY[7], out, scale); } function pathToPolygons(path, scale) { var bezierArrayGroups = pathToBezierCurves(path); var polygons = []; scale = scale \|\| 1; for (var i = 0; i < bezierArrayGroups.length; i++) { var beziers = bezierArrayGroups[i]; var polygon = []; var x0 = beziers[0]; var y0 = beziers[1]; polygon.push(x0, y0); for (var k = 2; k < beziers.length;) { var x1 = beziers[k++]; var y1 = beziers[k++]; var x2 = beziers[k++]; var y2 = beziers[k++]; var x3 = beziers[k++]; var y3 = beziers[k++]; adpativeBezier(x0, y0, x1, y1, x2, y2, x3, y3, polygon, scale); x0 = x3; y0 = y3; } polygons.push(polygon); } return polygons; } function getDividingGrids(dimSize, rowDim, count) { var rowSize = dimSize[rowDim]; var columnSize = dimSize[1 - rowDim]; var ratio = Math.abs(rowSize / columnSize); var rowCount = Math.ceil(Math.sqrt(ratio * count)); var columnCount = Math.floor(count / rowCount); if (columnCount === 0) { columnCount = 1; rowCount = count; } var grids = []; for (var i = 0; i < rowCount; i++) { grids.push(columnCount); } var currentCount = rowCount * columnCount; var remained = count - currentCount; if (remained > 0) { for (var i = 0; i < remained; i++) { grids[i % rowCount] += 1; } } return grids; } function divideSector(sectorShape, count, outShapes) { var r0 = sectorShape.r0; var r = sectorShape.r; var startAngle = sectorShape.startAngle; var endAngle = sectorShape.endAngle; var angle = Math.abs(endAngle - startAngle); var arcLen = angle * r; var deltaR = r - r0; var isAngleRow = arcLen > Math.abs(deltaR); var grids = getDividingGrids([arcLen, deltaR], isAngleRow ? 0 : 1, count); var rowSize = (isAngleRow ? angle : deltaR) / grids.length; for (var row = 0; row < grids.length; row++) { var columnSize = (isAngleRow ? deltaR : angle) / grids[row]; for (var column = 0; column < grids[row]; column++) { var newShape = {}; if (isAngleRow) { newShape.startAngle = startAngle + rowSize * row; newShape.endAngle = startAngle + rowSize * (row + 1); newShape.r0 = r0 + columnSize * column; newShape.r = r0 + columnSize * (column + 1); } else { newShape.startAngle = startAngle + columnSize * column; newShape.endAngle = startAngle + columnSize * (column + 1); newShape.r0 = r0 + rowSize * row; newShape.r = r0 + rowSize * (row + 1); } newShape.clockwise = sectorShape.clockwise; newShape.cx = sectorShape.cx; newShape.cy = sectorShape.cy; outShapes.push(newShape); } } } function divideRect(rectShape, count, outShapes) { var width = rectShape.width; var height = rectShape.height; var isHorizontalRow = width > height; var grids = getDividingGrids([width, height], isHorizontalRow ? 0 : 1, count); var rowSizeDim = isHorizontalRow ? 'width' : 'height'; var columnSizeDim = isHorizontalRow ? 'height' : 'width'; var rowDim = isHorizontalRow ? 'x' : 'y'; var columnDim = isHorizontalRow ? 'y' : 'x'; var rowSize = rectShape[rowSizeDim] / grids.length; for (var row = 0; row < grids.length; row++) { var columnSize = rectShape[columnSizeDim] / grids[row]; for (var column = 0; column < grids[row]; column++) { var newShape = {}; newShape[rowDim] = row * rowSize; newShape[columnDim] = column * columnSize; newShape[rowSizeDim] = rowSize; newShape[columnSizeDim] = columnSize; newShape.x += rectShape.x; newShape.y += rectShape.y; outShapes.push(newShape); } } } function crossProduct2d(x1, y1, x2, y2) { return x1 * y2 - x2 * y1; } function lineLineIntersect(a1x, a1y, a2x, a2y, b1x, b1y, b2x, b2y) { var mx = a2x - a1x; var my = a2y - a1y; var nx = b2x - b1x; var ny = b2y - b1y; var nmCrossProduct = crossProduct2d(nx, ny, mx, my); if (Math.abs(nmCrossProduct) < 1e-6) { return null; } var b1a1x = a1x - b1x; var b1a1y = a1y - b1y; var p = crossProduct2d(b1a1x, b1a1y, nx, ny) / nmCrossProduct; if (p < 0 \|\| p > 1) { return null; } return new Point(p * mx + a1x, p * my + a1y); } function projPtOnLine(pt, lineA, lineB) { var dir = new Point(); Point.sub(dir, lineB, lineA); dir.normalize(); var dir2 = new Point(); Point.sub(dir2, pt, lineA); var len = dir2.dot(dir); return len; } function addToPoly(poly, pt) { var last = poly[poly.length - 1]; if (last && last[0] === pt[0] && last[1] === pt[1]) { return; } poly.push(pt); } function splitPolygonByLine(points, lineA, lineB) { var len = points.length; var intersections = []; for (var i = 0; i < len; i++) { var p0 = points[i]; var p1 = points[(i + 1) % len]; var intersectionPt = lineLineIntersect(p0[0], p0[1], p1[0], p1[1], lineA.x, lineA.y, lineB.x, lineB.y); if (intersectionPt) { intersections.push({ projPt: projPtOnLine(intersectionPt, lineA, lineB), pt: intersectionPt, idx: i }); } } if (intersections.length < 2) { return [{ points: points }, { points: points }]; } intersections.sort(function (a, b) { return a.projPt - b.projPt; }); var splitPt0 = intersections[0]; var splitPt1 = intersections[intersections.length - 1]; if (splitPt1.idx < splitPt0.idx) { var tmp = splitPt0; splitPt0 = splitPt1; splitPt1 = tmp; } var splitPt0Arr = [splitPt0.pt.x, splitPt0.pt.y]; var splitPt1Arr = [splitPt1.pt.x, splitPt1.pt.y]; var newPolyA = [splitPt0Arr]; var newPolyB = [splitPt1Arr]; for (var i = splitPt0.idx + 1; i <= splitPt1.idx; i++) { addToPoly(newPolyA, points[i].slice()); } addToPoly(newPolyA, splitPt1Arr); addToPoly(newPolyA, splitPt0Arr); for (var i = splitPt1.idx + 1; i <= splitPt0.idx + len; i++) { addToPoly(newPolyB, points[i % len].slice()); } addToPoly(newPolyB, splitPt0Arr); addToPoly(newPolyB, splitPt1Arr); return [{ points: newPolyA }, { points: newPolyB }]; } function binaryDividePolygon(polygonShape) { var points = polygonShape.points; var min = []; var max = []; fromPoints(points, min, max); var boundingRect = new BoundingRect(min[0], min[1], max[0] - min[0], max[1] - min[1]); var width = boundingRect.width; var height = boundingRect.height; var x = boundingRect.x; var y = boundingRect.y; var pt0 = new Point(); var pt1 = new Point(); if (width > height) { pt0.x = pt1.x = x + width / 2; pt0.y = y; pt1.y = y + height; } else { pt0.y = pt1.y = y + height / 2; pt0.x = x; pt1.x = x + width; } return splitPolygonByLine(points, pt0, pt1); } function binaryDivideRecursive(divider, shape, count, out) { if (count === 1) { out.push(shape); } else { var mid = Math.floor(count / 2); var sub = divider(shape); binaryDivideRecursive(divider, sub[0], mid, out); binaryDivideRecursive(divider, sub[1], count - mid, out); } return out; } function clone$3(path, count) { var paths = []; for (var i = 0; i < count; i++) { paths.push(clonePath(path)); } return paths; } function copyPathProps(source, target) { target.setStyle(source.style); target.z = source.z; target.z2 = source.z2; target.zlevel = source.zlevel; } function polygonConvert(points) { var out = []; for (var i = 0; i < points.length;) { out.push([points[i++], points[i++]]); } return out; } function split(path, count) { var outShapes = []; var shape = path.shape; var OutShapeCtor; switch (path.type) { case 'rect': divideRect(shape, count, outShapes); OutShapeCtor = Rect; break; case 'sector': divideSector(shape, count, outShapes); OutShapeCtor = Sector; break; case 'circle': divideSector({ r0: 0, r: shape.r, startAngle: 0, endAngle: Math.PI * 2, cx: shape.cx, cy: shape.cy }, count, outShapes); OutShapeCtor = Sector; break; default: var m = path.getComputedTransform(); var scale = m ? Math.sqrt(Math.max(m[0] * m[0] + m[1] * m[1], m[2] * m[2] + m[3] * m[3])) : 1; var polygons = map(pathToPolygons(path.getUpdatedPathProxy(), scale), function (poly) { return polygonConvert(poly); }); var polygonCount = polygons.length; if (polygonCount === 0) { binaryDivideRecursive(binaryDividePolygon, { points: polygons[0] }, count, outShapes); } else if (polygonCount === count) { for (var i = 0; i < polygonCount; i++) { outShapes.push({ points: polygons[i] }); } } else { var totalArea_1 = 0; var items = map(polygons, function (poly) { var min = []; var max = []; fromPoints(poly, min, max); var area = (max[1] - min[1]) * (max[0] - min[0]); totalArea_1 += area; return { poly: poly, area: area }; }); items.sort(function (a, b) { return b.area - a.area; }); var left = count; for (var i = 0; i < polygonCount; i++) { var item = items[i]; if (left <= 0) { break; } var selfCount = i === polygonCount - 1 ? left : Math.ceil(item.area / totalArea_1 * count); if (selfCount < 0) { continue; } binaryDivideRecursive(binaryDividePolygon, { points: item.poly }, selfCount, outShapes); left -= selfCount; } } OutShapeCtor = Polygon; break; } if (!OutShapeCtor) { return clone$3(path, count); } var out = []; for (var i = 0; i < outShapes.length; i++) { var subPath = new OutShapeCtor(); subPath.setShape(outShapes[i]); copyPathProps(path, subPath); out.push(subPath); } return out; } function alignSubpath(subpath1, subpath2) { var len1 = subpath1.length; var len2 = subpath2.length; if (len1 === len2) { return [subpath1, subpath2]; } var tmpSegX = []; var tmpSegY = []; var shorterPath = len1 < len2 ? subpath1 : subpath2; var shorterLen = Math.min(len1, len2); var diff = Math.abs(len2 - len1) / 6; var shorterBezierCount = (shorterLen - 2) / 6; var eachCurveSubDivCount = Math.ceil(diff / shorterBezierCount) + 1; var newSubpath = [shorterPath[0], shorterPath[1]]; var remained = diff; for (var i = 2; i < shorterLen;) { var x0 = shorterPath[i - 2]; var y0 = shorterPath[i - 1]; var x1 = shorterPath[i++]; var y1 = shorterPath[i++]; var x2 = shorterPath[i++]; var y2 = shorterPath[i++]; var x3 = shorterPath[i++]; var y3 = shorterPath[i++]; if (remained <= 0) { newSubpath.push(x1, y1, x2, y2, x3, y3); continue; } var actualSubDivCount = Math.min(remained, eachCurveSubDivCount - 1) + 1; for (var k = 1; k <= actualSubDivCount; k++) { var p = k / actualSubDivCount; cubicSubdivide(x0, x1, x2, x3, p, tmpSegX); cubicSubdivide(y0, y1, y2, y3, p, tmpSegY); x0 = tmpSegX[3]; y0 = tmpSegY[3]; newSubpath.push(tmpSegX[1], tmpSegY[1], tmpSegX[2], tmpSegY[2], x0, y0); x1 = tmpSegX[5]; y1 = tmpSegY[5]; x2 = tmpSegX[6]; y2 = tmpSegY[6]; } remained -= actualSubDivCount - 1; } return shorterPath === subpath1 ? [newSubpath, subpath2] : [subpath1, newSubpath]; } function createSubpath(lastSubpathSubpath, otherSubpath) { var len = lastSubpathSubpath.length; var lastX = lastSubpathSubpath[len - 2]; var lastY = lastSubpathSubpath[len - 1]; var newSubpath = []; for (var i = 0; i < otherSubpath.length;) { newSubpath[i++] = lastX; newSubpath[i++] = lastY; } return newSubpath; } function alignBezierCurves(array1, array2) { var _a; var lastSubpath1; var lastSubpath2; var newArray1 = []; var newArray2 = []; for (var i = 0; i < Math.max(array1.length, array2.length); i++) { var subpath1 = array1[i]; var subpath2 = array2[i]; var newSubpath1 = void 0; var newSubpath2 = void 0; if (!subpath1) { newSubpath1 = createSubpath(lastSubpath1 \|\| subpath2, subpath2); newSubpath2 = subpath2; } else if (!subpath2) { newSubpath2 = createSubpath(lastSubpath2 \|\| subpath1, subpath1); newSubpath1 = subpath1; } else { _a = alignSubpath(subpath1, subpath2), newSubpath1 = _a[0], newSubpath2 = _a[1]; lastSubpath1 = newSubpath1; lastSubpath2 = newSubpath2; } newArray1.push(newSubpath1); newArray2.push(newSubpath2); } return [newArray1, newArray2]; } function centroid(array) { var signedArea = 0; var cx = 0; var cy = 0; var len = array.length; for (var i = 0, j = len - 2; i < len; j = i, i += 2) { var x0 = array[j]; var y0 = array[j + 1]; var x1 = array[i]; var y1 = array[i + 1]; var a = x0 * y1 - x1 * y0; signedArea += a; cx += (x0 + x1) * a; cy += (y0 + y1) * a; } if (signedArea === 0) { return [array[0] \|\| 0, array[1] \|\| 0]; } return [cx / signedArea / 3, cy / signedArea / 3, signedArea]; } function findBestRingOffset(fromSubBeziers, toSubBeziers, fromCp, toCp) { var bezierCount = (fromSubBeziers.length - 2) / 6; var bestScore = Infinity; var bestOffset = 0; var len = fromSubBeziers.length; var len2 = len - 2; for (var offset = 0; offset < bezierCount; offset++) { var cursorOffset = offset * 6; var score = 0; for (var k = 0; k < len; k += 2) { var idx = k === 0 ? cursorOffset : ((cursorOffset + k - 2) % len2 + 2); var x0 = fromSubBeziers[idx] - fromCp[0]; var y0 = fromSubBeziers[idx + 1] - fromCp[1]; var x1 = toSubBeziers[k] - toCp[0]; var y1 = toSubBeziers[k + 1] - toCp[1]; var dx = x1 - x0; var dy = y1 - y0; score += dx * dx + dy * dy; } if (score < bestScore) { bestScore = score; bestOffset = offset; } } return bestOffset; } function reverse(array) { var newArr = []; var len = array.length; for (var i = 0; i < len; i += 2) { newArr[i] = array[len - i - 2]; newArr[i + 1] = array[len - i - 1]; } return newArr; } function findBestMorphingRotation(fromArr, toArr, searchAngleIteration, searchAngleRange) { var result = []; var fromNeedsReverse; for (var i = 0; i < fromArr.length; i++) { var fromSubpathBezier = fromArr[i]; var toSubpathBezier = toArr[i]; var fromCp = centroid(fromSubpathBezier); var toCp = centroid(toSubpathBezier); if (fromNeedsReverse == null) { fromNeedsReverse = fromCp[2] < 0 !== toCp[2] < 0; } var newFromSubpathBezier = []; var newToSubpathBezier = []; var bestAngle = 0; var bestScore = Infinity; var tmpArr = []; var len = fromSubpathBezier.length; if (fromNeedsReverse) { fromSubpathBezier = reverse(fromSubpathBezier); } var offset = findBestRingOffset(fromSubpathBezier, toSubpathBezier, fromCp, toCp) * 6; var len2 = len - 2; for (var k = 0; k < len2; k += 2) { var idx = (offset + k) % len2 + 2; newFromSubpathBezier[k + 2] = fromSubpathBezier[idx] - fromCp[0]; newFromSubpathBezier[k + 3] = fromSubpathBezier[idx + 1] - fromCp[1]; } newFromSubpathBezier[0] = fromSubpathBezier[offset] - fromCp[0]; newFromSubpathBezier[1] = fromSubpathBezier[offset + 1] - fromCp[1]; if (searchAngleIteration > 0) { var step = searchAngleRange / searchAngleIteration; for (var angle = -searchAngleRange / 2; angle <= searchAngleRange / 2; angle += step) { var sa = Math.sin(angle); var ca = Math.cos(angle); var score = 0; for (var k = 0; k < fromSubpathBezier.length; k += 2) { var x0 = newFromSubpathBezier[k]; var y0 = newFromSubpathBezier[k + 1]; var x1 = toSubpathBezier[k] - toCp[0]; var y1 = toSubpathBezier[k + 1] - toCp[1]; var newX1 = x1 * ca - y1 * sa; var newY1 = x1 * sa + y1 * ca; tmpArr[k] = newX1; tmpArr[k + 1] = newY1; var dx = newX1 - x0; var dy = newY1 - y0; score += dx * dx + dy * dy; } if (score < bestScore) { bestScore = score; bestAngle = angle; for (var m = 0; m < tmpArr.length; m++) { newToSubpathBezier[m] = tmpArr[m]; } } } } else { for (var i_1 = 0; i_1 < len; i_1 += 2) { newToSubpathBezier[i_1] = toSubpathBezier[i_1] - toCp[0]; newToSubpathBezier[i_1 + 1] = toSubpathBezier[i_1 + 1] - toCp[1]; } } result.push({ from: newFromSubpathBezier, to: newToSubpathBezier, fromCp: fromCp, toCp: toCp, rotation: -bestAngle }); } return result; } function isCombineMorphing(path) { return path.__isCombineMorphing; } function isMorphing(el) { return el.__morphT >= 0; } var SAVED_METHOD_PREFIX = '__mOriginal_'; function saveAndModifyMethod(obj, methodName, modifiers) { var savedMethodName = SAVED_METHOD_PREFIX + methodName; var originalMethod = obj[savedMethodName] \|\| obj[methodName]; if (!obj[savedMethodName]) { obj[savedMethodName] = obj[methodName]; } var replace = modifiers.replace; var after = modifiers.after; var before = modifiers.before; obj[methodName] = function () { var args = arguments; var res; before && before.apply(this, args); if (replace) { res = replace.apply(this, args); } else { res = originalMethod.apply(this, args); } after && after.apply(this, args); return res; }; } function restoreMethod(obj, methodName) { var savedMethodName = SAVED_METHOD_PREFIX + methodName; if (obj[savedMethodName]) { obj[methodName] = obj[savedMethodName]; obj[savedMethodName] = null; } } function applyTransformOnBeziers(bezierCurves, mm) { for (var i = 0; i < bezierCurves.length; i++) { var subBeziers = bezierCurves[i]; for (var k = 0; k < subBeziers.length;) { var x = subBeziers[k]; var y = subBeziers[k + 1]; subBeziers[k++] = mm[0] * x + mm[2] * y + mm[4]; subBeziers[k++] = mm[1] * x + mm[3] * y + mm[5]; } } } function prepareMorphPath(fromPath, toPath) { var fromPathProxy = fromPath.getUpdatedPathProxy(); var toPathProxy = toPath.getUpdatedPathProxy(); var _a = alignBezierCurves(pathToBezierCurves(fromPathProxy), pathToBezierCurves(toPathProxy)), fromBezierCurves = _a[0], toBezierCurves = _a[1]; var fromPathTransform = fromPath.getComputedTransform(); var toPathTransform = toPath.getComputedTransform(); function updateIdentityTransform() { this.transform = null; } fromPathTransform && applyTransformOnBeziers(fromBezierCurves, fromPathTransform); toPathTransform && applyTransformOnBeziers(toBezierCurves, toPathTransform); saveAndModifyMethod(toPath, 'updateTransform', { replace: updateIdentityTransform }); toPath.transform = null; var morphingData = findBestMorphingRotation(fromBezierCurves, toBezierCurves, 10, Math.PI); var tmpArr = []; saveAndModifyMethod(toPath, 'buildPath', { replace: function (path) { var t = toPath.__morphT; var onet = 1 - t; var newCp = []; for (var i = 0; i < morphingData.length; i++) { var item = morphingData[i]; var from = item.from; var to = item.to; var angle = item.rotation * t; var fromCp = item.fromCp; var toCp = item.toCp; var sa = Math.sin(angle); var ca = Math.cos(angle); lerp(newCp, fromCp, toCp, t); for (var m = 0; m < from.length; m += 2) { var x0_1 = from[m]; var y0_1 = from[m + 1]; var x1 = to[m]; var y1 = to[m + 1]; var x = x0_1 * onet + x1 * t; var y = y0_1 * onet + y1 * t; tmpArr[m] = (x * ca - y * sa) + newCp[0]; tmpArr[m + 1] = (x * sa + y * ca) + newCp[1]; } var x0 = tmpArr[0]; var y0 = tmpArr[1]; path.moveTo(x0, y0); for (var m = 2; m < from.length;) { var x1 = tmpArr[m++]; var y1 = tmpArr[m++]; var x2 = tmpArr[m++]; var y2 = tmpArr[m++]; var x3 = tmpArr[m++]; var y3 = tmpArr[m++]; if (x0 === x1 && y0 === y1 && x2 === x3 && y2 === y3) { path.lineTo(x3, y3); } else { path.bezierCurveTo(x1, y1, x2, y2, x3, y3); } x0 = x3; y0 = y3; } } } }); } function morphPath(fromPath, toPath, animationOpts) { if (!fromPath \|\| !toPath) { return toPath; } var oldDone = animationOpts.done; var oldDuring = animationOpts.during; prepareMorphPath(fromPath, toPath); toPath.__morphT = 0; function restoreToPath() { restoreMethod(toPath, 'buildPath'); restoreMethod(toPath, 'updateTransform'); toPath.__morphT = -1; toPath.createPathProxy(); toPath.dirtyShape(); } toPath.animateTo({ __morphT: 1 }, defaults({ during: function (p) { toPath.dirtyShape(); oldDuring && oldDuring(p); }, done: function () { restoreToPath(); oldDone && oldDone(); } }, animationOpts)); return toPath; } function hilbert(x, y, minX, minY, maxX, maxY) { var bits = 16; x = (maxX === minX) ? 0 : Math.round(32767 * (x - minX) / (maxX - minX)); y = (maxY === minY) ? 0 : Math.round(32767 * (y - minY) / (maxY - minY)); var d = 0; var tmp; for (var s = (1 << bits) / 2; s > 0; s /= 2) { var rx = 0; var ry = 0; if ((x & s) > 0) { rx = 1; } if ((y & s) > 0) { ry = 1; } d += s * s * ((3 * rx) ^ ry); if (ry === 0) { if (rx === 1) { x = s - 1 - x; y = s - 1 - y; } tmp = x; x = y; y = tmp; } } return d; } function sortPaths(pathList) { var xMin = Infinity; var yMin = Infinity; var xMax = -Infinity; var yMax = -Infinity; var cps = map(pathList, function (path) { var rect = path.getBoundingRect(); var m = path.getComputedTransform(); var x = rect.x + rect.width / 2 + (m ? m[4] : 0); var y = rect.y + rect.height / 2 + (m ? m[5] : 0); xMin = Math.min(x, xMin); yMin = Math.min(y, yMin); xMax = Math.max(x, xMax); yMax = Math.max(y, yMax); return [x, y]; }); var items = map(cps, function (cp, idx) { return { cp: cp, z: hilbert(cp[0], cp[1], xMin, yMin, xMax, yMax), path: pathList[idx] }; }); return items.sort(function (a, b) { return a.z - b.z; }).map(function (item) { return item.path; }); } function defaultDividePath(param) { return split(param.path, param.count); } function createEmptyReturn() { return { fromIndividuals: [], toIndividuals: [], count: 0 }; } function combineMorph(fromList, toPath, animationOpts) { var fromPathList = []; function addFromPath(fromList) { for (var i = 0; i < fromList.length; i++) { var from = fromList[i]; if (isCombineMorphing(from)) { addFromPath(from.childrenRef()); } else if (from instanceof Path) { fromPathList.push(from); } } } addFromPath(fromList); var separateCount = fromPathList.length; if (!separateCount) { return createEmptyReturn(); } var dividePath = animationOpts.dividePath \|\| defaultDividePath; var toSubPathList = dividePath({ path: toPath, count: separateCount }); if (toSubPathList.length !== separateCount) { console.error('Invalid morphing: unmatched splitted path'); return createEmptyReturn(); } fromPathList = sortPaths(fromPathList); toSubPathList = sortPaths(toSubPathList); var oldDone = animationOpts.done; var oldDuring = animationOpts.during; var individualDelay = animationOpts.individualDelay; var identityTransform = new Transformable(); for (var i = 0; i < separateCount; i++) { var from = fromPathList[i]; var to = toSubPathList[i]; to.parent = toPath; to.copyTransform(identityTransform); if (!individualDelay) { prepareMorphPath(from, to); } } toPath.__isCombineMorphing = true; toPath.childrenRef = function () { return toSubPathList; }; function addToSubPathListToZr(zr) { for (var i = 0; i < toSubPathList.length; i++) { toSubPathList[i].addSelfToZr(zr); } } saveAndModifyMethod(toPath, 'addSelfToZr', { after: function (zr) { addToSubPathListToZr(zr); } }); saveAndModifyMethod(toPath, 'removeSelfFromZr', { after: function (zr) { for (var i = 0; i < toSubPathList.length; i++) { toSubPathList[i].removeSelfFromZr(zr); } } }); function restoreToPath() { toPath.__isCombineMorphing = false; toPath.__morphT = -1; toPath.childrenRef = null; restoreMethod(toPath, 'addSelfToZr'); restoreMethod(toPath, 'removeSelfFromZr'); } var toLen = toSubPathList.length; if (individualDelay) { var animating_1 = toLen; var eachDone = function () { animating_1--; if (animating_1 === 0) { restoreToPath(); oldDone && oldDone(); } }; for (var i = 0; i < toLen; i++) { var indivdualAnimationOpts = individualDelay ? defaults({ delay: (animationOpts.delay \|\| 0) + individualDelay(i, toLen, fromPathList[i], toSubPathList[i]), done: eachDone }, animationOpts) : animationOpts; morphPath(fromPathList[i], toSubPathList[i], indivdualAnimationOpts); } } else { toPath.__morphT = 0; toPath.animateTo({ __morphT: 1 }, defaults({ during: function (p) { for (var i = 0; i < toLen; i++) { var child = toSubPathList[i]; child.__morphT = toPath.__morphT; child.dirtyShape(); } oldDuring && oldDuring(p); }, done: function () { restoreToPath(); for (var i = 0; i < fromList.length; i++) { restoreMethod(fromList[i], 'updateTransform'); } oldDone && oldDone(); } }, animationOpts)); } if (toPath.__zr) { addToSubPathListToZr(toPath.__zr); } return { fromIndividuals: fromPathList, toIndividuals: toSubPathList, count: toLen }; } function separateMorph(fromPath, toPathList, animationOpts) { var toLen = toPathList.length; var fromPathList = []; var dividePath = animationOpts.dividePath \|\| defaultDividePath; function addFromPath(fromList) { for (var i = 0; i < fromList.length; i++) { var from = fromList[i]; if (isCombineMorphing(from)) { addFromPath(from.childrenRef()); } else if (from instanceof Path) { fromPathList.push(from); } } } if (isCombineMorphing(fromPath)) { addFromPath(fromPath.childrenRef()); var fromLen = fromPathList.length; if (fromLen < toLen) { var k = 0; for (var i = fromLen; i < toLen; i++) { fromPathList.push(clonePath(fromPathList[k++ % fromLen])); } } fromPathList.length = toLen; } else { fromPathList = dividePath({ path: fromPath, count: toLen }); var fromPathTransform = fromPath.getComputedTransform(); for (var i = 0; i < fromPathList.length; i++) { fromPathList[i].setLocalTransform(fromPathTransform); } if (fromPathList.length !== toLen) { console.error('Invalid morphing: unmatched splitted path'); return createEmptyReturn(); } } fromPathList = sortPaths(fromPathList); toPathList = sortPaths(toPathList); var individualDelay = animationOpts.individualDelay; for (var i = 0; i < toLen; i++) { var indivdualAnimationOpts = individualDelay ? defaults({ delay: (animationOpts.delay \|\| 0) + individualDelay(i, toLen, fromPathList[i], toPathList[i]) }, animationOpts) : animationOpts; morphPath(fromPathList[i], toPathList[i], indivdualAnimationOpts); } return { fromIndividuals: fromPathList, toIndividuals: toPathList, count: toPathList.length }; } var morphPath$1 = /#__PURE__/Object.freeze({ __proto__: null, alignBezierCurves: alignBezierCurves, centroid: centroid, isCombineMorphing: isCombineMorphing, isMorphing: isMorphing, morphPath: morphPath, combineMorph: combineMorph, separateMorph: separateMorph, defaultDividePath: split }); var CompoundPath = (function (_super) { __extends(CompoundPath, _super); function CompoundPath() { var _this = _super !== null && _super.apply(this, arguments) \|\| this; _this.type = 'compound'; return _this; } CompoundPath.prototype._updatePathDirty = function () { var paths = this.shape.paths; var dirtyPath = this.shapeChanged(); for (var i = 0; i < paths.length; i++) { dirtyPath = dirtyPath \|\| paths[i].shapeChanged(); } if (dirtyPath) { this.dirtyShape(); } }; CompoundPath.prototype.beforeBrush = function () { this._updatePathDirty(); var paths = this.shape.paths \|\| []; var scale = this.getGlobalScale(); for (var i = 0; i < paths.length; i++) { if (!paths[i].path) { paths[i].createPathProxy(); } paths[i].path.setScale(scale[0], scale[1], paths[i].segmentIgnoreThreshold); } }; CompoundPath.prototype.buildPath = function (ctx, shape) { var paths = shape.paths \|\| []; for (var i = 0; i < paths.length; i++) { paths[i].buildPath(ctx, paths[i].shape, true); } }; CompoundPath.prototype.afterBrush = function () { var paths = this.shape.paths \|\| []; for (var i = 0; i < paths.length; i++) { paths[i].pathUpdated(); } }; CompoundPath.prototype.getBoundingRect = function () { this._updatePathDirty.call(this); return Path.prototype.getBoundingRect.call(this); }; return CompoundPath; }(Path)); var m = []; var IncrementalDisplayable = (function (_super) { __extends(IncrementalDisplayable, _super); function IncrementalDisplayable() { var _this = _super !== null && _super.apply(this, arguments) \|\| this; _this.notClear = true; _this.incremental = true; _this._displayables = []; _this._temporaryDisplayables = []; _this._cursor = 0; return _this; } IncrementalDisplayable.prototype.traverse = function (cb, context) { cb.call(context, this); }; IncrementalDisplayable.prototype.useStyle = function () { this.style = {}; }; IncrementalDisplayable.prototype.getCursor = function () { return this._cursor; }; IncrementalDisplayable.prototype.innerAfterBrush = function () { this._cursor = this._displayables.length; }; IncrementalDisplayable.prototype.clearDisplaybles = function () { this._displayables = []; this._temporaryDisplayables = []; this._cursor = 0; this.markRedraw(); this.notClear = false; }; IncrementalDisplayable.prototype.clearTemporalDisplayables = function () { this._temporaryDisplayables = []; }; IncrementalDisplayable.prototype.addDisplayable = function (displayable, notPersistent) { if (notPersistent) { this._temporaryDisplayables.push(displayable); } else { this._displayables.push(displayable); } this.markRedraw(); }; IncrementalDisplayable.prototype.addDisplayables = function (displayables, notPersistent) { notPersistent = notPersistent \|\| false; for (var i = 0; i < displayables.length; i++) { this.addDisplayable(displayables[i], notPersistent); } }; IncrementalDisplayable.prototype.getDisplayables = function () { return this._displayables; }; IncrementalDisplayable.prototype.getTemporalDisplayables = function () { return this._temporaryDisplayables; }; IncrementalDisplayable.prototype.eachPendingDisplayable = function (cb) { for (var i = this._cursor; i < this._displayables.length; i++) { cb && cb(this._displayables[i]); } for (var i = 0; i < this._temporaryDisplayables.length; i++) { cb && cb(this._temporaryDisplayables[i]); } }; IncrementalDisplayable.prototype.update = function () { this.updateTransform(); for (var i = this._cursor; i < this._displayables.length; i++) { var displayable = this._displayables[i]; displayable.parent = this; displayable.update(); displayable.parent = null; } for (var i = 0; i < this._temporaryDisplayables.length; i++) { var displayable = this._temporaryDisplayables[i]; displayable.parent = this; displayable.update(); displayable.parent = null; } }; IncrementalDisplayable.prototype.getBoundingRect = function () { if (!this._rect) { var rect = new BoundingRect(Infinity, Infinity, -Infinity, -Infinity); for (var i = 0; i < this._displayables.length; i++) { var displayable = this._displayables[i]; var childRect = displayable.getBoundingRect().clone(); if (displayable.needLocalTransform()) { childRect.applyTransform(displayable.getLocalTransform(m)); } rect.union(childRect); } this._rect = rect; } return this._rect; }; IncrementalDisplayable.prototype.contain = function (x, y) { var localPos = this.transformCoordToLocal(x, y); var rect = this.getBoundingRect(); if (rect.contain(localPos[0], localPos[1])) { for (var i = 0; i < this._displayables.length; i++) { var displayable = this._displayables[i]; if (displayable.contain(x, y)) { return true; } } } return false; }; return IncrementalDisplayable; }(Displayable)); var DEFAULT_RICH_TEXT_COLOR = { fill: '#000' }; var DEFAULT_STROKE_LINE_WIDTH = 2; var tmpCITOverflowAreaOut = {}; var DEFAULT_TEXT_ANIMATION_PROPS = { style: defaults({ fill: true, stroke: true, fillOpacity: true, strokeOpacity: true, lineWidth: true, fontSize: true, lineHeight: true, width: true, height: true, textShadowColor: true, textShadowBlur: true, textShadowOffsetX: true, textShadowOffsetY: true, backgroundColor: true, padding: true, borderColor: true, borderWidth: true, borderRadius: true }, DEFAULT_COMMON_ANIMATION_PROPS.style) }; var ZRText = (function (_super) { __extends(ZRText, _super); function ZRText(opts) { var _this = _super.call(this) \|\| this; _this.type = 'text'; _this._children = []; _this._defaultStyle = DEFAULT_RICH_TEXT_COLOR; _this.attr(opts); return _this; } ZRText.prototype.childrenRef = function () { return this._children; }; ZRText.prototype.update = function () { _super.prototype.update.call(this); if (this.styleChanged()) { this._updateSubTexts(); } for (var i = 0; i < this._children.length; i++) { var child = this._children[i]; child.zlevel = this.zlevel; child.z = this.z; child.z2 = this.z2; child.culling = this.culling; child.cursor = this.cursor; child.invisible = this.invisible; } }; ZRText.prototype.updateTransform = function () { var innerTransformable = this.innerTransformable; if (innerTransformable) { innerTransformable.updateTransform(); if (innerTransformable.transform) { this.transform = innerTransformable.transform; } } else { _super.prototype.updateTransform.call(this); } }; ZRText.prototype.getLocalTransform = function (m) { var innerTransformable = this.innerTransformable; return innerTransformable ? innerTransformable.getLocalTransform(m) : _super.prototype.getLocalTransform.call(this, m); }; ZRText.prototype.getComputedTransform = function () { if (this.__hostTarget) { this.__hostTarget.getComputedTransform(); this.__hostTarget.updateInnerText(true); } return _super.prototype.getComputedTransform.call(this); }; ZRText.prototype._updateSubTexts = function () { this._childCursor = 0; normalizeTextStyle(this.style); this.style.rich ? this._updateRichTexts() : this._updatePlainTexts(); this._children.length = this._childCursor; this.styleUpdated(); }; ZRText.prototype.addSelfToZr = function (zr) { _super.prototype.addSelfToZr.call(this, zr); for (var i = 0; i < this._children.length; i++) { this._children[i].__zr = zr; } }; ZRText.prototype.removeSelfFromZr = function (zr) { _super.prototype.removeSelfFromZr.call(this, zr); for (var i = 0; i < this._children.length; i++) { this._children[i].__zr = null; } }; ZRText.prototype.getBoundingRect = function () { if (this.styleChanged()) { this._updateSubTexts(); } if (!this._rect) { var tmpRect = new BoundingRect(0, 0, 0, 0); var children = this._children; var tmpMat = []; var rect = null; for (var i = 0; i < children.length; i++) { var child = children[i]; var childRect = child.getBoundingRect(); var transform = child.getLocalTransform(tmpMat); if (transform) { tmpRect.copy(childRect); tmpRect.applyTransform(transform); rect = rect \|\| tmpRect.clone(); rect.union(tmpRect); } else { rect = rect \|\| childRect.clone(); rect.union(childRect); } } this._rect = rect \|\| tmpRect; } return this._rect; }; ZRText.prototype.setDefaultTextStyle = function (defaultTextStyle) { this._defaultStyle = defaultTextStyle \|\| DEFAULT_RICH_TEXT_COLOR; }; ZRText.prototype.setTextContent = function (textContent) { { throw new Error('Can\'t attach text on another text'); } }; ZRText.prototype._mergeStyle = function (targetStyle, sourceStyle) { if (!sourceStyle) { return targetStyle; } var sourceRich = sourceStyle.rich; var targetRich = targetStyle.rich \|\| (sourceRich && {}); extend(targetStyle, sourceStyle); if (sourceRich && targetRich) { this._mergeRich(targetRich, sourceRich); targetStyle.rich = targetRich; } else if (targetRich) { targetStyle.rich = targetRich; } return targetStyle; }; ZRText.prototype._mergeRich = function (targetRich, sourceRich) { var richNames = keys(sourceRich); for (var i = 0; i < richNames.length; i++) { var richName = richNames[i]; targetRich[richName] = targetRich[richName] \|\| {}; extend(targetRich[richName], sourceRich[richName]); } }; ZRText.prototype.getAnimationStyleProps = function () { return DEFAULT_TEXT_ANIMATION_PROPS; }; ZRText.prototype._getOrCreateChild = function (Ctor) { var child = this._children[this._childCursor]; if (!child \|\| !(child instanceof Ctor)) { child = new Ctor(); } this._children[this._childCursor++] = child; child.__zr = this.__zr; child.parent = this; return child; }; ZRText.prototype._updatePlainTexts = function () { var style = this.style; var textFont = style.font \|\| DEFAULT_FONT; var textPadding = style.padding; var defaultStyle = this._defaultStyle; var baseX = style.x \|\| 0; var baseY = style.y \|\| 0; var textAlign = style.align \|\| defaultStyle.align \|\| 'left'; var verticalAlign = style.verticalAlign \|\| defaultStyle.verticalAlign \|\| 'top'; calcInnerTextOverflowArea(tmpCITOverflowAreaOut, defaultStyle.overflowRect, baseX, baseY, textAlign, verticalAlign); baseX = tmpCITOverflowAreaOut.baseX; baseY = tmpCITOverflowAreaOut.baseY; var text = getStyleText(style); var contentBlock = parsePlainText(text, style, tmpCITOverflowAreaOut.outerWidth, tmpCITOverflowAreaOut.outerHeight); var needDrawBg = needDrawBackground(style); var bgColorDrawn = !!(style.backgroundColor); var outerHeight = contentBlock.outerHeight; var outerWidth = contentBlock.outerWidth; var textLines = contentBlock.lines; var lineHeight = contentBlock.lineHeight; this.isTruncated = !!contentBlock.isTruncated; var textX = baseX; var textY = adjustTextY$1(baseY, contentBlock.contentHeight, verticalAlign); if (needDrawBg \|\| textPadding) { var boxX = adjustTextX(baseX, outerWidth, textAlign); var boxY = adjustTextY$1(baseY, outerHeight, verticalAlign); needDrawBg && this._renderBackground(style, style, boxX, boxY, outerWidth, outerHeight); } textY += lineHeight / 2; if (textPadding) { textX = getTextXForPadding(baseX, textAlign, textPadding); if (verticalAlign === 'top') { textY += textPadding[0]; } else if (verticalAlign === 'bottom') { textY -= textPadding[2]; } } var defaultLineWidth = 0; var usingDefaultStroke = false; var useDefaultFill = false; var textFill = getFill('fill' in style ? style.fill : (useDefaultFill = true, defaultStyle.fill)); var textStroke = getStroke('stroke' in style ? style.stroke : (!bgColorDrawn && (!defaultStyle.autoStroke \|\| useDefaultFill)) ? (defaultLineWidth = DEFAULT_STROKE_LINE_WIDTH, usingDefaultStroke = true, defaultStyle.stroke) : null); var hasShadow = style.textShadowBlur > 0; for (var i = 0; i < textLines.length; i++) { var el = this._getOrCreateChild(TSpan); var subElStyle = el.createStyle(); el.useStyle(subElStyle); subElStyle.text = textLines[i]; subElStyle.x = textX; subElStyle.y = textY; if (textAlign) { subElStyle.textAlign = textAlign; } subElStyle.textBaseline = 'middle'; subElStyle.opacity = style.opacity; subElStyle.strokeFirst = true; if (hasShadow) { subElStyle.shadowBlur = style.textShadowBlur \|\| 0; subElStyle.shadowColor = style.textShadowColor \|\| 'transparent'; subElStyle.shadowOffsetX = style.textShadowOffsetX \|\| 0; subElStyle.shadowOffsetY = style.textShadowOffsetY \|\| 0; } subElStyle.stroke = textStroke; subElStyle.fill = textFill; if (textStroke) { subElStyle.lineWidth = style.lineWidth \|\| defaultLineWidth; subElStyle.lineDash = style.lineDash; subElStyle.lineDashOffset = style.lineDashOffset \|\| 0; } subElStyle.font = textFont; setSeparateFont(subElStyle, style); textY += lineHeight; el.setBoundingRect(tSpanCreateBoundingRect2(subElStyle, contentBlock.contentWidth, contentBlock.calculatedLineHeight, usingDefaultStroke ? 0 : null)); } }; ZRText.prototype._updateRichTexts = function () { var style = this.style; var defaultStyle = this._defaultStyle; var textAlign = style.align \|\| defaultStyle.align; var verticalAlign = style.verticalAlign \|\| defaultStyle.verticalAlign; var baseX = style.x \|\| 0; var baseY = style.y \|\| 0; calcInnerTextOverflowArea(tmpCITOverflowAreaOut, defaultStyle.overflowRect, baseX, baseY, textAlign, verticalAlign); baseX = tmpCITOverflowAreaOut.baseX; baseY = tmpCITOverflowAreaOut.baseY; var text = getStyleText(style); var contentBlock = parseRichText(text, style, tmpCITOverflowAreaOut.outerWidth, tmpCITOverflowAreaOut.outerHeight, textAlign); var contentWidth = contentBlock.width; var outerWidth = contentBlock.outerWidth; var outerHeight = contentBlock.outerHeight; var textPadding = style.padding; this.isTruncated = !!contentBlock.isTruncated; var boxX = adjustTextX(baseX, outerWidth, textAlign); var boxY = adjustTextY$1(baseY, outerHeight, verticalAlign); var xLeft = boxX; var lineTop = boxY; if (textPadding) { xLeft += textPadding[3]; lineTop += textPadding[0]; } var xRight = xLeft + contentWidth; if (needDrawBackground(style)) { this._renderBackground(style, style, boxX, boxY, outerWidth, outerHeight); } var bgColorDrawn = !!(style.backgroundColor); for (var i = 0; i < contentBlock.lines.length; i++) { var line = contentBlock.lines[i]; var tokens = line.tokens; var tokenCount = tokens.length; var lineHeight = line.lineHeight; var remainedWidth = line.width; var leftIndex = 0; var lineXLeft = xLeft; var lineXRight = xRight; var rightIndex = tokenCount - 1; var token = void 0; while (leftIndex < tokenCount && (token = tokens[leftIndex], !token.align \|\| token.align === 'left')) { this._placeToken(token, style, lineHeight, lineTop, lineXLeft, 'left', bgColorDrawn); remainedWidth -= token.width; lineXLeft += token.width; leftIndex++; } while (rightIndex >= 0 && (token = tokens[rightIndex], token.align === 'right')) { this._placeToken(token, style, lineHeight, lineTop, lineXRight, 'right', bgColorDrawn); remainedWidth -= token.width; lineXRight -= token.width; rightIndex--; } lineXLeft += (contentWidth - (lineXLeft - xLeft) - (xRight - lineXRight) - remainedWidth) / 2; while (leftIndex <= rightIndex) { token = tokens[leftIndex]; this._placeToken(token, style, lineHeight, lineTop, lineXLeft + token.width / 2, 'center', bgColorDrawn); lineXLeft += token.width; leftIndex++; } lineTop += lineHeight; } }; ZRText.prototype._placeToken = function (token, style, lineHeight, lineTop, x, textAlign, parentBgColorDrawn) { var tokenStyle = style.rich[token.styleName] \|\| {}; tokenStyle.text = token.text; var verticalAlign = token.verticalAlign; var y = lineTop + lineHeight / 2; if (verticalAlign === 'top') { y = lineTop + token.height / 2; } else if (verticalAlign === 'bottom') { y = lineTop + lineHeight - token.height / 2; } var needDrawBg = !token.isLineHolder && needDrawBackground(tokenStyle); needDrawBg && this._renderBackground(tokenStyle, style, textAlign === 'right' ? x - token.width : textAlign === 'center' ? x - token.width / 2 : x, y - token.height / 2, token.width, token.height); var bgColorDrawn = !!tokenStyle.backgroundColor; var textPadding = token.textPadding; if (textPadding) { x = getTextXForPadding(x, textAlign, textPadding); y -= token.height / 2 - textPadding[0] - token.innerHeight / 2; } var el = this._getOrCreateChild(TSpan); var subElStyle = el.createStyle(); el.useStyle(subElStyle); var defaultStyle = this._defaultStyle; var useDefaultFill = false; var defaultLineWidth = 0; var usingDefaultStroke = false; var textFill = getFill('fill' in tokenStyle ? tokenStyle.fill : 'fill' in style ? style.fill : (useDefaultFill = true, defaultStyle.fill)); var textStroke = getStroke('stroke' in tokenStyle ? tokenStyle.stroke : 'stroke' in style ? style.stroke : (!bgColorDrawn && !parentBgColorDrawn && (!defaultStyle.autoStroke \|\| useDefaultFill)) ? (defaultLineWidth = DEFAULT_STROKE_LINE_WIDTH, usingDefaultStroke = true, defaultStyle.stroke) : null); var hasShadow = tokenStyle.textShadowBlur > 0 \|\| style.textShadowBlur > 0; subElStyle.text = token.text; subElStyle.x = x; subElStyle.y = y; if (hasShadow) { subElStyle.shadowBlur = tokenStyle.textShadowBlur \|\| style.textShadowBlur \|\| 0; subElStyle.shadowColor = tokenStyle.textShadowColor \|\| style.textShadowColor \|\| 'transparent'; subElStyle.shadowOffsetX = tokenStyle.textShadowOffsetX \|\| style.textShadowOffsetX \|\| 0; subElStyle.shadowOffsetY = tokenStyle.textShadowOffsetY \|\| style.textShadowOffsetY \|\| 0; } subElStyle.textAlign = textAlign; subElStyle.textBaseline = 'middle'; subElStyle.font = token.font \|\| DEFAULT_FONT; subElStyle.opacity = retrieve3(tokenStyle.opacity, style.opacity, 1); setSeparateFont(subElStyle, tokenStyle); if (textStroke) { subElStyle.lineWidth = retrieve3(tokenStyle.lineWidth, style.lineWidth, defaultLineWidth); subElStyle.lineDash = retrieve2(tokenStyle.lineDash, style.lineDash); subElStyle.lineDashOffset = style.lineDashOffset \|\| 0; subElStyle.stroke = textStroke; } if (textFill) { subElStyle.fill = textFill; } el.setBoundingRect(tSpanCreateBoundingRect2(subElStyle, token.contentWidth, token.contentHeight, usingDefaultStroke ? 0 : null)); }; ZRText.prototype._renderBackground = function (style, topStyle, x, y, width, height) { var textBackgroundColor = style.backgroundColor; var textBorderWidth = style.borderWidth; var textBorderColor = style.borderColor; var isImageBg = textBackgroundColor && textBackgroundColor.image; var isPlainOrGradientBg = textBackgroundColor && !isImageBg; var textBorderRadius = style.borderRadius; var self = this; var rectEl; var imgEl; if (isPlainOrGradientBg \|\| style.lineHeight \|\| (textBorderWidth && textBorderColor)) { rectEl = this._getOrCreateChild(Rect); rectEl.useStyle(rectEl.createStyle()); rectEl.style.fill = null; var rectShape = rectEl.shape; rectShape.x = x; rectShape.y = y; rectShape.width = width; rectShape.height = height; rectShape.r = textBorderRadius; rectEl.dirtyShape(); } if (isPlainOrGradientBg) { var rectStyle = rectEl.style; rectStyle.fill = textBackgroundColor \|\| null; rectStyle.fillOpacity = retrieve2(style.fillOpacity, 1); } else if (isImageBg) { imgEl = this._getOrCreateChild(ZRImage); imgEl.onload = function () { self.dirtyStyle(); }; var imgStyle = imgEl.style; imgStyle.image = textBackgroundColor.image; imgStyle.x = x; imgStyle.y = y; imgStyle.width = width; imgStyle.height = height; } if (textBorderWidth && textBorderColor) { var rectStyle = rectEl.style; rectStyle.lineWidth = textBorderWidth; rectStyle.stroke = textBorderColor; rectStyle.strokeOpacity = retrieve2(style.strokeOpacity, 1); rectStyle.lineDash = style.borderDash; rectStyle.lineDashOffset = style.borderDashOffset \|\| 0; rectEl.strokeContainThreshold = 0; if (rectEl.hasFill() && rectEl.hasStroke()) { rectStyle.strokeFirst = true; rectStyle.lineWidth = 2; } } var commonStyle = (rectEl \|\| imgEl).style; commonStyle.shadowBlur = style.shadowBlur \|\| 0; commonStyle.shadowColor = style.shadowColor \|\| 'transparent'; commonStyle.shadowOffsetX = style.shadowOffsetX \|\| 0; commonStyle.shadowOffsetY = style.shadowOffsetY \|\| 0; commonStyle.opacity = retrieve3(style.opacity, topStyle.opacity, 1); }; ZRText.makeFont = function (style) { var font = ''; if (hasSeparateFont(style)) { font = [ style.fontStyle, style.fontWeight, parseFontSize(style.fontSize), style.fontFamily \|\| 'sans-serif' ].join(' '); } return font && trim(font) \|\| style.textFont \|\| style.font; }; return ZRText; }(Displayable)); var VALID_TEXT_ALIGN = { left: true, right: 1, center: 1 }; var VALID_TEXT_VERTICAL_ALIGN = { top: 1, bottom: 1, middle: 1 }; var FONT_PARTS = ['fontStyle', 'fontWeight', 'fontSize', 'fontFamily']; function parseFontSize(fontSize) { if (typeof fontSize === 'string' && (fontSize.indexOf('px') !== -1 \|\| fontSize.indexOf('rem') !== -1 \|\| fontSize.indexOf('em') !== -1)) { return fontSize; } else if (!isNaN(+fontSize)) { return fontSize + 'px'; } else { return DEFAULT_FONT_SIZE + 'px'; } } function setSeparateFont(targetStyle, sourceStyle) { for (var i = 0; i < FONT_PARTS.length; i++) { var fontProp = FONT_PARTS[i]; var val = sourceStyle[fontProp]; if (val != null) { targetStyle[fontProp] = val; } } } function hasSeparateFont(style) { return style.fontSize != null \|\| style.fontFamily \|\| style.fontWeight; } function normalizeTextStyle(style) { normalizeStyle(style); each(style.rich, normalizeStyle); return style; } function normalizeStyle(style) { if (style) { style.font = ZRText.makeFont(style); var textAlign = style.align; textAlign === 'middle' && (textAlign = 'center'); style.align = (textAlign == null \|\| VALID_TEXT_ALIGN[textAlign]) ? textAlign : 'left'; var verticalAlign = style.verticalAlign; verticalAlign === 'center' && (verticalAlign = 'middle'); style.verticalAlign = (verticalAlign == null \|\| VALID_TEXT_VERTICAL_ALIGN[verticalAlign]) ? verticalAlign : 'top'; var textPadding = style.padding; if (textPadding) { style.padding = normalizeCssArray(style.padding); } } } function getStroke(stroke, lineWidth) { return (stroke == null \|\| lineWidth <= 0 \|\| stroke === 'transparent' \|\| stroke === 'none') ? null : (stroke.image \|\| stroke.colorStops) ? '#000' : stroke; } function getFill(fill) { return (fill == null \|\| fill === 'none') ? null : (fill.image \|\| fill.colorStops) ? '#000' : fill; } function getTextXForPadding(x, textAlign, textPadding) { return textAlign === 'right' ? (x - textPadding[1]) : textAlign === 'center' ? (x + textPadding[3] / 2 - textPadding[1] / 2) : (x + textPadding[3]); } function getStyleText(style) { var text = style.text; text != null && (text += ''); return text; } function needDrawBackground(style) { return !!(style.backgroundColor \|\| style.lineHeight \|\| (style.borderWidth && style.borderColor)); } var ArcShape = (function () { function ArcShape() { this.cx = 0; this.cy = 0; this.r = 0; this.startAngle = 0; this.endAngle = Math.PI 2; this.clockwise = true; } return ArcShape; }()); var Arc = (function (_super) { __extends(Arc, _super); function Arc(opts) { return _super.call(this, opts) \|\| this; } Arc.prototype.getDefaultStyle = function () { return { stroke: '#000', fill: null }; }; Arc.prototype.getDefaultShape = function () { return new ArcShape(); }; Arc.prototype.buildPath = function (ctx, shape) { var x = shape.cx; var y = shape.cy; var r = Math.max(shape.r, 0); var startAngle = shape.startAngle; var endAngle = shape.endAngle; var clockwise = shape.clockwise; var unitX = Math.cos(startAngle); var unitY = Math.sin(startAngle); ctx.moveTo(unitX * r + x, unitY * r + y); ctx.arc(x, y, r, startAngle, endAngle, !clockwise); }; return Arc; }(Path)); Arc.prototype.type = 'arc'; var out = []; var BezierCurveShape = (function () { function BezierCurveShape() { this.x1 = 0; this.y1 = 0; this.x2 = 0; this.y2 = 0; this.cpx1 = 0; this.cpy1 = 0; this.percent = 1; } return BezierCurveShape; }()); function someVectorAt(shape, t, isTangent) { var cpx2 = shape.cpx2; var cpy2 = shape.cpy2; if (cpx2 != null \|\| cpy2 != null) { return [ (isTangent ? cubicDerivativeAt : cubicAt)(shape.x1, shape.cpx1, shape.cpx2, shape.x2, t), (isTangent ? cubicDerivativeAt : cubicAt)(shape.y1, shape.cpy1, shape.cpy2, shape.y2, t) ]; } else { return [ (isTangent ? quadraticDerivativeAt : quadraticAt)(shape.x1, shape.cpx1, shape.x2, t), (isTangent ? quadraticDerivativeAt : quadraticAt)(shape.y1, shape.cpy1, shape.y2, t) ]; } } var BezierCurve = (function (_super) { __extends(BezierCurve, _super); function BezierCurve(opts) { return _super.call(this, opts) \|\| this; } BezierCurve.prototype.getDefaultStyle = function () { return { stroke: '#000', fill: null }; }; BezierCurve.prototype.getDefaultShape = function () { return new BezierCurveShape(); }; BezierCurve.prototype.buildPath = function (ctx, shape) { var x1 = shape.x1; var y1 = shape.y1; var x2 = shape.x2; var y2 = shape.y2; var cpx1 = shape.cpx1; var cpy1 = shape.cpy1; var cpx2 = shape.cpx2; var cpy2 = shape.cpy2; var percent = shape.percent; if (percent === 0) { return; } ctx.moveTo(x1, y1); if (cpx2 == null \|\| cpy2 == null) { if (percent < 1) { quadraticSubdivide(x1, cpx1, x2, percent, out); cpx1 = out[1]; x2 = out[2]; quadraticSubdivide(y1, cpy1, y2, percent, out); cpy1 = out[1]; y2 = out[2]; } ctx.quadraticCurveTo(cpx1, cpy1, x2, y2); } else { if (percent < 1) { cubicSubdivide(x1, cpx1, cpx2, x2, percent, out); cpx1 = out[1]; cpx2 = out[2]; x2 = out[3]; cubicSubdivide(y1, cpy1, cpy2, y2, percent, out); cpy1 = out[1]; cpy2 = out[2]; y2 = out[3]; } ctx.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, x2, y2); } }; BezierCurve.prototype.pointAt = function (t) { return someVectorAt(this.shape, t, false); }; BezierCurve.prototype.tangentAt = function (t) { var p = someVectorAt(this.shape, t, true); return normalize(p, p); }; return BezierCurve; }(Path)); BezierCurve.prototype.type = 'bezier-curve'; var DropletShape = (function () { function DropletShape() { this.cx = 0; this.cy = 0; this.width = 0; this.height = 0; } return DropletShape; }()); var Droplet = (function (_super) { __extends(Droplet, _super); function Droplet(opts) { return _super.call(this, opts) \|\| this; } Droplet.prototype.getDefaultShape = function () { return new DropletShape(); }; Droplet.prototype.buildPath = function (ctx, shape) { var x = shape.cx; var y = shape.cy; var a = shape.width; var b = shape.height; ctx.moveTo(x, y + a); ctx.bezierCurveTo(x + a, y + a, x + a * 3 / 2, y - a / 3, x, y - b); ctx.bezierCurveTo(x - a * 3 / 2, y - a / 3, x - a, y + a, x, y + a); ctx.closePath(); }; return Droplet; }(Path)); Droplet.prototype.type = 'droplet'; var HeartShape = (function () { function HeartShape() { this.cx = 0; this.cy = 0; this.width = 0; this.height = 0; } return HeartShape; }()); var Heart = (function (_super) { __extends(Heart, _super); function Heart(opts) { return _super.call(this, opts) \|\| this; } Heart.prototype.getDefaultShape = function () { return new HeartShape(); }; Heart.prototype.buildPath = function (ctx, shape) { var x = shape.cx; var y = shape.cy; var a = shape.width; var b = shape.height; ctx.moveTo(x, y); ctx.bezierCurveTo(x + a / 2, y - b * 2 / 3, x + a * 2, y + b / 3, x, y + b); ctx.bezierCurveTo(x - a * 2, y + b / 3, x - a / 2, y - b * 2 / 3, x, y); }; return Heart; }(Path)); Heart.prototype.type = 'heart'; var PI$3 = Math.PI; var sin = Math.sin; var cos = Math.cos; var IsogonShape = (function () { function IsogonShape() { this.x = 0; this.y = 0; this.r = 0; this.n = 0; } return IsogonShape; }()); var Isogon = (function (_super) { __extends(Isogon, _super); function Isogon(opts) { return _super.call(this, opts) \|\| this; } Isogon.prototype.getDefaultShape = function () { return new IsogonShape(); }; Isogon.prototype.buildPath = function (ctx, shape) { var n = shape.n; if (!n \|\| n < 2) { return; } var x = shape.x; var y = shape.y; var r = shape.r; var dStep = 2 * PI$3 / n; var deg = -PI$3 / 2; ctx.moveTo(x + r * cos(deg), y + r * sin(deg)); for (var i = 0, end = n - 1; i < end; i++) { deg += dStep; ctx.lineTo(x + r * cos(deg), y + r * sin(deg)); } ctx.closePath(); return; }; return Isogon; }(Path)); Isogon.prototype.type = 'isogon'; var RingShape = (function () { function RingShape() { this.cx = 0; this.cy = 0; this.r = 0; this.r0 = 0; } return RingShape; }()); var Ring = (function (_super) { __extends(Ring, _super); function Ring(opts) { return _super.call(this, opts) \|\| this; } Ring.prototype.getDefaultShape = function () { return new RingShape(); }; Ring.prototype.buildPath = function (ctx, shape) { var x = shape.cx; var y = shape.cy; var PI2 = Math.PI * 2; ctx.moveTo(x + shape.r, y); ctx.arc(x, y, shape.r, 0, PI2, false); ctx.moveTo(x + shape.r0, y); ctx.arc(x, y, shape.r0, 0, PI2, true); }; return Ring; }(Path)); Ring.prototype.type = 'ring'; var sin$1 = Math.sin; var cos$1 = Math.cos; var radian = Math.PI / 180; var RoseShape = (function () { function RoseShape() { this.cx = 0; this.cy = 0; this.r = []; this.k = 0; this.n = 1; } return RoseShape; }()); var Rose = (function (_super) { __extends(Rose, _super); function Rose(opts) { return _super.call(this, opts) \|\| this; } Rose.prototype.getDefaultStyle = function () { return { stroke: '#000', fill: null }; }; Rose.prototype.getDefaultShape = function () { return new RoseShape(); }; Rose.prototype.buildPath = function (ctx, shape) { var R = shape.r; var k = shape.k; var n = shape.n; var x0 = shape.cx; var y0 = shape.cy; var x; var y; var r; ctx.moveTo(x0, y0); for (var i = 0, len = R.length; i < len; i++) { r = R[i]; for (var j = 0; j <= 360 * n; j++) { x = r * sin$1(k / n * j % 360 * radian) * cos$1(j * radian) + x0; y = r * sin$1(k / n * j % 360 * radian) * sin$1(j * radian) + y0; ctx.lineTo(x, y); } } }; return Rose; }(Path)); Rose.prototype.type = 'rose'; var PI$4 = Math.PI; var cos$2 = Math.cos; var sin$2 = Math.sin; var StarShape = (function () { function StarShape() { this.cx = 0; this.cy = 0; this.n = 3; this.r = 0; } return StarShape; }()); var Star = (function (_super) { __extends(Star, _super); function Star(opts) { return _super.call(this, opts) \|\| this; } Star.prototype.getDefaultShape = function () { return new StarShape(); }; Star.prototype.buildPath = function (ctx, shape) { var n = shape.n; if (!n \|\| n < 2) { return; } var x = shape.cx; var y = shape.cy; var r = shape.r; var r0 = shape.r0; if (r0 == null) { r0 = n > 4 ? r * cos$2(2 * PI$4 / n) / cos$2(PI$4 / n) : r / 3; } var dStep = PI$4 / n; var deg = -PI$4 / 2; var xStart = x + r * cos$2(deg); var yStart = y + r * sin$2(deg); deg += dStep; ctx.moveTo(xStart, yStart); for (var i = 0, end = n * 2 - 1, ri = void 0; i < end; i++) { ri = i % 2 === 0 ? r0 : r; ctx.lineTo(x + ri * cos$2(deg), y + ri * sin$2(deg)); deg += dStep; } ctx.closePath(); }; return Star; }(Path)); Star.prototype.type = 'star'; var cos$3 = Math.cos; var sin$3 = Math.sin; var TrochoidShape = (function () { function TrochoidShape() { this.cx = 0; this.cy = 0; this.r = 0; this.r0 = 0; this.d = 0; this.location = 'out'; } return TrochoidShape; }()); var Trochoid = (function (_super) { __extends(Trochoid, _super); function Trochoid(opts) { return _super.call(this, opts) \|\| this; } Trochoid.prototype.getDefaultStyle = function () { return { stroke: '#000', fill: null }; }; Trochoid.prototype.getDefaultShape = function () { return new TrochoidShape(); }; Trochoid.prototype.buildPath = function (ctx, shape) { var R = shape.r; var r = shape.r0; var d = shape.d; var offsetX = shape.cx; var offsetY = shape.cy; var delta = shape.location === 'out' ? 1 : -1; var x1; var y1; var x2; var y2; if (shape.location && R <= r) { return; } var num = 0; var i = 1; var theta; x1 = (R + delta * r) * cos$3(0) - delta * d * cos$3(0) + offsetX; y1 = (R + delta * r) * sin$3(0) - d * sin$3(0) + offsetY; ctx.moveTo(x1, y1); do { num++; } while ((r * num) % (R + delta * r) !== 0); do { theta = Math.PI / 180 * i; x2 = (R + delta * r) * cos$3(theta) - delta * d * cos$3((R / r + delta) * theta) + offsetX; y2 = (R + delta * r) * sin$3(theta) - d * sin$3((R / r + delta) * theta) + offsetY; ctx.lineTo(x2, y2); i++; } while (i <= (r * num) / (R + delta * r) * 360); }; return Trochoid; }(Path)); Trochoid.prototype.type = 'trochoid'; var Pattern = (function () { function Pattern(image, repeat) { this.image = image; this.repeat = repeat; this.x = 0; this.y = 0; this.rotation = 0; this.scaleX = 1; this.scaleY = 1; } return Pattern; }()); var mathMin$4 = Math.min; var mathMax$4 = Math.max; var mathAbs$3 = Math.abs; var _extent = [0, 0]; var _extent2 = [0, 0]; var _intersectCtx$1 = createIntersectContext(); var _minTv$1 = _intersectCtx$1.minTv; var _maxTv$1 = _intersectCtx$1.maxTv; var OrientedBoundingRect = (function () { function OrientedBoundingRect(rect, transform) { this._corners = []; this._axes = []; this._origin = [0, 0]; for (var i = 0; i < 4; i++) { this._corners[i] = new Point(); } for (var i = 0; i < 2; i++) { this._axes[i] = new Point(); } if (rect) { this.fromBoundingRect(rect, transform); } } OrientedBoundingRect.prototype.fromBoundingRect = function (rect, transform) { var corners = this._corners; var axes = this._axes; var x = rect.x; var y = rect.y; var x2 = x + rect.width; var y2 = y + rect.height; corners[0].set(x, y); corners[1].set(x2, y); corners[2].set(x2, y2); corners[3].set(x, y2); if (transform) { for (var i = 0; i < 4; i++) { corners[i].transform(transform); } } Point.sub(axes[0], corners[1], corners[0]); Point.sub(axes[1], corners[3], corners[0]); axes[0].normalize(); axes[1].normalize(); for (var i = 0; i < 2; i++) { this._origin[i] = axes[i].dot(corners[0]); } }; OrientedBoundingRect.prototype.intersect = function (other, mtv, opt) { var overlapped = true; var noMtv = !mtv; if (mtv) { Point.set(mtv, 0, 0); } _intersectCtx$1.reset(opt, !noMtv); if (!this._intersectCheckOneSide(this, other, noMtv, 1)) { overlapped = false; if (noMtv) { return overlapped; } } if (!this._intersectCheckOneSide(other, this, noMtv, -1)) { overlapped = false; if (noMtv) { return overlapped; } } if (!noMtv && !_intersectCtx$1.negativeSize) { Point.copy(mtv, overlapped ? (_intersectCtx$1.useDir ? _intersectCtx$1.dirMinTv : _minTv$1) : _maxTv$1); } return overlapped; }; OrientedBoundingRect.prototype._intersectCheckOneSide = function (self, other, noMtv, inverse) { var overlapped = true; for (var i = 0; i < 2; i++) { var axis = self._axes[i]; self._getProjMinMaxOnAxis(i, self._corners, _extent); self._getProjMinMaxOnAxis(i, other._corners, _extent2); if (_intersectCtx$1.negativeSize \|\| _extent[1] < _extent2[0] \|\| _extent[0] > _extent2[1]) { overlapped = false; if (_intersectCtx$1.negativeSize \|\| noMtv) { return overlapped; } var dist0 = mathAbs$3(_extent2[0] - _extent[1]); var dist1 = mathAbs$3(_extent[0] - _extent2[1]); if (mathMin$4(dist0, dist1) > _maxTv$1.len()) { if (dist0 < dist1) { Point.scale(_maxTv$1, axis, -dist0 * inverse); } else { Point.scale(_maxTv$1, axis, dist1 * inverse); } } } else if (!noMtv) { var dist0 = mathAbs$3(_extent2[0] - _extent[1]); var dist1 = mathAbs$3(_extent[0] - _extent2[1]); if (_intersectCtx$1.useDir \|\| mathMin$4(dist0, dist1) < _minTv$1.len()) { if (dist0 < dist1 \|\| !_intersectCtx$1.bidirectional) { Point.scale(_minTv$1, axis, dist0 * inverse); if (_intersectCtx$1.useDir) { _intersectCtx$1.calcDirMTV(); } } if (dist0 >= dist1 \|\| !_intersectCtx$1.bidirectional) { Point.scale(_minTv$1, axis, -dist1 * inverse); if (_intersectCtx$1.useDir) { _intersectCtx$1.calcDirMTV(); } } } } } return overlapped; }; OrientedBoundingRect.prototype._getProjMinMaxOnAxis = function (dim, corners, out) { var axis = this._axes[dim]; var origin = this._origin; var proj = corners[0].dot(axis) + origin[dim]; var min = proj; var max = proj; for (var i = 1; i < corners.length; i++) { var proj_1 = corners[i].dot(axis) + origin[dim]; min = mathMin$4(proj_1, min); max = mathMax$4(proj_1, max); } out[0] = min + _intersectCtx$1.touchThreshold; out[1] = max - _intersectCtx$1.touchThreshold; _intersectCtx$1.negativeSize = out[1] < out[0]; }; return OrientedBoundingRect; }()); var DebugRect = (function () { function DebugRect(style) { var dom = this.dom = document.createElement('div'); dom.className = 'ec-debug-dirty-rect'; style = extend({}, style); extend(style, { backgroundColor: 'rgba(0, 0, 255, 0.2)', border: '1px solid #00f' }); dom.style.cssText = "\nposition: absolute;\nopacity: 0;\ntransition: opacity 0.5s linear;\npointer-events: none;\n"; for (var key in style) { if (style.hasOwnProperty(key)) { dom.style[key] = style[key]; } } } DebugRect.prototype.update = function (rect) { var domStyle = this.dom.style; domStyle.width = rect.width + 'px'; domStyle.height = rect.height + 'px'; domStyle.left = rect.x + 'px'; domStyle.top = rect.y + 'px'; }; DebugRect.prototype.hide = function () { this.dom.style.opacity = '0'; }; DebugRect.prototype.show = function (autoHideDelay) { var _this = this; clearTimeout(this._hideTimeout); this.dom.style.opacity = '1'; this._hideTimeout = setTimeout(function () { _this.hide(); }, autoHideDelay \|\| 1000); }; return DebugRect; }()); function showDebugDirtyRect(zr, opts) { opts = opts \|\| {}; var painter = zr.painter; if (!painter.getLayers) { throw new Error('Debug dirty rect can only been used on canvas renderer.'); } if (painter.isSingleCanvas()) { throw new Error('Debug dirty rect can only been used on zrender inited with container.'); } var debugViewRoot = document.createElement('div'); debugViewRoot.style.cssText = "\nposition:absolute;\nleft:0;\ntop:0;\nright:0;\nbottom:0;\npointer-events:none;\n"; debugViewRoot.className = 'ec-debug-dirty-rect-container'; var debugRects = []; var dom = zr.dom; dom.appendChild(debugViewRoot); var computedStyle = getComputedStyle(dom); if (computedStyle.position === 'static') { dom.style.position = 'relative'; } zr.on('rendered', function () { if (painter.getLayers) { var idx_1 = 0; painter.eachBuiltinLayer(function (layer) { if (!layer.debugGetPaintRects) { return; } var paintRects = layer.debugGetPaintRects(); for (var i = 0; i < paintRects.length; i++) { if (!paintRects[i].width \|\| !paintRects[i].height) { continue; } if (!debugRects[idx_1]) { debugRects[idx_1] = new DebugRect(opts.style); debugViewRoot.appendChild(debugRects[idx_1].dom); } debugRects[idx_1].show(opts.autoHideDelay); debugRects[idx_1].update(paintRects[i]); idx_1++; } }); for (var i = idx_1; i < debugRects.length; i++) { debugRects[i].hide(); } } }); } function isSafeNum(num) { return isFinite(num); } function createLinearGradient(ctx, obj, rect) { var x = obj.x == null ? 0 : obj.x; var x2 = obj.x2 == null ? 1 : obj.x2; var y = obj.y == null ? 0 : obj.y; var y2 = obj.y2 == null ? 0 : obj.y2; if (!obj.global) { x = x * rect.width + rect.x; x2 = x2 * rect.width + rect.x; y = y * rect.height + rect.y; y2 = y2 * rect.height + rect.y; } x = isSafeNum(x) ? x : 0; x2 = isSafeNum(x2) ? x2 : 1; y = isSafeNum(y) ? y : 0; y2 = isSafeNum(y2) ? y2 : 0; var canvasGradient = ctx.createLinearGradient(x, y, x2, y2); return canvasGradient; } function createRadialGradient(ctx, obj, rect) { var width = rect.width; var height = rect.height; var min = Math.min(width, height); var x = obj.x == null ? 0.5 : obj.x; var y = obj.y == null ? 0.5 : obj.y; var r = obj.r == null ? 0.5 : obj.r; if (!obj.global) { x = x * width + rect.x; y = y * height + rect.y; r = r * min; } x = isSafeNum(x) ? x : 0.5; y = isSafeNum(y) ? y : 0.5; r = r >= 0 && isSafeNum(r) ? r : 0.5; var canvasGradient = ctx.createRadialGradient(x, y, 0, x, y, r); return canvasGradient; } function getCanvasGradient(ctx, obj, rect) { var canvasGradient = obj.type === 'radial' ? createRadialGradient(ctx, obj, rect) : createLinearGradient(ctx, obj, rect); var colorStops = obj.colorStops; for (var i = 0; i < colorStops.length; i++) { canvasGradient.addColorStop(colorStops[i].offset, colorStops[i].color); } return canvasGradient; } function isClipPathChanged(clipPaths, prevClipPaths) { if (clipPaths === prevClipPaths \|\| (!clipPaths && !prevClipPaths)) { return false; } if (!clipPaths \|\| !prevClipPaths \|\| (clipPaths.length !== prevClipPaths.length)) { return true; } for (var i = 0; i < clipPaths.length; i++) { if (clipPaths[i] !== prevClipPaths[i]) { return true; } } return false; } function parseInt10(val) { return parseInt(val, 10); } function getSize(root, whIdx, opts) { var wh = ['width', 'height'][whIdx]; var cwh = ['clientWidth', 'clientHeight'][whIdx]; var plt = ['paddingLeft', 'paddingTop'][whIdx]; var prb = ['paddingRight', 'paddingBottom'][whIdx]; if (opts[wh] != null && opts[wh] !== 'auto') { return parseFloat(opts[wh]); } var stl = document.defaultView.getComputedStyle(root); return ((root[cwh] \|\| parseInt10(stl[wh]) \|\| parseInt10(root.style[wh])) - (parseInt10(stl[plt]) \|\| 0) - (parseInt10(stl[prb]) \|\| 0)) \| 0; } function normalizeLineDash(lineType, lineWidth) { if (!lineType \|\| lineType === 'solid' \|\| !(lineWidth > 0)) { return null; } return lineType === 'dashed' ? [4 * lineWidth, 2 * lineWidth] : lineType === 'dotted' ? [lineWidth] : isNumber(lineType) ? [lineType] : isArray(lineType) ? lineType : null; } function getLineDash(el) { var style = el.style; var lineDash = style.lineDash && style.lineWidth > 0 && normalizeLineDash(style.lineDash, style.lineWidth); var lineDashOffset = style.lineDashOffset; if (lineDash) { var lineScale_1 = (style.strokeNoScale && el.getLineScale) ? el.getLineScale() : 1; if (lineScale_1 && lineScale_1 !== 1) { lineDash = map(lineDash, function (rawVal) { return rawVal / lineScale_1; }); lineDashOffset /= lineScale_1; } } return [lineDash, lineDashOffset]; } var pathProxyForDraw = new PathProxy(true); function styleHasStroke(style) { var stroke = style.stroke; return !(stroke == null \|\| stroke === 'none' \|\| !(style.lineWidth > 0)); } function isValidStrokeFillStyle(strokeOrFill) { return typeof strokeOrFill === 'string' && strokeOrFill !== 'none'; } function styleHasFill(style) { var fill = style.fill; return fill != null && fill !== 'none'; } function doFillPath(ctx, style) { if (style.fillOpacity != null && style.fillOpacity !== 1) { var originalGlobalAlpha = ctx.globalAlpha; ctx.globalAlpha = style.fillOpacity * style.opacity; ctx.fill(); ctx.globalAlpha = originalGlobalAlpha; } else { ctx.fill(); } } function doStrokePath(ctx, style) { if (style.strokeOpacity != null && style.strokeOpacity !== 1) { var originalGlobalAlpha = ctx.globalAlpha; ctx.globalAlpha = style.strokeOpacity * style.opacity; ctx.stroke(); ctx.globalAlpha = originalGlobalAlpha; } else { ctx.stroke(); } } function createCanvasPattern(ctx, pattern, el) { var image = createOrUpdateImage(pattern.image, pattern.__image, el); if (isImageReady(image)) { var canvasPattern = ctx.createPattern(image, pattern.repeat \|\| 'repeat'); if (typeof DOMMatrix === 'function' && canvasPattern && canvasPattern.setTransform) { var matrix = new DOMMatrix(); matrix.translateSelf((pattern.x \|\| 0), (pattern.y \|\| 0)); matrix.rotateSelf(0, 0, (pattern.rotation \|\| 0) * RADIAN_TO_DEGREE); matrix.scaleSelf((pattern.scaleX \|\| 1), (pattern.scaleY \|\| 1)); canvasPattern.setTransform(matrix); } return canvasPattern; } } function brushPath(ctx, el, style, inBatch) { var _a; var hasStroke = styleHasStroke(style); var hasFill = styleHasFill(style); var strokePercent = style.strokePercent; var strokePart = strokePercent < 1; var firstDraw = !el.path; if ((!el.silent \|\| strokePart) && firstDraw) { el.createPathProxy(); } var path = el.path \|\| pathProxyForDraw; var dirtyFlag = el.__dirty; if (!inBatch) { var fill = style.fill; var stroke = style.stroke; var hasFillGradient = hasFill && !!fill.colorStops; var hasStrokeGradient = hasStroke && !!stroke.colorStops; var hasFillPattern = hasFill && !!fill.image; var hasStrokePattern = hasStroke && !!stroke.image; var fillGradient = void 0; var strokeGradient = void 0; var fillPattern = void 0; var strokePattern = void 0; var rect = void 0; if (hasFillGradient \|\| hasStrokeGradient) { rect = el.getBoundingRect(); } if (hasFillGradient) { fillGradient = dirtyFlag ? getCanvasGradient(ctx, fill, rect) : el.__canvasFillGradient; el.__canvasFillGradient = fillGradient; } if (hasStrokeGradient) { strokeGradient = dirtyFlag ? getCanvasGradient(ctx, stroke, rect) : el.__canvasStrokeGradient; el.__canvasStrokeGradient = strokeGradient; } if (hasFillPattern) { fillPattern = (dirtyFlag \|\| !el.__canvasFillPattern) ? createCanvasPattern(ctx, fill, el) : el.__canvasFillPattern; el.__canvasFillPattern = fillPattern; } if (hasStrokePattern) { strokePattern = (dirtyFlag \|\| !el.__canvasStrokePattern) ? createCanvasPattern(ctx, stroke, el) : el.__canvasStrokePattern; el.__canvasStrokePattern = strokePattern; } if (hasFillGradient) { ctx.fillStyle = fillGradient; } else if (hasFillPattern) { if (fillPattern) { ctx.fillStyle = fillPattern; } else { hasFill = false; } } if (hasStrokeGradient) { ctx.strokeStyle = strokeGradient; } else if (hasStrokePattern) { if (strokePattern) { ctx.strokeStyle = strokePattern; } else { hasStroke = false; } } } var scale = el.getGlobalScale(); path.setScale(scale[0], scale[1], el.segmentIgnoreThreshold); var lineDash; var lineDashOffset; if (ctx.setLineDash && style.lineDash) { _a = getLineDash(el), lineDash = _a[0], lineDashOffset = _a[1]; } var needsRebuild = true; if (firstDraw \|\| (dirtyFlag & SHAPE_CHANGED_BIT)) { path.setDPR(ctx.dpr); if (strokePart) { path.setContext(null); } else { path.setContext(ctx); needsRebuild = false; } path.reset(); el.buildPath(path, el.shape, inBatch); path.toStatic(); el.pathUpdated(); } if (needsRebuild) { path.rebuildPath(ctx, strokePart ? strokePercent : 1); } if (lineDash) { ctx.setLineDash(lineDash); ctx.lineDashOffset = lineDashOffset; } if (!inBatch) { if (style.strokeFirst) { if (hasStroke) { doStrokePath(ctx, style); } if (hasFill) { doFillPath(ctx, style); } } else { if (hasFill) { doFillPath(ctx, style); } if (hasStroke) { doStrokePath(ctx, style); } } } if (lineDash) { ctx.setLineDash([]); } } function brushImage(ctx, el, style) { var image = el.__image = createOrUpdateImage(style.image, el.__image, el, el.onload); if (!image \|\| !isImageReady(image)) { return; } var x = style.x \|\| 0; var y = style.y \|\| 0; var width = el.getWidth(); var height = el.getHeight(); var aspect = image.width / image.height; if (width == null && height != null) { width = height * aspect; } else if (height == null && width != null) { height = width / aspect; } else if (width == null && height == null) { width = image.width; height = image.height; } if (style.sWidth && style.sHeight) { var sx = style.sx \|\| 0; var sy = style.sy \|\| 0; ctx.drawImage(image, sx, sy, style.sWidth, style.sHeight, x, y, width, height); } else if (style.sx && style.sy) { var sx = style.sx; var sy = style.sy; var sWidth = width - sx; var sHeight = height - sy; ctx.drawImage(image, sx, sy, sWidth, sHeight, x, y, width, height); } else { ctx.drawImage(image, x, y, width, height); } } function brushText(ctx, el, style) { var _a; var text = style.text; text != null && (text += ''); if (text) { ctx.font = style.font \|\| DEFAULT_FONT; ctx.textAlign = style.textAlign; ctx.textBaseline = style.textBaseline; var lineDash = void 0; var lineDashOffset = void 0; if (ctx.setLineDash && style.lineDash) { _a = getLineDash(el), lineDash = _a[0], lineDashOffset = _a[1]; } if (lineDash) { ctx.setLineDash(lineDash); ctx.lineDashOffset = lineDashOffset; } if (style.strokeFirst) { if (styleHasStroke(style)) { ctx.strokeText(text, style.x, style.y); } if (styleHasFill(style)) { ctx.fillText(text, style.x, style.y); } } else { if (styleHasFill(style)) { ctx.fillText(text, style.x, style.y); } if (styleHasStroke(style)) { ctx.strokeText(text, style.x, style.y); } } if (lineDash) { ctx.setLineDash([]); } } } var SHADOW_NUMBER_PROPS = ['shadowBlur', 'shadowOffsetX', 'shadowOffsetY']; var STROKE_PROPS = [ ['lineCap', 'butt'], ['lineJoin', 'miter'], ['miterLimit', 10] ]; function bindCommonProps(ctx, style, prevStyle, forceSetAll, scope) { var styleChanged = false; if (!forceSetAll) { prevStyle = prevStyle \|\| {}; if (style === prevStyle) { return false; } } if (forceSetAll \|\| style.opacity !== prevStyle.opacity) { flushPathDrawn(ctx, scope); styleChanged = true; var opacity = Math.max(Math.min(style.opacity, 1), 0); ctx.globalAlpha = isNaN(opacity) ? DEFAULT_COMMON_STYLE.opacity : opacity; } if (forceSetAll \|\| style.blend !== prevStyle.blend) { if (!styleChanged) { flushPathDrawn(ctx, scope); styleChanged = true; } ctx.globalCompositeOperation = style.blend \|\| DEFAULT_COMMON_STYLE.blend; } for (var i = 0; i < SHADOW_NUMBER_PROPS.length; i++) { var propName = SHADOW_NUMBER_PROPS[i]; if (forceSetAll \|\| style[propName] !== prevStyle[propName]) { if (!styleChanged) { flushPathDrawn(ctx, scope); styleChanged = true; } ctx[propName] = ctx.dpr * (style[propName] \|\| 0); } } if (forceSetAll \|\| style.shadowColor !== prevStyle.shadowColor) { if (!styleChanged) { flushPathDrawn(ctx, scope); styleChanged = true; } ctx.shadowColor = style.shadowColor \|\| DEFAULT_COMMON_STYLE.shadowColor; } return styleChanged; } function bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetAll, scope) { var style = getStyle(el, scope.inHover); var prevStyle = forceSetAll ? null : (prevEl && getStyle(prevEl, scope.inHover) \|\| {}); if (style === prevStyle) { return false; } var styleChanged = bindCommonProps(ctx, style, prevStyle, forceSetAll, scope); if (forceSetAll \|\| style.fill !== prevStyle.fill) { if (!styleChanged) { flushPathDrawn(ctx, scope); styleChanged = true; } isValidStrokeFillStyle(style.fill) && (ctx.fillStyle = style.fill); } if (forceSetAll \|\| style.stroke !== prevStyle.stroke) { if (!styleChanged) { flushPathDrawn(ctx, scope); styleChanged = true; } isValidStrokeFillStyle(style.stroke) && (ctx.strokeStyle = style.stroke); } if (forceSetAll \|\| style.opacity !== prevStyle.opacity) { if (!styleChanged) { flushPathDrawn(ctx, scope); styleChanged = true; } ctx.globalAlpha = style.opacity == null ? 1 : style.opacity; } if (el.hasStroke()) { var lineWidth = style.lineWidth; var newLineWidth = lineWidth / ((style.strokeNoScale && el.getLineScale) ? el.getLineScale() : 1); if (ctx.lineWidth !== newLineWidth) { if (!styleChanged) { flushPathDrawn(ctx, scope); styleChanged = true; } ctx.lineWidth = newLineWidth; } } for (var i = 0; i < STROKE_PROPS.length; i++) { var prop = STROKE_PROPS[i]; var propName = prop[0]; if (forceSetAll \|\| style[propName] !== prevStyle[propName]) { if (!styleChanged) { flushPathDrawn(ctx, scope); styleChanged = true; } ctx[propName] = style[propName] \|\| prop[1]; } } return styleChanged; } function bindImageStyle(ctx, el, prevEl, forceSetAll, scope) { return bindCommonProps(ctx, getStyle(el, scope.inHover), prevEl && getStyle(prevEl, scope.inHover), forceSetAll, scope); } function setContextTransform(ctx, el) { var m = el.transform; var dpr = ctx.dpr \|\| 1; if (m) { ctx.setTransform(dpr * m[0], dpr * m[1], dpr * m[2], dpr * m[3], dpr * m[4], dpr * m[5]); } else { ctx.setTransform(dpr, 0, 0, dpr, 0, 0); } } function updateClipStatus(clipPaths, ctx, scope) { var allClipped = false; for (var i = 0; i < clipPaths.length; i++) { var clipPath = clipPaths[i]; allClipped = allClipped \|\| clipPath.isZeroArea(); setContextTransform(ctx, clipPath); ctx.beginPath(); clipPath.buildPath(ctx, clipPath.shape); ctx.clip(); } scope.allClipped = allClipped; } function isTransformChanged(m0, m1) { if (m0 && m1) { return m0[0] !== m1[0] \|\| m0[1] !== m1[1] \|\| m0[2] !== m1[2] \|\| m0[3] !== m1[3] \|\| m0[4] !== m1[4] \|\| m0[5] !== m1[5]; } else if (!m0 && !m1) { return false; } return true; } var DRAW_TYPE_PATH = 1; var DRAW_TYPE_IMAGE = 2; var DRAW_TYPE_TEXT = 3; var DRAW_TYPE_INCREMENTAL = 4; function canPathBatch(style) { var hasFill = styleHasFill(style); var hasStroke = styleHasStroke(style); return !(style.lineDash \|\| !(+hasFill ^ +hasStroke) \|\| (hasFill && typeof style.fill !== 'string') \|\| (hasStroke && typeof style.stroke !== 'string') \|\| style.strokePercent < 1 \|\| style.strokeOpacity < 1 \|\| style.fillOpacity < 1); } function flushPathDrawn(ctx, scope) { scope.batchFill && ctx.fill(); scope.batchStroke && ctx.stroke(); scope.batchFill = ''; scope.batchStroke = ''; } function getStyle(el, inHover) { return inHover ? (el.__hoverStyle \|\| el.style) : el.style; } function brushSingle(ctx, el) { brush(ctx, el, { inHover: false, viewWidth: 0, viewHeight: 0 }, true); } function brush(ctx, el, scope, isLast) { var m = el.transform; if (!el.shouldBePainted(scope.viewWidth, scope.viewHeight, false, false)) { el.__dirty &= ~REDRAW_BIT; el.__isRendered = false; return; } var clipPaths = el.__clipPaths; var prevElClipPaths = scope.prevElClipPaths; var forceSetTransform = false; var forceSetStyle = false; if (!prevElClipPaths \|\| isClipPathChanged(clipPaths, prevElClipPaths)) { if (prevElClipPaths && prevElClipPaths.length) { flushPathDrawn(ctx, scope); ctx.restore(); forceSetStyle = forceSetTransform = true; scope.prevElClipPaths = null; scope.allClipped = false; scope.prevEl = null; } if (clipPaths && clipPaths.length) { flushPathDrawn(ctx, scope); ctx.save(); updateClipStatus(clipPaths, ctx, scope); forceSetTransform = true; } scope.prevElClipPaths = clipPaths; } if (scope.allClipped) { el.__isRendered = false; return; } el.beforeBrush && el.beforeBrush(); el.innerBeforeBrush(); var prevEl = scope.prevEl; if (!prevEl) { forceSetStyle = forceSetTransform = true; } var canBatchPath = el instanceof Path && el.autoBatch && canPathBatch(el.style); if (forceSetTransform \|\| isTransformChanged(m, prevEl.transform)) { flushPathDrawn(ctx, scope); setContextTransform(ctx, el); } else if (!canBatchPath) { flushPathDrawn(ctx, scope); } var style = getStyle(el, scope.inHover); if (el instanceof Path) { if (scope.lastDrawType !== DRAW_TYPE_PATH) { forceSetStyle = true; scope.lastDrawType = DRAW_TYPE_PATH; } bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetStyle, scope); if (!canBatchPath \|\| (!scope.batchFill && !scope.batchStroke)) { ctx.beginPath(); } brushPath(ctx, el, style, canBatchPath); if (canBatchPath) { scope.batchFill = style.fill \|\| ''; scope.batchStroke = style.stroke \|\| ''; } } else { if (el instanceof TSpan) { if (scope.lastDrawType !== DRAW_TYPE_TEXT) { forceSetStyle = true; scope.lastDrawType = DRAW_TYPE_TEXT; } bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetStyle, scope); brushText(ctx, el, style); } else if (el instanceof ZRImage) { if (scope.lastDrawType !== DRAW_TYPE_IMAGE) { forceSetStyle = true; scope.lastDrawType = DRAW_TYPE_IMAGE; } bindImageStyle(ctx, el, prevEl, forceSetStyle, scope); brushImage(ctx, el, style); } else if (el.getTemporalDisplayables) { if (scope.lastDrawType !== DRAW_TYPE_INCREMENTAL) { forceSetStyle = true; scope.lastDrawType = DRAW_TYPE_INCREMENTAL; } brushIncremental(ctx, el, scope); } } if (canBatchPath && isLast) { flushPathDrawn(ctx, scope); } el.innerAfterBrush(); el.afterBrush && el.afterBrush(); scope.prevEl = el; el.__dirty = 0; el.__isRendered = true; } function brushIncremental(ctx, el, scope) { var displayables = el.getDisplayables(); var temporalDisplayables = el.getTemporalDisplayables(); ctx.save(); var innerScope = { prevElClipPaths: null, prevEl: null, allClipped: false, viewWidth: scope.viewWidth, viewHeight: scope.viewHeight, inHover: scope.inHover }; var i; var len; for (i = el.getCursor(), len = displayables.length; i < len; i++) { var displayable = displayables[i]; displayable.beforeBrush && displayable.beforeBrush(); displayable.innerBeforeBrush(); brush(ctx, displayable, innerScope, i === len - 1); displayable.innerAfterBrush(); displayable.afterBrush && displayable.afterBrush(); innerScope.prevEl = displayable; } for (var i_1 = 0, len_1 = temporalDisplayables.length; i_1 < len_1; i_1++) { var displayable = temporalDisplayables[i_1]; displayable.beforeBrush && displayable.beforeBrush(); displayable.innerBeforeBrush(); brush(ctx, displayable, innerScope, i_1 === len_1 - 1); displayable.innerAfterBrush(); displayable.afterBrush && displayable.afterBrush(); innerScope.prevEl = displayable; } el.clearTemporalDisplayables(); el.notClear = true; ctx.restore(); } function createDom(id, painter, dpr) { var newDom = platformApi.createCanvas(); var width = painter.getWidth(); var height = painter.getHeight(); var newDomStyle = newDom.style; if (newDomStyle) { newDomStyle.position = 'absolute'; newDomStyle.left = '0'; newDomStyle.top = '0'; newDomStyle.width = width + 'px'; newDomStyle.height = height + 'px'; newDom.setAttribute('data-zr-dom-id', id); } newDom.width = width * dpr; newDom.height = height * dpr; return newDom; } var Layer = (function (_super) { __extends(Layer, _super); function Layer(id, painter, dpr) { var _this = _super.call(this) \|\| this; _this.motionBlur = false; _this.lastFrameAlpha = 0.7; _this.dpr = 1; _this.virtual = false; _this.config = {}; _this.incremental = false; _this.zlevel = 0; _this.maxRepaintRectCount = 5; _this.__dirty = true; _this.__firstTimePaint = true; _this.__used = false; _this.__drawIndex = 0; _this.__startIndex = 0; _this.__endIndex = 0; _this.__prevStartIndex = null; _this.__prevEndIndex = null; var dom; dpr = dpr \|\| devicePixelRatio; if (typeof id === 'string') { dom = createDom(id, painter, dpr); } else if (isObject(id)) { dom = id; id = dom.id; } _this.id = id; _this.dom = dom; var domStyle = dom.style; if (domStyle) { disableUserSelect(dom); dom.onselectstart = function () { return false; }; domStyle.padding = '0'; domStyle.margin = '0'; domStyle.borderWidth = '0'; } _this.painter = painter; _this.dpr = dpr; return _this; } Layer.prototype.getElementCount = function () { return this.__endIndex - this.__startIndex; }; Layer.prototype.afterBrush = function () { this.__prevStartIndex = this.__startIndex; this.__prevEndIndex = this.__endIndex; }; Layer.prototype.initContext = function () { this.ctx = this.dom.getContext('2d'); this.ctx.dpr = this.dpr; }; Layer.prototype.setUnpainted = function () { this.__firstTimePaint = true; }; Layer.prototype.createBackBuffer = function () { var dpr = this.dpr; this.domBack = createDom('back-' + this.id, this.painter, dpr); this.ctxBack = this.domBack.getContext('2d'); if (dpr !== 1) { this.ctxBack.scale(dpr, dpr); } }; Layer.prototype.createRepaintRects = function (displayList, prevList, viewWidth, viewHeight) { if (this.__firstTimePaint) { this.__firstTimePaint = false; return null; } var mergedRepaintRects = []; var maxRepaintRectCount = this.maxRepaintRectCount; var full = false; var pendingRect = new BoundingRect(0, 0, 0, 0); function addRectToMergePool(rect) { if (!rect.isFinite() \|\| rect.isZero()) { return; } if (mergedRepaintRects.length === 0) { var boundingRect = new BoundingRect(0, 0, 0, 0); boundingRect.copy(rect); mergedRepaintRects.push(boundingRect); } else { var isMerged = false; var minDeltaArea = Infinity; var bestRectToMergeIdx = 0; for (var i = 0; i < mergedRepaintRects.length; ++i) { var mergedRect = mergedRepaintRects[i]; if (mergedRect.intersect(rect)) { var pendingRect_1 = new BoundingRect(0, 0, 0, 0); pendingRect_1.copy(mergedRect); pendingRect_1.union(rect); mergedRepaintRects[i] = pendingRect_1; isMerged = true; break; } else if (full) { pendingRect.copy(rect); pendingRect.union(mergedRect); var aArea = rect.width * rect.height; var bArea = mergedRect.width * mergedRect.height; var pendingArea = pendingRect.width * pendingRect.height; var deltaArea = pendingArea - aArea - bArea; if (deltaArea < minDeltaArea) { minDeltaArea = deltaArea; bestRectToMergeIdx = i; } } } if (full) { mergedRepaintRects[bestRectToMergeIdx].union(rect); isMerged = true; } if (!isMerged) { var boundingRect = new BoundingRect(0, 0, 0, 0); boundingRect.copy(rect); mergedRepaintRects.push(boundingRect); } if (!full) { full = mergedRepaintRects.length >= maxRepaintRectCount; } } } for (var i = this.__startIndex; i < this.__endIndex; ++i) { var el = displayList[i]; if (el) { var shouldPaint = el.shouldBePainted(viewWidth, viewHeight, true, true); var prevRect = el.__isRendered && ((el.__dirty & REDRAW_BIT) \|\| !shouldPaint) ? el.getPrevPaintRect() : null; if (prevRect) { addRectToMergePool(prevRect); } var curRect = shouldPaint && ((el.__dirty & REDRAW_BIT) \|\| !el.__isRendered) ? el.getPaintRect() : null; if (curRect) { addRectToMergePool(curRect); } } } for (var i = this.__prevStartIndex; i < this.__prevEndIndex; ++i) { var el = prevList[i]; var shouldPaint = el && el.shouldBePainted(viewWidth, viewHeight, true, true); if (el && (!shouldPaint \|\| !el.__zr) && el.__isRendered) { var prevRect = el.getPrevPaintRect(); if (prevRect) { addRectToMergePool(prevRect); } } } var hasIntersections; do { hasIntersections = false; for (var i = 0; i < mergedRepaintRects.length;) { if (mergedRepaintRects[i].isZero()) { mergedRepaintRects.splice(i, 1); continue; } for (var j = i + 1; j < mergedRepaintRects.length;) { if (mergedRepaintRects[i].intersect(mergedRepaintRects[j])) { hasIntersections = true; mergedRepaintRects[i].union(mergedRepaintRects[j]); mergedRepaintRects.splice(j, 1); } else { j++; } } i++; } } while (hasIntersections); this._paintRects = mergedRepaintRects; return mergedRepaintRects; }; Layer.prototype.debugGetPaintRects = function () { return (this._paintRects \|\| []).slice(); }; Layer.prototype.resize = function (width, height) { var dpr = this.dpr; var dom = this.dom; var domStyle = dom.style; var domBack = this.domBack; if (domStyle) { domStyle.width = width + 'px'; domStyle.height = height + 'px'; } dom.width = width * dpr; dom.height = height * dpr; if (domBack) { domBack.width = width * dpr; domBack.height = height * dpr; if (dpr !== 1) { this.ctxBack.scale(dpr, dpr); } } }; Layer.prototype.clear = function (clearAll, clearColor, repaintRects) { var dom = this.dom; var ctx = this.ctx; var width = dom.width; var height = dom.height; clearColor = clearColor \|\| this.clearColor; var haveMotionBLur = this.motionBlur && !clearAll; var lastFrameAlpha = this.lastFrameAlpha; var dpr = this.dpr; var self = this; if (haveMotionBLur) { if (!this.domBack) { this.createBackBuffer(); } this.ctxBack.globalCompositeOperation = 'copy'; this.ctxBack.drawImage(dom, 0, 0, width / dpr, height / dpr); } var domBack = this.domBack; function doClear(x, y, width, height) { ctx.clearRect(x, y, width, height); if (clearColor && clearColor !== 'transparent') { var clearColorGradientOrPattern = void 0; if (isGradientObject(clearColor)) { var shouldCache = clearColor.global \|\| (clearColor.__width === width && clearColor.__height === height); clearColorGradientOrPattern = shouldCache && clearColor.__canvasGradient \|\| getCanvasGradient(ctx, clearColor, { x: 0, y: 0, width: width, height: height }); clearColor.__canvasGradient = clearColorGradientOrPattern; clearColor.__width = width; clearColor.__height = height; } else if (isImagePatternObject(clearColor)) { clearColor.scaleX = clearColor.scaleX \|\| dpr; clearColor.scaleY = clearColor.scaleY \|\| dpr; clearColorGradientOrPattern = createCanvasPattern(ctx, clearColor, { dirty: function () { self.setUnpainted(); self.painter.refresh(); } }); } ctx.save(); ctx.fillStyle = clearColorGradientOrPattern \|\| clearColor; ctx.fillRect(x, y, width, height); ctx.restore(); } if (haveMotionBLur) { ctx.save(); ctx.globalAlpha = lastFrameAlpha; ctx.drawImage(domBack, x, y, width, height); ctx.restore(); } } if (!repaintRects \|\| haveMotionBLur) { doClear(0, 0, width, height); } else if (repaintRects.length) { each(repaintRects, function (rect) { doClear(rect.x * dpr, rect.y * dpr, rect.width * dpr, rect.height * dpr); }); } }; return Layer; }(Eventful)); var HOVER_LAYER_ZLEVEL = 1e5; var CANVAS_ZLEVEL = 314159; var EL_AFTER_INCREMENTAL_INC = 0.01; var INCREMENTAL_INC = 0.001; function isLayerValid(layer) { if (!layer) { return false; } if (layer.__builtin__) { return true; } if (typeof (layer.resize) !== 'function' \|\| typeof (layer.refresh) !== 'function') { return false; } return true; } function createRoot(width, height) { var domRoot = document.createElement('div'); domRoot.style.cssText = [ 'position:relative', 'width:' + width + 'px', 'height:' + height + 'px', 'padding:0', 'margin:0', 'border-width:0' ].join(';') + ';'; return domRoot; } var CanvasPainter = (function () { function CanvasPainter(root, storage, opts, id) { this.type = 'canvas'; this._zlevelList = []; this._prevDisplayList = []; this._layers = {}; this._layerConfig = {}; this._needsManuallyCompositing = false; this.type = 'canvas'; var singleCanvas = !root.nodeName \|\| root.nodeName.toUpperCase() === 'CANVAS'; this._opts = opts = extend({}, opts \|\| {}); this.dpr = opts.devicePixelRatio \|\| devicePixelRatio; this._singleCanvas = singleCanvas; this.root = root; var rootStyle = root.style; if (rootStyle) { disableUserSelect(root); root.innerHTML = ''; } this.storage = storage; var zlevelList = this._zlevelList; this._prevDisplayList = []; var layers = this._layers; if (!singleCanvas) { this._width = getSize(root, 0, opts); this._height = getSize(root, 1, opts); var domRoot = this._domRoot = createRoot(this._width, this._height); root.appendChild(domRoot); } else { var rootCanvas = root; var width = rootCanvas.width; var height = rootCanvas.height; if (opts.width != null) { width = opts.width; } if (opts.height != null) { height = opts.height; } this.dpr = opts.devicePixelRatio \|\| 1; rootCanvas.width = width * this.dpr; rootCanvas.height = height * this.dpr; this._width = width; this._height = height; var mainLayer = new Layer(rootCanvas, this, this.dpr); mainLayer.__builtin__ = true; mainLayer.initContext(); layers[CANVAS_ZLEVEL] = mainLayer; mainLayer.zlevel = CANVAS_ZLEVEL; zlevelList.push(CANVAS_ZLEVEL); this._domRoot = root; } } CanvasPainter.prototype.getType = function () { return 'canvas'; }; CanvasPainter.prototype.isSingleCanvas = function () { return this._singleCanvas; }; CanvasPainter.prototype.getViewportRoot = function () { return this._domRoot; }; CanvasPainter.prototype.getViewportRootOffset = function () { var viewportRoot = this.getViewportRoot(); if (viewportRoot) { return { offsetLeft: viewportRoot.offsetLeft \|\| 0, offsetTop: viewportRoot.offsetTop \|\| 0 }; } }; CanvasPainter.prototype.refresh = function (paintAll) { var list = this.storage.getDisplayList(true); var prevList = this._prevDisplayList; var zlevelList = this._zlevelList; this._redrawId = Math.random(); this._paintList(list, prevList, paintAll, this._redrawId); for (var i = 0; i < zlevelList.length; i++) { var z = zlevelList[i]; var layer = this._layers[z]; if (!layer.__builtin__ && layer.refresh) { var clearColor = i === 0 ? this._backgroundColor : null; layer.refresh(clearColor); } } if (this._opts.useDirtyRect) { this._prevDisplayList = list.slice(); } return this; }; CanvasPainter.prototype.refreshHover = function () { this._paintHoverList(this.storage.getDisplayList(false)); }; CanvasPainter.prototype._paintHoverList = function (list) { var len = list.length; var hoverLayer = this._hoverlayer; hoverLayer && hoverLayer.clear(); if (!len) { return; } var scope = { inHover: true, viewWidth: this._width, viewHeight: this._height }; var ctx; for (var i = 0; i < len; i++) { var el = list[i]; if (el.__inHover) { if (!hoverLayer) { hoverLayer = this._hoverlayer = this.getLayer(HOVER_LAYER_ZLEVEL); } if (!ctx) { ctx = hoverLayer.ctx; ctx.save(); } brush(ctx, el, scope, i === len - 1); } } if (ctx) { ctx.restore(); } }; CanvasPainter.prototype.getHoverLayer = function () { return this.getLayer(HOVER_LAYER_ZLEVEL); }; CanvasPainter.prototype.paintOne = function (ctx, el) { brushSingle(ctx, el); }; CanvasPainter.prototype._paintList = function (list, prevList, paintAll, redrawId) { if (this._redrawId !== redrawId) { return; } paintAll = paintAll \|\| false; this._updateLayerStatus(list); var _a = this._doPaintList(list, prevList, paintAll), finished = _a.finished, needsRefreshHover = _a.needsRefreshHover; if (this._needsManuallyCompositing) { this._compositeManually(); } if (needsRefreshHover) { this._paintHoverList(list); } if (!finished) { var self_1 = this; requestAnimationFrame$1(function () { self_1._paintList(list, prevList, paintAll, redrawId); }); } else { this.eachLayer(function (layer) { layer.afterBrush && layer.afterBrush(); }); } }; CanvasPainter.prototype._compositeManually = function () { var ctx = this.getLayer(CANVAS_ZLEVEL).ctx; var width = this._domRoot.width; var height = this._domRoot.height; ctx.clearRect(0, 0, width, height); this.eachBuiltinLayer(function (layer) { if (layer.virtual) { ctx.drawImage(layer.dom, 0, 0, width, height); } }); }; CanvasPainter.prototype._doPaintList = function (list, prevList, paintAll) { var _this = this; var layerList = []; var useDirtyRect = this._opts.useDirtyRect; for (var zi = 0; zi < this._zlevelList.length; zi++) { var zlevel = this._zlevelList[zi]; var layer = this._layers[zlevel]; if (layer.__builtin__ && layer !== this._hoverlayer && (layer.__dirty \|\| paintAll)) { layerList.push(layer); } } var finished = true; var needsRefreshHover = false; var _loop_1 = function (k) { var layer = layerList[k]; var ctx = layer.ctx; var repaintRects = useDirtyRect && layer.createRepaintRects(list, prevList, this_1._width, this_1._height); var start = paintAll ? layer.__startIndex : layer.__drawIndex; var useTimer = !paintAll && layer.incremental && Date.now; var startTime = useTimer && Date.now(); var clearColor = layer.zlevel === this_1._zlevelList[0] ? this_1._backgroundColor : null; if (layer.__startIndex === layer.__endIndex) { layer.clear(false, clearColor, repaintRects); } else if (start === layer.__startIndex) { var firstEl = list[start]; if (!firstEl.incremental \|\| !firstEl.notClear \|\| paintAll) { layer.clear(false, clearColor, repaintRects); } } if (start === -1) { console.error('For some unknown reason. drawIndex is -1'); start = layer.__startIndex; } var i; var repaint = function (repaintRect) { var scope = { inHover: false, allClipped: false, prevEl: null, viewWidth: _this._width, viewHeight: _this._height }; for (i = start; i < layer.__endIndex; i++) { var el = list[i]; if (el.__inHover) { needsRefreshHover = true; } _this._doPaintEl(el, layer, useDirtyRect, repaintRect, scope, i === layer.__endIndex - 1); if (useTimer) { var dTime = Date.now() - startTime; if (dTime > 15) { break; } } } if (scope.prevElClipPaths) { ctx.restore(); } }; if (repaintRects) { if (repaintRects.length === 0) { i = layer.__endIndex; } else { var dpr = this_1.dpr; for (var r = 0; r < repaintRects.length; ++r) { var rect = repaintRects[r]; ctx.save(); ctx.beginPath(); ctx.rect(rect.x * dpr, rect.y * dpr, rect.width * dpr, rect.height * dpr); ctx.clip(); repaint(rect); ctx.restore(); } } } else { ctx.save(); repaint(); ctx.restore(); } layer.__drawIndex = i; if (layer.__drawIndex < layer.__endIndex) { finished = false; } }; var this_1 = this; for (var k = 0; k < layerList.length; k++) { _loop_1(k); } if (env.wxa) { each(this._layers, function (layer) { if (layer && layer.ctx && layer.ctx.draw) { layer.ctx.draw(); } }); } return { finished: finished, needsRefreshHover: needsRefreshHover }; }; CanvasPainter.prototype._doPaintEl = function (el, currentLayer, useDirtyRect, repaintRect, scope, isLast) { var ctx = currentLayer.ctx; if (useDirtyRect) { var paintRect = el.getPaintRect(); if (!repaintRect \|\| paintRect && paintRect.intersect(repaintRect)) { brush(ctx, el, scope, isLast); el.setPrevPaintRect(paintRect); } } else { brush(ctx, el, scope, isLast); } }; CanvasPainter.prototype.getLayer = function (zlevel, virtual) { if (this._singleCanvas && !this._needsManuallyCompositing) { zlevel = CANVAS_ZLEVEL; } var layer = this._layers[zlevel]; if (!layer) { layer = new Layer('zr_' + zlevel, this, this.dpr); layer.zlevel = zlevel; layer.__builtin__ = true; if (this._layerConfig[zlevel]) { merge(layer, this._layerConfig[zlevel], true); } else if (this._layerConfig[zlevel - EL_AFTER_INCREMENTAL_INC]) { merge(layer, this._layerConfig[zlevel - EL_AFTER_INCREMENTAL_INC], true); } if (virtual) { layer.virtual = virtual; } this.insertLayer(zlevel, layer); layer.initContext(); } return layer; }; CanvasPainter.prototype.insertLayer = function (zlevel, layer) { var layersMap = this._layers; var zlevelList = this._zlevelList; var len = zlevelList.length; var domRoot = this._domRoot; var prevLayer = null; var i = -1; if (layersMap[zlevel]) { { logError('ZLevel ' + zlevel + ' has been used already'); } return; } if (!isLayerValid(layer)) { { logError('Layer of zlevel ' + zlevel + ' is not valid'); } return; } if (len > 0 && zlevel > zlevelList[0]) { for (i = 0; i < len - 1; i++) { if (zlevelList[i] < zlevel && zlevelList[i + 1] > zlevel) { break; } } prevLayer = layersMap[zlevelList[i]]; } zlevelList.splice(i + 1, 0, zlevel); layersMap[zlevel] = layer; if (!layer.virtual) { if (prevLayer) { var prevDom = prevLayer.dom; if (prevDom.nextSibling) { domRoot.insertBefore(layer.dom, prevDom.nextSibling); } else { domRoot.appendChild(layer.dom); } } else { if (domRoot.firstChild) { domRoot.insertBefore(layer.dom, domRoot.firstChild); } else { domRoot.appendChild(layer.dom); } } } layer.painter \|\| (layer.painter = this); }; CanvasPainter.prototype.eachLayer = function (cb, context) { var zlevelList = this._zlevelList; for (var i = 0; i < zlevelList.length; i++) { var z = zlevelList[i]; cb.call(context, this._layers[z], z); } }; CanvasPainter.prototype.eachBuiltinLayer = function (cb, context) { var zlevelList = this._zlevelList; for (var i = 0; i < zlevelList.length; i++) { var z = zlevelList[i]; var layer = this._layers[z]; if (layer.__builtin__) { cb.call(context, layer, z); } } }; CanvasPainter.prototype.eachOtherLayer = function (cb, context) { var zlevelList = this._zlevelList; for (var i = 0; i < zlevelList.length; i++) { var z = zlevelList[i]; var layer = this._layers[z]; if (!layer.__builtin__) { cb.call(context, layer, z); } } }; CanvasPainter.prototype.getLayers = function () { return this._layers; }; CanvasPainter.prototype._updateLayerStatus = function (list) { this.eachBuiltinLayer(function (layer, z) { layer.__dirty = layer.__used = false; }); function updatePrevLayer(idx) { if (prevLayer) { if (prevLayer.__endIndex !== idx) { prevLayer.__dirty = true; } prevLayer.__endIndex = idx; } } if (this._singleCanvas) { for (var i_1 = 1; i_1 < list.length; i_1++) { var el = list[i_1]; if (el.zlevel !== list[i_1 - 1].zlevel \|\| el.incremental) { this._needsManuallyCompositing = true; break; } } } var prevLayer = null; var incrementalLayerCount = 0; var prevZlevel; var i; for (i = 0; i < list.length; i++) { var el = list[i]; var zlevel = el.zlevel; var layer = void 0; if (prevZlevel !== zlevel) { prevZlevel = zlevel; incrementalLayerCount = 0; } if (el.incremental) { layer = this.getLayer(zlevel + INCREMENTAL_INC, this._needsManuallyCompositing); layer.incremental = true; incrementalLayerCount = 1; } else { layer = this.getLayer(zlevel + (incrementalLayerCount > 0 ? EL_AFTER_INCREMENTAL_INC : 0), this._needsManuallyCompositing); } if (!layer.__builtin__) { logError('ZLevel ' + zlevel + ' has been used by unkown layer ' + layer.id); } if (layer !== prevLayer) { layer.__used = true; if (layer.__startIndex !== i) { layer.__dirty = true; } layer.__startIndex = i; if (!layer.incremental) { layer.__drawIndex = i; } else { layer.__drawIndex = -1; } updatePrevLayer(i); prevLayer = layer; } if ((el.__dirty & REDRAW_BIT) && !el.__inHover) { layer.__dirty = true; if (layer.incremental && layer.__drawIndex < 0) { layer.__drawIndex = i; } } } updatePrevLayer(i); this.eachBuiltinLayer(function (layer, z) { if (!layer.__used && layer.getElementCount() > 0) { layer.__dirty = true; layer.__startIndex = layer.__endIndex = layer.__drawIndex = 0; } if (layer.__dirty && layer.__drawIndex < 0) { layer.__drawIndex = layer.__startIndex; } }); }; CanvasPainter.prototype.clear = function () { this.eachBuiltinLayer(this._clearLayer); return this; }; CanvasPainter.prototype._clearLayer = function (layer) { layer.clear(); }; CanvasPainter.prototype.setBackgroundColor = function (backgroundColor) { this._backgroundColor = backgroundColor; each(this._layers, function (layer) { layer.setUnpainted(); }); }; CanvasPainter.prototype.configLayer = function (zlevel, config) { if (config) { var layerConfig = this._layerConfig; if (!layerConfig[zlevel]) { layerConfig[zlevel] = config; } else { merge(layerConfig[zlevel], config, true); } for (var i = 0; i < this._zlevelList.length; i++) { var _zlevel = this._zlevelList[i]; if (_zlevel === zlevel \|\| _zlevel === zlevel + EL_AFTER_INCREMENTAL_INC) { var layer = this._layers[_zlevel]; merge(layer, layerConfig[zlevel], true); } } } }; CanvasPainter.prototype.delLayer = function (zlevel) { var layers = this._layers; var zlevelList = this._zlevelList; var layer = layers[zlevel]; if (!layer) { return; } layer.dom.parentNode.removeChild(layer.dom); delete layers[zlevel]; zlevelList.splice(indexOf(zlevelList, zlevel), 1); }; CanvasPainter.prototype.resize = function (width, height) { if (!this._domRoot.style) { if (width == null \|\| height == null) { return; } this._width = width; this._height = height; this.getLayer(CANVAS_ZLEVEL).resize(width, height); } else { var domRoot = this._domRoot; domRoot.style.display = 'none'; var opts = this._opts; var root = this.root; width != null && (opts.width = width); height != null && (opts.height = height); width = getSize(root, 0, opts); height = getSize(root, 1, opts); domRoot.style.display = ''; if (this._width !== width \|\| height !== this._height) { domRoot.style.width = width + 'px'; domRoot.style.height = height + 'px'; for (var id in this._layers) { if (this._layers.hasOwnProperty(id)) { this._layers[id].resize(width, height); } } this.refresh(true); } this._width = width; this._height = height; } return this; }; CanvasPainter.prototype.clearLayer = function (zlevel) { var layer = this._layers[zlevel]; if (layer) { layer.clear(); } }; CanvasPainter.prototype.dispose = function () { this.root.innerHTML = ''; this.root = this.storage = this._domRoot = this._layers = null; }; CanvasPainter.prototype.getRenderedCanvas = function (opts) { opts = opts \|\| {}; if (this._singleCanvas && !this._compositeManually) { return this._layers[CANVAS_ZLEVEL].dom; } var imageLayer = new Layer('image', this, opts.pixelRatio \|\| this.dpr); imageLayer.initContext(); imageLayer.clear(false, opts.backgroundColor \|\| this._backgroundColor); var ctx = imageLayer.ctx; if (opts.pixelRatio <= this.dpr) { this.refresh(); var width_1 = imageLayer.dom.width; var height_1 = imageLayer.dom.height; this.eachLayer(function (layer) { if (layer.__builtin__) { ctx.drawImage(layer.dom, 0, 0, width_1, height_1); } else if (layer.renderToCanvas) { ctx.save(); layer.renderToCanvas(ctx); ctx.restore(); } }); } else { var scope = { inHover: false, viewWidth: this._width, viewHeight: this._height }; var displayList = this.storage.getDisplayList(true); for (var i = 0, len = displayList.length; i < len; i++) { var el = displayList[i]; brush(ctx, el, scope, i === len - 1); } } return imageLayer.dom; }; CanvasPainter.prototype.getWidth = function () { return this._width; }; CanvasPainter.prototype.getHeight = function () { return this._height; }; return CanvasPainter; }()); var mathSin$4 = Math.sin; var mathCos$4 = Math.cos; var PI$5 = Math.PI; var PI2$6 = Math.PI * 2; var degree = 180 / PI$5; var SVGPathRebuilder = (function () { function SVGPathRebuilder() { } SVGPathRebuilder.prototype.reset = function (precision) { this._start = true; this._d = []; this._str = ''; this._p = Math.pow(10, precision \|\| 4); }; SVGPathRebuilder.prototype.moveTo = function (x, y) { this._add('M', x, y); }; SVGPathRebuilder.prototype.lineTo = function (x, y) { this._add('L', x, y); }; SVGPathRebuilder.prototype.bezierCurveTo = function (x, y, x2, y2, x3, y3) { this._add('C', x, y, x2, y2, x3, y3); }; SVGPathRebuilder.prototype.quadraticCurveTo = function (x, y, x2, y2) { this._add('Q', x, y, x2, y2); }; SVGPathRebuilder.prototype.arc = function (cx, cy, r, startAngle, endAngle, anticlockwise) { this.ellipse(cx, cy, r, r, 0, startAngle, endAngle, anticlockwise); }; SVGPathRebuilder.prototype.ellipse = function (cx, cy, rx, ry, psi, startAngle, endAngle, anticlockwise) { var dTheta = endAngle - startAngle; var clockwise = !anticlockwise; var dThetaPositive = Math.abs(dTheta); var isCircle = isAroundZero$1(dThetaPositive - PI2$6) \|\| (clockwise ? dTheta >= PI2$6 : -dTheta >= PI2$6); var unifiedTheta = dTheta > 0 ? dTheta % PI2$6 : (dTheta % PI2$6 + PI2$6); var large = false; if (isCircle) { large = true; } else if (isAroundZero$1(dThetaPositive)) { large = false; } else { large = (unifiedTheta >= PI$5) === !!clockwise; } var x0 = cx + rx * mathCos$4(startAngle); var y0 = cy + ry * mathSin$4(startAngle); if (this._start) { this._add('M', x0, y0); } var xRot = Math.round(psi * degree); if (isCircle) { var p = 1 / this._p; var dTheta_1 = (clockwise ? 1 : -1) * (PI2$6 - p); this._add('A', rx, ry, xRot, 1, +clockwise, cx + rx * mathCos$4(startAngle + dTheta_1), cy + ry * mathSin$4(startAngle + dTheta_1)); if (p > 1e-2) { this._add('A', rx, ry, xRot, 0, +clockwise, x0, y0); } } else { var x = cx + rx * mathCos$4(endAngle); var y = cy + ry * mathSin$4(endAngle); this._add('A', rx, ry, xRot, +large, +clockwise, x, y); } }; SVGPathRebuilder.prototype.rect = function (x, y, w, h) { this._add('M', x, y); this._add('l', w, 0); this._add('l', 0, h); this._add('l', -w, 0); this._add('Z'); }; SVGPathRebuilder.prototype.closePath = function () { if (this._d.length > 0) { this._add('Z'); } }; SVGPathRebuilder.prototype._add = function (cmd, a, b, c, d, e, f, g, h) { var vals = []; var p = this._p; for (var i = 1; i < arguments.length; i++) { var val = arguments[i]; if (isNaN(val)) { this._invalid = true; return; } vals.push(Math.round(val * p) / p); } this._d.push(cmd + vals.join(' ')); this._start = cmd === 'Z'; }; SVGPathRebuilder.prototype.generateStr = function () { this._str = this._invalid ? '' : this._d.join(''); this._d = []; }; SVGPathRebuilder.prototype.getStr = function () { return this._str; }; return SVGPathRebuilder; }()); var NONE = 'none'; var mathRound$1 = Math.round; function pathHasFill(style) { var fill = style.fill; return fill != null && fill !== NONE; } function pathHasStroke(style) { var stroke = style.stroke; return stroke != null && stroke !== NONE; } var strokeProps = ['lineCap', 'miterLimit', 'lineJoin']; var svgStrokeProps = map(strokeProps, function (prop) { return "stroke-" + prop.toLowerCase(); }); function mapStyleToAttrs(updateAttr, style, el, forceUpdate) { var opacity = style.opacity == null ? 1 : style.opacity; if (el instanceof ZRImage) { updateAttr('opacity', opacity); return; } if (pathHasFill(style)) { var fill = normalizeColor(style.fill); updateAttr('fill', fill.color); var fillOpacity = style.fillOpacity != null ? style.fillOpacity * fill.opacity * opacity : fill.opacity * opacity; if (forceUpdate \|\| fillOpacity < 1) { updateAttr('fill-opacity', fillOpacity); } } else { updateAttr('fill', NONE); } if (pathHasStroke(style)) { var stroke = normalizeColor(style.stroke); updateAttr('stroke', stroke.color); var strokeScale = style.strokeNoScale ? el.getLineScale() : 1; var strokeWidth = (strokeScale ? (style.lineWidth \|\| 0) / strokeScale : 0); var strokeOpacity = style.strokeOpacity != null ? style.strokeOpacity * stroke.opacity * opacity : stroke.opacity * opacity; var strokeFirst = style.strokeFirst; if (forceUpdate \|\| strokeWidth !== 1) { updateAttr('stroke-width', strokeWidth); } if (forceUpdate \|\| strokeFirst) { updateAttr('paint-order', strokeFirst ? 'stroke' : 'fill'); } if (forceUpdate \|\| strokeOpacity < 1) { updateAttr('stroke-opacity', strokeOpacity); } if (style.lineDash) { var _a = getLineDash(el), lineDash = _a[0], lineDashOffset = _a[1]; if (lineDash) { lineDashOffset = mathRound$1(lineDashOffset \|\| 0); updateAttr('stroke-dasharray', lineDash.join(',')); if (lineDashOffset \|\| forceUpdate) { updateAttr('stroke-dashoffset', lineDashOffset); } } } else if (forceUpdate) { updateAttr('stroke-dasharray', NONE); } for (var i = 0; i < strokeProps.length; i++) { var propName = strokeProps[i]; if (forceUpdate \|\| style[propName] !== DEFAULT_PATH_STYLE[propName]) { var val = style[propName] \|\| DEFAULT_PATH_STYLE[propName]; val && updateAttr(svgStrokeProps[i], val); } } } else if (forceUpdate) { updateAttr('stroke', NONE); } } var SVGNS = 'http://www.w3.org/2000/svg'; var XLINKNS = 'http://www.w3.org/1999/xlink'; var XMLNS = 'http://www.w3.org/2000/xmlns/'; var XML_NAMESPACE = 'http://www.w3.org/XML/1998/namespace'; var META_DATA_PREFIX = 'ecmeta_'; function createElement(name) { return document.createElementNS(SVGNS, name); } function createVNode(tag, key, attrs, children, text) { return { tag: tag, attrs: attrs \|\| {}, children: children, text: text, key: key }; } function createElementOpen(name, attrs) { var attrsStr = []; if (attrs) { for (var key in attrs) { var val = attrs[key]; var part = key; if (val === false) { continue; } else if (val !== true && val != null) { part += "=\"" + val + "\""; } attrsStr.push(part); } } return "<" + name + " " + attrsStr.join(' ') + ">"; } function createElementClose(name) { return "</" + name + ">"; } function vNodeToString(el, opts) { opts = opts \|\| {}; var S = opts.newline ? '\n' : ''; function convertElToString(el) { var children = el.children, tag = el.tag, attrs = el.attrs, text = el.text; return createElementOpen(tag, attrs) + (tag !== 'style' ? encodeHTML(text) : text \|\| '') + (children ? "" + S + map(children, function (child) { return convertElToString(child); }).join(S) + S : '') + createElementClose(tag); } return convertElToString(el); } function getCssString(selectorNodes, animationNodes, opts) { opts = opts \|\| {}; var S = opts.newline ? '\n' : ''; var bracketBegin = " {" + S; var bracketEnd = S + "}"; var selectors = map(keys(selectorNodes), function (className) { return className + bracketBegin + map(keys(selectorNodes[className]), function (attrName) { return attrName + ":" + selectorNodes[className][attrName] + ";"; }).join(S) + bracketEnd; }).join(S); var animations = map(keys(animationNodes), function (animationName) { return "@keyframes " + animationName + bracketBegin + map(keys(animationNodes[animationName]), function (percent) { return percent + bracketBegin + map(keys(animationNodes[animationName][percent]), function (attrName) { var val = animationNodes[animationName][percent][attrName]; if (attrName === 'd') { val = "path(\"" + val + "\")"; } return attrName + ":" + val + ";"; }).join(S) + bracketEnd; }).join(S) + bracketEnd; }).join(S); if (!selectors && !animations) { return ''; } return ['<![CDATA[', selectors, animations, ']]>'].join(S); } function createBrushScope(zrId) { return { zrId: zrId, shadowCache: {}, patternCache: {}, gradientCache: {}, clipPathCache: {}, defs: {}, cssNodes: {}, cssAnims: {}, cssStyleCache: {}, cssAnimIdx: 0, shadowIdx: 0, gradientIdx: 0, patternIdx: 0, clipPathIdx: 0 }; } function createSVGVNode(width, height, children, useViewBox) { return createVNode('svg', 'root', { 'width': width, 'height': height, 'xmlns': SVGNS, 'xmlns:xlink': XLINKNS, 'version': '1.1', 'baseProfile': 'full', 'viewBox': useViewBox ? "0 0 " + width + " " + height : false }, children); } var cssClassIdx = 0; function getClassId() { return cssClassIdx++; } var EASING_MAP = { cubicIn: '0.32,0,0.67,0', cubicOut: '0.33,1,0.68,1', cubicInOut: '0.65,0,0.35,1', quadraticIn: '0.11,0,0.5,0', quadraticOut: '0.5,1,0.89,1', quadraticInOut: '0.45,0,0.55,1', quarticIn: '0.5,0,0.75,0', quarticOut: '0.25,1,0.5,1', quarticInOut: '0.76,0,0.24,1', quinticIn: '0.64,0,0.78,0', quinticOut: '0.22,1,0.36,1', quinticInOut: '0.83,0,0.17,1', sinusoidalIn: '0.12,0,0.39,0', sinusoidalOut: '0.61,1,0.88,1', sinusoidalInOut: '0.37,0,0.63,1', exponentialIn: '0.7,0,0.84,0', exponentialOut: '0.16,1,0.3,1', exponentialInOut: '0.87,0,0.13,1', circularIn: '0.55,0,1,0.45', circularOut: '0,0.55,0.45,1', circularInOut: '0.85,0,0.15,1' }; var transformOriginKey = 'transform-origin'; function buildPathString(el, kfShape, path) { var shape = extend({}, el.shape); extend(shape, kfShape); el.buildPath(path, shape); var svgPathBuilder = new SVGPathRebuilder(); svgPathBuilder.reset(getPathPrecision(el)); path.rebuildPath(svgPathBuilder, 1); svgPathBuilder.generateStr(); return svgPathBuilder.getStr(); } function setTransformOrigin(target, transform) { var originX = transform.originX, originY = transform.originY; if (originX \|\| originY) { target[transformOriginKey] = originX + "px " + originY + "px"; } } var ANIMATE_STYLE_MAP = { fill: 'fill', opacity: 'opacity', lineWidth: 'stroke-width', lineDashOffset: 'stroke-dashoffset' }; function addAnimation(cssAnim, scope) { var animationName = scope.zrId + '-ani-' + scope.cssAnimIdx++; scope.cssAnims[animationName] = cssAnim; return animationName; } function createCompoundPathCSSAnimation(el, attrs, scope) { var paths = el.shape.paths; var composedAnim = {}; var cssAnimationCfg; var cssAnimationName; each(paths, function (path) { var subScope = createBrushScope(scope.zrId); subScope.animation = true; createCSSAnimation(path, {}, subScope, true); var cssAnims = subScope.cssAnims; var cssNodes = subScope.cssNodes; var animNames = keys(cssAnims); var len = animNames.length; if (!len) { return; } cssAnimationName = animNames[len - 1]; var lastAnim = cssAnims[cssAnimationName]; for (var percent in lastAnim) { var kf = lastAnim[percent]; composedAnim[percent] = composedAnim[percent] \|\| { d: '' }; composedAnim[percent].d += kf.d \|\| ''; } for (var className in cssNodes) { var val = cssNodes[className].animation; if (val.indexOf(cssAnimationName) >= 0) { cssAnimationCfg = val; } } }); if (!cssAnimationCfg) { return; } attrs.d = false; var animationName = addAnimation(composedAnim, scope); return cssAnimationCfg.replace(cssAnimationName, animationName); } function getEasingFunc(easing) { return isString(easing) ? EASING_MAP[easing] ? "cubic-bezier(" + EASING_MAP[easing] + ")" : createCubicEasingFunc(easing) ? easing : '' : ''; } function createCSSAnimation(el, attrs, scope, onlyShape) { var animators = el.animators; var len = animators.length; var cssAnimations = []; if (el instanceof CompoundPath) { var animationCfg = createCompoundPathCSSAnimation(el, attrs, scope); if (animationCfg) { cssAnimations.push(animationCfg); } else if (!len) { return; } } else if (!len) { return; } var groupAnimators = {}; for (var i = 0; i < len; i++) { var animator = animators[i]; var cfgArr = [animator.getMaxTime() / 1000 + 's']; var easing = getEasingFunc(animator.getClip().easing); var delay = animator.getDelay(); if (easing) { cfgArr.push(easing); } else { cfgArr.push('linear'); } if (delay) { cfgArr.push(delay / 1000 + 's'); } if (animator.getLoop()) { cfgArr.push('infinite'); } var cfg = cfgArr.join(' '); groupAnimators[cfg] = groupAnimators[cfg] \|\| [cfg, []]; groupAnimators[cfg][1].push(animator); } function createSingleCSSAnimation(groupAnimator) { var animators = groupAnimator[1]; var len = animators.length; var transformKfs = {}; var shapeKfs = {}; var finalKfs = {}; var animationTimingFunctionAttrName = 'animation-timing-function'; function saveAnimatorTrackToCssKfs(animator, cssKfs, toCssAttrName) { var tracks = animator.getTracks(); var maxTime = animator.getMaxTime(); for (var k = 0; k < tracks.length; k++) { var track = tracks[k]; if (track.needsAnimate()) { var kfs = track.keyframes; var attrName = track.propName; toCssAttrName && (attrName = toCssAttrName(attrName)); if (attrName) { for (var i = 0; i < kfs.length; i++) { var kf = kfs[i]; var percent = Math.round(kf.time / maxTime * 100) + '%'; var kfEasing = getEasingFunc(kf.easing); var rawValue = kf.rawValue; if (isString(rawValue) \|\| isNumber(rawValue)) { cssKfs[percent] = cssKfs[percent] \|\| {}; cssKfs[percent][attrName] = kf.rawValue; if (kfEasing) { cssKfs[percent][animationTimingFunctionAttrName] = kfEasing; } } } } } } } for (var i = 0; i < len; i++) { var animator = animators[i]; var targetProp = animator.targetName; if (!targetProp) { !onlyShape && saveAnimatorTrackToCssKfs(animator, transformKfs); } else if (targetProp === 'shape') { saveAnimatorTrackToCssKfs(animator, shapeKfs); } } for (var percent in transformKfs) { var transform = {}; copyTransform(transform, el); extend(transform, transformKfs[percent]); var str = getSRTTransformString(transform); var timingFunction = transformKfs[percent][animationTimingFunctionAttrName]; finalKfs[percent] = str ? { transform: str } : {}; setTransformOrigin(finalKfs[percent], transform); if (timingFunction) { finalKfs[percent][animationTimingFunctionAttrName] = timingFunction; } } var path; var canAnimateShape = true; for (var percent in shapeKfs) { finalKfs[percent] = finalKfs[percent] \|\| {}; var isFirst = !path; var timingFunction = shapeKfs[percent][animationTimingFunctionAttrName]; if (isFirst) { path = new PathProxy(); } var len_1 = path.len(); path.reset(); finalKfs[percent].d = buildPathString(el, shapeKfs[percent], path); var newLen = path.len(); if (!isFirst && len_1 !== newLen) { canAnimateShape = false; break; } if (timingFunction) { finalKfs[percent][animationTimingFunctionAttrName] = timingFunction; } } if (!canAnimateShape) { for (var percent in finalKfs) { delete finalKfs[percent].d; } } if (!onlyShape) { for (var i = 0; i < len; i++) { var animator = animators[i]; var targetProp = animator.targetName; if (targetProp === 'style') { saveAnimatorTrackToCssKfs(animator, finalKfs, function (propName) { return ANIMATE_STYLE_MAP[propName]; }); } } } var percents = keys(finalKfs); var allTransformOriginSame = true; var transformOrigin; for (var i = 1; i < percents.length; i++) { var p0 = percents[i - 1]; var p1 = percents[i]; if (finalKfs[p0][transformOriginKey] !== finalKfs[p1][transformOriginKey]) { allTransformOriginSame = false; break; } transformOrigin = finalKfs[p0][transformOriginKey]; } if (allTransformOriginSame && transformOrigin) { for (var percent in finalKfs) { if (finalKfs[percent][transformOriginKey]) { delete finalKfs[percent][transformOriginKey]; } } attrs[transformOriginKey] = transformOrigin; } if (filter(percents, function (percent) { return keys(finalKfs[percent]).length > 0; }).length) { var animationName = addAnimation(finalKfs, scope); return animationName + " " + groupAnimator[0] + " both"; } } for (var key in groupAnimators) { var animationCfg = createSingleCSSAnimation(groupAnimators[key]); if (animationCfg) { cssAnimations.push(animationCfg); } } if (cssAnimations.length) { var className = scope.zrId + '-cls-' + getClassId(); scope.cssNodes['.' + className] = { animation: cssAnimations.join(',') }; attrs["class"] = className; } } function createCSSEmphasis(el, attrs, scope) { if (!el.ignore) { if (el.isSilent()) { var style = { 'pointer-events': 'none' }; setClassAttribute(style, attrs, scope, true); } else { var emphasisStyle = el.states.emphasis && el.states.emphasis.style ? el.states.emphasis.style : {}; var fill = emphasisStyle.fill; if (!fill) { var normalFill = el.style && el.style.fill; var selectFill = el.states.select && el.states.select.style && el.states.select.style.fill; var fromFill = el.currentStates.indexOf('select') >= 0 ? (selectFill \|\| normalFill) : normalFill; if (fromFill) { fill = liftColor(fromFill); } } var lineWidth = emphasisStyle.lineWidth; if (lineWidth) { var scaleX = (!emphasisStyle.strokeNoScale && el.transform) ? el.transform[0] : 1; lineWidth = lineWidth / scaleX; } var style = { cursor: 'pointer', }; if (fill) { style.fill = fill; } if (emphasisStyle.stroke) { style.stroke = emphasisStyle.stroke; } if (lineWidth) { style['stroke-width'] = lineWidth; } setClassAttribute(style, attrs, scope, true); } } } function setClassAttribute(style, attrs, scope, withHover) { var styleKey = JSON.stringify(style); var className = scope.cssStyleCache[styleKey]; if (!className) { className = scope.zrId + '-cls-' + getClassId(); scope.cssStyleCache[styleKey] = className; scope.cssNodes['.' + className + (withHover ? ':hover' : '')] = style; } attrs["class"] = attrs["class"] ? (attrs["class"] + ' ' + className) : className; } var round$1 = Math.round; function isImageLike$1(val) { return val && isString(val.src); } function isCanvasLike(val) { return val && isFunction(val.toDataURL); } function setStyleAttrs(attrs, style, el, scope) { mapStyleToAttrs(function (key, val) { var isFillStroke = key === 'fill' \|\| key === 'stroke'; if (isFillStroke && isGradient(val)) { setGradient(style, attrs, key, scope); } else if (isFillStroke && isPattern(val)) { setPattern(el, attrs, key, scope); } else { attrs[key] = val; } if (isFillStroke && scope.ssr && val === 'none') { attrs['pointer-events'] = 'visible'; } }, style, el, false); setShadow(el, attrs, scope); } function setMetaData(attrs, el) { var metaData = getElementSSRData(el); if (metaData) { metaData.each(function (val, key) { val != null && (attrs[(META_DATA_PREFIX + key).toLowerCase()] = val + ''); }); if (el.isSilent()) { attrs[META_DATA_PREFIX + 'silent'] = 'true'; } } } function noRotateScale(m) { return isAroundZero$1(m[0] - 1) && isAroundZero$1(m[1]) && isAroundZero$1(m[2]) && isAroundZero$1(m[3] - 1); } function noTranslate(m) { return isAroundZero$1(m[4]) && isAroundZero$1(m[5]); } function setTransform(attrs, m, compress) { if (m && !(noTranslate(m) && noRotateScale(m))) { var mul = compress ? 10 : 1e4; attrs.transform = noRotateScale(m) ? "translate(" + round$1(m[4] * mul) / mul + " " + round$1(m[5] * mul) / mul + ")" : getMatrixStr(m); } } function convertPolyShape(shape, attrs, mul) { var points = shape.points; var strArr = []; for (var i = 0; i < points.length; i++) { strArr.push(round$1(points[i][0] * mul) / mul); strArr.push(round$1(points[i][1] * mul) / mul); } attrs.points = strArr.join(' '); } function validatePolyShape(shape) { return !shape.smooth; } function createAttrsConvert(desc) { var normalizedDesc = map(desc, function (item) { return (typeof item === 'string' ? [item, item] : item); }); return function (shape, attrs, mul) { for (var i = 0; i < normalizedDesc.length; i++) { var item = normalizedDesc[i]; var val = shape[item[0]]; if (val != null) { attrs[item[1]] = round$1(val * mul) / mul; } } }; } var builtinShapesDef = { circle: [createAttrsConvert(['cx', 'cy', 'r'])], polyline: [convertPolyShape, validatePolyShape], polygon: [convertPolyShape, validatePolyShape] }; function hasShapeAnimation(el) { var animators = el.animators; for (var i = 0; i < animators.length; i++) { if (animators[i].targetName === 'shape') { return true; } } return false; } function brushSVGPath(el, scope) { var style = el.style; var shape = el.shape; var builtinShpDef = builtinShapesDef[el.type]; var attrs = {}; var needsAnimate = scope.animation; var svgElType = 'path'; var strokePercent = el.style.strokePercent; var precision = (scope.compress && getPathPrecision(el)) \|\| 4; if (builtinShpDef && !scope.willUpdate && !(builtinShpDef[1] && !builtinShpDef[1](shape)) && !(needsAnimate && hasShapeAnimation(el)) && !(strokePercent < 1)) { svgElType = el.type; var mul = Math.pow(10, precision); builtinShpDef[0](shape, attrs, mul); } else { var needBuildPath = !el.path \|\| el.shapeChanged(); if (!el.path) { el.createPathProxy(); } var path = el.path; if (needBuildPath) { path.beginPath(); el.buildPath(path, el.shape); el.pathUpdated(); } var pathVersion = path.getVersion(); var elExt = el; var svgPathBuilder = elExt.__svgPathBuilder; if (elExt.__svgPathVersion !== pathVersion \|\| !svgPathBuilder \|\| strokePercent !== elExt.__svgPathStrokePercent) { if (!svgPathBuilder) { svgPathBuilder = elExt.__svgPathBuilder = new SVGPathRebuilder(); } svgPathBuilder.reset(precision); path.rebuildPath(svgPathBuilder, strokePercent); svgPathBuilder.generateStr(); elExt.__svgPathVersion = pathVersion; elExt.__svgPathStrokePercent = strokePercent; } attrs.d = svgPathBuilder.getStr(); } setTransform(attrs, el.transform); setStyleAttrs(attrs, style, el, scope); setMetaData(attrs, el); scope.animation && createCSSAnimation(el, attrs, scope); scope.emphasis && createCSSEmphasis(el, attrs, scope); return createVNode(svgElType, el.id + '', attrs); } function brushSVGImage(el, scope) { var style = el.style; var image = style.image; if (image && !isString(image)) { if (isImageLike$1(image)) { image = image.src; } else if (isCanvasLike(image)) { image = image.toDataURL(); } } if (!image) { return; } var x = style.x \|\| 0; var y = style.y \|\| 0; var dw = style.width; var dh = style.height; var attrs = { href: image, width: dw, height: dh }; if (x) { attrs.x = x; } if (y) { attrs.y = y; } setTransform(attrs, el.transform); setStyleAttrs(attrs, style, el, scope); setMetaData(attrs, el); scope.animation && createCSSAnimation(el, attrs, scope); return createVNode('image', el.id + '', attrs); } function brushSVGTSpan(el, scope) { var style = el.style; var text = style.text; text != null && (text += ''); if (!text \|\| isNaN(style.x) \|\| isNaN(style.y)) { return; } var font = style.font \|\| DEFAULT_FONT; var x = style.x \|\| 0; var y = adjustTextY(style.y \|\| 0, getLineHeight(font), style.textBaseline); var textAlign = TEXT_ALIGN_TO_ANCHOR[style.textAlign] \|\| style.textAlign; var attrs = { 'dominant-baseline': 'central', 'text-anchor': textAlign }; if (hasSeparateFont(style)) { var separatedFontStr = ''; var fontStyle = style.fontStyle; var fontSize = parseFontSize(style.fontSize); if (!parseFloat(fontSize)) { return; } var fontFamily = style.fontFamily \|\| DEFAULT_FONT_FAMILY; var fontWeight = style.fontWeight; separatedFontStr += "font-size:" + fontSize + ";font-family:" + fontFamily + ";"; if (fontStyle && fontStyle !== 'normal') { separatedFontStr += "font-style:" + fontStyle + ";"; } if (fontWeight && fontWeight !== 'normal') { separatedFontStr += "font-weight:" + fontWeight + ";"; } attrs.style = separatedFontStr; } else { attrs.style = "font: " + font; } if (text.match(/\s/)) { attrs['xml:space'] = 'preserve'; } if (x) { attrs.x = x; } if (y) { attrs.y = y; } setTransform(attrs, el.transform); setStyleAttrs(attrs, style, el, scope); setMetaData(attrs, el); scope.animation && createCSSAnimation(el, attrs, scope); return createVNode('text', el.id + '', attrs, undefined, text); } function brush$1(el, scope) { if (el instanceof Path) { return brushSVGPath(el, scope); } else if (el instanceof ZRImage) { return brushSVGImage(el, scope); } else if (el instanceof TSpan) { return brushSVGTSpan(el, scope); } } function setShadow(el, attrs, scope) { var style = el.style; if (hasShadow(style)) { var shadowKey = getShadowKey(el); var shadowCache = scope.shadowCache; var shadowId = shadowCache[shadowKey]; if (!shadowId) { var globalScale = el.getGlobalScale(); var scaleX = globalScale[0]; var scaleY = globalScale[1]; if (!scaleX \|\| !scaleY) { return; } var offsetX = style.shadowOffsetX \|\| 0; var offsetY = style.shadowOffsetY \|\| 0; var blur_1 = style.shadowBlur; var _a = normalizeColor(style.shadowColor), opacity = _a.opacity, color = _a.color; var stdDx = blur_1 / 2 / scaleX; var stdDy = blur_1 / 2 / scaleY; var stdDeviation = stdDx + ' ' + stdDy; shadowId = scope.zrId + '-s' + scope.shadowIdx++; scope.defs[shadowId] = createVNode('filter', shadowId, { 'id': shadowId, 'x': '-100%', 'y': '-100%', 'width': '300%', 'height': '300%' }, [ createVNode('feDropShadow', '', { 'dx': offsetX / scaleX, 'dy': offsetY / scaleY, 'stdDeviation': stdDeviation, 'flood-color': color, 'flood-opacity': opacity }) ]); shadowCache[shadowKey] = shadowId; } attrs.filter = getIdURL(shadowId); } } function setGradient(style, attrs, target, scope) { var val = style[target]; var gradientTag; var gradientAttrs = { 'gradientUnits': val.global ? 'userSpaceOnUse' : 'objectBoundingBox' }; if (isLinearGradient(val)) { gradientTag = 'linearGradient'; gradientAttrs.x1 = val.x; gradientAttrs.y1 = val.y; gradientAttrs.x2 = val.x2; gradientAttrs.y2 = val.y2; } else if (isRadialGradient(val)) { gradientTag = 'radialGradient'; gradientAttrs.cx = retrieve2(val.x, 0.5); gradientAttrs.cy = retrieve2(val.y, 0.5); gradientAttrs.r = retrieve2(val.r, 0.5); } else { { logError('Illegal gradient type.'); } return; } var colors = val.colorStops; var colorStops = []; for (var i = 0, len = colors.length; i < len; ++i) { var offset = round4(colors[i].offset) * 100 + '%'; var stopColor = colors[i].color; var _a = normalizeColor(stopColor), color = _a.color, opacity = _a.opacity; var stopsAttrs = { 'offset': offset }; stopsAttrs['stop-color'] = color; if (opacity < 1) { stopsAttrs['stop-opacity'] = opacity; } colorStops.push(createVNode('stop', i + '', stopsAttrs)); } var gradientVNode = createVNode(gradientTag, '', gradientAttrs, colorStops); var gradientKey = vNodeToString(gradientVNode); var gradientCache = scope.gradientCache; var gradientId = gradientCache[gradientKey]; if (!gradientId) { gradientId = scope.zrId + '-g' + scope.gradientIdx++; gradientCache[gradientKey] = gradientId; gradientAttrs.id = gradientId; scope.defs[gradientId] = createVNode(gradientTag, gradientId, gradientAttrs, colorStops); } attrs[target] = getIdURL(gradientId); } function setPattern(el, attrs, target, scope) { var val = el.style[target]; var boundingRect = el.getBoundingRect(); var patternAttrs = {}; var repeat = val.repeat; var noRepeat = repeat === 'no-repeat'; var repeatX = repeat === 'repeat-x'; var repeatY = repeat === 'repeat-y'; var child; if (isImagePattern(val)) { var imageWidth_1 = val.imageWidth; var imageHeight_1 = val.imageHeight; var imageSrc = void 0; var patternImage = val.image; if (isString(patternImage)) { imageSrc = patternImage; } else if (isImageLike$1(patternImage)) { imageSrc = patternImage.src; } else if (isCanvasLike(patternImage)) { imageSrc = patternImage.toDataURL(); } if (typeof Image === 'undefined') { var errMsg = 'Image width/height must been given explictly in svg-ssr renderer.'; assert(imageWidth_1, errMsg); assert(imageHeight_1, errMsg); } else if (imageWidth_1 == null \|\| imageHeight_1 == null) { var setSizeToVNode_1 = function (vNode, img) { if (vNode) { var svgEl = vNode.elm; var width = imageWidth_1 \|\| img.width; var height = imageHeight_1 \|\| img.height; if (vNode.tag === 'pattern') { if (repeatX) { height = 1; width /= boundingRect.width; } else if (repeatY) { width = 1; height /= boundingRect.height; } } vNode.attrs.width = width; vNode.attrs.height = height; if (svgEl) { svgEl.setAttribute('width', width); svgEl.setAttribute('height', height); } } }; var createdImage = createOrUpdateImage(imageSrc, null, el, function (img) { noRepeat \|\| setSizeToVNode_1(patternVNode, img); setSizeToVNode_1(child, img); }); if (createdImage && createdImage.width && createdImage.height) { imageWidth_1 = imageWidth_1 \|\| createdImage.width; imageHeight_1 = imageHeight_1 \|\| createdImage.height; } } child = createVNode('image', 'img', { href: imageSrc, width: imageWidth_1, height: imageHeight_1 }); patternAttrs.width = imageWidth_1; patternAttrs.height = imageHeight_1; } else if (val.svgElement) { child = clone(val.svgElement); patternAttrs.width = val.svgWidth; patternAttrs.height = val.svgHeight; } if (!child) { return; } var patternWidth; var patternHeight; if (noRepeat) { patternWidth = patternHeight = 1; } else if (repeatX) { patternHeight = 1; patternWidth = patternAttrs.width / boundingRect.width; } else if (repeatY) { patternWidth = 1; patternHeight = patternAttrs.height / boundingRect.height; } else { patternAttrs.patternUnits = 'userSpaceOnUse'; } if (patternWidth != null && !isNaN(patternWidth)) { patternAttrs.width = patternWidth; } if (patternHeight != null && !isNaN(patternHeight)) { patternAttrs.height = patternHeight; } var patternTransform = getSRTTransformString(val); patternTransform && (patternAttrs.patternTransform = patternTransform); var patternVNode = createVNode('pattern', '', patternAttrs, [child]); var patternKey = vNodeToString(patternVNode); var patternCache = scope.patternCache; var patternId = patternCache[patternKey]; if (!patternId) { patternId = scope.zrId + '-p' + scope.patternIdx++; patternCache[patternKey] = patternId; patternAttrs.id = patternId; patternVNode = scope.defs[patternId] = createVNode('pattern', patternId, patternAttrs, [child]); } attrs[target] = getIdURL(patternId); } function setClipPath(clipPath, attrs, scope) { var clipPathCache = scope.clipPathCache, defs = scope.defs; var clipPathId = clipPathCache[clipPath.id]; if (!clipPathId) { clipPathId = scope.zrId + '-c' + scope.clipPathIdx++; var clipPathAttrs = { id: clipPathId }; clipPathCache[clipPath.id] = clipPathId; defs[clipPathId] = createVNode('clipPath', clipPathId, clipPathAttrs, [brushSVGPath(clipPath, scope)]); } attrs['clip-path'] = getIdURL(clipPathId); } function createTextNode(text) { return document.createTextNode(text); } function insertBefore(parentNode, newNode, referenceNode) { parentNode.insertBefore(newNode, referenceNode); } function removeChild(node, child) { node.removeChild(child); } function appendChild(node, child) { node.appendChild(child); } function parentNode(node) { return node.parentNode; } function nextSibling(node) { return node.nextSibling; } function setTextContent(node, text) { node.textContent = text; } var colonChar = 58; var xChar = 120; var emptyNode = createVNode('', ''); function isUndef(s) { return s === undefined; } function isDef(s) { return s !== undefined; } function createKeyToOldIdx(children, beginIdx, endIdx) { var map = {}; for (var i = beginIdx; i <= endIdx; ++i) { var key = children[i].key; if (key !== undefined) { { if (map[key] != null) { console.error("Duplicate key " + key); } } map[key] = i; } } return map; } function sameVnode(vnode1, vnode2) { var isSameKey = vnode1.key === vnode2.key; var isSameTag = vnode1.tag === vnode2.tag; return isSameTag && isSameKey; } function createElm(vnode) { var i; var children = vnode.children; var tag = vnode.tag; if (isDef(tag)) { var elm = (vnode.elm = createElement(tag)); updateAttrs(emptyNode, vnode); if (isArray(children)) { for (i = 0; i < children.length; ++i) { var ch = children[i]; if (ch != null) { appendChild(elm, createElm(ch)); } } } else if (isDef(vnode.text) && !isObject(vnode.text)) { appendChild(elm, createTextNode(vnode.text)); } } else { vnode.elm = createTextNode(vnode.text); } return vnode.elm; } function addVnodes(parentElm, before, vnodes, startIdx, endIdx) { for (; startIdx <= endIdx; ++startIdx) { var ch = vnodes[startIdx]; if (ch != null) { insertBefore(parentElm, createElm(ch), before); } } } function removeVnodes(parentElm, vnodes, startIdx, endIdx) { for (; startIdx <= endIdx; ++startIdx) { var ch = vnodes[startIdx]; if (ch != null) { if (isDef(ch.tag)) { var parent_1 = parentNode(ch.elm); removeChild(parent_1, ch.elm); } else { removeChild(parentElm, ch.elm); } } } } function updateAttrs(oldVnode, vnode) { var key; var elm = vnode.elm; var oldAttrs = oldVnode && oldVnode.attrs \|\| {}; var attrs = vnode.attrs \|\| {}; if (oldAttrs === attrs) { return; } for (key in attrs) { var cur = attrs[key]; var old = oldAttrs[key]; if (old !== cur) { if (cur === true) { elm.setAttribute(key, ''); } else if (cur === false) { elm.removeAttribute(key); } else { if (key === 'style') { elm.style.cssText = cur; } else if (key.charCodeAt(0) !== xChar) { elm.setAttribute(key, cur); } else if (key === 'xmlns:xlink' \|\| key === 'xmlns') { elm.setAttributeNS(XMLNS, key, cur); } else if (key.charCodeAt(3) === colonChar) { elm.setAttributeNS(XML_NAMESPACE, key, cur); } else if (key.charCodeAt(5) === colonChar) { elm.setAttributeNS(XLINKNS, key, cur); } else { elm.setAttribute(key, cur); } } } } for (key in oldAttrs) { if (!(key in attrs)) { elm.removeAttribute(key); } } } function updateChildren(parentElm, oldCh, newCh) { var oldStartIdx = 0; var newStartIdx = 0; var oldEndIdx = oldCh.length - 1; var oldStartVnode = oldCh[0]; var oldEndVnode = oldCh[oldEndIdx]; var newEndIdx = newCh.length - 1; var newStartVnode = newCh[0]; var newEndVnode = newCh[newEndIdx]; var oldKeyToIdx; var idxInOld; var elmToMove; var before; while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) { if (oldStartVnode == null) { oldStartVnode = oldCh[++oldStartIdx]; } else if (oldEndVnode == null) { oldEndVnode = oldCh[--oldEndIdx]; } else if (newStartVnode == null) { newStartVnode = newCh[++newStartIdx]; } else if (newEndVnode == null) { newEndVnode = newCh[--newEndIdx]; } else if (sameVnode(oldStartVnode, newStartVnode)) { patchVnode(oldStartVnode, newStartVnode); oldStartVnode = oldCh[++oldStartIdx]; newStartVnode = newCh[++newStartIdx]; } else if (sameVnode(oldEndVnode, newEndVnode)) { patchVnode(oldEndVnode, newEndVnode); oldEndVnode = oldCh[--oldEndIdx]; newEndVnode = newCh[--newEndIdx]; } else if (sameVnode(oldStartVnode, newEndVnode)) { patchVnode(oldStartVnode, newEndVnode); insertBefore(parentElm, oldStartVnode.elm, nextSibling(oldEndVnode.elm)); oldStartVnode = oldCh[++oldStartIdx]; newEndVnode = newCh[--newEndIdx]; } else if (sameVnode(oldEndVnode, newStartVnode)) { patchVnode(oldEndVnode, newStartVnode); insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm); oldEndVnode = oldCh[--oldEndIdx]; newStartVnode = newCh[++newStartIdx]; } else { if (isUndef(oldKeyToIdx)) { oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx); } idxInOld = oldKeyToIdx[newStartVnode.key]; if (isUndef(idxInOld)) { insertBefore(parentElm, createElm(newStartVnode), oldStartVnode.elm); } else { elmToMove = oldCh[idxInOld]; if (elmToMove.tag !== newStartVnode.tag) { insertBefore(parentElm, createElm(newStartVnode), oldStartVnode.elm); } else { patchVnode(elmToMove, newStartVnode); oldCh[idxInOld] = undefined; insertBefore(parentElm, elmToMove.elm, oldStartVnode.elm); } } newStartVnode = newCh[++newStartIdx]; } } if (oldStartIdx <= oldEndIdx \|\| newStartIdx <= newEndIdx) { if (oldStartIdx > oldEndIdx) { before = newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].elm; addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx); } else { removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx); } } } function patchVnode(oldVnode, vnode) { var elm = (vnode.elm = oldVnode.elm); var oldCh = oldVnode.children; var ch = vnode.children; if (oldVnode === vnode) { return; } updateAttrs(oldVnode, vnode); if (isUndef(vnode.text)) { if (isDef(oldCh) && isDef(ch)) { if (oldCh !== ch) { updateChildren(elm, oldCh, ch); } } else if (isDef(ch)) { if (isDef(oldVnode.text)) { setTextContent(elm, ''); } addVnodes(elm, null, ch, 0, ch.length - 1); } else if (isDef(oldCh)) { removeVnodes(elm, oldCh, 0, oldCh.length - 1); } else if (isDef(oldVnode.text)) { setTextContent(elm, ''); } } else if (oldVnode.text !== vnode.text) { if (isDef(oldCh)) { removeVnodes(elm, oldCh, 0, oldCh.length - 1); } setTextContent(elm, vnode.text); } } function patch(oldVnode, vnode) { if (sameVnode(oldVnode, vnode)) { patchVnode(oldVnode, vnode); } else { var elm = oldVnode.elm; var parent_2 = parentNode(elm); createElm(vnode); if (parent_2 !== null) { insertBefore(parent_2, vnode.elm, nextSibling(elm)); removeVnodes(parent_2, [oldVnode], 0, 0); } } return vnode; } var svgId = 0; var SVGPainter = (function () { function SVGPainter(root, storage, opts) { this.type = 'svg'; this.refreshHover = createMethodNotSupport('refreshHover'); this.configLayer = createMethodNotSupport('configLayer'); this.storage = storage; this._opts = opts = extend({}, opts); this.root = root; this._id = 'zr' + svgId++; this._oldVNode = createSVGVNode(opts.width, opts.height); if (root && !opts.ssr) { var viewport = this._viewport = document.createElement('div'); viewport.style.cssText = 'position:relative;overflow:hidden'; var svgDom = this._svgDom = this._oldVNode.elm = createElement('svg'); updateAttrs(null, this._oldVNode); viewport.appendChild(svgDom); root.appendChild(viewport); } this.resize(opts.width, opts.height); } SVGPainter.prototype.getType = function () { return this.type; }; SVGPainter.prototype.getViewportRoot = function () { return this._viewport; }; SVGPainter.prototype.getViewportRootOffset = function () { var viewportRoot = this.getViewportRoot(); if (viewportRoot) { return { offsetLeft: viewportRoot.offsetLeft \|\| 0, offsetTop: viewportRoot.offsetTop \|\| 0 }; } }; SVGPainter.prototype.getSvgDom = function () { return this._svgDom; }; SVGPainter.prototype.refresh = function () { if (this.root) { var vnode = this.renderToVNode({ willUpdate: true }); vnode.attrs.style = 'position:absolute;left:0;top:0;user-select:none'; patch(this._oldVNode, vnode); this._oldVNode = vnode; } }; SVGPainter.prototype.renderOneToVNode = function (el) { return brush$1(el, createBrushScope(this._id)); }; SVGPainter.prototype.renderToVNode = function (opts) { opts = opts \|\| {}; var list = this.storage.getDisplayList(true); var width = this._width; var height = this._height; var scope = createBrushScope(this._id); scope.animation = opts.animation; scope.willUpdate = opts.willUpdate; scope.compress = opts.compress; scope.emphasis = opts.emphasis; scope.ssr = this._opts.ssr; var children = []; var bgVNode = this._bgVNode = createBackgroundVNode(width, height, this._backgroundColor, scope); bgVNode && children.push(bgVNode); var mainVNode = !opts.compress ? (this._mainVNode = createVNode('g', 'main', {}, [])) : null; this._paintList(list, scope, mainVNode ? mainVNode.children : children); mainVNode && children.push(mainVNode); var defs = map(keys(scope.defs), function (id) { return scope.defs[id]; }); if (defs.length) { children.push(createVNode('defs', 'defs', {}, defs)); } if (opts.animation) { var animationCssStr = getCssString(scope.cssNodes, scope.cssAnims, { newline: true }); if (animationCssStr) { var styleNode = createVNode('style', 'stl', {}, [], animationCssStr); children.push(styleNode); } } return createSVGVNode(width, height, children, opts.useViewBox); }; SVGPainter.prototype.renderToString = function (opts) { opts = opts \|\| {}; return vNodeToString(this.renderToVNode({ animation: retrieve2(opts.cssAnimation, true), emphasis: retrieve2(opts.cssEmphasis, true), willUpdate: false, compress: true, useViewBox: retrieve2(opts.useViewBox, true) }), { newline: true }); }; SVGPainter.prototype.setBackgroundColor = function (backgroundColor) { this._backgroundColor = backgroundColor; }; SVGPainter.prototype.getSvgRoot = function () { return this._mainVNode && this._mainVNode.elm; }; SVGPainter.prototype._paintList = function (list, scope, out) { var listLen = list.length; var clipPathsGroupsStack = []; var clipPathsGroupsStackDepth = 0; var currentClipPathGroup; var prevClipPaths; var clipGroupNodeIdx = 0; for (var i = 0; i < listLen; i++) { var displayable = list[i]; if (!displayable.invisible) { var clipPaths = displayable.__clipPaths; var len = clipPaths && clipPaths.length \|\| 0; var prevLen = prevClipPaths && prevClipPaths.length \|\| 0; var lca = void 0; for (lca = Math.max(len - 1, prevLen - 1); lca >= 0; lca--) { if (clipPaths && prevClipPaths && clipPaths[lca] === prevClipPaths[lca]) { break; } } for (var i_1 = prevLen - 1; i_1 > lca; i_1--) { clipPathsGroupsStackDepth--; currentClipPathGroup = clipPathsGroupsStack[clipPathsGroupsStackDepth - 1]; } for (var i_2 = lca + 1; i_2 < len; i_2++) { var groupAttrs = {}; setClipPath(clipPaths[i_2], groupAttrs, scope); var g = createVNode('g', 'clip-g-' + clipGroupNodeIdx++, groupAttrs, []); (currentClipPathGroup ? currentClipPathGroup.children : out).push(g); clipPathsGroupsStack[clipPathsGroupsStackDepth++] = g; currentClipPathGroup = g; } prevClipPaths = clipPaths; var ret = brush$1(displayable, scope); if (ret) { (currentClipPathGroup ? currentClipPathGroup.children : out).push(ret); } } } }; SVGPainter.prototype.resize = function (width, height) { var opts = this._opts; var root = this.root; var viewport = this._viewport; width != null && (opts.width = width); height != null && (opts.height = height); if (root && viewport) { viewport.style.display = 'none'; width = getSize(root, 0, opts); height = getSize(root, 1, opts); viewport.style.display = ''; } if (this._width !== width \|\| this._height !== height) { this._width = width; this._height = height; if (viewport) { var viewportStyle = viewport.style; viewportStyle.width = width + 'px'; viewportStyle.height = height + 'px'; } if (!isPattern(this._backgroundColor)) { var svgDom = this._svgDom; if (svgDom) { svgDom.setAttribute('width', width); svgDom.setAttribute('height', height); } var bgEl = this._bgVNode && this._bgVNode.elm; if (bgEl) { bgEl.setAttribute('width', width); bgEl.setAttribute('height', height); } } else { this.refresh(); } } }; SVGPainter.prototype.getWidth = function () { return this._width; }; SVGPainter.prototype.getHeight = function () { return this._height; }; SVGPainter.prototype.dispose = function () { if (this.root) { this.root.innerHTML = ''; } this._svgDom = this._viewport = this.storage = this._oldVNode = this._bgVNode = this._mainVNode = null; }; SVGPainter.prototype.clear = function () { if (this._svgDom) { this._svgDom.innerHTML = null; } this._oldVNode = null; }; SVGPainter.prototype.toDataURL = function (base64) { var str = this.renderToString(); var prefix = 'data:image/svg+xml;'; if (base64) { str = encodeBase64(str); return str && prefix + 'base64,' + str; } return prefix + 'charset=UTF-8,' + encodeURIComponent(str); }; return SVGPainter; }()); function createMethodNotSupport(method) { return function () { { logError('In SVG mode painter not support method "' + method + '"'); } }; } function createBackgroundVNode(width, height, backgroundColor, scope) { var bgVNode; if (backgroundColor && backgroundColor !== 'none') { bgVNode = createVNode('rect', 'bg', { width: width, height: height, x: '0', y: '0' }); if (isGradient(backgroundColor)) { setGradient({ fill: backgroundColor }, bgVNode.attrs, 'fill', scope); } else if (isPattern(backgroundColor)) { setPattern({ style: { fill: backgroundColor }, dirty: noop, getBoundingRect: function () { return ({ width: width, height: height }); } }, bgVNode.attrs, 'fill', scope); } else { var _a = normalizeColor(backgroundColor), color = _a.color, opacity = _a.opacity; bgVNode.attrs.fill = color; opacity < 1 && (bgVNode.attrs['fill-opacity'] = opacity); } } return bgVNode; } registerPainter('canvas', CanvasPainter); registerPainter('svg', SVGPainter); exports.Arc = Arc; exports.ArcShape = ArcShape; exports.BezierCurve = BezierCurve; exports.BezierCurveShape = BezierCurveShape; exports.BoundingRect = BoundingRect; exports.Circle = Circle; exports.CircleShape = CircleShape; exports.CompoundPath = CompoundPath; exports.Displayable = Displayable; exports.Droplet = Droplet; exports.DropletShape = DropletShape; exports.Element = Element; exports.Ellipse = Ellipse; exports.EllipseShape = EllipseShape; exports.Group = Group; exports.Heart = Heart; exports.HeartShape = HeartShape; exports.Image = ZRImage; exports.IncrementalDisplayable = IncrementalDisplayable; exports.Isogon = Isogon; exports.IsogonShape = IsogonShape; exports.Line = Line; exports.LineShape = LineShape; exports.LinearGradient = LinearGradient; exports.OrientedBoundingRect = OrientedBoundingRect; exports.Path = Path; exports.Pattern = Pattern; exports.Point = Point; exports.Polygon = Polygon; exports.PolygonShape = PolygonShape; exports.Polyline = Polyline; exports.PolylineShape = PolylineShape; exports.RadialGradient = RadialGradient; exports.Rect = Rect; exports.RectShape = RectShape; exports.Ring = Ring; exports.RingShape = RingShape; exports.Rose = Rose; exports.RoseShape = RoseShape; exports.Sector = Sector; exports.SectorShape = SectorShape; exports.Star = Star; exports.StarShape = StarShape; exports.TSpan = TSpan; exports.Text = ZRText; exports.Trochoid = Trochoid; exports.TrochoidShape = TrochoidShape; exports.color = color; exports.dispose = dispose; exports.disposeAll = disposeAll; exports.getElementSSRData = getElementSSRData; exports.getInstance = getInstance; exports.init = init; exports.matrix = matrix; exports.morph = morphPath$1; exports.parseSVG = parseSVG; exports.path = path; exports.registerPainter = registerPainter; exports.registerSSRDataGetter = registerSSRDataGetter; exports.setPlatformAPI = setPlatformAPI; exports.showDebugDirtyRect = showDebugDirtyRect; exports.util = util; exports.vector = vector; exports.version = version; Object.defineProperty(exports, '__esModule', { value: true }); }))); //# sourceMappingURL=zrender.js.map

Ignore Space Show notes View

assets_platform/zrender/zrender.js 0 → 100644

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
    typeof define === 'function' && define.amd ? define(['exports'], factory) :
    (global = global || self, factory(global.zrender = {}));
}(this, (function (exports) { 'use strict';

var util = /*#__PURE__*/Object.freeze({
        __proto__: null,
        guid: guid,
        logError: logError,
        clone: clone,
        merge: merge,
        mergeAll: mergeAll,
        extend: extend,
        defaults: defaults,
        createCanvas: createCanvas,
        indexOf: indexOf,
        inherits: inherits,
        mixin: mixin,
        isArrayLike: isArrayLike,
        each: each,
        map: map,
        reduce: reduce,
        filter: filter,
        find: find,
        keys: keys,
        bind: bind,
        curry: curry,
        isArray: isArray,
        isFunction: isFunction,
        isString: isString,
        isStringSafe: isStringSafe,
        isNumber: isNumber,
        isObject: isObject,
        isBuiltInObject: isBuiltInObject,
        isTypedArray: isTypedArray,
        isDom: isDom,
        isGradientObject: isGradientObject,
        isImagePatternObject: isImagePatternObject,
        isRegExp: isRegExp,
        eqNaN: eqNaN,
        retrieve: retrieve,
        retrieve2: retrieve2,
        retrieve3: retrieve3,
        slice: slice,
        normalizeCssArray: normalizeCssArray,
        assert: assert,
        trim: trim,
        setAsPrimitive: setAsPrimitive,
        isPrimitive: isPrimitive,
        HashMap: HashMap,
        createHashMap: createHashMap,
        concatArray: concatArray,
        createObject: createObject,
        disableUserSelect: disableUserSelect,
        hasOwn: hasOwn,
        noop: noop,
        RADIAN_TO_DEGREE: RADIAN_TO_DEGREE,
        EPSILON: EPSILON
    });

/*! *****************************************************************************
    Copyright (c) Microsoft Corporation. All rights reserved.
    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
    this file except in compliance with the License. You may obtain a copy of the
    License at http://www.apache.org/licenses/LICENSE-2.0

THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
    MERCHANTABLITY OR NON-INFRINGEMENT.

See the Apache Version 2.0 License for specific language governing permissions
    and limitations under the License.
    ***************************************************************************** */
    /* global Reflect, Promise */

function __extends(d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    }

var vector = /*#__PURE__*/Object.freeze({
        __proto__: null,
        create: create,
        copy: copy,
        clone: clone$1,
        set: set,
        add: add,
        scaleAndAdd: scaleAndAdd,
        sub: sub,
        len: len,
        length: length,
        lenSquare: lenSquare,
        lengthSquare: lengthSquare,
        mul: mul,
        div: div,
        dot: dot,
        scale: scale,
        normalize: normalize,
        distance: distance,
        dist: dist,
        distanceSquare: distanceSquare,
        distSquare: distSquare,
        negate: negate,
        lerp: lerp,
        applyTransform: applyTransform,
        min: min,
        max: max
    });

var matrix = /*#__PURE__*/Object.freeze({
        __proto__: null,
        create: create$1,
        identity: identity,
        copy: copy$1,
        mul: mul$1,
        translate: translate,
        rotate: rotate,
        scale: scale$1,
        invert: invert,
        clone: clone$2
    });

var REDRAW_BIT = 1;
    var STYLE_CHANGED_BIT = 2;
    var SHAPE_CHANGED_BIT = 4;

var requestAnimationFrame;
    requestAnimationFrame = (env.hasGlobalWindow
        && ((window.requestAnimationFrame && window.requestAnimationFrame.bind(window))
            || (window.msRequestAnimationFrame && window.msRequestAnimationFrame.bind(window))
            || window.mozRequestAnimationFrame
            || window.webkitRequestAnimationFrame)) || function (func) {
        return setTimeout(func, 16);
    };
    var requestAnimationFrame$1 = requestAnimationFrame;

var color = /*#__PURE__*/Object.freeze({
        __proto__: null,
        parseCssInt: parseCssInt,
        parseCssFloat: parseCssFloat,
        parse: parse,
        lift: lift,
        toHex: toHex,
        fastLerp: fastLerp,
        fastMapToColor: fastMapToColor,
        lerp: lerp$1,
        mapToColor: mapToColor,
        modifyHSL: modifyHSL,
        modifyAlpha: modifyAlpha,
        stringify: stringify,
        lum: lum,
        random: random,
        liftColor: liftColor
    });

var dpr = 1;
    if (env.hasGlobalWindow) {
        dpr = Math.max(window.devicePixelRatio
            || (window.screen && window.screen.deviceXDPI / window.screen.logicalXDPI)
            || 1, 1);
    }
    var devicePixelRatio = dpr;
    var DARK_MODE_THRESHOLD = 0.4;
    var DARK_LABEL_COLOR = '#333';
    var LIGHT_LABEL_COLOR = '#ccc';
    var LIGHTER_LABEL_COLOR = '#eee';

/*!
    * ZRender, a high performance 2d drawing library.
    *
    * Copyright (c) 2013, Baidu Inc.
    * All rights reserved.
    *
    * LICENSE
    * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
    */
    var painterCtors = {};
    var instances = {};
    function delInstance(id) {
        delete instances[id];
    }
    function isDarkMode(backgroundColor) {
        if (!backgroundColor) {
            return false;
        }
        if (typeof backgroundColor === 'string') {
            return lum(backgroundColor, 1) < DARK_MODE_THRESHOLD;
        }
        else if (backgroundColor.colorStops) {
            var colorStops = backgroundColor.colorStops;
            var totalLum = 0;
            var len = colorStops.length;
            for (var i = 0; i < len; i++) {
                totalLum += lum(colorStops[i].color, 1);
            }
            totalLum /= len;
            return totalLum < DARK_MODE_THRESHOLD;
        }
        return false;
    }
    var ZRender = (function () {
        function ZRender(id, dom, opts) {
            var _this = this;
            this._sleepAfterStill = 10;
            this._stillFrameAccum = 0;
            this._needsRefresh = true;
            this._needsRefreshHover = true;
            this._darkMode = false;
            opts = opts || {};
            this.dom = dom;
            this.id = id;
            var storage = new Storage();
            var rendererType = opts.renderer || 'canvas';
            if (!painterCtors[rendererType]) {
                rendererType = keys(painterCtors)[0];
            }
            {
                if (!painterCtors[rendererType]) {
                    throw new Error("Renderer '" + rendererType + "' is not imported. Please import it first.");
                }
            }
            opts.useDirtyRect = opts.useDirtyRect == null
                ? false
                : opts.useDirtyRect;
            var painter = new painterCtors[rendererType](dom, storage, opts, id);
            var ssrMode = opts.ssr || painter.ssrOnly;
            this.storage = storage;
            this.painter = painter;
            var handlerProxy = (!env.node && !env.worker && !ssrMode)
                ? new HandlerDomProxy(painter.getViewportRoot(), painter.root)
                : null;
            var useCoarsePointer = opts.useCoarsePointer;
            var usePointerSize = (useCoarsePointer == null || useCoarsePointer === 'auto')
                ? env.touchEventsSupported
                : !!useCoarsePointer;
            var defaultPointerSize = 44;
            var pointerSize;
            if (usePointerSize) {
                pointerSize = retrieve2(opts.pointerSize, defaultPointerSize);
            }
            this.handler = new Handler(storage, painter, handlerProxy, painter.root, pointerSize);
            this.animation = new Animation({
                stage: {
                    update: ssrMode ? null : function () { return _this._flush(true); }
                }
            });
            if (!ssrMode) {
                this.animation.start();
            }
        }
        ZRender.prototype.add = function (el) {
            if (this._disposed || !el) {
                return;
            }
            this.storage.addRoot(el);
            el.addSelfToZr(this);
            this.refresh();
        };
        ZRender.prototype.remove = function (el) {
            if (this._disposed || !el) {
                return;
            }
            this.storage.delRoot(el);
            el.removeSelfFromZr(this);
            this.refresh();
        };
        ZRender.prototype.configLayer = function (zLevel, config) {
            if (this._disposed) {
                return;
            }
            if (this.painter.configLayer) {
                this.painter.configLayer(zLevel, config);
            }
            this.refresh();
        };
        ZRender.prototype.setBackgroundColor = function (backgroundColor) {
            if (this._disposed) {
                return;
            }
            if (this.painter.setBackgroundColor) {
                this.painter.setBackgroundColor(backgroundColor);
            }
            this.refresh();
            this._backgroundColor = backgroundColor;
            this._darkMode = isDarkMode(backgroundColor);
        };
        ZRender.prototype.getBackgroundColor = function () {
            return this._backgroundColor;
        };
        ZRender.prototype.setDarkMode = function (darkMode) {
            this._darkMode = darkMode;
        };
        ZRender.prototype.isDarkMode = function () {
            return this._darkMode;
        };
        ZRender.prototype.refreshImmediately = function (fromInside) {
            if (this._disposed) {
                return;
            }
            if (!fromInside) {
                this.animation.update(true);
            }
            this._needsRefresh = false;
            this.painter.refresh();
            this._needsRefresh = false;
        };
        ZRender.prototype.refresh = function () {
            if (this._disposed) {
                return;
            }
            this._needsRefresh = true;
            this.animation.start();
        };
        ZRender.prototype.flush = function () {
            if (this._disposed) {
                return;
            }
            this._flush(false);
        };
        ZRender.prototype._flush = function (fromInside) {
            var triggerRendered;
            var start = getTime();
            if (this._needsRefresh) {
                triggerRendered = true;
                this.refreshImmediately(fromInside);
            }
            if (this._needsRefreshHover) {
                triggerRendered = true;
                this.refreshHoverImmediately();
            }
            var end = getTime();
            if (triggerRendered) {
                this._stillFrameAccum = 0;
                this.trigger('rendered', {
                    elapsedTime: end - start
                });
            }
            else if (this._sleepAfterStill > 0) {
                this._stillFrameAccum++;
                if (this._stillFrameAccum > this._sleepAfterStill) {
                    this.animation.stop();
                }
            }
        };
        ZRender.prototype.setSleepAfterStill = function (stillFramesCount) {
            this._sleepAfterStill = stillFramesCount;
        };
        ZRender.prototype.wakeUp = function () {
            if (this._disposed) {
                return;
            }
            this.animation.start();
            this._stillFrameAccum = 0;
        };
        ZRender.prototype.refreshHover = function () {
            this._needsRefreshHover = true;
        };
        ZRender.prototype.refreshHoverImmediately = function () {
            if (this._disposed) {
                return;
            }
            this._needsRefreshHover = false;
            if (this.painter.refreshHover && this.painter.getType() === 'canvas') {
                this.painter.refreshHover();
            }
        };
        ZRender.prototype.resize = function (opts) {
            if (this._disposed) {
                return;
            }
            opts = opts || {};
            this.painter.resize(opts.width, opts.height);
            this.handler.resize();
        };
        ZRender.prototype.clearAnimation = function () {
            if (this._disposed) {
                return;
            }
            this.animation.clear();
        };
        ZRender.prototype.getWidth = function () {
            if (this._disposed) {
                return;
            }
            return this.painter.getWidth();
        };
        ZRender.prototype.getHeight = function () {
            if (this._disposed) {
                return;
            }
            return this.painter.getHeight();
        };
        ZRender.prototype.setCursorStyle = function (cursorStyle) {
            if (this._disposed) {
                return;
            }
            this.handler.setCursorStyle(cursorStyle);
        };
        ZRender.prototype.findHover = function (x, y) {
            if (this._disposed) {
                return;
            }
            return this.handler.findHover(x, y);
        };
        ZRender.prototype.on = function (eventName, eventHandler, context) {
            if (!this._disposed) {
                this.handler.on(eventName, eventHandler, context);
            }
            return this;
        };
        ZRender.prototype.off = function (eventName, eventHandler) {
            if (this._disposed) {
                return;
            }
            this.handler.off(eventName, eventHandler);
        };
        ZRender.prototype.trigger = function (eventName, event) {
            if (this._disposed) {
                return;
            }
            this.handler.trigger(eventName, event);
        };
        ZRender.prototype.clear = function () {
            if (this._disposed) {
                return;
            }
            var roots = this.storage.getRoots();
            for (var i = 0; i < roots.length; i++) {
                if (roots[i] instanceof Group) {
                    roots[i].removeSelfFromZr(this);
                }
            }
            this.storage.delAllRoots();
            this.painter.clear();
        };
        ZRender.prototype.dispose = function () {
            if (this._disposed) {
                return;
            }
            this.animation.stop();
            this.clear();
            this.storage.dispose();
            this.painter.dispose();
            this.handler.dispose();
            this.animation =
                this.storage =
                    this.painter =
                        this.handler = null;
            this._disposed = true;
            delInstance(this.id);
        };
        return ZRender;
    }());
    function init(dom, opts) {
        var zr = new ZRender(guid(), dom, opts);
        instances[zr.id] = zr;
        return zr;
    }
    function dispose(zr) {
        zr.dispose();
    }
    function disposeAll() {
        for (var key in instances) {
            if (instances.hasOwnProperty(key)) {
                instances[key].dispose();
            }
        }
        instances = {};
    }
    function getInstance(id) {
        return instances[id];
    }
    function registerPainter(name, Ctor) {
        painterCtors[name] = Ctor;
    }
    var ssrDataGetter;
    function getElementSSRData(el) {
        if (typeof ssrDataGetter === 'function') {
            return ssrDataGetter(el);
        }
    }
    function registerSSRDataGetter(getter) {
        ssrDataGetter = getter;
    }
    var version = '6.0.0';

var PI2$2 = Math.PI * 2;
    function normalizeRadian(angle) {
        angle %= PI2$2;
        if (angle < 0) {
            angle += PI2$2;
        }
        return angle;
    }

var path = /*#__PURE__*/Object.freeze({
        __proto__: null,
        createFromString: createFromString,
        extendFromString: extendFromString,
        mergePath: mergePath,
        clonePath: clonePath
    });

var LinearGradient = (function (_super) {
        __extends(LinearGradient, _super);
        function LinearGradient(x, y, x2, y2, colorStops, globalCoord) {
            var _this = _super.call(this, colorStops) || this;
            _this.x = x == null ? 0 : x;
            _this.y = y == null ? 0 : y;
            _this.x2 = x2 == null ? 1 : x2;
            _this.y2 = y2 == null ? 0 : y2;
            _this.type = 'linear';
            _this.global = globalCoord || false;
            return _this;
        }
        return LinearGradient;
    }(Gradient));

var RadialGradient = (function (_super) {
        __extends(RadialGradient, _super);
        function RadialGradient(x, y, r, colorStops, globalCoord) {
            var _this = _super.call(this, colorStops) || this;
            _this.x = x == null ? 0.5 : x;
            _this.y = y == null ? 0.5 : y;
            _this.r = r == null ? 0.5 : r;
            _this.type = 'radial';
            _this.global = globalCoord || false;
            return _this;
        }
        return RadialGradient;
    }(Gradient));

var nodeParsers;
    var INHERITABLE_STYLE_ATTRIBUTES_MAP = {
        'fill': 'fill',
        'stroke': 'stroke',
        'stroke-width': 'lineWidth',
        'opacity': 'opacity',
        'fill-opacity': 'fillOpacity',
        'stroke-opacity': 'strokeOpacity',
        'stroke-dasharray': 'lineDash',
        'stroke-dashoffset': 'lineDashOffset',
        'stroke-linecap': 'lineCap',
        'stroke-linejoin': 'lineJoin',
        'stroke-miterlimit': 'miterLimit',
        'font-family': 'fontFamily',
        'font-size': 'fontSize',
        'font-style': 'fontStyle',
        'font-weight': 'fontWeight',
        'text-anchor': 'textAlign',
        'visibility': 'visibility',
        'display': 'display'
    };
    var INHERITABLE_STYLE_ATTRIBUTES_MAP_KEYS = keys(INHERITABLE_STYLE_ATTRIBUTES_MAP);
    var SELF_STYLE_ATTRIBUTES_MAP = {
        'alignment-baseline': 'textBaseline',
        'stop-color': 'stopColor'
    };
    var SELF_STYLE_ATTRIBUTES_MAP_KEYS = keys(SELF_STYLE_ATTRIBUTES_MAP);
    var SVGParser = (function () {
        function SVGParser() {
            this._defs = {};
            this._root = null;
        }
        SVGParser.prototype.parse = function (xml, opt) {
            opt = opt || {};
            var svg = parseXML(xml);
            {
                if (!svg) {
                    throw new Error('Illegal svg');
                }
            }
            this._defsUsePending = [];
            var root = new Group();
            this._root = root;
            var named = [];
            var viewBox = svg.getAttribute('viewBox') || '';
            var width = parseFloat((svg.getAttribute('width') || opt.width));
            var height = parseFloat((svg.getAttribute('height') || opt.height));
            isNaN(width) && (width = null);
            isNaN(height) && (height = null);
            parseAttributes(svg, root, null, true, false);
            var child = svg.firstChild;
            while (child) {
                this._parseNode(child, root, named, null, false, false);
                child = child.nextSibling;
            }
            applyDefs(this._defs, this._defsUsePending);
            this._defsUsePending = [];
            var viewBoxRect;
            var viewBoxTransform;
            if (viewBox) {
                var viewBoxArr = splitNumberSequence(viewBox);
                if (viewBoxArr.length >= 4) {
                    viewBoxRect = {
                        x: parseFloat((viewBoxArr[0] || 0)),
                        y: parseFloat((viewBoxArr[1] || 0)),
                        width: parseFloat(viewBoxArr[2]),
                        height: parseFloat(viewBoxArr[3])
                    };
                }
            }
            if (viewBoxRect && width != null && height != null) {
                viewBoxTransform = makeViewBoxTransform(viewBoxRect, { x: 0, y: 0, width: width, height: height });
                if (!opt.ignoreViewBox) {
                    var elRoot = root;
                    root = new Group();
                    root.add(elRoot);
                    elRoot.scaleX = elRoot.scaleY = viewBoxTransform.scale;
                    elRoot.x = viewBoxTransform.x;
                    elRoot.y = viewBoxTransform.y;
                }
            }
            if (!opt.ignoreRootClip && width != null && height != null) {
                root.setClipPath(new Rect({
                    shape: { x: 0, y: 0, width: width, height: height }
                }));
            }
            return {
                root: root,
                width: width,
                height: height,
                viewBoxRect: viewBoxRect,
                viewBoxTransform: viewBoxTransform,
                named: named
            };
        };
        SVGParser.prototype._parseNode = function (xmlNode, parentGroup, named, namedFrom, isInDefs, isInText) {
            var nodeName = xmlNode.nodeName.toLowerCase();
            var el;
            var namedFromForSub = namedFrom;
            if (nodeName === 'defs') {
                isInDefs = true;
            }
            if (nodeName === 'text') {
                isInText = true;
            }
            if (nodeName === 'defs' || nodeName === 'switch') {
                el = parentGroup;
            }
            else {
                if (!isInDefs) {
                    var parser_1 = nodeParsers[nodeName];
                    if (parser_1 && hasOwn(nodeParsers, nodeName)) {
                        el = parser_1.call(this, xmlNode, parentGroup);
                        var nameAttr = xmlNode.getAttribute('name');
                        if (nameAttr) {
                            var newNamed = {
                                name: nameAttr,
                                namedFrom: null,
                                svgNodeTagLower: nodeName,
                                el: el
                            };
                            named.push(newNamed);
                            if (nodeName === 'g') {
                                namedFromForSub = newNamed;
                            }
                        }
                        else if (namedFrom) {
                            named.push({
                                name: namedFrom.name,
                                namedFrom: namedFrom,
                                svgNodeTagLower: nodeName,
                                el: el
                            });
                        }
                        parentGroup.add(el);
                    }
                }
                var parser = paintServerParsers[nodeName];
                if (parser && hasOwn(paintServerParsers, nodeName)) {
                    var def = parser.call(this, xmlNode);
                    var id = xmlNode.getAttribute('id');
                    if (id) {
                        this._defs[id] = def;
                    }
                }
            }
            if (el && el.isGroup) {
                var child = xmlNode.firstChild;
                while (child) {
                    if (child.nodeType === 1) {
                        this._parseNode(child, el, named, namedFromForSub, isInDefs, isInText);
                    }
                    else if (child.nodeType === 3 && isInText) {
                        this._parseText(child, el);
                    }
                    child = child.nextSibling;
                }
            }
        };
        SVGParser.prototype._parseText = function (xmlNode, parentGroup) {
            var text = new TSpan({
                style: {
                    text: xmlNode.textContent
                },
                silent: true,
                x: this._textX || 0,
                y: this._textY || 0
            });
            inheritStyle(parentGroup, text);
            parseAttributes(xmlNode, text, this._defsUsePending, false, false);
            applyTextAlignment(text, parentGroup);
            var textStyle = text.style;
            var fontSize = textStyle.fontSize;
            if (fontSize && fontSize < 9) {
                textStyle.fontSize = 9;
                text.scaleX *= fontSize / 9;
                text.scaleY *= fontSize / 9;
            }
            var font = (textStyle.fontSize || textStyle.fontFamily) && [
                textStyle.fontStyle,
                textStyle.fontWeight,
                (textStyle.fontSize || 12) + 'px',
                textStyle.fontFamily || 'sans-serif'
            ].join(' ');
            textStyle.font = font;
            var rect = text.getBoundingRect();
            this._textX += rect.width;
            parentGroup.add(text);
            return text;
        };
        SVGParser.internalField = (function () {
            nodeParsers = {
                'g': function (xmlNode, parentGroup) {
                    var g = new Group();
                    inheritStyle(parentGroup, g);
                    parseAttributes(xmlNode, g, this._defsUsePending, false, false);
                    return g;
                },
                'rect': function (xmlNode, parentGroup) {
                    var rect = new Rect();
                    inheritStyle(parentGroup, rect);
                    parseAttributes(xmlNode, rect, this._defsUsePending, false, false);
                    rect.setShape({
                        x: parseFloat(xmlNode.getAttribute('x') || '0'),
                        y: parseFloat(xmlNode.getAttribute('y') || '0'),
                        width: parseFloat(xmlNode.getAttribute('width') || '0'),
                        height: parseFloat(xmlNode.getAttribute('height') || '0')
                    });
                    rect.silent = true;
                    return rect;
                },
                'circle': function (xmlNode, parentGroup) {
                    var circle = new Circle();
                    inheritStyle(parentGroup, circle);
                    parseAttributes(xmlNode, circle, this._defsUsePending, false, false);
                    circle.setShape({
                        cx: parseFloat(xmlNode.getAttribute('cx') || '0'),
                        cy: parseFloat(xmlNode.getAttribute('cy') || '0'),
                        r: parseFloat(xmlNode.getAttribute('r') || '0')
                    });
                    circle.silent = true;
                    return circle;
                },
                'line': function (xmlNode, parentGroup) {
                    var line = new Line();
                    inheritStyle(parentGroup, line);
                    parseAttributes(xmlNode, line, this._defsUsePending, false, false);
                    line.setShape({
                        x1: parseFloat(xmlNode.getAttribute('x1') || '0'),
                        y1: parseFloat(xmlNode.getAttribute('y1') || '0'),
                        x2: parseFloat(xmlNode.getAttribute('x2') || '0'),
                        y2: parseFloat(xmlNode.getAttribute('y2') || '0')
                    });
                    line.silent = true;
                    return line;
                },
                'ellipse': function (xmlNode, parentGroup) {
                    var ellipse = new Ellipse();
                    inheritStyle(parentGroup, ellipse);
                    parseAttributes(xmlNode, ellipse, this._defsUsePending, false, false);
                    ellipse.setShape({
                        cx: parseFloat(xmlNode.getAttribute('cx') || '0'),
                        cy: parseFloat(xmlNode.getAttribute('cy') || '0'),
                        rx: parseFloat(xmlNode.getAttribute('rx') || '0'),
                        ry: parseFloat(xmlNode.getAttribute('ry') || '0')
                    });
                    ellipse.silent = true;
                    return ellipse;
                },
                'polygon': function (xmlNode, parentGroup) {
                    var pointsStr = xmlNode.getAttribute('points');
                    var pointsArr;
                    if (pointsStr) {
                        pointsArr = parsePoints(pointsStr);
                    }
                    var polygon = new Polygon({
                        shape: {
                            points: pointsArr || []
                        },
                        silent: true
                    });
                    inheritStyle(parentGroup, polygon);
                    parseAttributes(xmlNode, polygon, this._defsUsePending, false, false);
                    return polygon;
                },
                'polyline': function (xmlNode, parentGroup) {
                    var pointsStr = xmlNode.getAttribute('points');
                    var pointsArr;
                    if (pointsStr) {
                        pointsArr = parsePoints(pointsStr);
                    }
                    var polyline = new Polyline({
                        shape: {
                            points: pointsArr || []
                        },
                        silent: true
                    });
                    inheritStyle(parentGroup, polyline);
                    parseAttributes(xmlNode, polyline, this._defsUsePending, false, false);
                    return polyline;
                },
                'image': function (xmlNode, parentGroup) {
                    var img = new ZRImage();
                    inheritStyle(parentGroup, img);
                    parseAttributes(xmlNode, img, this._defsUsePending, false, false);
                    img.setStyle({
                        image: xmlNode.getAttribute('xlink:href') || xmlNode.getAttribute('href'),
                        x: +xmlNode.getAttribute('x'),
                        y: +xmlNode.getAttribute('y'),
                        width: +xmlNode.getAttribute('width'),
                        height: +xmlNode.getAttribute('height')
                    });
                    img.silent = true;
                    return img;
                },
                'text': function (xmlNode, parentGroup) {
                    var x = xmlNode.getAttribute('x') || '0';
                    var y = xmlNode.getAttribute('y') || '0';
                    var dx = xmlNode.getAttribute('dx') || '0';
                    var dy = xmlNode.getAttribute('dy') || '0';
                    this._textX = parseFloat(x) + parseFloat(dx);
                    this._textY = parseFloat(y) + parseFloat(dy);
                    var g = new Group();
                    inheritStyle(parentGroup, g);
                    parseAttributes(xmlNode, g, this._defsUsePending, false, true);
                    return g;
                },
                'tspan': function (xmlNode, parentGroup) {
                    var x = xmlNode.getAttribute('x');
                    var y = xmlNode.getAttribute('y');
                    if (x != null) {
                        this._textX = parseFloat(x);
                    }
                    if (y != null) {
                        this._textY = parseFloat(y);
                    }
                    var dx = xmlNode.getAttribute('dx') || '0';
                    var dy = xmlNode.getAttribute('dy') || '0';
                    var g = new Group();
                    inheritStyle(parentGroup, g);
                    parseAttributes(xmlNode, g, this._defsUsePending, false, true);
                    this._textX += parseFloat(dx);
                    this._textY += parseFloat(dy);
                    return g;
                },
                'path': function (xmlNode, parentGroup) {
                    var d = xmlNode.getAttribute('d') || '';
                    var path = createFromString(d);
                    inheritStyle(parentGroup, path);
                    parseAttributes(xmlNode, path, this._defsUsePending, false, false);
                    path.silent = true;
                    return path;
                }
            };
        })();
        return SVGParser;
    }());
    var paintServerParsers = {
        'lineargradient': function (xmlNode) {
            var x1 = parseInt(xmlNode.getAttribute('x1') || '0', 10);
            var y1 = parseInt(xmlNode.getAttribute('y1') || '0', 10);
            var x2 = parseInt(xmlNode.getAttribute('x2') || '10', 10);
            var y2 = parseInt(xmlNode.getAttribute('y2') || '0', 10);
            var gradient = new LinearGradient(x1, y1, x2, y2);
            parsePaintServerUnit(xmlNode, gradient);
            parseGradientColorStops(xmlNode, gradient);
            return gradient;
        },
        'radialgradient': function (xmlNode) {
            var cx = parseInt(xmlNode.getAttribute('cx') || '0', 10);
            var cy = parseInt(xmlNode.getAttribute('cy') || '0', 10);
            var r = parseInt(xmlNode.getAttribute('r') || '0', 10);
            var gradient = new RadialGradient(cx, cy, r);
            parsePaintServerUnit(xmlNode, gradient);
            parseGradientColorStops(xmlNode, gradient);
            return gradient;
        }
    };
    function parsePaintServerUnit(xmlNode, gradient) {
        var gradientUnits = xmlNode.getAttribute('gradientUnits');
        if (gradientUnits === 'userSpaceOnUse') {
            gradient.global = true;
        }
    }
    function parseGradientColorStops(xmlNode, gradient) {
        var stop = xmlNode.firstChild;
        while (stop) {
            if (stop.nodeType === 1
                && stop.nodeName.toLocaleLowerCase() === 'stop') {
                var offsetStr = stop.getAttribute('offset');
                var offset = void 0;
                if (offsetStr && offsetStr.indexOf('%') > 0) {
                    offset = parseInt(offsetStr, 10) / 100;
                }
                else if (offsetStr) {
                    offset = parseFloat(offsetStr);
                }
                else {
                    offset = 0;
                }
                var styleVals = {};
                parseInlineStyle(stop, styleVals, styleVals);
                var stopColor = styleVals.stopColor
                    || stop.getAttribute('stop-color')
                    || '#000000';
                var stopOpacity = styleVals.stopOpacity
                    || stop.getAttribute('stop-opacity');
                if (stopOpacity) {
                    var rgba = parse(stopColor);
                    var stopColorOpacity = rgba && rgba[3];
                    if (stopColorOpacity) {
                        rgba[3] *= parseCssFloat(stopOpacity);
                        stopColor = stringify(rgba, 'rgba');
                    }
                }
                gradient.colorStops.push({
                    offset: offset,
                    color: stopColor
                });
            }
            stop = stop.nextSibling;
        }
    }
    function inheritStyle(parent, child) {
        if (parent && parent.__inheritedStyle) {
            if (!child.__inheritedStyle) {
                child.__inheritedStyle = {};
            }
            defaults(child.__inheritedStyle, parent.__inheritedStyle);
        }
    }
    function parsePoints(pointsString) {
        var list = splitNumberSequence(pointsString);
        var points = [];
        for (var i = 0; i < list.length; i += 2) {
            var x = parseFloat(list[i]);
            var y = parseFloat(list[i + 1]);
            points.push([x, y]);
        }
        return points;
    }
    function parseAttributes(xmlNode, el, defsUsePending, onlyInlineStyle, isTextGroup) {
        var disp = el;
        var inheritedStyle = disp.__inheritedStyle = disp.__inheritedStyle || {};
        var selfStyle = {};
        if (xmlNode.nodeType === 1) {
            parseTransformAttribute(xmlNode, el);
            parseInlineStyle(xmlNode, inheritedStyle, selfStyle);
            if (!onlyInlineStyle) {
                parseAttributeStyle(xmlNode, inheritedStyle, selfStyle);
            }
        }
        disp.style = disp.style || {};
        if (inheritedStyle.fill != null) {
            disp.style.fill = getFillStrokeStyle(disp, 'fill', inheritedStyle.fill, defsUsePending);
        }
        if (inheritedStyle.stroke != null) {
            disp.style.stroke = getFillStrokeStyle(disp, 'stroke', inheritedStyle.stroke, defsUsePending);
        }
        each([
            'lineWidth', 'opacity', 'fillOpacity', 'strokeOpacity', 'miterLimit', 'fontSize'
        ], function (propName) {
            if (inheritedStyle[propName] != null) {
                disp.style[propName] = parseFloat(inheritedStyle[propName]);
            }
        });
        each([
            'lineDashOffset', 'lineCap', 'lineJoin', 'fontWeight', 'fontFamily', 'fontStyle', 'textAlign'
        ], function (propName) {
            if (inheritedStyle[propName] != null) {
                disp.style[propName] = inheritedStyle[propName];
            }
        });
        if (isTextGroup) {
            disp.__selfStyle = selfStyle;
        }
        if (inheritedStyle.lineDash) {
            disp.style.lineDash = map(splitNumberSequence(inheritedStyle.lineDash), function (str) {
                return parseFloat(str);
            });
        }
        if (inheritedStyle.visibility === 'hidden' || inheritedStyle.visibility === 'collapse') {
            disp.invisible = true;
        }
        if (inheritedStyle.display === 'none') {
            disp.ignore = true;
        }
    }
    function applyTextAlignment(text, parentGroup) {
        var parentSelfStyle = parentGroup.__selfStyle;
        if (parentSelfStyle) {
            var textBaseline = parentSelfStyle.textBaseline;
            var zrTextBaseline = textBaseline;
            if (!textBaseline || textBaseline === 'auto') {
                zrTextBaseline = 'alphabetic';
            }
            else if (textBaseline === 'baseline') {
                zrTextBaseline = 'alphabetic';
            }
            else if (textBaseline === 'before-edge' || textBaseline === 'text-before-edge') {
                zrTextBaseline = 'top';
            }
            else if (textBaseline === 'after-edge' || textBaseline === 'text-after-edge') {
                zrTextBaseline = 'bottom';
            }
            else if (textBaseline === 'central' || textBaseline === 'mathematical') {
                zrTextBaseline = 'middle';
            }
            text.style.textBaseline = zrTextBaseline;
        }
        var parentInheritedStyle = parentGroup.__inheritedStyle;
        if (parentInheritedStyle) {
            var textAlign = parentInheritedStyle.textAlign;
            var zrTextAlign = textAlign;
            if (textAlign) {
                if (textAlign === 'middle') {
                    zrTextAlign = 'center';
                }
                text.style.textAlign = zrTextAlign;
            }
        }
    }
    var urlRegex = /^url$\s*#(.*?)$/;
    function getFillStrokeStyle(el, method, str, defsUsePending) {
        var urlMatch = str && str.match(urlRegex);
        if (urlMatch) {
            var url = trim(urlMatch[1]);
            defsUsePending.push([el, method, url]);
            return;
        }
        if (str === 'none') {
            str = null;
        }
        return str;
    }
    function applyDefs(defs, defsUsePending) {
        for (var i = 0; i < defsUsePending.length; i++) {
            var item = defsUsePending[i];
            item[0].style[item[1]] = defs[item[2]];
        }
    }
    var numberReg$1 = /-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;
    function splitNumberSequence(rawStr) {
        return rawStr.match(numberReg$1) || [];
    }
    var transformRegex = /(translate|scale|rotate|skewX|skewY|matrix)$([\-\s0-9\.eE,]*)$/g;
    var DEGREE_TO_ANGLE = Math.PI / 180;
    function parseTransformAttribute(xmlNode, node) {
        var transform = xmlNode.getAttribute('transform');
        if (transform) {
            transform = transform.replace(/,/g, ' ');
            var transformOps_1 = [];
            var mt = null;
            transform.replace(transformRegex, function (str, type, value) {
                transformOps_1.push(type, value);
                return '';
            });
            for (var i = transformOps_1.length - 1; i > 0; i -= 2) {
                var value = transformOps_1[i];
                var type = transformOps_1[i - 1];
                var valueArr = splitNumberSequence(value);
                mt = mt || create$1();
                switch (type) {
                    case 'translate':
                        translate(mt, mt, [parseFloat(valueArr[0]), parseFloat(valueArr[1] || '0')]);
                        break;
                    case 'scale':
                        scale$1(mt, mt, [parseFloat(valueArr[0]), parseFloat(valueArr[1] || valueArr[0])]);
                        break;
                    case 'rotate':
                        rotate(mt, mt, -parseFloat(valueArr[0]) * DEGREE_TO_ANGLE, [
                            parseFloat(valueArr[1] || '0'),
                            parseFloat(valueArr[2] || '0')
                        ]);
                        break;
                    case 'skewX':
                        var sx = Math.tan(parseFloat(valueArr[0]) * DEGREE_TO_ANGLE);
                        mul$1(mt, [1, 0, sx, 1, 0, 0], mt);
                        break;
                    case 'skewY':
                        var sy = Math.tan(parseFloat(valueArr[0]) * DEGREE_TO_ANGLE);
                        mul$1(mt, [1, sy, 0, 1, 0, 0], mt);
                        break;
                    case 'matrix':
                        mt[0] = parseFloat(valueArr[0]);
                        mt[1] = parseFloat(valueArr[1]);
                        mt[2] = parseFloat(valueArr[2]);
                        mt[3] = parseFloat(valueArr[3]);
                        mt[4] = parseFloat(valueArr[4]);
                        mt[5] = parseFloat(valueArr[5]);
                        break;
                }
            }
            node.setLocalTransform(mt);
        }
    }
    var styleRegex = /([^\s:;]+)\s*:\s*([^:;]+)/g;
    function parseInlineStyle(xmlNode, inheritableStyleResult, selfStyleResult) {
        var style = xmlNode.getAttribute('style');
        if (!style) {
            return;
        }
        styleRegex.lastIndex = 0;
        var styleRegResult;
        while ((styleRegResult = styleRegex.exec(style)) != null) {
            var svgStlAttr = styleRegResult[1];
            var zrInheritableStlAttr = hasOwn(INHERITABLE_STYLE_ATTRIBUTES_MAP, svgStlAttr)
                ? INHERITABLE_STYLE_ATTRIBUTES_MAP[svgStlAttr]
                : null;
            if (zrInheritableStlAttr) {
                inheritableStyleResult[zrInheritableStlAttr] = styleRegResult[2];
            }
            var zrSelfStlAttr = hasOwn(SELF_STYLE_ATTRIBUTES_MAP, svgStlAttr)
                ? SELF_STYLE_ATTRIBUTES_MAP[svgStlAttr]
                : null;
            if (zrSelfStlAttr) {
                selfStyleResult[zrSelfStlAttr] = styleRegResult[2];
            }
        }
    }
    function parseAttributeStyle(xmlNode, inheritableStyleResult, selfStyleResult) {
        for (var i = 0; i < INHERITABLE_STYLE_ATTRIBUTES_MAP_KEYS.length; i++) {
            var svgAttrName = INHERITABLE_STYLE_ATTRIBUTES_MAP_KEYS[i];
            var attrValue = xmlNode.getAttribute(svgAttrName);
            if (attrValue != null) {
                inheritableStyleResult[INHERITABLE_STYLE_ATTRIBUTES_MAP[svgAttrName]] = attrValue;
            }
        }
        for (var i = 0; i < SELF_STYLE_ATTRIBUTES_MAP_KEYS.length; i++) {
            var svgAttrName = SELF_STYLE_ATTRIBUTES_MAP_KEYS[i];
            var attrValue = xmlNode.getAttribute(svgAttrName);
            if (attrValue != null) {
                selfStyleResult[SELF_STYLE_ATTRIBUTES_MAP[svgAttrName]] = attrValue;
            }
        }
    }
    function makeViewBoxTransform(viewBoxRect, boundingRect) {
        var scaleX = boundingRect.width / viewBoxRect.width;
        var scaleY = boundingRect.height / viewBoxRect.height;
        var scale = Math.min(scaleX, scaleY);
        return {
            scale: scale,
            x: -(viewBoxRect.x + viewBoxRect.width / 2) * scale + (boundingRect.x + boundingRect.width / 2),
            y: -(viewBoxRect.y + viewBoxRect.height / 2) * scale + (boundingRect.y + boundingRect.height / 2)
        };
    }
    function parseSVG(xml, opt) {
        var parser = new SVGParser();
        return parser.parse(xml, opt);
    }

var morphPath$1 = /*#__PURE__*/Object.freeze({
        __proto__: null,
        alignBezierCurves: alignBezierCurves,
        centroid: centroid,
        isCombineMorphing: isCombineMorphing,
        isMorphing: isMorphing,
        morphPath: morphPath,
        combineMorph: combineMorph,
        separateMorph: separateMorph,
        defaultDividePath: split
    });

var Pattern = (function () {
        function Pattern(image, repeat) {
            this.image = image;
            this.repeat = repeat;
            this.x = 0;
            this.y = 0;
            this.rotation = 0;
            this.scaleX = 1;
            this.scaleY = 1;
        }
        return Pattern;
    }());

var cssClassIdx = 0;
    function getClassId() {
        return cssClassIdx++;
    }

registerPainter('canvas', CanvasPainter);
    registerPainter('svg', SVGPainter);

exports.Arc = Arc;
    exports.ArcShape = ArcShape;
    exports.BezierCurve = BezierCurve;
    exports.BezierCurveShape = BezierCurveShape;
    exports.BoundingRect = BoundingRect;
    exports.Circle = Circle;
    exports.CircleShape = CircleShape;
    exports.CompoundPath = CompoundPath;
    exports.Displayable = Displayable;
    exports.Droplet = Droplet;
    exports.DropletShape = DropletShape;
    exports.Element = Element;
    exports.Ellipse = Ellipse;
    exports.EllipseShape = EllipseShape;
    exports.Group = Group;
    exports.Heart = Heart;
    exports.HeartShape = HeartShape;
    exports.Image = ZRImage;
    exports.IncrementalDisplayable = IncrementalDisplayable;
    exports.Isogon = Isogon;
    exports.IsogonShape = IsogonShape;
    exports.Line = Line;
    exports.LineShape = LineShape;
    exports.LinearGradient = LinearGradient;
    exports.OrientedBoundingRect = OrientedBoundingRect;
    exports.Path = Path;
    exports.Pattern = Pattern;
    exports.Point = Point;
    exports.Polygon = Polygon;
    exports.PolygonShape = PolygonShape;
    exports.Polyline = Polyline;
    exports.PolylineShape = PolylineShape;
    exports.RadialGradient = RadialGradient;
    exports.Rect = Rect;
    exports.RectShape = RectShape;
    exports.Ring = Ring;
    exports.RingShape = RingShape;
    exports.Rose = Rose;
    exports.RoseShape = RoseShape;
    exports.Sector = Sector;
    exports.SectorShape = SectorShape;
    exports.Star = Star;
    exports.StarShape = StarShape;
    exports.TSpan = TSpan;
    exports.Text = ZRText;
    exports.Trochoid = Trochoid;
    exports.TrochoidShape = TrochoidShape;
    exports.color = color;
    exports.dispose = dispose;
    exports.disposeAll = disposeAll;
    exports.getElementSSRData = getElementSSRData;
    exports.getInstance = getInstance;
    exports.init = init;
    exports.matrix = matrix;
    exports.morph = morphPath$1;
    exports.parseSVG = parseSVG;
    exports.path = path;
    exports.registerPainter = registerPainter;
    exports.registerSSRDataGetter = registerSSRDataGetter;
    exports.setPlatformAPI = setPlatformAPI;
    exports.showDebugDirtyRect = showDebugDirtyRect;
    exports.util = util;
    exports.vector = vector;
    exports.version = version;

Object.defineProperty(exports, '__esModule', { value: true });

})));
//# sourceMappingURL=zrender.js.map

Ignore Space Show notes View assets_platform/zrender/zrender.min.js 0 → 100644
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t\|\|self).zrender={})}(this,function(t){"use strict";var e=function(){this.firefox=!1,this.ie=!1,this.edge=!1,this.newEdge=!1,this.weChat=!1},c=new function(){this.browser=new e,this.node=!1,this.wxa=!1,this.worker=!1,this.svgSupported=!1,this.touchEventsSupported=!1,this.pointerEventsSupported=!1,this.domSupported=!1,this.transformSupported=!1,this.transform3dSupported=!1,this.hasGlobalWindow="undefined"!=typeof window};"object"==typeof wx&&"function"==typeof wx.getSystemInfoSync?(c.wxa=!0,c.touchEventsSupported=!0):"undefined"==typeof document&&"undefined"!=typeof self?c.worker=!0:!c.hasGlobalWindow\|\|"Deno"in window\|\|"undefined"!=typeof navigator&&"string"==typeof navigator.userAgent&&-1<navigator.userAgent.indexOf("Node.js")?(c.node=!0,c.svgSupported=!0):function(t,e){var r=e.browser,i=t.match(/Firefox\/([\d.]+)/),n=t.match(/MSIE\s([\d.]+)/)\|\|t.match(/Trident\/.+?rv:(([\d.]+))/),o=t.match(/Edge?\/([\d.]+)/),a=/micromessenger/i.test(t);i&&(r.firefox=!0,r.version=i[1]);n&&(r.ie=!0,r.version=n[1]);o&&(r.edge=!0,r.version=o[1],r.newEdge=18<+o[1].split(".")[0]);a&&(r.weChat=!0);{var s;e.svgSupported="undefined"!=typeof SVGRect,e.touchEventsSupported="ontouchstart"in window&&!r.ie&&!r.edge,e.pointerEventsSupported="onpointerdown"in window&&(r.edge\|\|r.ie&&11<=+r.version),(e.domSupported="undefined"!=typeof document)&&(s=document.documentElement.style,e.transform3dSupported=(r.ie&&"transition"in s\|\|r.edge\|\|"WebKitCSSMatrix"in window&&"m11"in new WebKitCSSMatrix\|\|"MozPerspective"in s)&&!("OTransition"in s),e.transformSupported=e.transform3dSupported\|\|r.ie&&9<=+r.version)}}(navigator.userAgent,c);var h=12,v="sans-serif",W=h+"px "+v;var l,u,p=function(t){var e={};if("undefined"==typeof JSON)return e;for(var r=0;r<t.length;r++){var i=String.fromCharCode(r+32),n=(t.charCodeAt(r)-20)/100;e[i]=n}return e}("007LLmW'55;N0500LLLLLLLLLL00NNNLzWW\\\\WQb\\0FWLg\\bWb\\WQ\\WrWWQ000CL5LLFLL0LL*FgLLLL5F0LF\\FFF5.5N"),f={createCanvas:function(){return"undefined"!=typeof document&&document.createElement("canvas")},measureText:function(t,e){var r;if(l\|\|(r=f.createCanvas(),l=r&&r.getContext("2d")),l)return u!==e&&(u=l.font=e\|\|W),l.measureText(t);t=t\|\|"";var i=/((?:\d+)?\.?\d)px/.exec(e=e\|\|W),n=i&&+i[1]\|\|h,o=0;if(0<=e.indexOf("mono"))o=nt.length;else for(var a=0;a<t.length;a++){var s=p[t[a]];o+=null==s?n:sn}return{width:o}},loadImage:function(t,e,r){var i=new Image;return i.onload=e,i.onerror=r,i.src=t,i}};var s=L(["Function","RegExp","Date","Error","CanvasGradient","CanvasPattern","Image","Canvas"],function(t,e){return t["[object "+e+"]"]=!0,t},{}),d=L(["Int8","Uint8","Uint8Clamped","Int16","Uint16","Int32","Uint32","Float32","Float64"],function(t,e){return t["[object "+e+"Array]"]=!0,t},{}),y=Object.prototype.toString,r=Array.prototype,a=r.forEach,g=r.filter,n=r.slice,_=r.map,i=function(){}.constructor,o=i?i.prototype:null,m="__proto__",x=2311;function w(){return x++}function b(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];"undefined"!=typeof console&&console.error.apply(console,t)}function C(t){if(null==t\|\|"object"!=typeof t)return t;var e=t,r=y.call(t);if("[object Array]"===r){if(!rt(t)){e=[];for(var i=0,n=t.length;i<n;i++)e[i]=C(t[i])}}else if(d[r]){if(!rt(t)){var o=t.constructor;if(o.from)e=o.from(t);else{e=new o(t.length);for(i=0,n=t.length;i<n;i++)e[i]=t[i]}}}else if(!s[r]&&!rt(t)&&!q(t))for(var a in e={},t)t.hasOwnProperty(a)&&a!==m&&(e[a]=C(t[a]));return e}function S(t,e,r){if(!E(e)\|\|!E(t))return r?C(e):t;for(var i in e){var n,o;e.hasOwnProperty(i)&&i!==m&&(n=t[i],!E(o=e[i])\|\|!E(n)\|\|G(o)\|\|G(n)\|\|q(o)\|\|q(n)\|\|X(o)\|\|X(n)\|\|rt(o)\|\|rt(n)?!r&&i in t\|\|(t[i]=C(e[i])):S(n,o,r))}return t}function I(t,e){if(Object.assign)Object.assign(t,e);else for(var r in e)e.hasOwnProperty(r)&&r!==m&&(t[r]=e[r]);return t}function T(t,e,r){for(var i=F(e),n=0,o=i.length;n<o;n++){var a=i[n];(r?null!=e[a]:null==t[a])&&(t[a]=e[a])}return t}var k=f.createCanvas;function P(t,e){if(t){if(t.indexOf)return t.indexOf(e);for(var r=0,i=t.length;r<i;r++)if(t[r]===e)return r}return-1}function M(t,e,r){if(t="prototype"in t?t.prototype:t,e="prototype"in e?e.prototype:e,Object.getOwnPropertyNames)for(var i=Object.getOwnPropertyNames(e),n=0;n<i.length;n++){var o=i[n];"constructor"!==o&&(r?null!=e[o]:null==t[o])&&(t[o]=e[o])}else T(t,e,r)}function A(t){return!!t&&("string"!=typeof t&&"number"==typeof t.length)}function R(t,e,r){if(t&&e)if(t.forEach&&t.forEach===a)t.forEach(e,r);else if(t.length===+t.length)for(var i=0,n=t.length;i<n;i++)e.call(r,t[i],i,t);else for(var o in t)t.hasOwnProperty(o)&&e.call(r,t[o],o,t)}function D(t,e,r){if(!t)return[];if(!e)return Q(t);if(t.map&&t.map===_)return t.map(e,r);for(var i=[],n=0,o=t.length;n<o;n++)i.push(e.call(r,t[n],n,t));return i}function L(t,e,r,i){if(t&&e){for(var n=0,o=t.length;n<o;n++)r=e.call(i,r,t[n],n,t);return r}}function O(t,e,r){if(!t)return[];if(!e)return Q(t);if(t.filter&&t.filter===g)return t.filter(e,r);for(var i=[],n=0,o=t.length;n<o;n++)e.call(r,t[n],n,t)&&i.push(t[n]);return i}function F(t){if(!t)return[];if(Object.keys)return Object.keys(t);var e=[];for(var r in t)t.hasOwnProperty(r)&&e.push(r);return e}var z=o&&B(o.bind)?o.call.bind(o.bind):function(t,e){for(var r=[],i=2;i<arguments.length;i++)r[i-2]=arguments[i];return function(){return t.apply(e,r.concat(n.call(arguments)))}};function G(t){return Array.isArray?Array.isArray(t):"[object Array]"===y.call(t)}function B(t){return"function"==typeof t}function N(t){return"string"==typeof t}function H(t){return"number"==typeof t}function E(t){var e=typeof t;return"function"==e\|\|!!t&&"object"==e}function X(t){return!!s[y.call(t)]}function Y(t){return!!d[y.call(t)]}function q(t){return"object"==typeof t&&"number"==typeof t.nodeType&&"object"==typeof t.ownerDocument}function j(t){return null!=t.colorStops}function V(t){return null!=t.image}function U(t){return t!=t}function Z(t,e){return null!=t?t:e}function K(t,e,r){return null!=t?t:null!=e?e:r}function Q(t){for(var e=[],r=1;r<arguments.length;r++)e[r-1]=arguments[r];return n.apply(t,e)}function $(t){if("number"==typeof t)return[t,t,t,t];var e=t.length;return 2===e?[t[0],t[1],t[0],t[1]]:3===e?[t[0],t[1],t[2],t[1]]:t}function J(t,e){if(!t)throw new Error(e)}function tt(t){return null==t?null:"function"==typeof t.trim?t.trim():t.replace(/^[\s\uFEFF\xA0]+\|[\s\uFEFF\xA0]+$/g,"")}var et="__ec_primitive__";function rt(t){return t[et]}var it=(nt.prototype.delete=function(t){var e=this.has(t);return e&&delete this.data[t],e},nt.prototype.has=function(t){return this.data.hasOwnProperty(t)},nt.prototype.get=function(t){return this.data[t]},nt.prototype.set=function(t,e){return this.data[t]=e,this},nt.prototype.keys=function(){return F(this.data)},nt.prototype.forEach=function(t){var e=this.data;for(var r in e)e.hasOwnProperty(r)&&t(e[r],r)},nt);function nt(){this.data={}}var ot="function"==typeof Map;var at=(st.prototype.hasKey=function(t){return this.data.has(t)},st.prototype.get=function(t){return this.data.get(t)},st.prototype.set=function(t,e){return this.data.set(t,e),e},st.prototype.each=function(r,i){this.data.forEach(function(t,e){r.call(i,t,e)})},st.prototype.keys=function(){var t=this.data.keys();return ot?Array.from(t):t},st.prototype.removeKey=function(t){this.data.delete(t)},st);function st(t){var r=G(t);this.data=new(ot?Map:it);var i=this;function e(t,e){r?i.set(t,e):i.set(e,t)}t instanceof st?t.each(e):t&&R(t,e)}function ht(t,e){var r,i=Object.create?Object.create(t):((r=function(){}).prototype=t,new r);return e&&I(i,e),i}function lt(t){var e=t.style;e.webkitUserSelect="none",e.userSelect="none",e.webkitTapHighlightColor="rgba(0,0,0,0)",e["-webkit-touch-callout"]="none"}function ut(t,e){return t.hasOwnProperty(e)}function ct(){}var pt=180/Math.PI,ft=Number.EPSILON\|\|Math.pow(2,-52),dt=Object.freeze({__proto__:null,guid:w,logError:b,clone:C,merge:S,mergeAll:function(t,e){for(var r=t[0],i=1,n=t.length;i<n;i++)r=S(r,t[i],e);return r},extend:I,defaults:T,createCanvas:k,indexOf:P,inherits:function(t,e){var r=t.prototype;function i(){}for(var n in i.prototype=e.prototype,t.prototype=new i,r)r.hasOwnProperty(n)&&(t.prototype[n]=r[n]);(t.prototype.constructor=t).superClass=e},mixin:M,isArrayLike:A,each:R,map:D,reduce:L,filter:O,find:function(t,e,r){if(t&&e)for(var i=0,n=t.length;i<n;i++)if(e.call(r,t[i],i,t))return t[i]},keys:F,bind:z,curry:function(t){for(var e=[],r=1;r<arguments.length;r++)e[r-1]=arguments[r];return function(){return t.apply(this,e.concat(n.call(arguments)))}},isArray:G,isFunction:B,isString:N,isStringSafe:function(t){return"[object String]"===y.call(t)},isNumber:H,isObject:E,isBuiltInObject:X,isTypedArray:Y,isDom:q,isGradientObject:j,isImagePatternObject:V,isRegExp:function(t){return"[object RegExp]"===y.call(t)},eqNaN:U,retrieve:function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];for(var r=0,i=t.length;r<i;r++)if(null!=t[r])return t[r]},retrieve2:Z,retrieve3:K,slice:Q,normalizeCssArray:$,assert:J,trim:tt,setAsPrimitive:function(t){t[et]=!0},isPrimitive:rt,HashMap:at,createHashMap:function(t){return new at(t)},concatArray:function(t,e){for(var r=new t.constructor(t.length+e.length),i=0;i<t.length;i++)r[i]=t[i];for(var n=t.length,i=0;i<e.length;i++)r[i+n]=e[i];return r},createObject:ht,disableUserSelect:lt,hasOwn:ut,noop:ct,RADIAN_TO_DEGREE:pt,EPSILON:ft}),yt=function(t,e){return(yt=Object.setPrototypeOf\|\|{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}\|\|function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(t,e)};function vt(t,e){function r(){this.constructor=t}yt(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}function gt(t,e){return null==t&&(t=0),null==e&&(e=0),[t,e]}function _t(t){return[t[0],t[1]]}function mt(t,e,r){return t[0]=e[0]+r[0],t[1]=e[1]+r[1],t}function xt(t,e,r){return t[0]=e[0]-r[0],t[1]=e[1]-r[1],t}function wt(t){return Math.sqrt(bt(t))}function bt(t){return t[0]t[0]+t[1]t[1]}function St(t,e,r){return t[0]=e[0]r,t[1]=e[1]r,t}function Tt(t,e){var r=wt(e);return 0===r?(t[0]=0,t[1]=0):(t[0]=e[0]/r,t[1]=e[1]/r),t}function kt(t,e){return Math.sqrt((t[0]-e[0])(t[0]-e[0])+(t[1]-e[1])(t[1]-e[1]))}var Ct=kt;function Pt(t,e){return(t[0]-e[0])(t[0]-e[0])+(t[1]-e[1])(t[1]-e[1])}var Mt=Pt;function At(t,e,r,i){return t[0]=e[0]+i(r[0]-e[0]),t[1]=e[1]+i(r[1]-e[1]),t}function Dt(t,e,r){var i=e[0],n=e[1];return t[0]=r[0]i+r[2]n+r[4],t[1]=r[1]i+r[3]n+r[5],t}function Lt(t,e,r){return t[0]=Math.min(e[0],r[0]),t[1]=Math.min(e[1],r[1]),t}function zt(t,e,r){return t[0]=Math.max(e[0],r[0]),t[1]=Math.max(e[1],r[1]),t}var It=Object.freeze({__proto__:null,create:gt,copy:function(t,e){return t[0]=e[0],t[1]=e[1],t},clone:_t,set:function(t,e,r){return t[0]=e,t[1]=r,t},add:mt,scaleAndAdd:function(t,e,r,i){return t[0]=e[0]+r[0]i,t[1]=e[1]+r[1]i,t},sub:xt,len:wt,length:wt,lenSquare:bt,lengthSquare:bt,mul:function(t,e,r){return t[0]=e[0]r[0],t[1]=e[1]r[1],t},div:function(t,e,r){return t[0]=e[0]/r[0],t[1]=e[1]/r[1],t},dot:function(t,e){return t[0]e[0]+t[1]e[1]},scale:St,normalize:Tt,distance:kt,dist:Ct,distanceSquare:Pt,distSquare:Mt,negate:function(t,e){return t[0]=-e[0],t[1]=-e[1],t},lerp:At,applyTransform:Dt,min:Lt,max:zt}),Rt=function(t,e){this.target=t,this.topTarget=e&&e.topTarget},Ot=(Ft.prototype._dragStart=function(t){for(var e=t.target;e&&!e.draggable;)e=e.parent\|\|e.__hostTarget;e&&((this._draggingTarget=e).dragging=!0,this._x=t.offsetX,this._y=t.offsetY,this.handler.dispatchToElement(new Rt(e,t),"dragstart",t.event))},Ft.prototype._drag=function(t){var e,r,i,n,o,a,s=this._draggingTarget;s&&(e=t.offsetX,r=t.offsetY,i=e-this._x,n=r-this._y,this._x=e,this._y=r,s.drift(i,n,t),this.handler.dispatchToElement(new Rt(s,t),"drag",t.event),o=this.handler.findHover(e,r,s).target,a=this._dropTarget,s!==(this._dropTarget=o)&&(a&&o!==a&&this.handler.dispatchToElement(new Rt(a,t),"dragleave",t.event),o&&o!==a&&this.handler.dispatchToElement(new Rt(o,t),"dragenter",t.event)))},Ft.prototype._dragEnd=function(t){var e=this._draggingTarget;e&&(e.dragging=!1),this.handler.dispatchToElement(new Rt(e,t),"dragend",t.event),this._dropTarget&&this.handler.dispatchToElement(new Rt(this._dropTarget,t),"drop",t.event),this._draggingTarget=null,this._dropTarget=null},Ft);function Ft(t){(this.handler=t).on("mousedown",this._dragStart,this),t.on("mousemove",this._drag,this),t.on("mouseup",this._dragEnd,this)}var Bt=(Nt.prototype.on=function(t,e,r,i){this._$handlers\|\|(this._$handlers={});var n=this._$handlers;if("function"==typeof e&&(i=r,r=e,e=null),!r\|\|!t)return this;var o=this._$eventProcessor;null!=e&&o&&o.normalizeQuery&&(e=o.normalizeQuery(e)),n[t]\|\|(n[t]=[]);for(var a=0;a<n[t].length;a++)if(n[t][a].h===r)return this;var s={h:r,query:e,ctx:i\|\|this,callAtLast:r.zrEventfulCallAtLast},h=n[t].length-1,l=n[t][h];return l&&l.callAtLast?n[t].splice(h,0,s):n[t].push(s),this},Nt.prototype.isSilent=function(t){var e=this._$handlers;return!e\|\|!e[t]\|\|!e[t].length},Nt.prototype.off=function(t,e){var r=this._$handlers;if(!r)return this;if(!t)return this._$handlers={},this;if(e){if(r[t]){for(var i=[],n=0,o=r[t].length;n<o;n++)r[t][n].h!==e&&i.push(r[t][n]);r[t]=i}r[t]&&0===r[t].length&&delete r[t]}else delete r[t];return this},Nt.prototype.trigger=function(t){for(var e=[],r=1;r<arguments.length;r++)e[r-1]=arguments[r];if(!this._$handlers)return this;var i=this._$handlers[t],n=this._$eventProcessor;if(i)for(var o=e.length,a=i.length,s=0;s<a;s++){var h=i[s];if(!n\|\|!n.filter\|\|null==h.query\|\|n.filter(t,h.query))switch(o){case 0:h.h.call(h.ctx);break;case 1:h.h.call(h.ctx,e[0]);break;case 2:h.h.call(h.ctx,e[0],e[1]);break;default:h.h.apply(h.ctx,e)}}return n&&n.afterTrigger&&n.afterTrigger(t),this},Nt.prototype.triggerWithContext=function(t){for(var e=[],r=1;r<arguments.length;r++)e[r-1]=arguments[r];if(!this._$handlers)return this;var i=this._$handlers[t],n=this._$eventProcessor;if(i)for(var o=e.length,a=e[o-1],s=i.length,h=0;h<s;h++){var l=i[h];if(!n\|\|!n.filter\|\|null==l.query\|\|n.filter(t,l.query))switch(o){case 0:l.h.call(a);break;case 1:l.h.call(a,e[0]);break;case 2:l.h.call(a,e[0],e[1]);break;default:l.h.apply(a,e.slice(1,o-1))}}return n&&n.afterTrigger&&n.afterTrigger(t),this},Nt);function Nt(t){t&&(this._$eventProcessor=t)}var Ht=Math.log(2);function Wt(t,e,r,i,n,o){var a=i+"-"+n,s=t.length;if(o.hasOwnProperty(a))return o[a];if(1===e){var h=Math.round(Math.log((1<<s)-1&~n)/Ht);return t[r][h]}for(var l=i\|1<<r,u=r+1;i&1<<u;)u++;for(var c=0,p=0,f=0;p<s;p++){var d=1<<p;d&n\|\|(c+=(f%2?-1:1)t[r][p]Wt(t,e-1,u,l,n\|d,o),f++)}return o[a]=c}function Et(t,e){var r=[[t[0],t[1],1,0,0,0,-e[0]t[0],-e[0]t[1]],[0,0,0,t[0],t[1],1,-e[1]t[0],-e[1]t[1]],[t[2],t[3],1,0,0,0,-e[2]t[2],-e[2]t[3]],[0,0,0,t[2],t[3],1,-e[3]t[2],-e[3]t[3]],[t[4],t[5],1,0,0,0,-e[4]t[4],-e[4]t[5]],[0,0,0,t[4],t[5],1,-e[5]t[4],-e[5]t[5]],[t[6],t[7],1,0,0,0,-e[6]t[6],-e[6]t[7]],[0,0,0,t[6],t[7],1,-e[7]t[6],-e[7]t[7]]],i={},n=Wt(r,8,0,0,0,i);if(0!==n){for(var o=[],a=0;a<8;a++)for(var s=0;s<8;s++)null==o[s]&&(o[s]=0),o[s]+=((a+s)%2?-1:1)Wt(r,7,0===a?1:0,1<<a,1<<s,i)/ne[a];return function(t,e,r){var i=eo[6]+ro[7]+1;t[0]=(eo[0]+ro[1]+o[2])/i,t[1]=(eo[3]+ro[4]+o[5])/i}}}var Xt="___zrEVENTSAVED";function Yt(t,e,r,i,n){if(e.getBoundingClientRect&&c.domSupported&&!qt(e)){var o=e[Xt]\|\|(e[Xt]={}),a=function(t,e,r){for(var i=r?"invTrans":"trans",n=e[i],o=e.srcCoords,a=[],s=[],h=!0,l=0;l<4;l++){var u=t[l].getBoundingClientRect(),c=2l,p=u.left,f=u.top;a.push(p,f),h=h&&o&&p===o[c]&&f===o[1+c],s.push(t[l].offsetLeft,t[l].offsetTop)}return h&&n?n:(e.srcCoords=a,e[i]=r?Et(s,a):Et(a,s))}(function(t,e){var r=e.markers;if(r)return r;r=e.markers=[];for(var i=["left","right"],n=["top","bottom"],o=0;o<4;o++){var a=document.createElement("div"),s=a.style,h=o%2,l=(o>>1)%2;s.cssText=["position: absolute","visibility: hidden","padding: 0","margin: 0","border-width: 0","user-select: none","width:0","height:0",i[h]+":0",n[l]+":0",i[1-h]+":auto",n[1-l]+":auto",""].join("!important;"),t.appendChild(a),r.push(a)}return e.clearMarkers=function(){R(r,function(t){t.parentNode&&t.parentNode.removeChild(t)})},r}(e,o),o,n);if(a)return a(t,r,i),1}}function qt(t){return"CANVAS"===t.nodeName.toUpperCase()}var jt=/([&<>"'])/g,Vt={"&":"&","<":"<",">":">",'"':""","'":"'"};var Ut=/^(?:mouse\|pointer\|contextmenu\|drag\|drop)\|click/,Gt=[],Zt=c.browser.firefox&&+c.browser.version.split(".")[0]<39;function Kt(t,e,r,i){return r=r\|\|{},i?Qt(t,e,r):Zt&&null!=e.layerX&&e.layerX!==e.offsetX?(r.zrX=e.layerX,r.zrY=e.layerY):null!=e.offsetX?(r.zrX=e.offsetX,r.zrY=e.offsetY):Qt(t,e,r),r}function Qt(t,e,r){if(c.domSupported&&t.getBoundingClientRect){var i=e.clientX,n=e.clientY;if(qt(t)){var o=t.getBoundingClientRect();return r.zrX=i-o.left,void(r.zrY=n-o.top)}if(Yt(Gt,t,i,n))return r.zrX=Gt[0],void(r.zrY=Gt[1])}r.zrX=r.zrY=0}function $t(t){return t\|\|window.event}function Jt(t,e,r){if(null!=(e=$t(e)).zrX)return e;var i,n,o=e.type;o&&0<=o.indexOf("touch")?(i="touchend"!==o?e.targetTouches[0]:e.changedTouches[0])&&Kt(t,i,e,r):(Kt(t,e,e,r),n=function(t){var e=t.wheelDelta;if(e)return e;var r=t.deltaX,i=t.deltaY;return null!=r&&null!=i?3(0!==i?Math.abs(i):Math.abs(r))(0<i\|\|!(i<0)&&0<r?-1:1):e}(e),e.zrDelta=n?n/120:-(e.detail\|\|0)/3);var a=e.button;return null==e.which&&void 0!==a&&Ut.test(e.type)&&(e.which=1&a?1:2&a?3:4&a?2:0),e}var te=function(t){t.preventDefault(),t.stopPropagation(),t.cancelBubble=!0},ee=(re.prototype.recognize=function(t,e,r){return this._doTrack(t,e,r),this._recognize(t)},re.prototype.clear=function(){return this._track.length=0,this},re.prototype._doTrack=function(t,e,r){var i=t.touches;if(i){for(var n={points:[],touches:[],target:e,event:t},o=0,a=i.length;o<a;o++){var s=i[o],h=Kt(r,s,{});n.points.push([h.zrX,h.zrY]),n.touches.push(s)}this._track.push(n)}},re.prototype._recognize=function(t){for(var e in ne)if(ne.hasOwnProperty(e)){var r=ne[e](this._track,t);if(r)return r}},re);function re(){this._track=[]}function ie(t){var e=t[1][0]-t[0][0],r=t[1][1]-t[0][1];return Math.sqrt(ee+rr)}var ne={pinch:function(t,e){var r=t.length;if(r){var i,n=(t[r-1]\|\|{}).points,o=(t[r-2]\|\|{}).points\|\|n;if(o&&1<o.length&&n&&1<n.length){var a=ie(n)/ie(o);isFinite(a)\|\|(a=1),e.pinchScale=a;var s=[((i=n)[0][0]+i[1][0])/2,(i[0][1]+i[1][1])/2];return e.pinchX=s[0],e.pinchY=s[1],{type:"pinch",target:t[0].target,event:e}}}}};function oe(){return[1,0,0,1,0,0]}function ae(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t[4]=0,t[5]=0,t}function se(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t}function he(t,e,r){var i=e[0]r[0]+e[2]r[1],n=e[1]r[0]+e[3]r[1],o=e[0]r[2]+e[2]r[3],a=e[1]r[2]+e[3]r[3],s=e[0]r[4]+e[2]r[5]+e[4],h=e[1]r[4]+e[3]r[5]+e[5];return t[0]=i,t[1]=n,t[2]=o,t[3]=a,t[4]=s,t[5]=h,t}function le(t,e,r){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4]+r[0],t[5]=e[5]+r[1],t}function ue(t,e,r,i){void 0===i&&(i=[0,0]);var n=e[0],o=e[2],a=e[4],s=e[1],h=e[3],l=e[5],u=Math.sin(r),c=Math.cos(r);return t[0]=nc+su,t[1]=-nu+sc,t[2]=oc+hu,t[3]=-ou+ch,t[4]=c(a-i[0])+u(l-i[1])+i[0],t[5]=c(l-i[1])-u(a-i[0])+i[1],t}function ce(t,e,r){var i=r[0],n=r[1];return t[0]=e[0]i,t[1]=e[1]n,t[2]=e[2]i,t[3]=e[3]n,t[4]=e[4]i,t[5]=e[5]n,t}function pe(t,e){var r=e[0],i=e[2],n=e[4],o=e[1],a=e[3],s=e[5],h=ra-oi;return h?(h=1/h,t[0]=ah,t[1]=-oh,t[2]=-ih,t[3]=rh,t[4]=(is-an)h,t[5]=(on-rs)h,t):null}var fe=Object.freeze({__proto__:null,create:oe,identity:ae,copy:se,mul:he,translate:le,rotate:ue,scale:ce,invert:pe,clone:function(t){var e=oe();return se(e,t),e}}),de=(ye.prototype.copy=function(t){return this.x=t.x,this.y=t.y,this},ye.prototype.clone=function(){return new ye(this.x,this.y)},ye.prototype.set=function(t,e){return this.x=t,this.y=e,this},ye.prototype.equal=function(t){return t.x===this.x&&t.y===this.y},ye.prototype.add=function(t){return this.x+=t.x,this.y+=t.y,this},ye.prototype.scale=function(t){this.x=t,this.y=t},ye.prototype.scaleAndAdd=function(t,e){this.x+=t.xe,this.y+=t.ye},ye.prototype.sub=function(t){return this.x-=t.x,this.y-=t.y,this},ye.prototype.dot=function(t){return this.xt.x+this.yt.y},ye.prototype.len=function(){return Math.sqrt(this.xthis.x+this.ythis.y)},ye.prototype.lenSquare=function(){return this.xthis.x+this.ythis.y},ye.prototype.normalize=function(){var t=this.len();return this.x/=t,this.y/=t,this},ye.prototype.distance=function(t){var e=this.x-t.x,r=this.y-t.y;return Math.sqrt(ee+rr)},ye.prototype.distanceSquare=function(t){var e=this.x-t.x,r=this.y-t.y;return ee+rr},ye.prototype.negate=function(){return this.x=-this.x,this.y=-this.y,this},ye.prototype.transform=function(t){if(t){var e=this.x,r=this.y;return this.x=t[0]e+t[2]r+t[4],this.y=t[1]e+t[3]r+t[5],this}},ye.prototype.toArray=function(t){return t[0]=this.x,t[1]=this.y,t},ye.prototype.fromArray=function(t){this.x=t[0],this.y=t[1]},ye.set=function(t,e,r){t.x=e,t.y=r},ye.copy=function(t,e){t.x=e.x,t.y=e.y},ye.len=function(t){return Math.sqrt(t.xt.x+t.yt.y)},ye.lenSquare=function(t){return t.xt.x+t.yt.y},ye.dot=function(t,e){return t.xe.x+t.ye.y},ye.add=function(t,e,r){t.x=e.x+r.x,t.y=e.y+r.y},ye.sub=function(t,e,r){t.x=e.x-r.x,t.y=e.y-r.y},ye.scale=function(t,e,r){t.x=e.xr,t.y=e.yr},ye.scaleAndAdd=function(t,e,r,i){t.x=e.x+r.xi,t.y=e.y+r.yi},ye.lerp=function(t,e,r,i){var n=1-i;t.x=ne.x+ir.x,t.y=ne.y+ir.y},ye);function ye(t,e){this.x=t\|\|0,this.y=e\|\|0}var ve=Math.min,ge=Math.max,_e=Math.abs,me=["x","y"],xe=["width","height"],we=new de,be=new de,Se=new de,Te=new de,ke=Re(),Ce=ke.minTv,Pe=ke.maxTv,Me=[0,0],Ae=(De.set=function(t,e,r,i,n){return i<0&&(e+=i,i=-i),n<0&&(r+=n,n=-n),t.x=e,t.y=r,t.width=i,t.height=n,t},De.prototype.union=function(t){var e=ve(t.x,this.x),r=ve(t.y,this.y);isFinite(this.x)&&isFinite(this.width)?this.width=ge(t.x+t.width,this.x+this.width)-e:this.width=t.width,isFinite(this.y)&&isFinite(this.height)?this.height=ge(t.y+t.height,this.y+this.height)-r:this.height=t.height,this.x=e,this.y=r},De.prototype.applyTransform=function(t){De.applyTransform(this,this,t)},De.prototype.calculateTransform=function(t){var e=t.width/this.width,r=t.height/this.height,i=oe();return le(i,i,[-this.x,-this.y]),ce(i,i,[e,r]),le(i,i,[t.x,t.y]),i},De.prototype.intersect=function(t,e,r){return De.intersect(this,t,e,r)},De.intersect=function(t,e,r,i){r&&de.set(r,0,0);var n=i&&i.outIntersectRect\|\|null,o=i&&i.clamp;if(n&&(n.x=n.y=n.width=n.height=NaN),!t\|\|!e)return!1;t instanceof De\|\|(t=De.set(Le,t.x,t.y,t.width,t.height)),e instanceof De\|\|(e=De.set(ze,e.x,e.y,e.width,e.height));var a=!!r;ke.reset(i,a);var s=ke.touchThreshold,h=t.x+s,l=t.x+t.width-s,u=t.y+s,c=t.y+t.height-s,p=e.x+s,f=e.x+e.width-s,d=e.y+s,y=e.y+e.height-s;if(l<h\|\|c<u\|\|f<p\|\|y<d)return!1;var v=!(l<p\|\|f<h\|\|c<d\|\|y<u);return(a\|\|n)&&(Me[0]=1/0,Ie(h,l,p,f,Me[1]=0,a,n,o),Ie(u,c,d,y,1,a,n,o),a&&de.copy(r,v?ke.useDir?ke.dirMinTv:Ce:Pe)),v},De.contain=function(t,e,r){return e>=t.x&&e<=t.x+t.width&&r>=t.y&&r<=t.y+t.height},De.prototype.contain=function(t,e){return De.contain(this,t,e)},De.prototype.clone=function(){return new De(this.x,this.y,this.width,this.height)},De.prototype.copy=function(t){De.copy(this,t)},De.prototype.plain=function(){return{x:this.x,y:this.y,width:this.width,height:this.height}},De.prototype.isFinite=function(){return isFinite(this.x)&&isFinite(this.y)&&isFinite(this.width)&&isFinite(this.height)},De.prototype.isZero=function(){return 0===this.width\|\|0===this.height},De.create=function(t){return new De(t.x,t.y,t.width,t.height)},De.copy=function(t,e){return t.x=e.x,t.y=e.y,t.width=e.width,t.height=e.height,t},De.applyTransform=function(t,e,r){if(r){if(r[1]<1e-5&&-1e-5<r[1]&&r[2]<1e-5&&-1e-5<r[2]){var i=r[0],n=r[3],o=r[4],a=r[5];return t.x=e.xi+o,t.y=e.yn+a,t.width=e.widthi,t.height=e.heightn,t.width<0&&(t.x+=t.width,t.width=-t.width),void(t.height<0&&(t.y+=t.height,t.height=-t.height))}we.x=Se.x=e.x,we.y=Te.y=e.y,be.x=Te.x=e.x+e.width,be.y=Se.y=e.y+e.height,we.transform(r),Te.transform(r),be.transform(r),Se.transform(r),t.x=ve(we.x,be.x,Se.x,Te.x),t.y=ve(we.y,be.y,Se.y,Te.y);var s=ge(we.x,be.x,Se.x,Te.x),h=ge(we.y,be.y,Se.y,Te.y);t.width=s-t.x,t.height=h-t.y}else t!==e&&De.copy(t,e)},De);function De(t,e,r,i){De.set(this,t,e,r,i)}var Le=new Ae(0,0,0,0),ze=new Ae(0,0,0,0);function Ie(t,e,r,i,n,o,a,s){var h=_e(e-r),l=_e(i-t),u=ve(h,l),c=me[n],p=me[1-n],f=xe[n];e<r\|\|i<t?h<l?(o&&(Pe[c]=-h),s&&(a[c]=e,a[f]=0)):(o&&(Pe[c]=l),s&&(a[c]=t,a[f]=0)):(a&&(a[c]=ge(t,r),a[f]=ve(e,i)-a[c]),o&&(u<Me[0]\|\|ke.useDir)&&(Me[0]=ve(u,Me[0]),(h<l\|\|!ke.bidirectional)&&(Ce[c]=h,Ce[p]=0,ke.useDir&&ke.calcDirMTV()),(l<=h\|\|!ke.bidirectional)&&(Ce[c]=-l,Ce[p]=0,ke.useDir&&ke.calcDirMTV())))}function Re(){var a=0,s=new de,h=new de,l={minTv:new de,maxTv:new de,useDir:!1,dirMinTv:new de,touchThreshold:0,bidirectional:!0,negativeSize:!1,reset:function(t,e){l.touchThreshold=0,t&&null!=t.touchThreshold&&(l.touchThreshold=ge(0,t.touchThreshold)),l.negativeSize=!1,e&&(l.minTv.set(1/0,1/0),l.maxTv.set(0,0),l.useDir=!1,t&&null!=t.direction&&(l.useDir=!0,l.dirMinTv.copy(l.minTv),h.copy(l.minTv),a=t.direction,l.bidirectional=null==t.bidirectional\|\|!!t.bidirectional,l.bidirectional\|\|s.set(Math.cos(a),Math.sin(a))))},calcDirMTV:function(){var t=l.minTv,e=l.dirMinTv,r=t.yt.y+t.xt.x,i=Math.sin(a),n=Math.cos(a),o=it.y+nt.x;u(o)?u(t.x)&&u(t.y)&&e.set(0,0):(h.x=rn/o,h.y=ri/o,u(h.x)&&u(h.y)?e.set(0,0):(l.bidirectional\|\|0<s.dot(h))&&h.len()<e.len()&&e.copy(h))}};function u(t){return _e(t)<1e-10}return l}var Oe="silent";function Fe(){te(this.event)}var Be,Ne=(vt(He,Be=Bt),He.prototype.dispose=function(){},He.prototype.setCursor=function(){},He);function He(){var t=null!==Be&&Be.apply(this,arguments)\|\|this;return t.handler=null,t}var We,Ee=function(t,e){this.x=t,this.y=e},Xe=["click","dblclick","mousewheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],Ye=new Ae(0,0,0,0),qe=(vt(je,We=Bt),je.prototype.setHandlerProxy=function(e){this.proxy&&this.proxy.dispose(),e&&(R(Xe,function(t){e.on&&e.on(t,this[t],this)},this),e.handler=this),this.proxy=e},je.prototype.mousemove=function(t){var e=t.zrX,r=t.zrY,i=Ue(this,e,r),n=this._hovered,o=n.target;o&&!o.__zr&&(o=(n=this.findHover(n.x,n.y)).target);var a=this._hovered=i?new Ee(e,r):this.findHover(e,r),s=a.target,h=this.proxy;h.setCursor&&h.setCursor(s?s.cursor:"default"),o&&s!==o&&this.dispatchToElement(n,"mouseout",t),this.dispatchToElement(a,"mousemove",t),s&&s!==o&&this.dispatchToElement(a,"mouseover",t)},je.prototype.mouseout=function(t){var e=t.zrEventControl;"only_globalout"!==e&&this.dispatchToElement(this._hovered,"mouseout",t),"no_globalout"!==e&&this.trigger("globalout",{type:"globalout",event:t})},je.prototype.resize=function(){this._hovered=new Ee(0,0)},je.prototype.dispatch=function(t,e){var r=this[t];r&&r.call(this,e)},je.prototype.dispose=function(){this.proxy.dispose(),this.storage=null,this.proxy=null,this.painter=null},je.prototype.setCursorStyle=function(t){var e=this.proxy;e.setCursor&&e.setCursor(t)},je.prototype.dispatchToElement=function(t,e,r){var i=(t=t\|\|{}).target;if(!i\|\|!i.silent){for(var n,o,a="on"+e,s={type:e,event:o=r,target:(n=t).target,topTarget:n.topTarget,cancelBubble:!1,offsetX:o.zrX,offsetY:o.zrY,gestureEvent:o.gestureEvent,pinchX:o.pinchX,pinchY:o.pinchY,pinchScale:o.pinchScale,wheelDelta:o.zrDelta,zrByTouch:o.zrByTouch,which:o.which,stop:Fe};i&&(i[a]&&(s.cancelBubble=!!i[a].call(i,s)),i.trigger(e,s),i=i.__hostTarget?i.__hostTarget:i.parent,!s.cancelBubble););s.cancelBubble\|\|(this.trigger(e,s),this.painter&&this.painter.eachOtherLayer&&this.painter.eachOtherLayer(function(t){"function"==typeof t[a]&&t[a].call(t,s),t.trigger&&t.trigger(e,s)}))}},je.prototype.findHover=function(t,e,r){var i=this.storage.getDisplayList(),n=new Ee(t,e);if(Ve(i,n,t,e,r),this._pointerSize&&!n.target){for(var o=[],a=this._pointerSize,s=a/2,h=new Ae(t-s,e-s,a,a),l=i.length-1;0<=l;l--){var u=i[l];u===r\|\|u.ignore\|\|u.ignoreCoarsePointer\|\|u.parent&&u.parent.ignoreCoarsePointer\|\|(Ye.copy(u.getBoundingRect()),u.transform&&Ye.applyTransform(u.transform),Ye.intersect(h)&&o.push(u))}if(o.length)for(var c=Math.PI/12,p=2Math.PI,f=0;f<s;f+=4)for(var d=0;d<p;d+=c)if(Ve(o,n,t+fMath.cos(d),e+fMath.sin(d),r),n.target)return n}return n},je.prototype.processGesture=function(t,e){this._gestureMgr\|\|(this._gestureMgr=new ee);var r=this._gestureMgr;"start"===e&&r.clear();var i,n,o=r.recognize(t,this.findHover(t.zrX,t.zrY,null).target,this.proxy.dom);"end"===e&&r.clear(),o&&(i=o.type,t.gestureEvent=i,(n=new Ee).target=o.target,this.dispatchToElement(n,i,o.event))},je);function je(t,e,r,i,n){var o=We.call(this)\|\|this;return o._hovered=new Ee(0,0),o.storage=t,o.painter=e,o.painterRoot=i,o._pointerSize=n,r=r\|\|new Ne,o.proxy=null,o.setHandlerProxy(r),o._draggingMgr=new Ot(o),o}function Ve(t,e,r,i,n){for(var o=t.length-1;0<=o;o--){var a=t[o],s=void 0;if(a!==n&&!a.ignore&&(s=function(t,e,r){if(t[t.rectHover?"rectContain":"contain"](e,r)){for(var i=t,n=void 0,o=!1;i;){if(i.ignoreClip&&(o=!0),!o){var a=i.getClipPath();if(a&&!a.contain(e,r))return!1}i.silent&&(n=!0);var s=i.__hostTarget,i=s?i.ignoreHostSilent?null:s:i.parent}return!n\|\|Oe}return!1}(a,r,i))&&(e.topTarget\|\|(e.topTarget=a),s!==Oe)){e.target=a;break}}}function Ue(t,e,r){var i=t.painter;return e<0\|\|e>i.getWidth()\|\|r<0\|\|r>i.getHeight()}R(["click","mousedown","mouseup","mousewheel","dblclick","contextmenu"],function(a){qe.prototype[a]=function(t){var e,r,i=t.zrX,n=t.zrY,o=Ue(this,i,n);if("mouseup"===a&&o\|\|(r=(e=this.findHover(i,n)).target),"mousedown"===a)this._downEl=r,this._downPoint=[t.zrX,t.zrY],this._upEl=r;else if("mouseup"===a)this._upEl=r;else if("click"===a){if(this._downEl!==this._upEl\|\|!this._downPoint\|\|4<Ct(this._downPoint,[t.zrX,t.zrY]))return;this._downPoint=null}this.dispatchToElement(e,a,t)}});var Ge=32,Ze=7;function Ke(t,e,r,i){var n=e+1;if(n===r)return 1;if(i(t[n++],t[e])<0){for(;n<r&&i(t[n],t[n-1])<0;)n++;!function(t,e,r){r--;for(;e<r;){var i=t[e];t[e++]=t[r],t[r--]=i}}(t,e,n)}else for(;n<r&&0<=i(t[n],t[n-1]);)n++;return n-e}function Qe(t,e,r,i,n){for(i===e&&i++;i<r;i++){for(var o,a=t[i],s=e,h=i;s<h;)n(a,t[o=s+h>>>1])<0?h=o:s=1+o;var l=i-s;switch(l){case 3:t[s+3]=t[s+2];case 2:t[s+2]=t[s+1];case 1:t[s+1]=t[s];break;default:for(;0<l;)t[s+l]=t[s+l-1],l--}t[s]=a}}function $e(t,e,r,i,n,o){var a=0,s=0,h=1;if(0<o(t,e[r+n])){for(s=i-n;h<s&&0<o(t,e[r+n+h]);)(h=1+((a=h)<<1))<=0&&(h=s);s<h&&(h=s),a+=n,h+=n}else{for(s=n+1;h<s&&o(t,e[r+n-h])<=0;)(h=1+((a=h)<<1))<=0&&(h=s);s<h&&(h=s);var l=a,a=n-h,h=n-l}for(a++;a<h;){var u=a+(h-a>>>1);0<o(t,e[r+u])?a=u+1:h=u}return h}function Je(t,e,r,i,n,o){var a=0,s=0,h=1;if(o(t,e[r+n])<0){for(s=n+1;h<s&&o(t,e[r+n-h])<0;)(h=1+((a=h)<<1))<=0&&(h=s);s<h&&(h=s);var l=a,a=n-h,h=n-l}else{for(s=i-n;h<s&&0<=o(t,e[r+n+h]);)(h=1+((a=h)<<1))<=0&&(h=s);s<h&&(h=s),a+=n,h+=n}for(a++;a<h;){var u=a+(h-a>>>1);o(t,e[r+u])<0?h=u:a=u+1}return h}function tr(d,y){var a,s,v=Ze,h=0,g=[];function e(t){var e=a[t],r=s[t],i=a[t+1],n=s[t+1];s[t]=r+n,t===h-3&&(a[t+1]=a[t+2],s[t+1]=s[t+2]),h--;var o=Je(d[i],d,e,r,0,y);e+=o,0!=(r-=o)&&0!==(n=$e(d[e+r-1],d,i,n,n-1,y))&&(r<=n?function(t,e,r,i){var n=0;for(n=0;n<e;n++)g[n]=d[t+n];var o=0,a=r,s=t;if(d[s++]=d[a++],0==--i){for(n=0;n<e;n++)d[s+n]=g[o+n];return}if(1===e){for(n=0;n<i;n++)d[s+n]=d[a+n];return d[s+i]=g[o]}var h,l,u,c=v;for(;;){l=h=0,u=!1;do{if(y(d[a],g[o])<0){if(d[s++]=d[a++],l++,(h=0)==--i){u=!0;break}}else if(d[s++]=g[o++],h++,l=0,1==--e){u=!0;break}}while((h\|l)<c);if(u)break;do{if(0!==(h=Je(d[a],g,o,e,0,y))){for(n=0;n<h;n++)d[s+n]=g[o+n];if(s+=h,o+=h,(e-=h)<=1){u=!0;break}}if(d[s++]=d[a++],0==--i){u=!0;break}if(0!==(l=$e(g[o],d,a,i,0,y))){for(n=0;n<l;n++)d[s+n]=d[a+n];if(s+=l,a+=l,0===(i-=l)){u=!0;break}}if(d[s++]=g[o++],1==--e){u=!0;break}c--}while(Ze<=h\|\|Ze<=l);if(u)break;c<0&&(c=0),c+=2}if((v=c)<1&&(v=1),1===e){for(n=0;n<i;n++)d[s+n]=d[a+n];d[s+i]=g[o]}else{if(0===e)throw new Error;for(n=0;n<e;n++)d[s+n]=g[o+n]}}:function(t,e,r,i){var n=0;for(n=0;n<i;n++)g[n]=d[r+n];var o=t+e-1,a=i-1,s=r+i-1,h=0,l=0;if(d[s--]=d[o--],0==--e){for(h=s-(i-1),n=0;n<i;n++)d[h+n]=g[n];return}if(1===i){for(l=(s-=e)+1,h=(o-=e)+1,n=e-1;0<=n;n--)d[l+n]=d[h+n];return d[s]=g[a]}var u=v;for(;;){var c=0,p=0,f=!1;do{if(y(g[a],d[o])<0){if(d[s--]=d[o--],c++,(p=0)==--e){f=!0;break}}else if(d[s--]=g[a--],p++,c=0,1==--i){f=!0;break}}while((c\|p)<u);if(f)break;do{if(0!==(c=e-Je(g[a],d,t,e,e-1,y))){for(e-=c,l=(s-=c)+1,h=(o-=c)+1,n=c-1;0<=n;n--)d[l+n]=d[h+n];if(0===e){f=!0;break}}if(d[s--]=g[a--],1==--i){f=!0;break}if(0!==(p=i-$e(d[o],g,0,i,i-1,y))){for(i-=p,l=(s-=p)+1,h=(a-=p)+1,n=0;n<p;n++)d[l+n]=g[h+n];if(i<=1){f=!0;break}}if(d[s--]=d[o--],0==--e){f=!0;break}u--}while(Ze<=c\|\|Ze<=p);if(f)break;u<0&&(u=0),u+=2}(v=u)<1&&(v=1);if(1===i){for(l=(s-=e)+1,h=(o-=e)+1,n=e-1;0<=n;n--)d[l+n]=d[h+n];d[s]=g[a]}else{if(0===i)throw new Error;for(h=s-(i-1),n=0;n<i;n++)d[h+n]=g[n]}})(e,r,i,n)}return a=[],s=[],{mergeRuns:function(){for(;1<h;){var t=h-2;if(1<=t&&s[t-1]<=s[t]+s[t+1]\|\|2<=t&&s[t-2]<=s[t]+s[t-1])s[t-1]<s[t+1]&&t--;else if(s[t]>s[t+1])break;e(t)}},forceMergeRuns:function(){for(;1<h;){var t=h-2;0<t&&s[t-1]<s[t+1]&&t--,e(t)}},pushRun:function(t,e){a[h]=t,s[h]=e,h+=1}}}function er(t,e,r,i){r=r\|\|0;var n=(i=i\|\|t.length)-r;if(!(n<2)){var o=0;if(n<Ge)Qe(t,r,i,r+(o=Ke(t,r,i,e)),e);else{var a,s=tr(t,e),h=function(t){for(var e=0;Ge<=t;)e\|=1&t,t>>=1;return t+e}(n);do{(o=Ke(t,r,i,e))<h&&(h<(a=n)&&(a=h),Qe(t,r,r+a,r+o,e),o=a),s.pushRun(r,o),s.mergeRuns(),n-=o,r+=o}while(0!==n);s.forceMergeRuns()}}}var rr=1,ir=4,nr=!1;function or(){nr\|\|(nr=!0,console.warn("z / z2 / zlevel of displayable is invalid, which may cause unexpected errors"))}function ar(t,e){return t.zlevel===e.zlevel?t.z===e.z?t.z2-e.z2:t.z-e.z:t.zlevel-e.zlevel}var sr=(hr.prototype.traverse=function(t,e){for(var r=0;r<this._roots.length;r++)this._roots[r].traverse(t,e)},hr.prototype.getDisplayList=function(t,e){e=e\|\|!1;var r=this._displayList;return!t&&r.length\|\|this.updateDisplayList(e),r},hr.prototype.updateDisplayList=function(t){this._displayListLen=0;for(var e=this._roots,r=this._displayList,i=0,n=e.length;i<n;i++)this._updateAndAddDisplayable(e[i],null,t);r.length=this._displayListLen,er(r,ar)},hr.prototype._updateAndAddDisplayable=function(t,e,r){if(!t.ignore\|\|r){t.beforeUpdate(),t.update(),t.afterUpdate();var i=t.getClipPath(),n=e&&e.length,o=0,a=t.__clipPaths;if(!t.ignoreClip&&(n\|\|i)){if(a=a\|\|(t.__clipPaths=[]),n)for(var s=0;s<e.length;s++)a[o++]=e[s];for(var h=i,l=t;h;)h.parent=l,h.updateTransform(),h=(l=a[o++]=h).getClipPath()}if(a&&(a.length=o),t.childrenRef){for(var u=t.childrenRef(),c=0;c<u.length;c++){var p=u[c];t.__dirty&&(p.__dirty\|=rr),this._updateAndAddDisplayable(p,a,r)}t.__dirty=0}else{var f=t;isNaN(f.z)&&(or(),f.z=0),isNaN(f.z2)&&(or(),f.z2=0),isNaN(f.zlevel)&&(or(),f.zlevel=0),this._displayList[this._displayListLen++]=f}var d=t.getDecalElement&&t.getDecalElement();d&&this._updateAndAddDisplayable(d,a,r);var y=t.getTextGuideLine();y&&this._updateAndAddDisplayable(y,a,r);var v=t.getTextContent();v&&this._updateAndAddDisplayable(v,a,r)}},hr.prototype.addRoot=function(t){t.__zr&&t.__zr.storage===this\|\|this._roots.push(t)},hr.prototype.delRoot=function(t){if(t instanceof Array)for(var e=0,r=t.length;e<r;e++)this.delRoot(t[e]);else{var i=P(this._roots,t);0<=i&&this._roots.splice(i,1)}},hr.prototype.delAllRoots=function(){this._roots=[],this._displayList=[],this._displayListLen=0},hr.prototype.getRoots=function(){return this._roots},hr.prototype.dispose=function(){this._displayList=null,this._roots=null},hr);function hr(){this._roots=[],this._displayList=[],this._displayListLen=0,this.displayableSortFunc=ar}var lr=c.hasGlobalWindow&&(window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)\|\|window.msRequestAnimationFrame&&window.msRequestAnimationFrame.bind(window)\|\|window.mozRequestAnimationFrame\|\|window.webkitRequestAnimationFrame)\|\|function(t){return setTimeout(t,16)},ur={linear:function(t){return t},quadraticIn:function(t){return tt},quadraticOut:function(t){return t(2-t)},quadraticInOut:function(t){return(t=2)<1?.5tt:-.5(--t(t-2)-1)},cubicIn:function(t){return ttt},cubicOut:function(t){return--ttt+1},cubicInOut:function(t){return(t=2)<1?.5ttt:.5((t-=2)tt+2)},quarticIn:function(t){return tttt},quarticOut:function(t){return 1- --tttt},quarticInOut:function(t){return(t=2)<1?.5tttt:-.5((t-=2)ttt-2)},quinticIn:function(t){return ttttt},quinticOut:function(t){return--ttttt+1},quinticInOut:function(t){return(t=2)<1?.5ttttt:.5((t-=2)tttt+2)},sinusoidalIn:function(t){return 1-Math.cos(tMath.PI/2)},sinusoidalOut:function(t){return Math.sin(tMath.PI/2)},sinusoidalInOut:function(t){return.5(1-Math.cos(Math.PIt))},exponentialIn:function(t){return 0===t?0:Math.pow(1024,t-1)},exponentialOut:function(t){return 1===t?1:1-Math.pow(2,-10t)},exponentialInOut:function(t){return 0===t?0:1===t?1:(t=2)<1?.5Math.pow(1024,t-1):.5(2-Math.pow(2,-10(t-1)))},circularIn:function(t){return 1-Math.sqrt(1-tt)},circularOut:function(t){return Math.sqrt(1- --tt)},circularInOut:function(t){return(t=2)<1?-.5(Math.sqrt(1-tt)-1):.5(Math.sqrt(1-(t-=2)t)+1)},elasticIn:function(t){var e,r=.1;return 0===t?0:1===t?1:(e=!r\|\|r<1?(r=1,.1):.4Math.asin(1/r)/(2Math.PI),-(rMath.pow(2,10--t)Math.sin((t-e)(2Math.PI)/.4)))},elasticOut:function(t){var e,r=.1;return 0===t?0:1===t?1:(e=!r\|\|r<1?(r=1,.1):.4Math.asin(1/r)/(2Math.PI),rMath.pow(2,-10t)Math.sin((t-e)(2Math.PI)/.4)+1)},elasticInOut:function(t){var e,r=.1;return 0===t?0:1===t?1:(e=!r\|\|r<1?(r=1,.1):.4Math.asin(1/r)/(2Math.PI),(t=2)<1?rMath.pow(2,10--t)Math.sin((t-e)(2Math.PI)/.4)-.5:rMath.pow(2,-10--t)Math.sin((t-e)(2Math.PI)/.4).5+1)},backIn:function(t){return tt(2.70158t-1.70158)},backOut:function(t){return--tt(2.70158t+1.70158)+1},backInOut:function(t){var e=2.5949095;return(t=2)<1?tt((1+e)t-e).5:.5((t-=2)t((1+e)t+e)+2)},bounceIn:function(t){return 1-ur.bounceOut(1-t)},bounceOut:function(t){return t<1/2.75?7.5625tt:t<2/2.75?7.5625(t-=1.5/2.75)t+.75:t<2.5/2.75?7.5625(t-=2.25/2.75)t+.9375:7.5625(t-=2.625/2.75)t+.984375},bounceInOut:function(t){return t<.5?.5ur.bounceIn(2t):.5ur.bounceOut(2t-1)+.5}},cr=Math.pow,pr=Math.sqrt,fr=1e-8,dr=1e-4,yr=pr(3),vr=1/3,gr=gt(),_r=gt(),mr=gt();function xr(t){return-fr<t&&t<fr}function wr(t){return fr<t\|\|t<-fr}function br(t,e,r,i,n){var o=1-n;return oo(ot+3ne)+nn(ni+3or)}function Sr(t,e,r,i,n){var o=1-n;return 3(((e-t)o+2(r-e)n)o+(i-r)nn)}function Tr(t,e,r,i,n,o){var a,s,h,l,u,c,p,f,d,y,v,g,_=i+3(e-r)-t,m=3(r-2e+t),x=3(e-t),w=t-n,b=mm-3_x,S=mx-9_w,T=xx-3mw,k=0;return xr(b)&&xr(S)?xr(m)?o[0]=0:0<=(y=-x/m)&&y<=1&&(o[k++]=y):xr(a=SS-4bT)?(v=-(s=S/b)/2,0<=(y=-m/_+s)&&y<=1&&(o[k++]=y),0<=v&&v<=1&&(o[k++]=v)):0<a?(u=bm+1.5_(-S-(h=pr(a))),0<=(y=(-m-((l=(l=bm+1.5_(-S+h))<0?-cr(-l,vr):cr(l,vr))+(u=u<0?-cr(-u,vr):cr(u,vr))))/(3_))&&y<=1&&(o[k++]=y)):(c=(2bm-3_S)/(2pr(bbb)),p=Math.acos(c)/3,y=(-m-2(f=pr(b))(d=Math.cos(p)))/(3_),v=(-m+f(d+yrMath.sin(p)))/(3_),g=(-m+f(d-yrMath.sin(p)))/(3_),0<=y&&y<=1&&(o[k++]=y),0<=v&&v<=1&&(o[k++]=v),0<=g&&g<=1&&(o[k++]=g)),k}function kr(t,e,r,i,n){var o,a,s,h,l=6r-12e+6t,u=9e+3i-3t-9r,c=3e-3t,p=0;return xr(u)?wr(l)&&0<=(s=-c/l)&&s<=1&&(n[p++]=s):xr(o=ll-4uc)?n[0]=-l/(2u):0<o&&(h=(-l-(a=pr(o)))/(2u),0<=(s=(-l+a)/(2u))&&s<=1&&(n[p++]=s),0<=h&&h<=1&&(n[p++]=h)),p}function Cr(t,e,r,i,n,o){var a=(e-t)n+t,s=(r-e)n+e,h=(i-r)n+r,l=(s-a)n+a,u=(h-s)n+s,c=(u-l)n+l;o[0]=t,o[1]=a,o[2]=l,o[3]=c,o[4]=c,o[5]=u,o[6]=h,o[7]=i}function Pr(t,e,r,i){var n=1-i;return n(nt+2ie)+iir}function Mr(t,e,r,i){return 2((1-i)(e-t)+i(r-e))}function Ar(t,e,r){var i=t+r-2e;return 0==i?.5:(t-e)/i}function Dr(t,e,r,i,n){var o=(e-t)i+t,a=(r-e)i+e,s=(a-o)i+o;n[0]=t,n[1]=o,n[2]=s,n[3]=s,n[4]=a,n[5]=r}var Lr=/cubic-bezier\(([0-9,\.e ]+)\)/;function zr(t){var e=t&&Lr.exec(t);if(e){var r=e[1].split(","),i=+tt(r[0]),n=+tt(r[1]),o=+tt(r[2]),a=+tt(r[3]);if(isNaN(i+n+o+a))return;var s=[];return function(t){return t<=0?0:1<=t?1:Tr(0,i,o,1,t,s)&&br(0,n,a,1,s[0])}}}var Ir=(Rr.prototype.step=function(t,e){if(this._inited\|\|(this._startTime=t+this._delay,this._inited=!0),!this._paused){var r=this._life,i=t-this._startTime-this._pausedTime,n=i/r;n<0&&(n=0),n=Math.min(n,1);var o=this.easingFunc,a=o?o(n):n;if(this.onframe(a),1===n){if(!this.loop)return!0;var s=i%r;this._startTime=t-s,this._pausedTime=0,this.onrestart()}return!1}this._pausedTime+=e},Rr.prototype.pause=function(){this._paused=!0},Rr.prototype.resume=function(){this._paused=!1},Rr.prototype.setEasing=function(t){this.easing=t,this.easingFunc=B(t)?t:ur[t]\|\|zr(t)},Rr);function Rr(t){this._inited=!1,this._startTime=0,this._pausedTime=0,this._paused=!1,this._life=t.life\|\|1e3,this._delay=t.delay\|\|0,this.loop=t.loop\|\|!1,this.onframe=t.onframe\|\|ct,this.ondestroy=t.ondestroy\|\|ct,this.onrestart=t.onrestart\|\|ct,t.easing&&this.setEasing(t.easing)}var Or=function(t){this.value=t},Fr=(Br.prototype.insert=function(t){var e=new Or(t);return this.insertEntry(e),e},Br.prototype.insertEntry=function(t){this.head?((this.tail.next=t).prev=this.tail,t.next=null,this.tail=t):this.head=this.tail=t,this._len++},Br.prototype.remove=function(t){var e=t.prev,r=t.next;e?e.next=r:this.head=r,r?r.prev=e:this.tail=e,t.next=t.prev=null,this._len--},Br.prototype.len=function(){return this._len},Br.prototype.clear=function(){this.head=this.tail=null,this._len=0},Br);function Br(){this._len=0}var Nr=(Hr.prototype.put=function(t,e){var r,i,n,o=this._list,a=this._map,s=null;return null==a[t]&&(r=o.len(),i=this._lastRemovedEntry,r>=this._maxSize&&0<r&&(n=o.head,o.remove(n),delete a[n.key],s=n.value,this._lastRemovedEntry=n),i?i.value=e:i=new Or(e),i.key=t,o.insertEntry(i),a[t]=i),s},Hr.prototype.get=function(t){var e=this._map[t],r=this._list;if(null!=e)return e!==r.tail&&(r.remove(e),r.insertEntry(e)),e.value},Hr.prototype.clear=function(){this._list.clear(),this._map={}},Hr.prototype.len=function(){return this._list.len()},Hr);function Hr(t){this._list=new Fr,this._maxSize=10,this._map={},this._maxSize=t}var Wr={transparent:[0,0,0,0],aliceblue:[240,248,255,1],antiquewhite:[250,235,215,1],aqua:[0,255,255,1],aquamarine:[127,255,212,1],azure:[240,255,255,1],beige:[245,245,220,1],bisque:[255,228,196,1],black:[0,0,0,1],blanchedalmond:[255,235,205,1],blue:[0,0,255,1],blueviolet:[138,43,226,1],brown:[165,42,42,1],burlywood:[222,184,135,1],cadetblue:[95,158,160,1],chartreuse:[127,255,0,1],chocolate:[210,105,30,1],coral:[255,127,80,1],cornflowerblue:[100,149,237,1],cornsilk:[255,248,220,1],crimson:[220,20,60,1],cyan:[0,255,255,1],darkblue:[0,0,139,1],darkcyan:[0,139,139,1],darkgoldenrod:[184,134,11,1],darkgray:[169,169,169,1],darkgreen:[0,100,0,1],darkgrey:[169,169,169,1],darkkhaki:[189,183,107,1],darkmagenta:[139,0,139,1],darkolivegreen:[85,107,47,1],darkorange:[255,140,0,1],darkorchid:[153,50,204,1],darkred:[139,0,0,1],darksalmon:[233,150,122,1],darkseagreen:[143,188,143,1],darkslateblue:[72,61,139,1],darkslategray:[47,79,79,1],darkslategrey:[47,79,79,1],darkturquoise:[0,206,209,1],darkviolet:[148,0,211,1],deeppink:[255,20,147,1],deepskyblue:[0,191,255,1],dimgray:[105,105,105,1],dimgrey:[105,105,105,1],dodgerblue:[30,144,255,1],firebrick:[178,34,34,1],floralwhite:[255,250,240,1],forestgreen:[34,139,34,1],fuchsia:[255,0,255,1],gainsboro:[220,220,220,1],ghostwhite:[248,248,255,1],gold:[255,215,0,1],goldenrod:[218,165,32,1],gray:[128,128,128,1],green:[0,128,0,1],greenyellow:[173,255,47,1],grey:[128,128,128,1],honeydew:[240,255,240,1],hotpink:[255,105,180,1],indianred:[205,92,92,1],indigo:[75,0,130,1],ivory:[255,255,240,1],khaki:[240,230,140,1],lavender:[230,230,250,1],lavenderblush:[255,240,245,1],lawngreen:[124,252,0,1],lemonchiffon:[255,250,205,1],lightblue:[173,216,230,1],lightcoral:[240,128,128,1],lightcyan:[224,255,255,1],lightgoldenrodyellow:[250,250,210,1],lightgray:[211,211,211,1],lightgreen:[144,238,144,1],lightgrey:[211,211,211,1],lightpink:[255,182,193,1],lightsalmon:[255,160,122,1],lightseagreen:[32,178,170,1],lightskyblue:[135,206,250,1],lightslategray:[119,136,153,1],lightslategrey:[119,136,153,1],lightsteelblue:[176,196,222,1],lightyellow:[255,255,224,1],lime:[0,255,0,1],limegreen:[50,205,50,1],linen:[250,240,230,1],magenta:[255,0,255,1],maroon:[128,0,0,1],mediumaquamarine:[102,205,170,1],mediumblue:[0,0,205,1],mediumorchid:[186,85,211,1],mediumpurple:[147,112,219,1],mediumseagreen:[60,179,113,1],mediumslateblue:[123,104,238,1],mediumspringgreen:[0,250,154,1],mediumturquoise:[72,209,204,1],mediumvioletred:[199,21,133,1],midnightblue:[25,25,112,1],mintcream:[245,255,250,1],mistyrose:[255,228,225,1],moccasin:[255,228,181,1],navajowhite:[255,222,173,1],navy:[0,0,128,1],oldlace:[253,245,230,1],olive:[128,128,0,1],olivedrab:[107,142,35,1],orange:[255,165,0,1],orangered:[255,69,0,1],orchid:[218,112,214,1],palegoldenrod:[238,232,170,1],palegreen:[152,251,152,1],paleturquoise:[175,238,238,1],palevioletred:[219,112,147,1],papayawhip:[255,239,213,1],peachpuff:[255,218,185,1],peru:[205,133,63,1],pink:[255,192,203,1],plum:[221,160,221,1],powderblue:[176,224,230,1],purple:[128,0,128,1],red:[255,0,0,1],rosybrown:[188,143,143,1],royalblue:[65,105,225,1],saddlebrown:[139,69,19,1],salmon:[250,128,114,1],sandybrown:[244,164,96,1],seagreen:[46,139,87,1],seashell:[255,245,238,1],sienna:[160,82,45,1],silver:[192,192,192,1],skyblue:[135,206,235,1],slateblue:[106,90,205,1],slategray:[112,128,144,1],slategrey:[112,128,144,1],snow:[255,250,250,1],springgreen:[0,255,127,1],steelblue:[70,130,180,1],tan:[210,180,140,1],teal:[0,128,128,1],thistle:[216,191,216,1],tomato:[255,99,71,1],turquoise:[64,224,208,1],violet:[238,130,238,1],wheat:[245,222,179,1],white:[255,255,255,1],whitesmoke:[245,245,245,1],yellow:[255,255,0,1],yellowgreen:[154,205,50,1]};function Er(t){return(t=Math.round(t))<0?0:255<t?255:t}function Xr(t){return t<0?0:1<t?1:t}function Yr(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?Er(parseFloat(e)/100255):Er(parseInt(e,10))}function qr(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?Xr(parseFloat(e)/100):Xr(parseFloat(e))}function jr(t,e,r){return r<0?r+=1:1<r&&--r,6r<1?t+(e-t)r6:2r<1?e:3r<2?t+(e-t)(2/3-r)6:t}function Vr(t,e,r){return t+(e-t)r}function Ur(t,e,r,i,n){return t[0]=e,t[1]=r,t[2]=i,t[3]=n,t}function Gr(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t}var Zr=new Nr(20),Kr=null;function Qr(t,e){Kr&&Gr(Kr,e),Kr=Zr.put(t,Kr\|\|e.slice())}function $r(t,e){if(t){e=e\|\|[];var r=Zr.get(t);if(r)return Gr(e,r);var i=(t+="").replace(/ /g,"").toLowerCase();if(i in Wr)return Gr(e,Wr[i]),Qr(t,e),e;var n,o=i.length;if("#"===i.charAt(0))return 4===o\|\|5===o?0<=(n=parseInt(i.slice(1,4),16))&&n<=4095?(Ur(e,(3840&n)>>4\|(3840&n)>>8,240&n\|(240&n)>>4,15&n\|(15&n)<<4,5===o?parseInt(i.slice(4),16)/15:1),Qr(t,e),e):void Ur(e,0,0,0,1):7===o\|\|9===o?0<=(n=parseInt(i.slice(1,7),16))&&n<=16777215?(Ur(e,(16711680&n)>>16,(65280&n)>>8,255&n,9===o?parseInt(i.slice(7),16)/255:1),Qr(t,e),e):void Ur(e,0,0,0,1):void 0;var a=i.indexOf("("),s=i.indexOf(")");if(-1!==a&&s+1===o){var h=i.substr(0,a),l=i.substr(a+1,s-(a+1)).split(","),u=1;switch(h){case"rgba":if(4!==l.length)return 3===l.length?Ur(e,+l[0],+l[1],+l[2],1):Ur(e,0,0,0,1);u=qr(l.pop());case"rgb":return 3<=l.length?(Ur(e,Yr(l[0]),Yr(l[1]),Yr(l[2]),3===l.length?u:qr(l[3])),Qr(t,e),e):void Ur(e,0,0,0,1);case"hsla":return 4!==l.length?void Ur(e,0,0,0,1):(l[3]=qr(l[3]),Jr(l,e),Qr(t,e),e);case"hsl":return 3!==l.length?void Ur(e,0,0,0,1):(Jr(l,e),Qr(t,e),e);default:return}}Ur(e,0,0,0,1)}}function Jr(t,e){var r=(parseFloat(t[0])%360+360)%360/360,i=qr(t[1]),n=qr(t[2]),o=n<=.5?n(i+1):n+i-ni,a=2n-o;return Ur(e=e\|\|[],Er(255jr(a,o,r+1/3)),Er(255jr(a,o,r)),Er(255jr(a,o,r-1/3)),1),4===t.length&&(e[3]=t[3]),e}function ti(t,e){var r=$r(t);if(r){for(var i=0;i<3;i++)r[i]=e<0?r[i](1-e)\|0:(255-r[i])e+r[i]\|0,255<r[i]?r[i]=255:r[i]<0&&(r[i]=0);return oi(r,4===r.length?"rgba":"rgb")}}function ei(t,e,r){if(e&&e.length&&0<=t&&t<=1){r=r\|\|[];var i=t(e.length-1),n=Math.floor(i),o=Math.ceil(i),a=e[n],s=e[o],h=i-n;return r[0]=Er(Vr(a[0],s[0],h)),r[1]=Er(Vr(a[1],s[1],h)),r[2]=Er(Vr(a[2],s[2],h)),r[3]=Xr(Vr(a[3],s[3],h)),r}}var ri=ei;function ii(t,e,r){if(e&&e.length&&0<=t&&t<=1){var i=t(e.length-1),n=Math.floor(i),o=Math.ceil(i),a=$r(e[n]),s=$r(e[o]),h=i-n,l=oi([Er(Vr(a[0],s[0],h)),Er(Vr(a[1],s[1],h)),Er(Vr(a[2],s[2],h)),Xr(Vr(a[3],s[3],h))],"rgba");return r?{color:l,leftIndex:n,rightIndex:o,value:i}:l}}var ni=ii;function oi(t,e){if(t&&t.length){var r=t[0]+","+t[1]+","+t[2];return"rgba"!==e&&"hsva"!==e&&"hsla"!==e\|\|(r+=","+t[3]),e+"("+r+")"}}function ai(t,e){var r=$r(t);return r?(.299r[0]+.587r[1]+.114r[2])r[3]/255+(1-r[3])e:0}var si=new Nr(100);function hi(t){if(N(t)){var e=si.get(t);return e\|\|(e=ti(t,-.1),si.put(t,e)),e}if(j(t)){var r=I({},t);return r.colorStops=D(t.colorStops,function(t){return{offset:t.offset,color:ti(t.color,-.1)}}),r}return t}var li=Object.freeze({__proto__:null,parseCssInt:Yr,parseCssFloat:qr,parse:$r,lift:ti,toHex:function(t){var e=$r(t);if(e)return((1<<24)+(e[0]<<16)+(e[1]<<8)+ +e[2]).toString(16).slice(1)},fastLerp:ei,fastMapToColor:ri,lerp:ii,mapToColor:ni,modifyHSL:function(t,e,r,i){var n,o=$r(t);if(t)return o=function(t){if(t){var e,r,i,n,o,a=t[0]/255,s=t[1]/255,h=t[2]/255,l=Math.min(a,s,h),u=Math.max(a,s,h),c=u-l,p=(u+l)/2;0==c?r=e=0:(r=p<.5?c/(u+l):c/(2-u-l),i=((u-a)/6+c/2)/c,n=((u-s)/6+c/2)/c,o=((u-h)/6+c/2)/c,a===u?e=o-n:s===u?e=1/3+i-o:h===u&&(e=2/3+n-i),e<0&&(e+=1),1<e&&--e);var f=[360e,r,p];return null!=t[3]&&f.push(t[3]),f}}(o),null!=e&&(o[0]=(n=B(e)?e(o[0]):e,(n=Math.round(n))<0?0:360<n?360:n)),null!=r&&(o[1]=qr(B(r)?r(o[1]):r)),null!=i&&(o[2]=qr(B(i)?i(o[2]):i)),oi(Jr(o),"rgba")},modifyAlpha:function(t,e){var r=$r(t);if(r&&null!=e)return r[3]=Xr(e),oi(r,"rgba")},stringify:oi,lum:ai,random:function(){return oi([Math.round(255Math.random()),Math.round(255Math.random()),Math.round(255Math.random())],"rgb")},liftColor:hi}),ui=Math.round;function ci(t){var e,r;return t&&"transparent"!==t?"string"==typeof t&&-1<t.indexOf("rgba")&&((r=$r(t))&&(t="rgb("+r[0]+","+r[1]+","+r[2]+")",e=r[3])):t="none",{color:t,opacity:null==e?1:e}}var pi=1e-4;function fi(t){return t<pi&&-pi<t}function di(t){return ui(1e3t)/1e3}function yi(t){return ui(1e4t)/1e4}var vi={left:"start",right:"end",center:"middle",middle:"middle"};function gi(t){return t&&!!t.image}function _i(t){return gi(t)\|\|(e=t)&&e.svgElement;var e}function mi(t){return"linear"===t.type}function xi(t){return"radial"===t.type}function wi(t){return t&&("linear"===t.type\|\|"radial"===t.type)}function bi(t){return"url(#"+t+")"}function Si(t){var e=t.getGlobalScale(),r=Math.max(e[0],e[1]);return Math.max(Math.ceil(Math.log(r)/Math.log(10)),1)}function Ti(t){var e=t.x\|\|0,r=t.y\|\|0,i=(t.rotation\|\|0)pt,n=Z(t.scaleX,1),o=Z(t.scaleY,1),a=t.skewX\|\|0,s=t.skewY\|\|0,h=[];return(e\|\|r)&&h.push("translate("+e+"px,"+r+"px)"),i&&h.push("rotate("+i+")"),1===n&&1===o\|\|h.push("scale("+n+","+o+")"),(a\|\|s)&&h.push("skew("+ui(apt)+"deg, "+ui(spt)+"deg)"),h.join(" ")}var ki=c.hasGlobalWindow&&B(window.btoa)?function(t){return window.btoa(unescape(encodeURIComponent(t)))}:"undefined"!=typeof Buffer?function(t){return Buffer.from(t).toString("base64")}:function(t){return null},Ci=Array.prototype.slice;function Pi(t,e,r){return(e-t)r+t}function Mi(t,e,r,i){for(var n=e.length,o=0;o<n;o++)t[o]=Pi(e[o],r[o],i);return t}function Ai(t,e,r,i){for(var n=e.length,o=0;o<n;o++)t[o]=e[o]+r[o]i;return t}function Di(t,e,r,i){for(var n=e.length,o=n&&e[0].length,a=0;a<n;a++){t[a]\|\|(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=e[a][s]+r[a][s]i}return t}function Li(t){if(A(t)){var e=t.length;if(A(t[0])){for(var r=[],i=0;i<e;i++)r.push(Ci.call(t[i]));return r}return Ci.call(t)}return t}function zi(t){return t[0]=Math.floor(t[0])\|\|0,t[1]=Math.floor(t[1])\|\|0,t[2]=Math.floor(t[2])\|\|0,t[3]=null==t[3]?1:t[3],"rgba("+t.join(",")+")"}function Ii(t){return 4===t\|\|5===t}function Ri(t){return 1===t\|\|2===t}var Oi=[0,0,0,0],Fi=(Bi.prototype.isFinished=function(){return this._finished},Bi.prototype.setFinished=function(){this._finished=!0,this._additiveTrack&&this._additiveTrack.setFinished()},Bi.prototype.needsAnimate=function(){return 1<=this.keyframes.length},Bi.prototype.getAdditiveTrack=function(){return this._additiveTrack},Bi.prototype.addKeyframe=function(t,e,r){this._needsSort=!0;var i,n,o,a,s=this.keyframes,h=s.length,l=!1,u=6,c=e;A(e)?(1==(u=i=A((a=e)&&a[0])?2:1)&&!H(e[0])\|\|2==i&&!H(e[0][0]))&&(l=!0):H(e)&&!U(e)?u=0:N(e)?isNaN(+e)?(n=$r(e))&&(c=n,u=3):u=0:j(e)&&((o=I({},c)).colorStops=D(e.colorStops,function(t){return{offset:t.offset,color:$r(t.color)}}),mi(e)?u=4:xi(e)&&(u=5),c=o),0===h?this.valType=u:u===this.valType&&6!==u\|\|(l=!0),this.discrete=this.discrete\|\|l;var p={time:t,value:c,rawValue:e,percent:0};return r&&(p.easing=r,p.easingFunc=B(r)?r:ur[r]\|\|zr(r)),s.push(p),p},Bi.prototype.prepare=function(t,e){var r=this.keyframes;this._needsSort&&r.sort(function(t,e){return t.time-e.time});for(var i=this.valType,n=r.length,o=r[n-1],a=this.discrete,s=Ri(i),h=Ii(i),l=0;l<n;l++){var u=r[l],c=u.value,p=o.value;u.percent=u.time/t,a\|\|(s&&l!==n-1?function(t,e,r){var i=t,n=e;if(i.push&&n.push){var o=i.length,a=n.length;if(o!==a)if(a<o)i.length=a;else for(var s=o;s<a;s++)i.push(1===r?n[s]:Ci.call(n[s]));for(var h=i[0]&&i[0].length,s=0;s<i.length;s++)if(1===r)isNaN(i[s])&&(i[s]=n[s]);else for(var l=0;l<h;l++)isNaN(i[s][l])&&(i[s][l]=n[s][l])}}(c,p,i):h&&function(t,e){for(var r=t.length,i=e.length,n=i<r?e:t,o=Math.min(r,i),a=n[o-1]\|\|{color:[0,0,0,0],offset:0},s=o;s<Math.max(r,i);s++)n.push({offset:a.offset,color:a.color.slice()})}(c.colorStops,p.colorStops))}if(!a&&5!==i&&e&&this.needsAnimate()&&e.needsAnimate()&&i===e.valType&&!e._finished){this._additiveTrack=e;for(var f=r[0].value,l=0;l<n;l++)0===i?r[l].additiveValue=r[l].value-f:3===i?r[l].additiveValue=Ai([],r[l].value,f,-1):Ri(i)&&(r[l].additiveValue=(1===i?Ai:Di)([],r[l].value,f,-1))}},Bi.prototype.step=function(t,e){if(!this._finished){this._additiveTrack&&this._additiveTrack._finished&&(this._additiveTrack=null);var r,i,n,o,a,s,h,l,u,c=null!=this._additiveTrack,p=c?"additiveValue":"value",f=this.valType,d=this.keyframes,y=d.length,v=this.propName,g=3===f,_=this._lastFr,m=Math.min;if(1===y)r=i=d[0];else{if(e<0)x=0;else if(e<this._lastFrP){for(var x=m(_+1,y-1);0<=x&&!(d[x].percent<=e);x--);x=m(x,y-2)}else{for(x=_;x<y&&!(d[x].percent>e);x++);x=m(x-1,y-2)}i=d[x+1],r=d[x]}r&&i&&(this._lastFr=x,this._lastFrP=e,n=i.percent-r.percent,o=0==n?1:m((e-r.percent)/n,1),i.easingFunc&&(o=i.easingFunc(o)),a=c?this._additiveValue:g?Oi:t[v],!Ri(f)&&!g\|\|a\|\|(a=this._additiveValue=[]),this.discrete?t[v]=o<1?r.rawValue:i.rawValue:Ri(f)?(1===f?Mi:function(t,e,r,i){for(var n=e.length,o=n&&e[0].length,a=0;a<n;a++){t[a]\|\|(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=Pi(e[a][s],r[a][s],i)}return t})(a,r[p],i[p],o):Ii(f)?(s=r[p],h=i[p],l=4===f,t[v]={type:l?"linear":"radial",x:Pi(s.x,h.x,o),y:Pi(s.y,h.y,o),colorStops:D(s.colorStops,function(t,e){var r=h.colorStops[e];return{offset:Pi(t.offset,r.offset,o),color:zi(Mi([],t.color,r.color,o))}}),global:h.global},l?(t[v].x2=Pi(s.x2,h.x2,o),t[v].y2=Pi(s.y2,h.y2,o)):t[v].r=Pi(s.r,h.r,o)):g?(Mi(a,r[p],i[p],o),c\|\|(t[v]=zi(a))):(u=Pi(r[p],i[p],o),c?this._additiveValue=u:t[v]=u),c&&this._addToTarget(t))}},Bi.prototype._addToTarget=function(t){var e=this.valType,r=this.propName,i=this._additiveValue;0===e?t[r]=t[r]+i:3===e?($r(t[r],Oi),Ai(Oi,Oi,i,1),t[r]=zi(Oi)):1===e?Ai(t[r],t[r],i,1):2===e&&Di(t[r],t[r],i,1)},Bi);function Bi(t){this.keyframes=[],this.discrete=!1,this._invalid=!1,this._needsSort=!1,this._lastFr=0,this._lastFrP=0,this.propName=t}var Ni=(Hi.prototype.getMaxTime=function(){return this._maxTime},Hi.prototype.getDelay=function(){return this._delay},Hi.prototype.getLoop=function(){return this._loop},Hi.prototype.getTarget=function(){return this._target},Hi.prototype.changeTarget=function(t){this._target=t},Hi.prototype.when=function(t,e,r){return this.whenWithKeys(t,e,F(e),r)},Hi.prototype.whenWithKeys=function(t,e,r,i){for(var n=this._tracks,o=0;o<r.length;o++){var a=r[o],s=n[a];if(!s){s=n[a]=new Fi(a);var h,l,u=void 0,c=this._getAdditiveTrack(a);if(c?(u=(l=(h=c.keyframes)[h.length-1])&&l.value,3===c.valType&&u&&(u=zi(u))):u=this._target[a],null==u)continue;0<t&&s.addKeyframe(0,Li(u),i),this._trackKeys.push(a)}s.addKeyframe(t,Li(e[a]),i)}return this._maxTime=Math.max(this._maxTime,t),this},Hi.prototype.pause=function(){this._clip.pause(),this._paused=!0},Hi.prototype.resume=function(){this._clip.resume(),this._paused=!1},Hi.prototype.isPaused=function(){return!!this._paused},Hi.prototype.duration=function(t){return this._maxTime=t,this._force=!0,this},Hi.prototype._doneCallback=function(){this._setTracksFinished(),this._clip=null;var t=this._doneCbs;if(t)for(var e=t.length,r=0;r<e;r++)t[r].call(this)},Hi.prototype._abortedCallback=function(){this._setTracksFinished();var t=this.animation,e=this._abortedCbs;if(t&&t.removeClip(this._clip),this._clip=null,e)for(var r=0;r<e.length;r++)e[r].call(this)},Hi.prototype._setTracksFinished=function(){for(var t=this._tracks,e=this._trackKeys,r=0;r<e.length;r++)t[e[r]].setFinished()},Hi.prototype._getAdditiveTrack=function(t){var e,r=this._additiveAnimators;if(r)for(var i=0;i<r.length;i++){var n=r[i].getTrack(t);n&&(e=n)}return e},Hi.prototype.start=function(t){if(!(0<this._started)){this._started=1;for(var e,o=this,a=[],r=this._maxTime\|\|0,i=0;i<this._trackKeys.length;i++){var n,s=this._trackKeys[i],h=this._tracks[s],l=this._getAdditiveTrack(s),u=h.keyframes,c=u.length;h.prepare(r,l),h.needsAnimate()&&(!this._allowDiscrete&&h.discrete?((n=u[c-1])&&(o._target[h.propName]=n.rawValue),h.setFinished()):a.push(h))}return a.length\|\|this._force?(e=new Ir({life:r,loop:this._loop,delay:this._delay\|\|0,onframe:function(t){o._started=2;var e=o._additiveAnimators;if(e){for(var r=!1,i=0;i<e.length;i++)if(e[i]._clip){r=!0;break}r\|\|(o._additiveAnimators=null)}for(i=0;i<a.length;i++)a[i].step(o._target,t);var n=o._onframeCbs;if(n)for(i=0;i<n.length;i++)n[i](o._target,t)},ondestroy:function(){o._doneCallback()}}),this._clip=e,this.animation&&this.animation.addClip(e),t&&e.setEasing(t)):this._doneCallback(),this}},Hi.prototype.stop=function(t){var e;this._clip&&(e=this._clip,t&&e.onframe(1),this._abortedCallback())},Hi.prototype.delay=function(t){return this._delay=t,this},Hi.prototype.during=function(t){return t&&(this._onframeCbs\|\|(this._onframeCbs=[]),this._onframeCbs.push(t)),this},Hi.prototype.done=function(t){return t&&(this._doneCbs\|\|(this._doneCbs=[]),this._doneCbs.push(t)),this},Hi.prototype.aborted=function(t){return t&&(this._abortedCbs\|\|(this._abortedCbs=[]),this._abortedCbs.push(t)),this},Hi.prototype.getClip=function(){return this._clip},Hi.prototype.getTrack=function(t){return this._tracks[t]},Hi.prototype.getTracks=function(){var e=this;return D(this._trackKeys,function(t){return e._tracks[t]})},Hi.prototype.stopTracks=function(t,e){if(!t.length\|\|!this._clip)return!0;for(var r=this._tracks,i=this._trackKeys,n=0;n<t.length;n++){var o=r[t[n]];o&&!o.isFinished()&&(e?o.step(this._target,1):1===this._started&&o.step(this._target,0),o.setFinished())}for(var a=!0,n=0;n<i.length;n++)if(!r[i[n]].isFinished()){a=!1;break}return a&&this._abortedCallback(),a},Hi.prototype.saveTo=function(t,e,r){if(t){e=e\|\|this._trackKeys;for(var i=0;i<e.length;i++){var n,o,a=e[i],s=this._tracks[a];s&&!s.isFinished()&&(o=(n=s.keyframes)[r?0:n.length-1])&&(t[a]=Li(o.rawValue))}}},Hi.prototype.__changeFinalValue=function(t,e){e=e\|\|F(t);for(var r=0;r<e.length;r++){var i,n,o=e[r],a=this._tracks[o];a&&1<(i=a.keyframes).length&&(n=i.pop(),a.addKeyframe(n.time,t[o]),a.prepare(this._maxTime,a.getAdditiveTrack()))}},Hi);function Hi(t,e,r,i){this._tracks={},this._trackKeys=[],this._maxTime=0,this._started=0,this._clip=null,this._target=t,(this._loop=e)&&i?b("Can' use additive animation on looped animation."):(this._additiveAnimators=i,this._allowDiscrete=r)}function Wi(){return(new Date).getTime()}var Ei,Xi=(vt(Yi,Ei=Bt),Yi.prototype.addClip=function(t){t.animation&&this.removeClip(t),this._head?((this._tail.next=t).prev=this._tail,t.next=null,this._tail=t):this._head=this._tail=t,t.animation=this},Yi.prototype.addAnimator=function(t){t.animation=this;var e=t.getClip();e&&this.addClip(e)},Yi.prototype.removeClip=function(t){var e,r;t.animation&&(e=t.prev,r=t.next,e?e.next=r:this._head=r,r?r.prev=e:this._tail=e,t.next=t.prev=t.animation=null)},Yi.prototype.removeAnimator=function(t){var e=t.getClip();e&&this.removeClip(e),t.animation=null},Yi.prototype.update=function(t){for(var e=Wi()-this._pausedTime,r=e-this._time,i=this._head;i;)var n=i.next,i=(i.step(e,r)&&(i.ondestroy(),this.removeClip(i)),n);this._time=e,t\|\|(this.trigger("frame",r),this.stage.update&&this.stage.update())},Yi.prototype._startLoop=function(){var e=this;this._running=!0,lr(function t(){e._running&&(lr(t),e._paused\|\|e.update())})},Yi.prototype.start=function(){this._running\|\|(this._time=Wi(),this._pausedTime=0,this._startLoop())},Yi.prototype.stop=function(){this._running=!1},Yi.prototype.pause=function(){this._paused\|\|(this._pauseStart=Wi(),this._paused=!0)},Yi.prototype.resume=function(){this._paused&&(this._pausedTime+=Wi()-this._pauseStart,this._paused=!1)},Yi.prototype.clear=function(){for(var t=this._head;t;){var e=t.next;t.prev=t.next=t.animation=null,t=e}this._head=this._tail=null},Yi.prototype.isFinished=function(){return null==this._head},Yi.prototype.animate=function(t,e){e=e\|\|{},this.start();var r=new Ni(t,e.loop);return this.addAnimator(r),r},Yi);function Yi(t){var e=Ei.call(this)\|\|this;return e._running=!1,e._time=0,e._pausedTime=0,e._pauseStart=0,e._paused=!1,t=t\|\|{},e.stage=t.stage\|\|{},e}var qi,ji,Vi=c.domSupported,Ui=(ji={pointerdown:1,pointerup:1,pointermove:1,pointerout:1},{mouse:qi=["click","dblclick","mousewheel","wheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],touch:["touchstart","touchend","touchmove"],pointer:D(qi,function(t){var e=t.replace("mouse","pointer");return ji.hasOwnProperty(e)?e:t})}),Gi=["mousemove","mouseup"],Zi=["pointermove","pointerup"],Ki=!1;function Qi(t){var e=t.pointerType;return"pen"===e\|\|"touch"===e}function $i(t){t&&(t.zrByTouch=!0)}function Ji(t,e){for(var r=e,i=!1;r&&9!==r.nodeType&&!(i=r.domBelongToZr\|\|r!==e&&r===t.painterRoot);)r=r.parentNode;return i}var tn=function(t,e){this.stopPropagation=ct,this.stopImmediatePropagation=ct,this.preventDefault=ct,this.type=e.type,this.target=this.currentTarget=t.dom,this.pointerType=e.pointerType,this.clientX=e.clientX,this.clientY=e.clientY},en={mousedown:function(t){t=Jt(this.dom,t),this.__mayPointerCapture=[t.zrX,t.zrY],this.trigger("mousedown",t)},mousemove:function(t){t=Jt(this.dom,t);var e=this.__mayPointerCapture;!e\|\|t.zrX===e[0]&&t.zrY===e[1]\|\|this.__togglePointerCapture(!0),this.trigger("mousemove",t)},mouseup:function(t){t=Jt(this.dom,t),this.__togglePointerCapture(!1),this.trigger("mouseup",t)},mouseout:function(t){Ji(this,(t=Jt(this.dom,t)).toElement\|\|t.relatedTarget)\|\|(this.__pointerCapturing&&(t.zrEventControl="no_globalout"),this.trigger("mouseout",t))},wheel:function(t){Ki=!0,t=Jt(this.dom,t),this.trigger("mousewheel",t)},mousewheel:function(t){Ki\|\|(t=Jt(this.dom,t),this.trigger("mousewheel",t))},touchstart:function(t){$i(t=Jt(this.dom,t)),this.__lastTouchMoment=new Date,this.handler.processGesture(t,"start"),en.mousemove.call(this,t),en.mousedown.call(this,t)},touchmove:function(t){$i(t=Jt(this.dom,t)),this.handler.processGesture(t,"change"),en.mousemove.call(this,t)},touchend:function(t){$i(t=Jt(this.dom,t)),this.handler.processGesture(t,"end"),en.mouseup.call(this,t),new Date-this.__lastTouchMoment<300&&en.click.call(this,t)},pointerdown:function(t){en.mousedown.call(this,t)},pointermove:function(t){Qi(t)\|\|en.mousemove.call(this,t)},pointerup:function(t){en.mouseup.call(this,t)},pointerout:function(t){Qi(t)\|\|en.mouseout.call(this,t)}};R(["click","dblclick","contextmenu"],function(e){en[e]=function(t){t=Jt(this.dom,t),this.trigger(e,t)}});var rn={pointermove:function(t){Qi(t)\|\|rn.mousemove.call(this,t)},pointerup:function(t){rn.mouseup.call(this,t)},mousemove:function(t){this.trigger("mousemove",t)},mouseup:function(t){var e=this.__pointerCapturing;this.__togglePointerCapture(!1),this.trigger("mouseup",t),e&&(t.zrEventControl="only_globalout",this.trigger("mouseout",t))}};function nn(i,n){var o=n.domHandlers;c.pointerEventsSupported?R(Ui.pointer,function(e){an(n,e,function(t){o[e].call(i,t)})}):(c.touchEventsSupported&&R(Ui.touch,function(r){an(n,r,function(t){var e;o[r].call(i,t),(e=n).touching=!0,null!=e.touchTimer&&(clearTimeout(e.touchTimer),e.touchTimer=null),e.touchTimer=setTimeout(function(){e.touching=!1,e.touchTimer=null},700)})}),R(Ui.mouse,function(e){an(n,e,function(t){t=$t(t),n.touching\|\|o[e].call(i,t)})}))}function on(n,o){function t(i){an(o,i,function(t){var e,r;t=$t(t),Ji(n,t.target)\|\|(r=t,t=Jt((e=n).dom,new tn(e,r),!0),o.domHandlers[i].call(n,t))},{capture:!0})}c.pointerEventsSupported?R(Zi,t):c.touchEventsSupported\|\|R(Gi,t)}function an(t,e,r,i){var n,o,a,s;t.mounted[e]=r,t.listenerOpts[e]=i,n=t.domTarget,o=e,a=r,s=i,n.addEventListener(o,a,s)}function sn(t){var e,r,i,n,o=t.mounted;for(var a in o)o.hasOwnProperty(a)&&(e=t.domTarget,i=o[r=a],n=t.listenerOpts[a],e.removeEventListener(r,i,n));t.mounted={}}var hn,ln=function(t,e){this.mounted={},this.listenerOpts={},this.touching=!1,this.domTarget=t,this.domHandlers=e},un=(vt(cn,hn=Bt),cn.prototype.dispose=function(){sn(this._localHandlerScope),Vi&&sn(this._globalHandlerScope)},cn.prototype.setCursor=function(t){this.dom.style&&(this.dom.style.cursor=t\|\|"default")},cn.prototype.__togglePointerCapture=function(t){var e;this.__mayPointerCapture=null,Vi&&+this.__pointerCapturing^+t&&(this.__pointerCapturing=t,e=this._globalHandlerScope,t?on(this,e):sn(e))},cn);function cn(t,e){var r=hn.call(this)\|\|this;return r.__pointerCapturing=!1,r.dom=t,r.painterRoot=e,r._localHandlerScope=new ln(t,en),Vi&&(r._globalHandlerScope=new ln(document,rn)),nn(r,r._localHandlerScope),r}var pn=1;c.hasGlobalWindow&&(pn=Math.max(window.devicePixelRatio\|\|window.screen&&window.screen.deviceXDPI/window.screen.logicalXDPI\|\|1,1));var fn=pn,dn="#333",yn="#ccc",vn=ae;function gn(t){return 5e-5<t\|\|t<-5e-5}var _n,mn=[],xn=[],wn=oe(),bn=Math.abs,Sn=(Tn.prototype.getLocalTransform=function(t){return Tn.getLocalTransform(this,t)},Tn.prototype.setPosition=function(t){this.x=t[0],this.y=t[1]},Tn.prototype.setScale=function(t){this.scaleX=t[0],this.scaleY=t[1]},Tn.prototype.setSkew=function(t){this.skewX=t[0],this.skewY=t[1]},Tn.prototype.setOrigin=function(t){this.originX=t[0],this.originY=t[1]},Tn.prototype.needLocalTransform=function(){return gn(this.rotation)\|\|gn(this.x)\|\|gn(this.y)\|\|gn(this.scaleX-1)\|\|gn(this.scaleY-1)\|\|gn(this.skewX)\|\|gn(this.skewY)},Tn.prototype.updateTransform=function(){var t=this.parent&&this.parent.transform,e=this.needLocalTransform(),r=this.transform;e\|\|t?(r=r\|\|oe(),e?this.getLocalTransform(r):vn(r),t&&(e?he(r,t,r):se(r,t)),this.transform=r,this._resolveGlobalScaleRatio(r)):r&&(vn(r),this.invTransform=null)},Tn.prototype._resolveGlobalScaleRatio=function(t){var e,r,i,n,o=this.globalScaleRatio;null!=o&&1!==o&&(this.getGlobalScale(mn),i=((mn[0]-(e=mn[0]<0?-1:1))o+e)/mn[0]\|\|0,n=((mn[1]-(r=mn[1]<0?-1:1))o+r)/mn[1]\|\|0,t[0]=i,t[1]=i,t[2]=n,t[3]=n),this.invTransform=this.invTransform\|\|oe(),pe(this.invTransform,t)},Tn.prototype.getComputedTransform=function(){for(var t=this,e=[];t;)e.push(t),t=t.parent;for(;t=e.pop();)t.updateTransform();return this.transform},Tn.prototype.setLocalTransform=function(t){var e,r,i,n;t&&(n=t[0]t[0]+t[1]t[1],i=t[2]t[2]+t[3]t[3],e=Math.atan2(t[1],t[0]),r=Math.PI/2+e-Math.atan2(t[3],t[2]),i=Math.sqrt(i)Math.cos(r),n=Math.sqrt(n),this.skewX=r,this.skewY=0,this.rotation=-e,this.x=+t[4],this.y=+t[5],this.scaleX=n,this.scaleY=i,this.originX=0,this.originY=0)},Tn.prototype.decomposeTransform=function(){var t,e,r,i;this.transform&&(t=this.parent,e=this.transform,t&&t.transform&&(t.invTransform=t.invTransform\|\|oe(),he(xn,t.invTransform,e),e=xn),r=this.originX,i=this.originY,(r\|\|i)&&(wn[4]=r,wn[5]=i,he(xn,e,wn),xn[4]-=r,xn[5]-=i,e=xn),this.setLocalTransform(e))},Tn.prototype.getGlobalScale=function(t){var e=this.transform;return t=t\|\|[],e?(t[0]=Math.sqrt(e[0]e[0]+e[1]e[1]),t[1]=Math.sqrt(e[2]e[2]+e[3]e[3]),e[0]<0&&(t[0]=-t[0]),e[3]<0&&(t[1]=-t[1])):(t[0]=1,t[1]=1),t},Tn.prototype.transformCoordToLocal=function(t,e){var r=[t,e],i=this.invTransform;return i&&Dt(r,r,i),r},Tn.prototype.transformCoordToGlobal=function(t,e){var r=[t,e],i=this.transform;return i&&Dt(r,r,i),r},Tn.prototype.getLineScale=function(){var t=this.transform;return t&&1e-10<bn(t[0]-1)&&1e-10<bn(t[3]-1)?Math.sqrt(bn(t[0]t[3]-t[2]t[1])):1},Tn.prototype.copyTransform=function(t){Pn(this,t)},Tn.getLocalTransform=function(t,e){e=e\|\|[];var r,i,n=t.originX\|\|0,o=t.originY\|\|0,a=t.scaleX,s=t.scaleY,h=t.anchorX,l=t.anchorY,u=t.rotation\|\|0,c=t.x,p=t.y,f=t.skewX?Math.tan(t.skewX):0,d=t.skewY?Math.tan(-t.skewY):0;return n\|\|o\|\|h\|\|l?(r=n+h,i=o+l,e[4]=-ra-fis,e[5]=-is-dra):e[4]=e[5]=0,e[0]=a,e[3]=s,e[1]=da,e[2]=fs,u&&ue(e,e,u),e[4]+=n+c,e[5]+=o+p,e},Tn.initDefaultProps=((_n=Tn.prototype).scaleX=_n.scaleY=_n.globalScaleRatio=1,void(_n.x=_n.y=_n.originX=_n.originY=_n.skewX=_n.skewY=_n.rotation=_n.anchorX=_n.anchorY=0)),Tn);function Tn(){}var kn,Cn=["x","y","originX","originY","anchorX","anchorY","rotation","scaleX","scaleY","skewX","skewY"];function Pn(t,e){for(var r=0;r<Cn.length;r++){var i=Cn[r];t[i]=e[i]}}function Mn(t){kn=kn\|\|new Nr(100),t=t\|\|W;var e=kn.get(t);return e\|\|(e={font:t,strWidthCache:new Nr(500),asciiWidthMap:null,asciiWidthMapTried:!1,stWideCharWidth:f.measureText("国",t).width,asciiCharWidth:f.measureText("a",t).width},kn.put(t,e)),e}var An=0,Dn=5;function Ln(t,e){return t.asciiWidthMapTried\|\|(t.asciiWidthMap=function(t){if(!(Dn<=An)){t=t\|\|W;for(var e=[],r=+new Date,i=0;i<=127;i++)e[i]=f.measureText(String.fromCharCode(i),t).width;var n=new Date-r;return 16<n?An=Dn:2<n&&An++,e}}(t.font),t.asciiWidthMapTried=!0),0<=e&&e<=127?null!=t.asciiWidthMap?t.asciiWidthMap[e]:t.asciiCharWidth:t.stWideCharWidth}function zn(t,e){var r=t.strWidthCache,i=r.get(e);return null==i&&(i=f.measureText(e,t.font).width,r.put(e,i)),i}function In(t,e,r,i){return"right"===r?i?t+=e:t-=e:"center"===r&&(i?t+=e/2:t-=e/2),t}function Rn(t,e,r,i){return"middle"===r?i?t+=e/2:t-=e/2:"bottom"===r&&(i?t+=e:t-=e),t}function On(t){return Mn(t).stWideCharWidth}function Fn(t,e){return"string"==typeof t?0<=t.lastIndexOf("%")?parseFloat(t)/100e:parseFloat(t):t}var Bn,Nn="__zr_normal__",Hn=Cn.concat(["ignore"]),Wn=L(Cn,function(t,e){return t[e]=!0,t},{ignore:!1}),En={},Xn=new Ae(0,0,0,0),Yn=[],qn=(jn.prototype._init=function(t){this.attr(t)},jn.prototype.drift=function(t,e,r){switch(this.draggable){case"horizontal":e=0;break;case"vertical":t=0}var i=this.transform;(i=i\|\|(this.transform=[1,0,0,1,0,0]))[4]+=t,i[5]+=e,this.decomposeTransform(),this.markRedraw()},jn.prototype.beforeUpdate=function(){},jn.prototype.afterUpdate=function(){},jn.prototype.update=function(){this.updateTransform(),this.__dirty&&this.updateInnerText()},jn.prototype.updateInnerText=function(t){var e,r,i,n,o,a,s,h,l,u,c,p,f,d,y,v,g,_,m,x=this._textContent;!x\|\|x.ignore&&!t\|\|(this.textConfig\|\|(this.textConfig={}),r=(e=this.textConfig).local,o=n=void 0,a=!1,(i=x.innerTransformable).parent=r?this:null,f=!1,i.copyTransform(x),s=null!=e.position,l=void 0,((h=e.autoOverflowArea)\|\|s)&&(l=Xn,e.layoutRect?l.copy(e.layoutRect):l.copy(this.getBoundingRect()),r\|\|l.applyTransform(this.transform)),s&&(this.calculateTextPosition?this.calculateTextPosition(En,e,l):function(t,e,r){var i=e.position\|\|"inside",n=null!=e.distance?e.distance:5,o=r.height,a=r.width,s=o/2,h=r.x,l=r.y,u="left",c="top";if(i instanceof Array)h+=Fn(i[0],r.width),l+=Fn(i[1],r.height),c=u=null;else switch(i){case"left":h-=n,l+=s,u="right",c="middle";break;case"right":h+=n+a,l+=s,c="middle";break;case"top":h+=a/2,l-=n,u="center",c="bottom";break;case"bottom":h+=a/2,l+=o+n,u="center";break;case"inside":h+=a/2,l+=s,u="center",c="middle";break;case"insideLeft":h+=n,l+=s,c="middle";break;case"insideRight":h+=a-n,l+=s,u="right",c="middle";break;case"insideTop":h+=a/2,l+=n,u="center";break;case"insideBottom":h+=a/2,l+=o-n,u="center",c="bottom";break;case"insideTopLeft":h+=n,l+=n;break;case"insideTopRight":h+=a-n,l+=n,u="right";break;case"insideBottomLeft":h+=n,l+=o-n,c="bottom";break;case"insideBottomRight":h+=a-n,l+=o-n,u="right",c="bottom"}(t=t\|\|{}).x=h,t.y=l,t.align=u,t.verticalAlign=c}(En,e,l),i.x=En.x,i.y=En.y,n=En.align,o=En.verticalAlign,(u=e.origin)&&null!=e.rotation&&(p=c=void 0,p="center"===u?(c=.5l.width,.5l.height):(c=Fn(u[0],l.width),Fn(u[1],l.height)),f=!0,i.originX=-i.x+c+(r?0:l.x),i.originY=-i.y+p+(r?0:l.y))),null!=e.rotation&&(i.rotation=e.rotation),(d=e.offset)&&(i.x+=d[0],i.y+=d[1],f\|\|(i.originX=-d[0],i.originY=-d[1])),y=this._innerTextDefaultStyle\|\|(this._innerTextDefaultStyle={}),h?(v=y.overflowRect=y.overflowRect\|\|new Ae(0,0,0,0),i.getLocalTransform(Yn),pe(Yn,Yn),Ae.copy(v,l),v.applyTransform(Yn)):y.overflowRect=null,m=_=g=void 0,(null==e.inside?"string"==typeof e.position&&0<=e.position.indexOf("inside"):e.inside)&&this.canBeInsideText()?(g=e.insideFill,_=e.insideStroke,null!=g&&"auto"!==g\|\|(g=this.getInsideTextFill()),null!=_&&"auto"!==_\|\|(_=this.getInsideTextStroke(g),m=!0)):(g=e.outsideFill,_=e.outsideStroke,null!=g&&"auto"!==g\|\|(g=this.getOutsideFill()),null!=_&&"auto"!==_\|\|(_=this.getOutsideStroke(g),m=!0)),(g=g\|\|"#000")===y.fill&&_===y.stroke&&m===y.autoStroke&&n===y.align&&o===y.verticalAlign\|\|(a=!0,y.fill=g,y.stroke=_,y.autoStroke=m,y.align=n,y.verticalAlign=o,x.setDefaultTextStyle(y)),x.__dirty\|=rr,a&&x.dirtyStyle(!0))},jn.prototype.canBeInsideText=function(){return!0},jn.prototype.getInsideTextFill=function(){return"#fff"},jn.prototype.getInsideTextStroke=function(t){return"#000"},jn.prototype.getOutsideFill=function(){return this.__zr&&this.__zr.isDarkMode()?yn:dn},jn.prototype.getOutsideStroke=function(t){for(var e=this.__zr&&this.__zr.getBackgroundColor(),r="string"==typeof e&&$r(e),i=(r=r\|\|[255,255,255,1])[3],n=this.__zr.isDarkMode(),o=0;o<3;o++)r[o]=r[o]i+(n?0:255)(1-i);return r[3]=1,oi(r,"rgba")},jn.prototype.traverse=function(t,e){},jn.prototype.attrKV=function(t,e){"textConfig"===t?this.setTextConfig(e):"textContent"===t?this.setTextContent(e):"clipPath"===t?this.setClipPath(e):"extra"===t?(this.extra=this.extra\|\|{},I(this.extra,e)):this[t]=e},jn.prototype.hide=function(){this.ignore=!0,this.markRedraw()},jn.prototype.show=function(){this.ignore=!1,this.markRedraw()},jn.prototype.attr=function(t,e){if("string"==typeof t)this.attrKV(t,e);else if(E(t))for(var r=F(t),i=0;i<r.length;i++){var n=r[i];this.attrKV(n,t[n])}return this.markRedraw(),this},jn.prototype.saveCurrentToNormalState=function(t){this._innerSaveToNormal(t);for(var e=this._normalState,r=0;r<this.animators.length;r++){var i,n,o=this.animators[r],a=o.__fromStateTransition;o.getLoop()\|\|a&&a!==Nn\|\|(n=(i=o.targetName)?e[i]:e,o.saveTo(n))}},jn.prototype._innerSaveToNormal=function(t){var e=(e=this._normalState)\|\|(this._normalState={});t.textConfig&&!e.textConfig&&(e.textConfig=this.textConfig),this._savePrimaryToNormal(t,e,Hn)},jn.prototype._savePrimaryToNormal=function(t,e,r){for(var i=0;i<r.length;i++){var n=r[i];null==t[n]\|\|n in e\|\|(e[n]=this[n])}},jn.prototype.hasState=function(){return 0<this.currentStates.length},jn.prototype.getState=function(t){return this.states[t]},jn.prototype.ensureState=function(t){var e=this.states;return e[t]\|\|(e[t]={}),e[t]},jn.prototype.clearStates=function(t){this.useState(Nn,!1,t)},jn.prototype.useState=function(t,e,r,i){var n=t===Nn;if(this.hasState()\|\|!n){var o,a=this.currentStates,s=this.stateTransition;if(!(0<=P(a,t))\|\|!e&&1!==a.length){if(this.stateProxy&&!n&&(o=this.stateProxy(t)),(o=o\|\|this.states&&this.states[t])\|\|n){n\|\|this.saveCurrentToNormalState(o);var h=!!(o&&o.hoverLayer\|\|i);h&&this._toggleHoverLayerFlag(!0),this._applyStateObj(t,o,this._normalState,e,!r&&!this.__inHover&&s&&0<s.duration,s);var l=this._textContent,u=this._textGuide;return l&&l.useState(t,e,r,h),u&&u.useState(t,e,r,h),n?(this.currentStates=[],this._normalState={}):e?this.currentStates.push(t):this.currentStates=[t],this._updateAnimationTargets(),this.markRedraw(),!h&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=~rr),o}b("State "+t+" not exists.")}}},jn.prototype.useStates=function(t,e,r){if(t.length){var i=[],n=this.currentStates,o=t.length,a=o===n.length;if(a)for(var s=0;s<o;s++)if(t[s]!==n[s]){a=!1;break}if(a)return;for(s=0;s<o;s++){var h=t[s],l=void 0;this.stateProxy&&(l=this.stateProxy(h,t)),(l=l\|\|this.states[h])&&i.push(l)}var u=i[o-1],c=!!(u&&u.hoverLayer\|\|r);c&&this._toggleHoverLayerFlag(!0);var p=this._mergeStates(i),f=this.stateTransition;this.saveCurrentToNormalState(p),this._applyStateObj(t.join(","),p,this._normalState,!1,!e&&!this.__inHover&&f&&0<f.duration,f);var d=this._textContent,y=this._textGuide;d&&d.useStates(t,e,c),y&&y.useStates(t,e,c),this._updateAnimationTargets(),this.currentStates=t.slice(),this.markRedraw(),!c&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=~rr)}else this.clearStates()},jn.prototype.isSilent=function(){for(var t=this;t;){if(t.silent)return!0;var e=t.__hostTarget,t=e?t.ignoreHostSilent?null:e:t.parent}return!1},jn.prototype._updateAnimationTargets=function(){for(var t=0;t<this.animators.length;t++){var e=this.animators[t];e.targetName&&e.changeTarget(this[e.targetName])}},jn.prototype.removeState=function(t){var e,r=P(this.currentStates,t);0<=r&&((e=this.currentStates.slice()).splice(r,1),this.useStates(e))},jn.prototype.replaceState=function(t,e,r){var i=this.currentStates.slice(),n=P(i,t),o=0<=P(i,e);0<=n?o?i.splice(n,1):i[n]=e:r&&!o&&i.push(e),this.useStates(i)},jn.prototype.toggleState=function(t,e){e?this.useState(t,!0):this.removeState(t)},jn.prototype._mergeStates=function(t){for(var e,r={},i=0;i<t.length;i++){var n=t[i];I(r,n),n.textConfig&&I(e=e\|\|{},n.textConfig)}return e&&(r.textConfig=e),r},jn.prototype._applyStateObj=function(t,e,r,i,n,o){var a=!(e&&i);e&&e.textConfig?(this.textConfig=I({},i?this.textConfig:r.textConfig),I(this.textConfig,e.textConfig)):a&&r.textConfig&&(this.textConfig=r.textConfig);for(var s={},h=!1,l=0;l<Hn.length;l++){var u=Hn[l],c=n&&Wn[u];e&&null!=e[u]?c?(h=!0,s[u]=e[u]):this[u]=e[u]:a&&null!=r[u]&&(c?(h=!0,s[u]=r[u]):this[u]=r[u])}if(!n)for(l=0;l<this.animators.length;l++){var p=this.animators[l],f=p.targetName;p.getLoop()\|\|p.__changeFinalValue(f?(e\|\|r)[f]:e\|\|r)}h&&this._transitionState(t,s,o)},jn.prototype._attachComponent=function(t){var e;t.__zr&&!t.__hostTarget\|\|t!==this&&((e=this.__zr)&&t.addSelfToZr(e),t.__zr=e,t.__hostTarget=this)},jn.prototype._detachComponent=function(t){t.__zr&&t.removeSelfFromZr(t.__zr),t.__zr=null,t.__hostTarget=null},jn.prototype.getClipPath=function(){return this._clipPath},jn.prototype.setClipPath=function(t){this._clipPath&&this._clipPath!==t&&this.removeClipPath(),this._attachComponent(t),this._clipPath=t,this.markRedraw()},jn.prototype.removeClipPath=function(){var t=this._clipPath;t&&(this._detachComponent(t),this._clipPath=null,this.markRedraw())},jn.prototype.getTextContent=function(){return this._textContent},jn.prototype.setTextContent=function(t){var e=this._textContent;e!==t&&(e&&e!==t&&this.removeTextContent(),t.innerTransformable=new Sn,this._attachComponent(t),this._textContent=t,this.markRedraw())},jn.prototype.setTextConfig=function(t){this.textConfig\|\|(this.textConfig={}),I(this.textConfig,t),this.markRedraw()},jn.prototype.removeTextConfig=function(){this.textConfig=null,this.markRedraw()},jn.prototype.removeTextContent=function(){var t=this._textContent;t&&(t.innerTransformable=null,this._detachComponent(t),this._textContent=null,this._innerTextDefaultStyle=null,this.markRedraw())},jn.prototype.getTextGuideLine=function(){return this._textGuide},jn.prototype.setTextGuideLine=function(t){this._textGuide&&this._textGuide!==t&&this.removeTextGuideLine(),this._attachComponent(t),this._textGuide=t,this.markRedraw()},jn.prototype.removeTextGuideLine=function(){var t=this._textGuide;t&&(this._detachComponent(t),this._textGuide=null,this.markRedraw())},jn.prototype.markRedraw=function(){this.__dirty\|=rr;var t=this.__zr;t&&(this.__inHover?t.refreshHover():t.refresh()),this.__hostTarget&&this.__hostTarget.markRedraw()},jn.prototype.dirty=function(){this.markRedraw()},jn.prototype._toggleHoverLayerFlag=function(t){this.__inHover=t;var e=this._textContent,r=this._textGuide;e&&(e.__inHover=t),r&&(r.__inHover=t)},jn.prototype.addSelfToZr=function(t){if(this.__zr!==t){this.__zr=t;var e=this.animators;if(e)for(var r=0;r<e.length;r++)t.animation.addAnimator(e[r]);this._clipPath&&this._clipPath.addSelfToZr(t),this._textContent&&this._textContent.addSelfToZr(t),this._textGuide&&this._textGuide.addSelfToZr(t)}},jn.prototype.removeSelfFromZr=function(t){if(this.__zr){this.__zr=null;var e=this.animators;if(e)for(var r=0;r<e.length;r++)t.animation.removeAnimator(e[r]);this._clipPath&&this._clipPath.removeSelfFromZr(t),this._textContent&&this._textContent.removeSelfFromZr(t),this._textGuide&&this._textGuide.removeSelfFromZr(t)}},jn.prototype.animate=function(t,e,r){var i=t?this[t]:this,n=new Ni(i,e,r);return t&&(n.targetName=t),this.addAnimator(n,t),n},jn.prototype.addAnimator=function(r,t){var e=this.__zr,i=this;r.during(function(){i.updateDuringAnimation(t)}).done(function(){var t=i.animators,e=P(t,r);0<=e&&t.splice(e,1)}),this.animators.push(r),e&&e.animation.addAnimator(r),e&&e.wakeUp()},jn.prototype.updateDuringAnimation=function(t){this.markRedraw()},jn.prototype.stopAnimation=function(t,e){for(var r=this.animators,i=r.length,n=[],o=0;o<i;o++){var a=r[o];t&&t!==a.scope?n.push(a):a.stop(e)}return this.animators=n,this},jn.prototype.animateTo=function(t,e,r){Un(this,t,e,r)},jn.prototype.animateFrom=function(t,e,r){Un(this,t,e,r,!0)},jn.prototype._transitionState=function(t,e,r,i){for(var n=Un(this,e,r,i),o=0;o<n.length;o++)n[o].__fromStateTransition=t},jn.prototype.getBoundingRect=function(){return null},jn.prototype.getPaintRect=function(){return null},jn.initDefaultProps=((Bn=jn.prototype).type="element",Bn.name="",Bn.ignore=Bn.silent=Bn.ignoreHostSilent=Bn.isGroup=Bn.draggable=Bn.dragging=Bn.ignoreClip=Bn.__inHover=!1,Bn.__dirty=rr,void(Object.defineProperty&&(Vn("position","_legacyPos","x","y"),Vn("scale","_legacyScale","scaleX","scaleY"),Vn("origin","_legacyOrigin","originX","originY")))),jn);function jn(t){this.id=w(),this.animators=[],this.currentStates=[],this.states={},this._init(t)}function Vn(t,e,r,i){function n(e,t){Object.defineProperty(t,0,{get:function(){return e[r]},set:function(t){e[r]=t}}),Object.defineProperty(t,1,{get:function(){return e[i]},set:function(t){e[i]=t}})}Object.defineProperty(Bn,t,{get:function(){var t;return this[e]\|\|(t=this[e]=[],n(this,t)),this[e]},set:function(t){this[r]=t[0],this[i]=t[1],this[e]=t,n(this,t)}})}function Un(t,e,r,i,n){var o=[];!function t(e,r,i,n,o,a,s,h){var l=F(n);var u=o.duration;var c=o.delay;var p=o.additive;var f=o.setToFinal;var d=!E(a);var y=e.animators;var v=[];for(var g=0;g<l.length;g++){var _=l[g],m=n[_];if(null!=m&&null!=i[_]&&(d\|\|a[_]))if(!E(m)\|\|A(m)\|\|j(m))v.push(_);else{if(r){h\|\|(i[_]=m,e.updateDuringAnimation(r));continue}t(e,_,i[_],m,o,a&&a[_],s,h)}else h\|\|(i[_]=m,e.updateDuringAnimation(r),v.push(_))}var x=v.length;if(!p&&x)for(var w=0;w<y.length;w++){var b,S=y[w];S.targetName!==r\|\|S.stopTracks(v)&&(b=P(y,S),y.splice(b,1))}o.force\|\|(v=O(v,function(t){return e=n[t],r=i[t],!(e===r\|\|A(e)&&A(r)&&function(t,e){var r=t.length;if(r!==e.length)return;for(var i=0;i<r;i++)if(t[i]!==e[i])return;return 1}(e,r));var e,r}),x=v.length);if(0<x\|\|o.force&&!s.length){var T=void 0,k=void 0,C=void 0;if(h){k={},f&&(T={});for(var w=0;w<x;w++){var _=v[w];k[_]=i[_],f?T[_]=n[_]:i[_]=n[_]}}else if(f){C={};for(var w=0;w<x;w++){var _=v[w];C[_]=Li(i[_]),Zn(i,n,_)}}var S=new Ni(i,!1,!1,p?O(y,function(t){return t.targetName===r}):null);S.targetName=r,o.scope&&(S.scope=o.scope),f&&T&&S.whenWithKeys(0,T,v),C&&S.whenWithKeys(0,C,v),S.whenWithKeys(null==u?500:u,h?k:n,v).delay(c\|\|0),e.addAnimator(S,r),s.push(S)}}(t,"",t,e,r=r\|\|{},i,o,n);function a(){l=!0,--h<=0&&(l?u&&u():c&&c())}function s(){--h<=0&&(l?u&&u():c&&c())}var h=o.length,l=!1,u=r.done,c=r.aborted;h\|\|u&&u(),0<o.length&&r.during&&o[0].during(function(t,e){r.during(e)});for(var p=0;p<o.length;p++){var f=o[p];f.done(a),f.aborted(s),r.force&&f.duration(r.duration),f.start(r.easing)}return o}function Gn(t,e,r){for(var i=0;i<r;i++)t[i]=e[i]}function Zn(t,e,r){if(A(e[r]))if(A(t[r])\|\|(t[r]=[]),Y(e[r])){var i=e[r].length;t[r].length!==i&&(t[r]=new e[r].constructor(i),Gn(t[r],e[r],i))}else{var n=e[r],o=t[r],a=n.length;if(A(n[0]))for(var s=n[0].length,h=0;h<a;h++)o[h]?Gn(o[h],n[h],s):o[h]=Array.prototype.slice.call(n[h]);else Gn(o,n,a);o.length=n.length}else t[r]=e[r]}M(qn,Bt),M(qn,Sn);var Kn,Qn=(vt($n,Kn=qn),$n.prototype.childrenRef=function(){return this._children},$n.prototype.children=function(){return this._children.slice()},$n.prototype.childAt=function(t){return this._children[t]},$n.prototype.childOfName=function(t){for(var e=this._children,r=0;r<e.length;r++)if(e[r].name===t)return e[r]},$n.prototype.childCount=function(){return this._children.length},$n.prototype.add=function(t){return t&&t!==this&&t.parent!==this&&(this._children.push(t),this._doAdd(t)),this},$n.prototype.addBefore=function(t,e){var r,i;return t&&t!==this&&t.parent!==this&&e&&e.parent===this&&0<=(i=(r=this._children).indexOf(e))&&(r.splice(i,0,t),this._doAdd(t)),this},$n.prototype.replace=function(t,e){var r=P(this._children,t);return 0<=r&&this.replaceAt(e,r),this},$n.prototype.replaceAt=function(t,e){var r,i=this._children,n=i[e];return t&&t!==this&&t.parent!==this&&t!==n&&(i[e]=t,n.parent=null,(r=this.__zr)&&n.removeSelfFromZr(r),this._doAdd(t)),this},$n.prototype._doAdd=function(t){t.parent&&t.parent.remove(t);var e=(t.parent=this).__zr;e&&e!==t.__zr&&t.addSelfToZr(e),e&&e.refresh()},$n.prototype.remove=function(t){var e=this.__zr,r=this._children,i=P(r,t);return i<0\|\|(r.splice(i,1),t.parent=null,e&&t.removeSelfFromZr(e),e&&e.refresh()),this},$n.prototype.removeAll=function(){for(var t=this._children,e=this.__zr,r=0;r<t.length;r++){var i=t[r];e&&i.removeSelfFromZr(e),i.parent=null}return t.length=0,this},$n.prototype.eachChild=function(t,e){for(var r=this._children,i=0;i<r.length;i++){var n=r[i];t.call(e,n,i)}return this},$n.prototype.traverse=function(t,e){for(var r=0;r<this._children.length;r++){var i=this._children[r],n=t.call(e,i);i.isGroup&&!n&&i.traverse(t,e)}return this},$n.prototype.addSelfToZr=function(t){Kn.prototype.addSelfToZr.call(this,t);for(var e=0;e<this._children.length;e++)this._children[e].addSelfToZr(t)},$n.prototype.removeSelfFromZr=function(t){Kn.prototype.removeSelfFromZr.call(this,t);for(var e=0;e<this._children.length;e++)this._children[e].removeSelfFromZr(t)},$n.prototype.getBoundingRect=function(t){for(var e=new Ae(0,0,0,0),r=t\|\|this._children,i=[],n=null,o=0;o<r.length;o++){var a,s,h=r[o];h.ignore\|\|h.invisible\|\|(a=h.getBoundingRect(),(s=h.getLocalTransform(i))?(Ae.applyTransform(e,a,s),(n=n\|\|e.clone()).union(e)):(n=n\|\|a.clone()).union(a))}return n\|\|e},$n);function $n(t){var e=Kn.call(this)\|\|this;return e.isGroup=!0,e._children=[],e.attr(t),e}Qn.prototype.type="group";var Jn={},to={};var eo,ro=(io.prototype.add=function(t){!this._disposed&&t&&(this.storage.addRoot(t),t.addSelfToZr(this),this.refresh())},io.prototype.remove=function(t){!this._disposed&&t&&(this.storage.delRoot(t),t.removeSelfFromZr(this),this.refresh())},io.prototype.configLayer=function(t,e){this._disposed\|\|(this.painter.configLayer&&this.painter.configLayer(t,e),this.refresh())},io.prototype.setBackgroundColor=function(t){this._disposed\|\|(this.painter.setBackgroundColor&&this.painter.setBackgroundColor(t),this.refresh(),this._backgroundColor=t,this._darkMode=function(t){if(!t)return!1;if("string"==typeof t)return ai(t,1)<.4;if(t.colorStops){for(var e=t.colorStops,r=0,i=e.length,n=0;n<i;n++)r+=ai(e[n].color,1);return(r/=i)<.4}return!1}(t))},io.prototype.getBackgroundColor=function(){return this._backgroundColor},io.prototype.setDarkMode=function(t){this._darkMode=t},io.prototype.isDarkMode=function(){return this._darkMode},io.prototype.refreshImmediately=function(t){this._disposed\|\|(t\|\|this.animation.update(!0),this._needsRefresh=!1,this.painter.refresh(),this._needsRefresh=!1)},io.prototype.refresh=function(){this._disposed\|\|(this._needsRefresh=!0,this.animation.start())},io.prototype.flush=function(){this._disposed\|\|this._flush(!1)},io.prototype._flush=function(t){var e,r=Wi();this._needsRefresh&&(e=!0,this.refreshImmediately(t)),this._needsRefreshHover&&(e=!0,this.refreshHoverImmediately());var i=Wi();e?(this._stillFrameAccum=0,this.trigger("rendered",{elapsedTime:i-r})):0<this._sleepAfterStill&&(this._stillFrameAccum++,this._stillFrameAccum>this._sleepAfterStill&&this.animation.stop())},io.prototype.setSleepAfterStill=function(t){this._sleepAfterStill=t},io.prototype.wakeUp=function(){this._disposed\|\|(this.animation.start(),this._stillFrameAccum=0)},io.prototype.refreshHover=function(){this._needsRefreshHover=!0},io.prototype.refreshHoverImmediately=function(){this._disposed\|\|(this._needsRefreshHover=!1,this.painter.refreshHover&&"canvas"===this.painter.getType()&&this.painter.refreshHover())},io.prototype.resize=function(t){this._disposed\|\|(t=t\|\|{},this.painter.resize(t.width,t.height),this.handler.resize())},io.prototype.clearAnimation=function(){this._disposed\|\|this.animation.clear()},io.prototype.getWidth=function(){if(!this._disposed)return this.painter.getWidth()},io.prototype.getHeight=function(){if(!this._disposed)return this.painter.getHeight()},io.prototype.setCursorStyle=function(t){this._disposed\|\|this.handler.setCursorStyle(t)},io.prototype.findHover=function(t,e){if(!this._disposed)return this.handler.findHover(t,e)},io.prototype.on=function(t,e,r){return this._disposed\|\|this.handler.on(t,e,r),this},io.prototype.off=function(t,e){this._disposed\|\|this.handler.off(t,e)},io.prototype.trigger=function(t,e){this._disposed\|\|this.handler.trigger(t,e)},io.prototype.clear=function(){if(!this._disposed){for(var t=this.storage.getRoots(),e=0;e<t.length;e++)t[e]instanceof Qn&&t[e].removeSelfFromZr(this);this.storage.delAllRoots(),this.painter.clear()}},io.prototype.dispose=function(){var t;this._disposed\|\|(this.animation.stop(),this.clear(),this.storage.dispose(),this.painter.dispose(),this.handler.dispose(),this.animation=this.storage=this.painter=this.handler=null,this._disposed=!0,t=this.id,delete to[t])},io);function io(t,e,r){var i=this;this._sleepAfterStill=10,this._stillFrameAccum=0,this._needsRefresh=!0,this._needsRefreshHover=!0,this._darkMode=!1,r=r\|\|{},this.dom=e,this.id=t;var n=new sr,o=r.renderer\|\|"canvas";Jn[o]\|\|(o=F(Jn)[0]),r.useDirtyRect=null!=r.useDirtyRect&&r.useDirtyRect;var a=new Jn[o](e,n,r,t),s=r.ssr\|\|a.ssrOnly;this.storage=n,this.painter=a;var h,l=c.node\|\|c.worker\|\|s?null:new un(a.getViewportRoot(),a.root),u=r.useCoarsePointer;(null==u\|\|"auto"===u?c.touchEventsSupported:!!u)&&(h=Z(r.pointerSize,44)),this.handler=new qe(n,a,l,a.root,h),this.animation=new Xi({stage:{update:s?null:function(){return i._flush(!0)}}}),s\|\|this.animation.start()}function no(t,e){Jn[t]=e}function oo(t){if("function"==typeof eo)return eo(t)}var ao="__zr_style_"+Math.round(10Math.random()),so={shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"#000",opacity:1,blend:"source-over"},ho={style:{shadowBlur:!0,shadowOffsetX:!0,shadowOffsetY:!0,shadowColor:!0,opacity:!0}};so[ao]=!0;var lo,uo,co=["z","z2","invisible"],po=["invisible"],fo=(vt(yo,lo=qn),yo.prototype._init=function(t){for(var e=F(t),r=0;r<e.length;r++){var i=e[r];"style"===i?this.useStyle(t[i]):lo.prototype.attrKV.call(this,i,t[i])}this.style\|\|this.useStyle({})},yo.prototype.beforeBrush=function(){},yo.prototype.afterBrush=function(){},yo.prototype.innerBeforeBrush=function(){},yo.prototype.innerAfterBrush=function(){},yo.prototype.shouldBePainted=function(t,e,r,i){var n=this.transform;if(this.ignore\|\|this.invisible\|\|0===this.style.opacity\|\|this.culling&&function(t,e,r){return vo.copy(t.getBoundingRect()),t.transform&&vo.applyTransform(t.transform),go.width=e,go.height=r,!vo.intersect(go)}(this,t,e)\|\|n&&!n[0]&&!n[3])return!1;if(r&&this.__clipPaths&&this.__clipPaths.length)for(var o=0;o<this.__clipPaths.length;++o)if(this.__clipPaths[o].isZeroArea())return!1;if(i&&this.parent)for(var a=this.parent;a;){if(a.ignore)return!1;a=a.parent}return!0},yo.prototype.contain=function(t,e){return this.rectContain(t,e)},yo.prototype.traverse=function(t,e){t.call(e,this)},yo.prototype.rectContain=function(t,e){var r=this.transformCoordToLocal(t,e);return this.getBoundingRect().contain(r[0],r[1])},yo.prototype.getPaintRect=function(){var t,e,r,i,n,o,a,s=this._paintRect;return this._paintRect&&!this.__dirty\|\|(t=this.transform,e=this.getBoundingRect(),i=(r=this.style).shadowBlur\|\|0,n=r.shadowOffsetX\|\|0,o=r.shadowOffsetY\|\|0,s=this._paintRect\|\|(this._paintRect=new Ae(0,0,0,0)),t?Ae.applyTransform(s,e,t):s.copy(e),(i\|\|n\|\|o)&&(s.width+=2i+Math.abs(n),s.height+=2i+Math.abs(o),s.x=Math.min(s.x,s.x+n-i),s.y=Math.min(s.y,s.y+o-i)),a=this.dirtyRectTolerance,s.isZero()\|\|(s.x=Math.floor(s.x-a),s.y=Math.floor(s.y-a),s.width=Math.ceil(s.width+1+2a),s.height=Math.ceil(s.height+1+2a))),s},yo.prototype.setPrevPaintRect=function(t){t?(this._prevPaintRect=this._prevPaintRect\|\|new Ae(0,0,0,0),this._prevPaintRect.copy(t)):this._prevPaintRect=null},yo.prototype.getPrevPaintRect=function(){return this._prevPaintRect},yo.prototype.animateStyle=function(t){return this.animate("style",t)},yo.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():this.markRedraw()},yo.prototype.attrKV=function(t,e){"style"!==t?lo.prototype.attrKV.call(this,t,e):this.style?this.setStyle(e):this.useStyle(e)},yo.prototype.setStyle=function(t,e){return"string"==typeof t?this.style[t]=e:I(this.style,t),this.dirtyStyle(),this},yo.prototype.dirtyStyle=function(t){t\|\|this.markRedraw(),this.__dirty\|=2,this._rect&&(this._rect=null)},yo.prototype.dirty=function(){this.dirtyStyle()},yo.prototype.styleChanged=function(){return!!(2&this.__dirty)},yo.prototype.styleUpdated=function(){this.__dirty&=-3},yo.prototype.createStyle=function(t){return ht(so,t)},yo.prototype.useStyle=function(t){t[ao]\|\|(t=this.createStyle(t)),this.__inHover?this.__hoverStyle=t:this.style=t,this.dirtyStyle()},yo.prototype.isStyleObject=function(t){return t[ao]},yo.prototype._innerSaveToNormal=function(t){lo.prototype._innerSaveToNormal.call(this,t);var e=this._normalState;t.style&&!e.style&&(e.style=this._mergeStyle(this.createStyle(),this.style)),this._savePrimaryToNormal(t,e,co)},yo.prototype._applyStateObj=function(t,e,r,i,n,o){lo.prototype._applyStateObj.call(this,t,e,r,i,n,o);var a,s=!(e&&i);if(e&&e.style?n?i?a=e.style:(a=this._mergeStyle(this.createStyle(),r.style),this._mergeStyle(a,e.style)):(a=this._mergeStyle(this.createStyle(),i?this.style:r.style),this._mergeStyle(a,e.style)):s&&(a=r.style),a)if(n){var h=this.style;if(this.style=this.createStyle(s?{}:h),s)for(var l=F(h),u=0;u<l.length;u++)(p=l[u])in a&&(a[p]=a[p],this.style[p]=h[p]);for(var c=F(a),u=0;u<c.length;u++){var p=c[u];this.style[p]=this.style[p]}this._transitionState(t,{style:a},o,this.getAnimationStyleProps())}else this.useStyle(a);for(var f=this.__inHover?po:co,u=0;u<f.length;u++)p=f[u],e&&null!=e[p]?this[p]=e[p]:s&&null!=r[p]&&(this[p]=r[p])},yo.prototype._mergeStates=function(t){for(var e,r=lo.prototype._mergeStates.call(this,t),i=0;i<t.length;i++){var n=t[i];n.style&&(e=e\|\|{},this._mergeStyle(e,n.style))}return e&&(r.style=e),r},yo.prototype._mergeStyle=function(t,e){return I(t,e),t},yo.prototype.getAnimationStyleProps=function(){return ho},yo.initDefaultProps=((uo=yo.prototype).type="displayable",uo.invisible=!1,uo.z=0,uo.z2=0,uo.zlevel=0,uo.culling=!1,uo.cursor="pointer",uo.rectHover=!1,uo.incremental=!1,uo._rect=null,uo.dirtyRectTolerance=0,void(uo.__dirty=2\|rr)),yo);function yo(t){return lo.call(this,t)\|\|this}var vo=new Ae(0,0,0,0),go=new Ae(0,0,0,0);var _o=Math.min,mo=Math.max,xo=Math.sin,wo=Math.cos,bo=2Math.PI,So=gt(),To=gt(),ko=gt();function Co(t,e,r){if(0!==t.length){for(var i=t[0],n=i[0],o=i[0],a=i[1],s=i[1],h=1;h<t.length;h++)i=t[h],n=_o(n,i[0]),o=mo(o,i[0]),a=_o(a,i[1]),s=mo(s,i[1]);e[0]=n,e[1]=a,r[0]=o,r[1]=s}}function Po(t,e,r,i,n,o){n[0]=_o(t,r),n[1]=_o(e,i),o[0]=mo(t,r),o[1]=mo(e,i)}var Mo=[],Ao=[];var Do={M:1,L:2,C:3,Q:4,A:5,Z:6,R:7},Lo=[],zo=[],Io=[],Ro=[],Oo=[],Fo=[],Bo=Math.min,No=Math.max,Ho=Math.cos,Wo=Math.sin,Eo=Math.abs,Xo=Math.PI,Yo=2Xo,qo="undefined"!=typeof Float32Array,jo=[];function Vo(t){return Math.round(t/Xo1e8)/1e8%2Xo}var Uo,Go=(Zo.prototype.increaseVersion=function(){this._version++},Zo.prototype.getVersion=function(){return this._version},Zo.prototype.setScale=function(t,e,r){0<(r=r\|\|0)&&(this._ux=Eo(r/fn/t)\|\|0,this._uy=Eo(r/fn/e)\|\|0)},Zo.prototype.setDPR=function(t){this.dpr=t},Zo.prototype.setContext=function(t){this._ctx=t},Zo.prototype.getContext=function(){return this._ctx},Zo.prototype.beginPath=function(){return this._ctx&&this._ctx.beginPath(),this.reset(),this},Zo.prototype.reset=function(){this._saveData&&(this._len=0),this._pathSegLen&&(this._pathSegLen=null,this._pathLen=0),this._version++},Zo.prototype.moveTo=function(t,e){return this._drawPendingPt(),this.addData(Do.M,t,e),this._ctx&&this._ctx.moveTo(t,e),this._x0=t,this._y0=e,this._xi=t,this._yi=e,this},Zo.prototype.lineTo=function(t,e){var r,i=Eo(t-this._xi),n=Eo(e-this._yi),o=i>this._ux\|\|n>this._uy;return this.addData(Do.L,t,e),this._ctx&&o&&this._ctx.lineTo(t,e),o?(this._xi=t,this._yi=e,this._pendingPtDist=0):(r=ii+nn)>this._pendingPtDist&&(this._pendingPtX=t,this._pendingPtY=e,this._pendingPtDist=r),this},Zo.prototype.bezierCurveTo=function(t,e,r,i,n,o){return this._drawPendingPt(),this.addData(Do.C,t,e,r,i,n,o),this._ctx&&this._ctx.bezierCurveTo(t,e,r,i,n,o),this._xi=n,this._yi=o,this},Zo.prototype.quadraticCurveTo=function(t,e,r,i){return this._drawPendingPt(),this.addData(Do.Q,t,e,r,i),this._ctx&&this._ctx.quadraticCurveTo(t,e,r,i),this._xi=r,this._yi=i,this},Zo.prototype.arc=function(t,e,r,i,n,o){this._drawPendingPt(),jo[0]=i,jo[1]=n,function(t,e){var r=Vo(t[0]);r<0&&(r+=Yo);var i=r-t[0],n=t[1];n+=i,!e&&Yo<=n-r?n=r+Yo:e&&Yo<=r-n?n=r-Yo:!e&&n<r?n=r+(Yo-Vo(r-n)):e&&r<n&&(n=r-(Yo-Vo(n-r))),t[0]=r,t[1]=n}(jo,o),i=jo[0];var a=(n=jo[1])-i;return this.addData(Do.A,t,e,r,r,i,a,0,o?0:1),this._ctx&&this._ctx.arc(t,e,r,i,n,o),this._xi=Ho(n)r+t,this._yi=Wo(n)r+e,this},Zo.prototype.arcTo=function(t,e,r,i,n){return this._drawPendingPt(),this._ctx&&this._ctx.arcTo(t,e,r,i,n),this},Zo.prototype.rect=function(t,e,r,i){return this._drawPendingPt(),this._ctx&&this._ctx.rect(t,e,r,i),this.addData(Do.R,t,e,r,i),this},Zo.prototype.closePath=function(){this._drawPendingPt(),this.addData(Do.Z);var t=this._ctx,e=this._x0,r=this._y0;return t&&t.closePath(),this._xi=e,this._yi=r,this},Zo.prototype.fill=function(t){t&&t.fill(),this.toStatic()},Zo.prototype.stroke=function(t){t&&t.stroke(),this.toStatic()},Zo.prototype.len=function(){return this._len},Zo.prototype.setData=function(t){if(this._saveData){var e=t.length;this.data&&this.data.length===e\|\|!qo\|\|(this.data=new Float32Array(e));for(var r=0;r<e;r++)this.data[r]=t[r];this._len=e}},Zo.prototype.appendPath=function(t){if(this._saveData){t instanceof Array\|\|(t=[t]);for(var e=t.length,r=0,i=this._len,n=0;n<e;n++)r+=t[n].len();var o=this.data;if(qo&&(o instanceof Float32Array\|\|!o)&&(this.data=new Float32Array(i+r),0<i&&o))for(var a=0;a<i;a++)this.data[a]=o[a];for(n=0;n<e;n++)for(var s=t[n].data,a=0;a<s.length;a++)this.data[i++]=s[a];this._len=i}},Zo.prototype.addData=function(t,e,r,i,n,o,a,s,h){if(this._saveData){var l=this.data;this._len+arguments.length>l.length&&(this._expandData(),l=this.data);for(var u=0;u<arguments.length;u++)l[this._len++]=arguments[u]}},Zo.prototype._drawPendingPt=function(){0<this._pendingPtDist&&(this._ctx&&this._ctx.lineTo(this._pendingPtX,this._pendingPtY),this._pendingPtDist=0)},Zo.prototype._expandData=function(){if(!(this.data instanceof Array)){for(var t=[],e=0;e<this._len;e++)t[e]=this.data[e];this.data=t}},Zo.prototype.toStatic=function(){var t;this._saveData&&(this._drawPendingPt(),(t=this.data)instanceof Array&&(t.length=this._len,qo&&11<this._len&&(this.data=new Float32Array(t))))},Zo.prototype.getBoundingRect=function(){Io[0]=Io[1]=Oo[0]=Oo[1]=Number.MAX_VALUE,Ro[0]=Ro[1]=Fo[0]=Fo[1]=-Number.MAX_VALUE;for(var t,e,r,i,n,o,a,s,h,l,u,c,p,f,d=this.data,y=0,v=0,g=0,_=0,m=0;m<this._len;){var x=d[m++],w=1===m;switch(w&&(g=y=d[m],_=v=d[m+1]),x){case Do.M:y=g=d[m++],v=_=d[m++],Oo[0]=g,Oo[1]=_,Fo[0]=g,Fo[1]=_;break;case Do.L:Po(y,v,d[m],d[m+1],Oo,Fo),y=d[m++],v=d[m++];break;case Do.C:!function(t,e,r,i,n,o,a,s,h,l){var u=kr,c=br,p=u(t,r,n,a,Mo);h[0]=1/0,h[1]=1/0,l[0]=-1/0,l[1]=-1/0;for(var f=0;f<p;f++){var d=c(t,r,n,a,Mo[f]);h[0]=_o(d,h[0]),l[0]=mo(d,l[0])}for(p=u(e,i,o,s,Ao),f=0;f<p;f++){var y=c(e,i,o,s,Ao[f]);h[1]=_o(y,h[1]),l[1]=mo(y,l[1])}h[0]=_o(t,h[0]),l[0]=mo(t,l[0]),h[0]=_o(a,h[0]),l[0]=mo(a,l[0]),h[1]=_o(e,h[1]),l[1]=mo(e,l[1]),h[1]=_o(s,h[1]),l[1]=mo(s,l[1])}(y,v,d[m++],d[m++],d[m++],d[m++],d[m],d[m+1],Oo,Fo),y=d[m++],v=d[m++];break;case Do.Q:t=y,e=v,r=d[m++],i=d[m++],n=d[m],o=d[m+1],a=Oo,s=Fo,f=p=c=u=l=h=void 0,l=Pr,u=mo(_o((h=Ar)(t,r,n),1),0),c=mo(_o(h(e,i,o),1),0),p=l(t,r,n,u),f=l(e,i,o,c),a[0]=_o(t,n,p),a[1]=_o(e,o,f),s[0]=mo(t,n,p),s[1]=mo(e,o,f),y=d[m++],v=d[m++];break;case Do.A:var b=d[m++],S=d[m++],T=d[m++],k=d[m++],C=d[m++],P=d[m++]+C;m+=1;var M=!d[m++];w&&(g=Ho(C)T+b,_=Wo(C)k+S),function(t,e,r,i,n,o,a,s,h){var l,u=Lt,c=zt,p=Math.abs(n-o);if(p%bo<1e-4&&1e-4<p)return s[0]=t-r,s[1]=e-i,h[0]=t+r,h[1]=e+i;So[0]=wo(n)r+t,So[1]=xo(n)i+e,To[0]=wo(o)r+t,To[1]=xo(o)i+e,u(s,So,To),c(h,So,To),(n%=bo)<0&&(n+=bo),(o%=bo)<0&&(o+=bo),o<n&&!a?o+=bo:n<o&&a&&(n+=bo),a&&(l=o,o=n,n=l);for(var f=0;f<o;f+=Math.PI/2)n<f&&(ko[0]=wo(f)r+t,ko[1]=xo(f)i+e,u(s,ko,s),c(h,ko,h))}(b,S,T,k,C,P,M,Oo,Fo),y=Ho(P)T+b,v=Wo(P)k+S;break;case Do.R:Po(g=y=d[m++],_=v=d[m++],g+d[m++],_+d[m++],Oo,Fo);break;case Do.Z:y=g,v=_}Lt(Io,Io,Oo),zt(Ro,Ro,Fo)}return 0===m&&(Io[0]=Io[1]=Ro[0]=Ro[1]=0),new Ae(Io[0],Io[1],Ro[0]-Io[0],Ro[1]-Io[1])},Zo.prototype._calculateLength=function(){var t=this.data,e=this._len,r=this._ux,i=this._uy,n=0,o=0,a=0,s=0;this._pathSegLen\|\|(this._pathSegLen=[]);for(var h=this._pathSegLen,l=0,u=0,c=0;c<e;){var p=t[c++],f=1===c;f&&(a=n=t[c],s=o=t[c+1]);var d=-1;switch(p){case Do.M:n=a=t[c++],o=s=t[c++];break;case Do.L:var y=t[c++],v=(m=t[c++])-o;(Eo(A=y-n)>r\|\|Eo(v)>i\|\|c===e-1)&&(d=Math.sqrt(AA+vv),n=y,o=m);break;case Do.C:var g=t[c++],_=t[c++],y=t[c++],m=t[c++],x=t[c++],w=t[c++],d=function(t,e,r,i,n,o,a,s,h){for(var l=t,u=e,c=0,p=1/h,f=1;f<=h;f++){var d=fp,y=br(t,r,n,a,d),v=br(e,i,o,s,d),g=y-l,_=v-u;c+=Math.sqrt(gg+__),l=y,u=v}return c}(n,o,g,_,y,m,x,w,10),n=x,o=w;break;case Do.Q:d=function(t,e,r,i,n,o,a){for(var s=t,h=e,l=0,u=1/a,c=1;c<=a;c++){var p=cu,f=Pr(t,r,n,p),d=Pr(e,i,o,p),y=f-s,v=d-h;l+=Math.sqrt(yy+vv),s=f,h=d}return l}(n,o,g=t[c++],_=t[c++],y=t[c++],m=t[c++],10),n=y,o=m;break;case Do.A:var b=t[c++],S=t[c++],T=t[c++],k=t[c++],C=t[c++],P=t[c++],M=P+C;c+=1,f&&(a=Ho(C)T+b,s=Wo(C)k+S),d=No(T,k)Bo(Yo,Math.abs(P)),n=Ho(M)T+b,o=Wo(M)k+S;break;case Do.R:a=n=t[c++],s=o=t[c++],d=2t[c++]+2t[c++];break;case Do.Z:var A=a-n,v=s-o;d=Math.sqrt(AA+vv),n=a,o=s}0<=d&&(l+=h[u++]=d)}return this._pathLen=l},Zo.prototype.rebuildPath=function(t,e){var r,i,n,o,a,s,h,l,u,c,p=this.data,f=this._ux,d=this._uy,y=this._len,v=e<1,g=0,_=0,m=0;if(!v\|\|(this._pathSegLen\|\|this._calculateLength(),h=this._pathSegLen,l=ethis._pathLen))t:for(var x=0;x<y;){var w=p[x++],b=1===x;switch(b&&(r=n=p[x],i=o=p[x+1]),w!==Do.L&&0<m&&(t.lineTo(u,c),m=0),w){case Do.M:r=n=p[x++],i=o=p[x++],t.moveTo(n,o);break;case Do.L:a=p[x++],s=p[x++];var S=Eo(a-n),T=Eo(s-o);if(f<S\|\|d<T){if(v){if(l<g+(j=h[_++])){var k=(l-g)/j;t.lineTo(n(1-k)+ak,o(1-k)+sk);break t}g+=j}t.lineTo(a,s),n=a,o=s,m=0}else{var C=SS+TT;m<C&&(u=a,c=s,m=C)}break;case Do.C:var P=p[x++],M=p[x++],A=p[x++],D=p[x++],L=p[x++],z=p[x++];if(v){if(l<g+(j=h[_++])){Cr(n,P,A,L,k=(l-g)/j,Lo),Cr(o,M,D,z,k,zo),t.bezierCurveTo(Lo[1],zo[1],Lo[2],zo[2],Lo[3],zo[3]);break t}g+=j}t.bezierCurveTo(P,M,A,D,L,z),n=L,o=z;break;case Do.Q:if(P=p[x++],M=p[x++],A=p[x++],D=p[x++],v){if(l<g+(j=h[_++])){Dr(n,P,A,k=(l-g)/j,Lo),Dr(o,M,D,k,zo),t.quadraticCurveTo(Lo[1],zo[1],Lo[2],zo[2]);break t}g+=j}t.quadraticCurveTo(P,M,A,D),n=A,o=D;break;case Do.A:var I=p[x++],R=p[x++],O=p[x++],F=p[x++],B=p[x++],N=p[x++],H=p[x++],W=!p[x++],E=F<O?O:F,X=.001<Eo(O-F),Y=B+N,q=!1;if(v&&(l<g+(j=h[_++])&&(Y=B+N(l-g)/j,q=!0),g+=j),X&&t.ellipse?t.ellipse(I,R,O,F,H,B,Y,W):t.arc(I,R,E,B,Y,W),q)break t;b&&(r=Ho(B)O+I,i=Wo(B)F+R),n=Ho(Y)O+I,o=Wo(Y)F+R;break;case Do.R:r=n=p[x],i=o=p[x+1],a=p[x++],s=p[x++];var j,V=p[x++],U=p[x++];if(v){if(l<g+(j=h[_++])){var G=l-g;t.moveTo(a,s),t.lineTo(a+Bo(G,V),s),0<(G-=V)&&t.lineTo(a+V,s+Bo(G,U)),0<(G-=U)&&t.lineTo(a+No(V-G,0),s+U),0<(G-=V)&&t.lineTo(a,s+No(U-G,0));break t}g+=j}t.rect(a,s,V,U);break;case Do.Z:if(v){if(l<g+(j=h[_++])){k=(l-g)/j,t.lineTo(n(1-k)+rk,o(1-k)+ik);break t}g+=j}t.closePath(),n=r,o=i}}},Zo.prototype.clone=function(){var t=new Zo,e=this.data;return t.data=e.slice?e.slice():Array.prototype.slice.call(e),t._len=this._len,t},Zo.prototype.canSave=function(){return!!this._saveData},Zo.CMD=Do,Zo.initDefaultProps=((Uo=Zo.prototype)._saveData=!0,Uo._ux=0,Uo._uy=0,Uo._pendingPtDist=0,void(Uo._version=0)),Zo);function Zo(t){this.dpr=1,this._xi=0,this._yi=0,this._x0=0,this._y0=0,this._len=0,t&&(this._saveData=!1),this._saveData&&(this.data=[])}function Ko(t,e,r,i,n,o,a){if(0!==n){var s=n,h=0;if(!(e+s<a&&i+s<a\|\|a<e-s&&a<i-s\|\|t+s<o&&r+s<o\|\|o<t-s&&o<r-s)){if(t===r)return Math.abs(o-t)<=s/2;var l=(h=(e-i)/(t-r))o-a+(ti-re)/(t-r);return ll/(hh+1)<=s/2s/2}}}function Qo(t,e,r,i,n,o,a,s,h,l,u){if(0!==h){var c=h;if(!(e+c<u&&i+c<u&&o+c<u&&s+c<u\|\|u<e-c&&u<i-c&&u<o-c&&u<s-c\|\|t+c<l&&r+c<l&&n+c<l&&a+c<l\|\|l<t-c&&l<r-c&&l<n-c&&l<a-c))return function(t,e,r,i,n,o,a,s,h,l,u){var c,p,f,d,y,v=.005,g=1/0;gr[0]=h,gr[1]=l;for(var _=0;_<1;_+=.05)_r[0]=br(t,r,n,a,_),_r[1]=br(e,i,o,s,_),(d=Mt(gr,_r))<g&&(c=_,g=d);g=1/0;for(var m=0;m<32&&!(v<dr);m++)p=c-v,f=c+v,_r[0]=br(t,r,n,a,p),_r[1]=br(e,i,o,s,p),d=Mt(_r,gr),0<=p&&d<g?(c=p,g=d):(mr[0]=br(t,r,n,a,f),mr[1]=br(e,i,o,s,f),y=Mt(mr,gr),f<=1&&y<g?(c=f,g=y):v=.5);return u&&(u[0]=br(t,r,n,a,c),u[1]=br(e,i,o,s,c)),pr(g)}(t,e,r,i,n,o,a,s,l,u,null)<=c/2}}function $o(t,e,r,i,n,o,a,s,h){if(0!==a){var l=a;if(!(e+l<h&&i+l<h&&o+l<h\|\|h<e-l&&h<i-l&&h<o-l\|\|t+l<s&&r+l<s&&n+l<s\|\|s<t-l&&s<r-l&&s<n-l))return function(t,e,r,i,n,o,a,s,h){var l,u=.005,c=1/0;gr[0]=a,gr[1]=s;for(var p=0;p<1;p+=.05){_r[0]=Pr(t,r,n,p),_r[1]=Pr(e,i,o,p),(g=Mt(gr,_r))<c&&(l=p,c=g)}c=1/0;for(var f=0;f<32&&!(u<dr);f++){var d=l-u,y=l+u;_r[0]=Pr(t,r,n,d),_r[1]=Pr(e,i,o,d);var v,g=Mt(_r,gr);0<=d&&g<c?(l=d,c=g):(mr[0]=Pr(t,r,n,y),mr[1]=Pr(e,i,o,y),v=Mt(mr,gr),y<=1&&v<c?(l=y,c=v):u=.5)}return h&&(h[0]=Pr(t,r,n,l),h[1]=Pr(e,i,o,l)),pr(c)}(t,e,r,i,n,o,s,h,null)<=l/2}}var Jo=2Math.PI;function ta(t){return(t%=Jo)<0&&(t+=Jo),t}var ea=2Math.PI;function ra(t,e,r,i,n,o){if(e<o&&i<o\|\|o<e&&o<i)return 0;if(i===e)return 0;var a=(o-e)/(i-e),s=i<e?1:-1;1!=a&&0!=a\|\|(s=i<e?.5:-.5);var h=a(r-t)+t;return h===n?1/0:n<h?s:0}var ia=Go.CMD,na=2Math.PI,oa=1e-4;var aa=[-1,-1,-1],sa=[-1,-1];function ha(t,e,r,i,n,o,a,s,h,l){if(e<l&&i<l&&o<l&&s<l\|\|l<e&&l<i&&l<o&&l<s)return 0;var u=Tr(e,i,o,s,l,aa);if(0===u)return 0;for(var c,p=0,f=-1,d=void 0,y=void 0,v=0;v<u;v++){var g=aa[v],_=0===g\|\|1===g?.5:1;br(t,r,n,a,g)<h\|\|(f<0&&(f=kr(e,i,o,s,sa),sa[1]<sa[0]&&1<f&&(c=void 0,c=sa[0],sa[0]=sa[1],sa[1]=c),d=br(e,i,o,s,sa[0]),1<f&&(y=br(e,i,o,s,sa[1]))),2===f?g<sa[0]?p+=d<e?_:-_:g<sa[1]?p+=y<d?_:-_:p+=s<y?_:-_:g<sa[0]?p+=d<e?_:-_:p+=s<d?_:-_)}return p}function la(t,e,r,i,n,o,a,s){if(e<s&&i<s&&o<s\|\|s<e&&s<i&&s<o)return 0;var h,l,u,c,p,f,d,y,v,g,_,m=(u=aa,v=2((l=i)-(h=e)),g=h-s,_=0,xr(y=h-2l+o)?wr(v)&&0<=(f=-g/v)&&f<=1&&(u[_++]=f):xr(c=vv-4yg)?0<=(f=-v/(2y))&&f<=1&&(u[_++]=f):0<c&&(d=(-v-(p=pr(c)))/(2y),0<=(f=(-v+p)/(2y))&&f<=1&&(u[_++]=f),0<=d&&d<=1&&(u[_++]=d)),_);if(0===m)return 0;var x=Ar(e,i,o);if(0<=x&&x<=1){for(var w=0,b=Pr(e,i,o,x),S=0;S<m;S++){var T=0===aa[S]\|\|1===aa[S]?.5:1;Pr(t,r,n,aa[S])<a\|\|(aa[S]<x?w+=b<e?T:-T:w+=o<b?T:-T)}return w}T=0===aa[0]\|\|1===aa[0]?.5:1;return Pr(t,r,n,aa[0])<a?0:o<e?T:-T}function ua(t,e,r,i,n){for(var o,a,s=t.data,h=t.len(),l=0,u=0,c=0,p=0,f=0,d=0;d<h;){var y=s[d++],v=1===d;switch(y===ia.M&&1<d&&(r\|\|(l+=ra(u,c,p,f,i,n))),v&&(p=u=s[d],f=c=s[d+1]),y){case ia.M:u=p=s[d++],c=f=s[d++];break;case ia.L:if(r){if(Ko(u,c,s[d],s[d+1],e,i,n))return!0}else l+=ra(u,c,s[d],s[d+1],i,n)\|\|0;u=s[d++],c=s[d++];break;case ia.C:if(r){if(Qo(u,c,s[d++],s[d++],s[d++],s[d++],s[d],s[d+1],e,i,n))return!0}else l+=ha(u,c,s[d++],s[d++],s[d++],s[d++],s[d],s[d+1],i,n)\|\|0;u=s[d++],c=s[d++];break;case ia.Q:if(r){if($o(u,c,s[d++],s[d++],s[d],s[d+1],e,i,n))return!0}else l+=la(u,c,s[d++],s[d++],s[d],s[d+1],i,n)\|\|0;u=s[d++],c=s[d++];break;case ia.A:var g=s[d++],_=s[d++],m=s[d++],x=s[d++],w=s[d++],b=s[d++];d+=1;var S=!!(1-s[d++]),T=Math.cos(w)m+g,k=Math.sin(w)x+_;v?(p=T,f=k):l+=ra(u,c,T,k,i,n);var C=(i-g)x/m+g;if(r){if(function(t,e,r,i,n,o,a,s,h){if(0!==a){var l=a;s-=t,h-=e;var u,c=Math.sqrt(ss+hh);if(!(r<c-l\|\|c+l<r)){if(Math.abs(i-n)%ea<1e-4)return 1;(n=o?(u=i,i=ta(n),ta(u)):(i=ta(i),ta(n)))<i&&(n+=ea);var p=Math.atan2(h,s);return p<0&&(p+=ea),i<=p&&p<=n\|\|i<=p+ea&&p+ea<=n}}}(g,_,x,w,w+b,S,e,C,n))return!0}else l+=function(t,e,r,i,n,o,a,s){if(r<(s-=e)\|\|s<-r)return 0;var h=Math.sqrt(rr-ss);aa[0]=-h,aa[1]=h;var l,u=Math.abs(i-n);if(u<1e-4)return 0;if(na-1e-4<=u){n=na;var c=o?1:-1;return a>=aa[i=0]+t&&a<=aa[1]+t?c:0}n<i&&(l=i,i=n,n=l),i<0&&(i+=na,n+=na);for(var p=0,f=0;f<2;f++){var d,y=aa[f];a<y+t&&(c=o?1:-1,(d=Math.atan2(s,y))<0&&(d=na+d),(i<=d&&d<=n\|\|i<=d+na&&d+na<=n)&&(d>Math.PI/2&&d<1.5Math.PI&&(c=-c),p+=c))}return p}(g,_,x,w,w+b,S,C,n);u=Math.cos(w+b)m+g,c=Math.sin(w+b)x+_;break;case ia.R:p=u=s[d++],f=c=s[d++];if(T=p+s[d++],k=f+s[d++],r){if(Ko(p,f,T,f,e,i,n)\|\|Ko(T,f,T,k,e,i,n)\|\|Ko(T,k,p,k,e,i,n)\|\|Ko(p,k,p,f,e,i,n))return!0}else l+=ra(T,f,T,k,i,n),l+=ra(p,k,p,f,i,n);break;case ia.Z:if(r){if(Ko(u,c,p,f,e,i,n))return!0}else l+=ra(u,c,p,f,i,n);u=p,c=f}}return r\|\|(o=c,a=f,Math.abs(o-a)<oa)\|\|(l+=ra(u,c,p,f,i,n)\|\|0),0!==l}var ca,pa,fa=T({fill:"#000",stroke:null,strokePercent:1,fillOpacity:1,strokeOpacity:1,lineDashOffset:0,lineWidth:1,lineCap:"butt",miterLimit:10,strokeNoScale:!1,strokeFirst:!1},so),da={style:T({fill:!0,stroke:!0,strokePercent:!0,fillOpacity:!0,strokeOpacity:!0,lineDashOffset:!0,lineWidth:!0,miterLimit:!0},ho.style)},ya=Cn.concat(["invisible","culling","z","z2","zlevel","parent"]),va=(vt(ga,ca=fo),ga.prototype.update=function(){var e=this;ca.prototype.update.call(this);var t=this.style;if(t.decal){var r=this._decalEl=this._decalEl\|\|new ga;r.buildPath===ga.prototype.buildPath&&(r.buildPath=function(t){e.buildPath(t,e.shape)}),r.silent=!0;var i=r.style;for(var n in t)i[n]!==t[n]&&(i[n]=t[n]);i.fill=t.fill?t.decal:null,i.decal=null,i.shadowColor=null,t.strokeFirst&&(i.stroke=null);for(var o=0;o<ya.length;++o)r[ya[o]]=this[ya[o]];r.__dirty\|=rr}else this._decalEl&&(this._decalEl=null)},ga.prototype.getDecalElement=function(){return this._decalEl},ga.prototype._init=function(t){var e=F(t);this.shape=this.getDefaultShape();var r=this.getDefaultStyle();r&&this.useStyle(r);for(var i=0;i<e.length;i++){var n=e[i],o=t[n];"style"===n?this.style?I(this.style,o):this.useStyle(o):"shape"===n?I(this.shape,o):ca.prototype.attrKV.call(this,n,o)}this.style\|\|this.useStyle({})},ga.prototype.getDefaultStyle=function(){return null},ga.prototype.getDefaultShape=function(){return{}},ga.prototype.canBeInsideText=function(){return this.hasFill()},ga.prototype.getInsideTextFill=function(){var t=this.style.fill;if("none"!==t){if(N(t)){var e=ai(t,0);return.5<e?dn:.2<e?"#eee":yn}if(t)return yn}return dn},ga.prototype.getInsideTextStroke=function(t){var e=this.style.fill;if(N(e)){var r=this.__zr;if(!(!r\|\|!r.isDarkMode())==ai(t,0)<.4)return e}},ga.prototype.buildPath=function(t,e,r){},ga.prototype.pathUpdated=function(){this.__dirty&=~ir},ga.prototype.getUpdatedPathProxy=function(t){return this.path\|\|this.createPathProxy(),this.path.beginPath(),this.buildPath(this.path,this.shape,t),this.path},ga.prototype.createPathProxy=function(){this.path=new Go(!1)},ga.prototype.hasStroke=function(){var t=this.style,e=t.stroke;return!(null==e\|\|"none"===e\|\|!(0<t.lineWidth))},ga.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},ga.prototype.getBoundingRect=function(){var t,e,r=this._rect,i=this.style,n=!r;if(n&&(t=!1,this.path\|\|(t=!0,this.createPathProxy()),e=this.path,(t\|\|this.__dirty&ir)&&(e.beginPath(),this.buildPath(e,this.shape,!1),this.pathUpdated()),r=e.getBoundingRect()),this._rect=r,this.hasStroke()&&this.path&&0<this.path.len()){var o,a,s,h=this._rectStroke\|\|(this._rectStroke=r.clone());return(this.__dirty\|\|n)&&(h.copy(r),o=i.strokeNoScale?this.getLineScale():1,s=i.lineWidth,this.hasFill()\|\|(a=this.strokeContainThreshold,s=Math.max(s,null==a?4:a)),1e-10<o&&(h.width+=s/o,h.height+=s/o,h.x-=s/o/2,h.y-=s/o/2)),h}return r},ga.prototype.contain=function(t,e){var r=this.transformCoordToLocal(t,e),i=this.getBoundingRect(),n=this.style;if(t=r[0],e=r[1],i.contain(t,e)){var o=this.path;if(this.hasStroke()){var a=n.lineWidth,s=n.strokeNoScale?this.getLineScale():1;if(1e-10<s&&(this.hasFill()\|\|(a=Math.max(a,this.strokeContainThreshold)),ua(o,a/s,!0,t,e)))return!0}if(this.hasFill())return ua(o,0,!1,t,e)}return!1},ga.prototype.dirtyShape=function(){this.__dirty\|=ir,this._rect&&(this._rect=null),this._decalEl&&this._decalEl.dirtyShape(),this.markRedraw()},ga.prototype.dirty=function(){this.dirtyStyle(),this.dirtyShape()},ga.prototype.animateShape=function(t){return this.animate("shape",t)},ga.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():"shape"===t?this.dirtyShape():this.markRedraw()},ga.prototype.attrKV=function(t,e){"shape"===t?this.setShape(e):ca.prototype.attrKV.call(this,t,e)},ga.prototype.setShape=function(t,e){var r=(r=this.shape)\|\|(this.shape={});return"string"==typeof t?r[t]=e:I(r,t),this.dirtyShape(),this},ga.prototype.shapeChanged=function(){return!!(this.__dirty&ir)},ga.prototype.createStyle=function(t){return ht(fa,t)},ga.prototype._innerSaveToNormal=function(t){ca.prototype._innerSaveToNormal.call(this,t);var e=this._normalState;t.shape&&!e.shape&&(e.shape=I({},this.shape))},ga.prototype._applyStateObj=function(t,e,r,i,n,o){ca.prototype._applyStateObj.call(this,t,e,r,i,n,o);var a,s=!(e&&i);if(e&&e.shape?n?i?a=e.shape:(a=I({},r.shape),I(a,e.shape)):(a=I({},i?this.shape:r.shape),I(a,e.shape)):s&&(a=r.shape),a)if(n){this.shape=I({},this.shape);for(var h={},l=F(a),u=0;u<l.length;u++){var c=l[u];"object"==typeof a[c]?this.shape[c]=a[c]:h[c]=a[c]}this._transitionState(t,{shape:h},o)}else this.shape=a,this.dirtyShape()},ga.prototype._mergeStates=function(t){for(var e,r=ca.prototype._mergeStates.call(this,t),i=0;i<t.length;i++){var n=t[i];n.shape&&(e=e\|\|{},this._mergeStyle(e,n.shape))}return e&&(r.shape=e),r},ga.prototype.getAnimationStyleProps=function(){return da},ga.prototype.isZeroArea=function(){return!1},ga.extend=function(r){var i,t=(vt(e,i=ga),e.prototype.getDefaultStyle=function(){return C(r.style)},e.prototype.getDefaultShape=function(){return C(r.shape)},e);function e(t){var e=i.call(this,t)\|\|this;return r.init&&r.init.call(e,t),e}for(var n in r)"function"==typeof r[n]&&(t.prototype[n]=r[n]);return t},ga.initDefaultProps=((pa=ga.prototype).type="path",pa.strokeContainThreshold=5,pa.segmentIgnoreThreshold=0,pa.subPixelOptimize=!1,pa.autoBatch=!1,void(pa.__dirty=2\|rr\|ir)),ga);function ga(t){return ca.call(this,t)\|\|this}var _a=Go.CMD,ma=[[],[],[]],xa=Math.sqrt,wa=Math.atan2;function ba(t,e){if(e){for(var r,i,n,o,a=t.data,s=t.len(),h=_a.M,l=_a.C,u=_a.L,c=_a.R,p=_a.A,f=_a.Q,d=0,y=0;d<s;){switch(r=a[d++],y=d,i=0,r){case h:case u:i=1;break;case l:i=3;break;case f:i=2;break;case p:var v=e[4],g=e[5],_=xa(e[0]e[0]+e[1]e[1]),m=xa(e[2]e[2]+e[3]e[3]),x=wa(-e[1]/m,e[0]/_);a[d]=_,a[d++]+=v,a[d]=m,a[d++]+=g,a[d++]=_,a[d++]=m,a[d++]+=x,a[d++]+=x,y=d+=2;break;case c:o[0]=a[d++],o[1]=a[d++],Dt(o,o,e),a[y++]=o[0],a[y++]=o[1],o[0]+=a[d++],o[1]+=a[d++],Dt(o,o,e),a[y++]=o[0],a[y++]=o[1]}for(n=0;n<i;n++){var w=ma[n];w[0]=a[d++],w[1]=a[d++],Dt(w,w,e),a[y++]=w[0],a[y++]=w[1]}}t.increaseVersion()}}var Sa=Math.sqrt,Ta=Math.sin,ka=Math.cos,Ca=Math.PI;function Pa(t){return Math.sqrt(t[0]t[0]+t[1]t[1])}function Ma(t,e){return(t[0]e[0]+t[1]e[1])/(Pa(t)Pa(e))}function Aa(t,e){return(t[0]e[1]<t[1]e[0]?-1:1)Math.acos(Ma(t,e))}function Da(t,e,r,i,n,o,a,s,h,l,u){var c=h(Ca/180),p=ka(c)(t-r)/2+Ta(c)(e-i)/2,f=-1Ta(c)(t-r)/2+ka(c)(e-i)/2,d=pp/(aa)+ff/(ss);1<d&&(a=Sa(d),s=Sa(d));var y,v=(n===o?-1:1)Sa((aa(ss)-aa(ff)-ss(pp))/(aa(ff)+ss(pp)))\|\|0,g=vaf/s,_=v-sp/a,m=(t+r)/2+ka(c)g-Ta(c)_,x=(e+i)/2+Ta(c)g+ka(c)_,w=Aa([1,0],[(p-g)/a,(f-_)/s]),b=[(p-g)/a,(f-_)/s],S=[(-1p-g)/a,(-1f-_)/s],T=Aa(b,S);Ma(b,S)<=-1&&(T=Ca),1<=Ma(b,S)&&(T=0),T<0&&(y=Math.round(T/Ca1e6)/1e6,T=2Ca+y%2Ca),u.addData(l,m,x,a,s,w,T,c,o)}var La=/([mlvhzcqtsa])([^mlvhzcqtsa])/gi,za=/-?([0-9]\.)?[0-9]+([eE]-?[0-9]+)?/g;var Ia,Ra=(vt(Oa,Ia=va),Oa.prototype.applyTransform=function(t){},Oa);function Oa(){return null!==Ia&&Ia.apply(this,arguments)\|\|this}function Fa(t){return null!=t.setData}function Ba(t,e){var i=function(t){var e=new Go;if(!t)return e;var r,i=0,n=0,o=i,a=n,s=Go.CMD,h=t.match(La);if(!h)return e;for(var l=0;l<h.length;l++){for(var u=h[l],c=u.charAt(0),p=void 0,f=u.match(za)\|\|[],d=f.length,y=0;y<d;y++)f[y]=parseFloat(f[y]);for(var v=0;v<d;){var g=void 0,_=void 0,m=void 0,x=void 0,w=void 0,b=void 0,S=void 0,T=i,k=n,C=void 0,P=void 0;switch(c){case"l":i+=f[v++],n+=f[v++],p=s.L,e.addData(p,i,n);break;case"L":i=f[v++],n=f[v++],p=s.L,e.addData(p,i,n);break;case"m":i+=f[v++],n+=f[v++],p=s.M,e.addData(p,i,n),o=i,a=n,c="l";break;case"M":i=f[v++],n=f[v++],p=s.M,e.addData(p,i,n),o=i,a=n,c="L";break;case"h":i+=f[v++],p=s.L,e.addData(p,i,n);break;case"H":i=f[v++],p=s.L,e.addData(p,i,n);break;case"v":n+=f[v++],p=s.L,e.addData(p,i,n);break;case"V":n=f[v++],p=s.L,e.addData(p,i,n);break;case"C":p=s.C,e.addData(p,f[v++],f[v++],f[v++],f[v++],f[v++],f[v++]),i=f[v-2],n=f[v-1];break;case"c":p=s.C,e.addData(p,f[v++]+i,f[v++]+n,f[v++]+i,f[v++]+n,f[v++]+i,f[v++]+n),i+=f[v-2],n+=f[v-1];break;case"S":g=i,_=n,C=e.len(),P=e.data,r===s.C&&(g+=i-P[C-4],_+=n-P[C-3]),p=s.C,T=f[v++],k=f[v++],i=f[v++],n=f[v++],e.addData(p,g,_,T,k,i,n);break;case"s":g=i,_=n,C=e.len(),P=e.data,r===s.C&&(g+=i-P[C-4],_+=n-P[C-3]),p=s.C,T=i+f[v++],k=n+f[v++],i+=f[v++],n+=f[v++],e.addData(p,g,_,T,k,i,n);break;case"Q":T=f[v++],k=f[v++],i=f[v++],n=f[v++],p=s.Q,e.addData(p,T,k,i,n);break;case"q":T=f[v++]+i,k=f[v++]+n,i+=f[v++],n+=f[v++],p=s.Q,e.addData(p,T,k,i,n);break;case"T":g=i,_=n,C=e.len(),P=e.data,r===s.Q&&(g+=i-P[C-4],_+=n-P[C-3]),i=f[v++],n=f[v++],p=s.Q,e.addData(p,g,_,i,n);break;case"t":g=i,_=n,C=e.len(),P=e.data,r===s.Q&&(g+=i-P[C-4],_+=n-P[C-3]),i+=f[v++],n+=f[v++],p=s.Q,e.addData(p,g,_,i,n);break;case"A":m=f[v++],x=f[v++],w=f[v++],b=f[v++],S=f[v++],Da(T=i,k=n,i=f[v++],n=f[v++],b,S,m,x,w,p=s.A,e);break;case"a":m=f[v++],x=f[v++],w=f[v++],b=f[v++],S=f[v++],Da(T=i,k=n,i+=f[v++],n+=f[v++],b,S,m,x,w,p=s.A,e)}}"z"!==c&&"Z"!==c\|\|(p=s.Z,e.addData(p),i=o,n=a),r=p}return e.toStatic(),e}(t),r=I({},e);return r.buildPath=function(t){var e,r=Fa(t);r&&t.canSave()?(t.appendPath(i),(e=t.getContext())&&t.rebuildPath(e,1)):(e=r?t.getContext():t)&&i.rebuildPath(e,1)},r.applyTransform=function(t){ba(i,t),this.dirtyShape()},r}function Na(t,e){return new Ra(Ba(t,e))}function Ha(t,e){e=e\|\|{};var r=new va;return t.shape&&r.setShape(t.shape),r.setStyle(t.style),e.bakeTransform?ba(r.path,t.getComputedTransform()):e.toLocal?r.setLocalTransform(t.getComputedTransform()):r.copyTransform(t),r.buildPath=t.buildPath,r.applyTransform=r.applyTransform,r.z=t.z,r.z2=t.z2,r.zlevel=t.zlevel,r}var Wa=Object.freeze({__proto__:null,createFromString:Na,extendFromString:function(t,e){var r,i=Ba(t,e);function n(t){var e=r.call(this,t)\|\|this;return e.applyTransform=i.applyTransform,e.buildPath=i.buildPath,e}return vt(n,r=Ra),n},mergePath:function(t,e){for(var r=[],i=t.length,n=0;n<i;n++){var o=t[n];r.push(o.getUpdatedPathProxy(!0))}var a=new va(e);return a.createPathProxy(),a.buildPath=function(t){var e;Fa(t)&&(t.appendPath(r),(e=t.getContext())&&t.rebuildPath(e,1))},a},clonePath:Ha}),Ea=T({x:0,y:0},so),Xa={style:T({x:!0,y:!0,width:!0,height:!0,sx:!0,sy:!0,sWidth:!0,sHeight:!0},ho.style)};var Ya,qa=(vt(ja,Ya=fo),ja.prototype.createStyle=function(t){return ht(Ea,t)},ja.prototype._getSize=function(t){var e=this.style,r=e[t];if(null!=r)return r;var i,n=(i=e.image)&&"string"!=typeof i&&i.width&&i.height?e.image:this.__image;if(!n)return 0;var o="width"===t?"height":"width",a=e[o];return null==a?n[t]:n[t]/n[o]a},ja.prototype.getWidth=function(){return this._getSize("width")},ja.prototype.getHeight=function(){return this._getSize("height")},ja.prototype.getAnimationStyleProps=function(){return Xa},ja.prototype.getBoundingRect=function(){var t=this.style;return this._rect\|\|(this._rect=new Ae(t.x\|\|0,t.y\|\|0,this.getWidth(),this.getHeight())),this._rect},ja);function ja(){return null!==Ya&&Ya.apply(this,arguments)\|\|this}qa.prototype.type="image";var Va,Ua=function(){this.cx=0,this.cy=0,this.r=0},Ga=(vt(Za,Va=va),Za.prototype.getDefaultShape=function(){return new Ua},Za.prototype.buildPath=function(t,e){t.moveTo(e.cx+e.r,e.cy),t.arc(e.cx,e.cy,e.r,0,2Math.PI)},Za);function Za(t){return Va.call(this,t)\|\|this}Ga.prototype.type="circle";var Ka=Math.round;function Qa(t,e,r){if(!e)return t;var i=Ka(2t);return(i+Ka(e))%2==0?i/2:(i+(r?1:-1))/2}var $a,Ja=function(){this.x=0,this.y=0,this.width=0,this.height=0},ts={},es=(vt(rs,$a=va),rs.prototype.getDefaultShape=function(){return new Ja},rs.prototype.buildPath=function(t,e){var r,i,n,o,a,s,h,l,u,c,p,f,d,y,v,g,_;this.subPixelOptimize?(i=(r=function(t,e,r){if(e){var i=e.x,n=e.y,o=e.width,a=e.height;t.x=i,t.y=n,t.width=o,t.height=a;var s=r&&r.lineWidth;return s&&(t.x=Qa(i,s,!0),t.y=Qa(n,s,!0),t.width=Math.max(Qa(i+o,s,!1)-t.x,0===o?0:1),t.height=Math.max(Qa(n+a,s,!1)-t.y,0===a?0:1)),t}}(ts,e,this.style)).x,n=r.y,o=r.width,a=r.height,r.r=e.r,e=r):(i=e.x,n=e.y,o=e.width,a=e.height),e.r?(s=t,d=(h=e).x,y=h.y,v=h.width,g=h.height,_=h.r,v<0&&(d+=v,v=-v),g<0&&(y+=g,g=-g),"number"==typeof _?l=u=c=p=_:_ instanceof Array?1===_.length?l=u=c=p=_[0]:2===_.length?(l=c=_[0],u=p=_[1]):3===_.length?(l=_[0],u=p=_[1],c=_[2]):(l=_[0],u=_[1],c=_[2],p=_[3]):l=u=c=p=0,v<l+u&&(l=v/(f=l+u),u=v/f),v<c+p&&(c=v/(f=c+p),p=v/f),g<u+c&&(u=g/(f=u+c),c=g/f),g<l+p&&(l=g/(f=l+p),p=g/f),s.moveTo(d+l,y),s.lineTo(d+v-u,y),0!==u&&s.arc(d+v-u,y+u,u,-Math.PI/2,0),s.lineTo(d+v,y+g-c),0!==c&&s.arc(d+v-c,y+g-c,c,0,Math.PI/2),s.lineTo(d+p,y+g),0!==p&&s.arc(d+p,y+g-p,p,Math.PI/2,Math.PI),s.lineTo(d,y+l),0!==l&&s.arc(d+l,y+l,l,Math.PI,1.5Math.PI)):t.rect(i,n,o,a)},rs.prototype.isZeroArea=function(){return!this.shape.width\|\|!this.shape.height},rs);function rs(t){return $a.call(this,t)\|\|this}es.prototype.type="rect";var is,ns=function(){this.cx=0,this.cy=0,this.rx=0,this.ry=0},os=(vt(as,is=va),as.prototype.getDefaultShape=function(){return new ns},as.prototype.buildPath=function(t,e){var r=e.cx,i=e.cy,n=e.rx,o=e.ry,a=.5522848n,s=.5522848o;t.moveTo(r-n,i),t.bezierCurveTo(r-n,i-s,r-a,i-o,r,i-o),t.bezierCurveTo(r+a,i-o,r+n,i-s,r+n,i),t.bezierCurveTo(r+n,i+s,r+a,i+o,r,i+o),t.bezierCurveTo(r-a,i+o,r-n,i+s,r-n,i),t.closePath()},as);function as(t){return is.call(this,t)\|\|this}os.prototype.type="ellipse";var ss,hs={},ls=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1},us=(vt(cs,ss=va),cs.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},cs.prototype.getDefaultShape=function(){return new ls},cs.prototype.buildPath=function(t,e){var r,i,n,o,a;a=this.subPixelOptimize?(i=(r=function(t,e,r){if(e){var i=e.x1,n=e.x2,o=e.y1,a=e.y2;t.x1=i,t.x2=n,t.y1=o,t.y2=a;var s=r&&r.lineWidth;return s&&(Ka(2i)===Ka(2n)&&(t.x1=t.x2=Qa(i,s,!0)),Ka(2o)===Ka(2a)&&(t.y1=t.y2=Qa(o,s,!0))),t}}(hs,e,this.style)).x1,n=r.y1,o=r.x2,r.y2):(i=e.x1,n=e.y1,o=e.x2,e.y2);var s=e.percent;0!==s&&(t.moveTo(i,n),s<1&&(o=i(1-s)+os,a=n(1-s)+as),t.lineTo(o,a))},cs.prototype.pointAt=function(t){var e=this.shape;return[e.x1(1-t)+e.x2t,e.y1(1-t)+e.y2t]},cs);function cs(t){return ss.call(this,t)\|\|this}function ps(t,e,r){var i=e.smooth,n=e.points;if(n&&2<=n.length){if(i){var o=function(t,e,r,i){var n,o,a,s,h=[],l=[],u=[],c=[];if(i){a=[1/0,1/0],s=[-1/0,-1/0];for(var p=0,f=t.length;p<f;p++)Lt(a,a,t[p]),zt(s,s,t[p]);Lt(a,a,i[0]),zt(s,s,i[1])}for(p=0,f=t.length;p<f;p++){var d=t[p];if(r)n=t[p?p-1:f-1],o=t[(p+1)%f];else{if(0===p\|\|p===f-1){h.push(_t(t[p]));continue}n=t[p-1],o=t[p+1]}xt(l,o,n),St(l,l,e);var y=kt(d,n),v=kt(d,o),g=y+v;0!==g&&(y/=g,v/=g),St(u,l,-y),St(c,l,v);var _=mt([],d,u),m=mt([],d,c);i&&(zt(_,_,a),Lt(_,_,s),zt(m,m,a),Lt(m,m,s)),h.push(_),h.push(m)}return r&&h.push(h.shift()),h}(n,i,r,e.smoothConstraint);t.moveTo(n[0][0],n[0][1]);for(var a=n.length,s=0;s<(r?a:a-1);s++){var h=o[2s],l=o[2s+1],u=n[(s+1)%a];t.bezierCurveTo(h[0],h[1],l[0],l[1],u[0],u[1])}}else{t.moveTo(n[0][0],n[0][1]);for(var s=1,c=n.length;s<c;s++)t.lineTo(n[s][0],n[s][1])}r&&t.closePath()}}us.prototype.type="line";var fs,ds=function(){this.points=null,this.smooth=0,this.smoothConstraint=null},ys=(vt(vs,fs=va),vs.prototype.getDefaultShape=function(){return new ds},vs.prototype.buildPath=function(t,e){ps(t,e,!0)},vs);function vs(t){return fs.call(this,t)\|\|this}ys.prototype.type="polygon";var gs,_s=function(){this.points=null,this.percent=1,this.smooth=0,this.smoothConstraint=null},ms=(vt(xs,gs=va),xs.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},xs.prototype.getDefaultShape=function(){return new _s},xs.prototype.buildPath=function(t,e){ps(t,e,!1)},xs);function xs(t){return gs.call(this,t)\|\|this}ms.prototype.type="polyline";var ws=(bs.prototype.addColorStop=function(t,e){this.colorStops.push({offset:t,color:e})},bs);function bs(t){this.colorStops=t\|\|[]}var Ss,Ts=(vt(ks,Ss=ws),ks);function ks(t,e,r,i,n,o){var a=Ss.call(this,n)\|\|this;return a.x=null==t?0:t,a.y=null==e?0:e,a.x2=null==r?1:r,a.y2=null==i?0:i,a.type="linear",a.global=o\|\|!1,a}var Cs,Ps=(vt(Ms,Cs=ws),Ms);function Ms(t,e,r,i,n){var o=Cs.call(this,i)\|\|this;return o.x=null==t?.5:t,o.y=null==e?.5:e,o.r=null==r?.5:r,o.type="radial",o.global=n\|\|!1,o}var As=new Nr(50);function Ds(t,e,r,i,n){if(t){if("string"!=typeof t)return t;if(e&&e.__zrImageSrc===t\|\|!r)return e;var o=As.get(t),a={hostEl:r,cb:i,cbPayload:n};return o?zs(e=o.image)\|\|o.pending.push(a):((e=f.loadImage(t,Ls,Ls)).__zrImageSrc=t,As.put(t,e.__cachedImgObj={image:e,pending:[a]})),e}return e}function Ls(){var t=this.__cachedImgObj;this.onload=this.onerror=this.__cachedImgObj=null;for(var e=0;e<t.pending.length;e++){var r=t.pending[e],i=r.cb;i&&i(this,r.cbPayload),r.hostEl.dirty()}t.pending.length=0}function zs(t){return t&&t.width&&t.height}var Is=/\{([a-zA-Z0-9_]+)\\|([^}])\}/g;function Rs(t,e,r,i){var n=I({},i=i\|\|{});r=Z(r,"..."),n.maxIterations=Z(i.maxIterations,2);var o=n.minChar=Z(i.minChar,0),a=n.fontMeasureInfo=Mn(e),s=a.asciiCharWidth;n.placeholder=Z(i.placeholder,"");for(var h=t=Math.max(0,t-1),l=0;l<o&&s<=h;l++)h-=s;var u=zn(a,r);return h<u&&(r="",u=0),h=t-u,n.ellipsis=r,n.ellipsisWidth=u,n.contentWidth=h,n.containerWidth=t,n}function Os(t,e,r){var i=r.containerWidth,n=r.contentWidth,o=r.fontMeasureInfo;if(!i)return t.textLine="",void(t.isTruncated=!1);if((h=zn(o,e))<=i)return t.textLine=e,void(t.isTruncated=!1);for(var a=0;;a++){if(h<=n\|\|a>=r.maxIterations){e+=r.ellipsis;break}var s=0===a?function(t,e,r){for(var i=0,n=0,o=t.length;n<o&&i<e;n++)i+=Ln(r,t.charCodeAt(n));return n}(e,n,o):0<h?Math.floor(e.lengthn/h):0,h=zn(o,e=e.substr(0,s))}""===e&&(e=r.placeholder),t.textLine=e,t.isTruncated=!0}var Fs=function(){},Bs=function(t){this.tokens=[],t&&(this.tokens=t)},Ns=function(){this.width=0,this.height=0,this.contentWidth=0,this.contentHeight=0,this.outerWidth=0,this.outerHeight=0,this.lines=[],this.isTruncated=!1};function Hs(t,e,r,i,n){var o=new Ns,a=Vs(t);if(!a)return o;var s=e.padding,h=s?s[1]+s[3]:0,l=s?s[0]+s[2]:0,u=e.width;null==u&&null!=r&&(u=r-h);var c=e.height;null==c&&null!=i&&(c=i-l);for(var p,f=e.overflow,d="break"!==f&&"breakAll"!==f\|\|null==u?null:{width:u,accumWidth:0,breakAll:"breakAll"===f},y=Is.lastIndex=0;null!=(p=Is.exec(a));){var v=p.index;y<v&&Ws(o,a.substring(y,v),e,d),Ws(o,p[2],e,d,p[1]),y=Is.lastIndex}y<a.length&&Ws(o,a.substring(y,a.length),e,d);var g=[],_=0,m=0,x="truncate"===f,w="truncate"===e.lineOverflow,b={};function S(t,e,r){t.width=e,t.lineHeight=r,_+=r,m=Math.max(m,e)}t:for(var T=0;T<o.lines.length;T++){for(var k=o.lines[T],C=0,P=0,M=0;M<k.tokens.length;M++){var A=(W=k.tokens[M]).styleName&&e.rich[W.styleName]\|\|{},D=W.textPadding=A.padding,L=D?D[1]+D[3]:0,z=W.font=A.font\|\|e.font;W.contentHeight=On(z);var I=Z(A.height,W.contentHeight);if(W.innerHeight=I,D&&(I+=D[0]+D[2]),W.height=I,W.lineHeight=K(A.lineHeight,e.lineHeight,I),W.align=A&&A.align\|\|n,W.verticalAlign=A&&A.verticalAlign\|\|"middle",w&&null!=c&&_+W.lineHeight>c){var R=o.lines.length;0<M?(k.tokens=k.tokens.slice(0,M),S(k,P,C),o.lines=o.lines.slice(0,T+1)):o.lines=o.lines.slice(0,T),o.isTruncated=o.isTruncated\|\|o.lines.length<R;break t}var O,F,B,N=A.width,H=null==N\|\|"auto"===N;"string"==typeof N&&"%"===N.charAt(N.length-1)?(W.percentWidth=N,g.push(W),W.contentWidth=zn(Mn(z),W.text)):(!H\|\|(F=(O=A.backgroundColor)&&O.image)&&zs(F=function(t){if("string"!=typeof t)return t;var e=As.get(t);return e&&e.image}(F))&&(W.width=Math.max(W.width,F.widthI/F.height)),null!=(B=x&&null!=u?u-P:null)&&B<W.width?!H\|\|B<L?(W.text="",W.width=W.contentWidth=0):(function(t,e,r,i,n,o){if(!r)return t.text="",t.isTruncated=!1;var a=(e+"").split("\n");o=Rs(r,i,n,o);for(var s=!1,h={},l=0,u=a.length;l<u;l++)Os(h,a[l],o),a[l]=h.textLine,s=s\|\|h.isTruncated;t.text=a.join("\n"),t.isTruncated=s}(b,W.text,B-L,z,e.ellipsis,{minChar:e.truncateMinChar}),W.text=b.text,o.isTruncated=o.isTruncated\|\|b.isTruncated,W.width=W.contentWidth=zn(Mn(z),W.text)):W.contentWidth=zn(Mn(z),W.text)),W.width+=L,P+=W.width,A&&(C=Math.max(C,W.lineHeight))}S(k,P,C)}o.outerWidth=o.width=Z(u,m),o.outerHeight=o.height=Z(c,_),o.contentHeight=_,o.contentWidth=m,o.outerWidth+=h,o.outerHeight+=l;for(T=0;T<g.length;T++){var W,E=(W=g[T]).percentWidth;W.width=parseInt(E,10)/100o.width}return o}function Ws(t,e,r,i,n){var o,a,s,h,l,u,c=""===e,p=n&&r.rich[n]\|\|{},f=t.lines,d=p.font\|\|r.font,y=!1;i&&(h=(s=p.padding)?s[1]+s[3]:0,null!=p.width&&"auto"!==p.width?(l=Fn(p.width,i.width)+h,0<f.length&&l+i.accumWidth>i.width&&(o=e.split("\n"),y=!0),i.accumWidth=l):(u=Xs(e,d,i.width,i.breakAll,i.accumWidth),i.accumWidth=u.accumWidth+h,a=u.linesWidths,o=u.lines)),o=o\|\|e.split("\n");for(var v=Mn(d),g=0;g<o.length;g++){var _,m,x=o[g],w=new Fs;w.styleName=n,w.text=x,w.isLineHolder=!x&&!c,w.width="number"==typeof p.width?p.width:a?a[g]:zn(v,x),g\|\|y?f.push(new Bs([w])):1===(m=(_=(f[f.length-1]\|\|(f[0]=new Bs)).tokens).length)&&_[0].isLineHolder?_[0]=w:!x&&m&&!c\|\|_.push(w)}}var Es=L(",&?/;] ".split(""),function(t,e){return t[e]=!0,t},{});function Xs(t,e,r,i,n){for(var o,a,s=[],h=[],l="",u="",c=0,p=0,f=Mn(e),d=0;d<t.length;d++){var y,v,g=t.charAt(d);"\n"!==g?(y=Ln(f,g.charCodeAt(0)),v=!i&&(a=void 0,!(!(32<=(a=(o=g).charCodeAt(0))&&a<=591\|\|880<=a&&a<=4351\|\|4608<=a&&a<=5119\|\|7680<=a&&a<=8303)\|\|Es[o])),(s.length?r<p+y:r<n+p+y)?p?(l\|\|u)&&(p=v?(l\|\|(l=u,u="",p=c=0),s.push(l),h.push(p-c),u+=g,l="",c+=y):(u&&(l+=u,u="",c=0),s.push(l),h.push(p),l=g,y)):v?(s.push(u),h.push(c),u=g,c=y):(s.push(g),h.push(y)):(p+=y,v?(u+=g,c+=y):(u&&(l+=u,u="",c=0),l+=g))):(u&&(l+=u,p+=c),s.push(l),h.push(p),u=l="",p=c=0)}return u&&(l+=u),l&&(s.push(l),h.push(p)),1===s.length&&(p+=n),{accumWidth:p,lines:s,linesWidths:h}}function Ys(t,e,r,i,n,o){var a,s,h;t.baseX=r,t.baseY=i,t.outerWidth=t.outerHeight=null,e&&(a=2e.width,s=2e.height,Ae.set(qs,In(r,a,n),Rn(i,s,o),a,s),Ae.intersect(e,qs,null,js),h=js.outIntersectRect,t.outerWidth=h.width,t.outerHeight=h.height,t.baseX=In(h.x,h.width,n,!0),t.baseY=Rn(h.y,h.height,o,!0))}var qs=new Ae(0,0,0,0),js={outIntersectRect:{},clamp:!0};function Vs(t){return null!=t?t+="":t=""}function Us(t,e,r,i){var n=new Ae(In(t.x\|\|0,e,t.textAlign),Rn(t.y\|\|0,r,t.textBaseline),e,r),o=null!=i?i:Gs(t)?t.lineWidth:0;return 0<o&&(n.x-=o/2,n.y-=o/2,n.width+=o,n.height+=o),n}function Gs(t){var e=t.stroke;return null!=e&&"none"!==e&&0<t.lineWidth}var Zs,Ks,Qs=T({strokeFirst:!0,font:W,x:0,y:0,textAlign:"left",textBaseline:"top",miterLimit:2},fa),$s=(vt(Js,Zs=fo),Js.prototype.hasStroke=function(){return Gs(this.style)},Js.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},Js.prototype.createStyle=function(t){return ht(Qs,t)},Js.prototype.setBoundingRect=function(t){this._rect=t},Js.prototype.getBoundingRect=function(){var t,e,r;return this._rect\|\|(this._rect=(t=this.style,e=Vs(t.text),r=t.font,Us(t,zn(Mn(r),e),On(r),null))),this._rect},Js.initDefaultProps=void(Js.prototype.dirtyRectTolerance=10),Js);function Js(){return null!==Zs&&Zs.apply(this,arguments)\|\|this}$s.prototype.type="tspan";var th={fill:"fill",stroke:"stroke","stroke-width":"lineWidth",opacity:"opacity","fill-opacity":"fillOpacity","stroke-opacity":"strokeOpacity","stroke-dasharray":"lineDash","stroke-dashoffset":"lineDashOffset","stroke-linecap":"lineCap","stroke-linejoin":"lineJoin","stroke-miterlimit":"miterLimit","font-family":"fontFamily","font-size":"fontSize","font-style":"fontStyle","font-weight":"fontWeight","text-anchor":"textAlign",visibility:"visibility",display:"display"},eh=F(th),rh={"alignment-baseline":"textBaseline","stop-color":"stopColor"},ih=F(rh),nh=(oh.prototype.parse=function(t,e){e=e\|\|{};var r=function(t){N(t)&&(t=(new DOMParser).parseFromString(t,"text/xml"));var e=t;for(9===e.nodeType&&(e=e.firstChild);"svg"!==e.nodeName.toLowerCase()\|\|1!==e.nodeType;)e=e.nextSibling;return e}(t);this._defsUsePending=[];var i=new Qn;this._root=i;var n=[],o=r.getAttribute("viewBox")\|\|"",a=parseFloat(r.getAttribute("width")\|\|e.width),s=parseFloat(r.getAttribute("height")\|\|e.height);isNaN(a)&&(a=null),isNaN(s)&&(s=null),ch(r,i,null,!0,!1);for(var h,l,u,c,p,f,d,y,v,g=r.firstChild;g;)this._parseNode(g,i,n,null,!1,!1),g=g.nextSibling;return function(t,e){for(var r=0;r<e.length;r++){var i=e[r];i[0].style[i[1]]=t[i[2]]}}(this._defs,this._defsUsePending),this._defsUsePending=[],!o\|\|4<=(u=yh(o)).length&&(h={x:parseFloat(u[0]\|\|0),y:parseFloat(u[1]\|\|0),width:parseFloat(u[2]),height:parseFloat(u[3])}),h&&null!=a&&null!=s&&(d=(f={x:0,y:0,width:a,height:s}).width/(p=h).width,y=f.height/p.height,l={scale:v=Math.min(d,y),x:-(p.x+p.width/2)v+(f.x+f.width/2),y:-(p.y+p.height/2)v+(f.y+f.height/2)},e.ignoreViewBox\|\|(c=i,(i=new Qn).add(c),c.scaleX=c.scaleY=l.scale,c.x=l.x,c.y=l.y)),e.ignoreRootClip\|\|null==a\|\|null==s\|\|i.setClipPath(new es({shape:{x:0,y:0,width:a,height:s}})),{root:i,width:a,height:s,viewBoxRect:h,viewBoxTransform:l,named:n}},oh.prototype._parseNode=function(t,e,r,i,n,o){var a,s,h,l,u,c,p,f=t.nodeName.toLowerCase(),d=i;if("defs"===f&&(n=!0),"text"===f&&(o=!0),"defs"===f\|\|"switch"===f?a=e:(n\|\|(s=Ks[f])&&ut(Ks,f)&&(a=s.call(this,t,e),(h=t.getAttribute("name"))?(l={name:h,namedFrom:null,svgNodeTagLower:f,el:a},r.push(l),"g"===f&&(d=l)):i&&r.push({name:i.name,namedFrom:i,svgNodeTagLower:f,el:a}),e.add(a)),(u=ah[f])&&ut(ah,f)&&(c=u.call(this,t),(p=t.getAttribute("id"))&&(this._defs[p]=c))),a&&a.isGroup)for(var y=t.firstChild;y;)1===y.nodeType?this._parseNode(y,a,r,d,n,o):3===y.nodeType&&o&&this._parseText(y,a),y=y.nextSibling},oh.prototype._parseText=function(t,e){var r=new $s({style:{text:t.textContent},silent:!0,x:this._textX\|\|0,y:this._textY\|\|0});lh(e,r),ch(t,r,this._defsUsePending,!1,!1),function(t,e){var r,i,n=e.__selfStyle;n&&(r=n.textBaseline,(i=r)&&"auto"!==r&&"baseline"!==r?"before-edge"===r\|\|"text-before-edge"===r?i="top":"after-edge"===r\|\|"text-after-edge"===r?i="bottom":"central"!==r&&"mathematical"!==r\|\|(i="middle"):i="alphabetic",t.style.textBaseline=i);var o,a,s=e.__inheritedStyle;s&&(o=s.textAlign,(a=o)&&("middle"===o&&(a="center"),t.style.textAlign=a))}(r,e);var i=r.style,n=i.fontSize;n&&n<9&&(i.fontSize=9,r.scaleX=n/9,r.scaleY=n/9);var o=(i.fontSize\|\|i.fontFamily)&&[i.fontStyle,i.fontWeight,(i.fontSize\|\|12)+"px",i.fontFamily\|\|"sans-serif"].join(" ");i.font=o;var a=r.getBoundingRect();return this._textX+=a.width,e.add(r),r},oh.internalField=void(Ks={g:function(t,e){var r=new Qn;return lh(e,r),ch(t,r,this._defsUsePending,!1,!1),r},rect:function(t,e){var r=new es;return lh(e,r),ch(t,r,this._defsUsePending,!1,!1),r.setShape({x:parseFloat(t.getAttribute("x")\|\|"0"),y:parseFloat(t.getAttribute("y")\|\|"0"),width:parseFloat(t.getAttribute("width")\|\|"0"),height:parseFloat(t.getAttribute("height")\|\|"0")}),r.silent=!0,r},circle:function(t,e){var r=new Ga;return lh(e,r),ch(t,r,this._defsUsePending,!1,!1),r.setShape({cx:parseFloat(t.getAttribute("cx")\|\|"0"),cy:parseFloat(t.getAttribute("cy")\|\|"0"),r:parseFloat(t.getAttribute("r")\|\|"0")}),r.silent=!0,r},line:function(t,e){var r=new us;return lh(e,r),ch(t,r,this._defsUsePending,!1,!1),r.setShape({x1:parseFloat(t.getAttribute("x1")\|\|"0"),y1:parseFloat(t.getAttribute("y1")\|\|"0"),x2:parseFloat(t.getAttribute("x2")\|\|"0"),y2:parseFloat(t.getAttribute("y2")\|\|"0")}),r.silent=!0,r},ellipse:function(t,e){var r=new os;return lh(e,r),ch(t,r,this._defsUsePending,!1,!1),r.setShape({cx:parseFloat(t.getAttribute("cx")\|\|"0"),cy:parseFloat(t.getAttribute("cy")\|\|"0"),rx:parseFloat(t.getAttribute("rx")\|\|"0"),ry:parseFloat(t.getAttribute("ry")\|\|"0")}),r.silent=!0,r},polygon:function(t,e){var r,i=t.getAttribute("points");i&&(r=uh(i));var n=new ys({shape:{points:r\|\|[]},silent:!0});return lh(e,n),ch(t,n,this._defsUsePending,!1,!1),n},polyline:function(t,e){var r,i=t.getAttribute("points");i&&(r=uh(i));var n=new ms({shape:{points:r\|\|[]},silent:!0});return lh(e,n),ch(t,n,this._defsUsePending,!1,!1),n},image:function(t,e){var r=new qa;return lh(e,r),ch(t,r,this._defsUsePending,!1,!1),r.setStyle({image:t.getAttribute("xlink:href")\|\|t.getAttribute("href"),x:+t.getAttribute("x"),y:+t.getAttribute("y"),width:+t.getAttribute("width"),height:+t.getAttribute("height")}),r.silent=!0,r},text:function(t,e){var r=t.getAttribute("x")\|\|"0",i=t.getAttribute("y")\|\|"0",n=t.getAttribute("dx")\|\|"0",o=t.getAttribute("dy")\|\|"0";this._textX=parseFloat(r)+parseFloat(n),this._textY=parseFloat(i)+parseFloat(o);var a=new Qn;return lh(e,a),ch(t,a,this._defsUsePending,!1,!0),a},tspan:function(t,e){var r=t.getAttribute("x"),i=t.getAttribute("y");null!=r&&(this._textX=parseFloat(r)),null!=i&&(this._textY=parseFloat(i));var n=t.getAttribute("dx")\|\|"0",o=t.getAttribute("dy")\|\|"0",a=new Qn;return lh(e,a),ch(t,a,this._defsUsePending,!1,!0),this._textX+=parseFloat(n),this._textY+=parseFloat(o),a},path:function(t,e){var r=Na(t.getAttribute("d")\|\|"");return lh(e,r),ch(t,r,this._defsUsePending,!1,!1),r.silent=!0,r}}),oh);function oh(){this._defs={},this._root=null}var ah={lineargradient:function(t){var e=parseInt(t.getAttribute("x1")\|\|"0",10),r=parseInt(t.getAttribute("y1")\|\|"0",10),i=parseInt(t.getAttribute("x2")\|\|"10",10),n=parseInt(t.getAttribute("y2")\|\|"0",10),o=new Ts(e,r,i,n);return sh(t,o),hh(t,o),o},radialgradient:function(t){var e=parseInt(t.getAttribute("cx")\|\|"0",10),r=parseInt(t.getAttribute("cy")\|\|"0",10),i=parseInt(t.getAttribute("r")\|\|"0",10),n=new Ps(e,r,i);return sh(t,n),hh(t,n),n}};function sh(t,e){"userSpaceOnUse"===t.getAttribute("gradientUnits")&&(e.global=!0)}function hh(t,e){for(var r,i,n,o,a,s,h=t.firstChild;h;){1===h.nodeType&&"stop"===h.nodeName.toLocaleLowerCase()&&(i=void 0,i=(r=h.getAttribute("offset"))&&0<r.indexOf("%")?parseInt(r,10)/100:r?parseFloat(r):0,mh(h,n={},n),o=n.stopColor\|\|h.getAttribute("stop-color")\|\|"#000000",!(a=n.stopOpacity\|\|h.getAttribute("stop-opacity"))\|\|(s=$r(o))&&s[3]&&(s[3]=qr(a),o=oi(s,"rgba")),e.colorStops.push({offset:i,color:o})),h=h.nextSibling}}function lh(t,e){t&&t.__inheritedStyle&&(e.__inheritedStyle\|\|(e.__inheritedStyle={}),T(e.__inheritedStyle,t.__inheritedStyle))}function uh(t){for(var e=yh(t),r=[],i=0;i<e.length;i+=2){var n=parseFloat(e[i]),o=parseFloat(e[i+1]);r.push([n,o])}return r}function ch(t,e,r,i,n){var o=e,a=o.__inheritedStyle=o.__inheritedStyle\|\|{},s={};1===t.nodeType&&(function(t,e){var r=t.getAttribute("transform");if(r){r=r.replace(/,/g," ");var i=[],n=null;r.replace(vh,function(t,e,r){return i.push(e,r),""});for(var o=i.length-1;0<o;o-=2){var a=i[o],s=i[o-1],h=yh(a);switch(n=n\|\|oe(),s){case"translate":le(n,n,[parseFloat(h[0]),parseFloat(h[1]\|\|"0")]);break;case"scale":ce(n,n,[parseFloat(h[0]),parseFloat(h[1]\|\|h[0])]);break;case"rotate":ue(n,n,-parseFloat(h[0])gh,[parseFloat(h[1]\|\|"0"),parseFloat(h[2]\|\|"0")]);break;case"skewX":var l=Math.tan(parseFloat(h[0])gh);he(n,[1,0,l,1,0,0],n);break;case"skewY":var u=Math.tan(parseFloat(h[0])gh);he(n,[1,u,0,1,0,0],n);break;case"matrix":n[0]=parseFloat(h[0]),n[1]=parseFloat(h[1]),n[2]=parseFloat(h[2]),n[3]=parseFloat(h[3]),n[4]=parseFloat(h[4]),n[5]=parseFloat(h[5])}}e.setLocalTransform(n)}}(t,e),mh(t,a,s),i\|\|function(t,e,r){for(var i=0;i<eh.length;i++){var n=eh[i];null!=(o=t.getAttribute(n))&&(e[th[n]]=o)}for(i=0;i<ih.length;i++){var o,n=ih[i];null!=(o=t.getAttribute(n))&&(r[rh[n]]=o)}}(t,a,s)),o.style=o.style\|\|{},null!=a.fill&&(o.style.fill=fh(o,"fill",a.fill,r)),null!=a.stroke&&(o.style.stroke=fh(o,"stroke",a.stroke,r)),R(["lineWidth","opacity","fillOpacity","strokeOpacity","miterLimit","fontSize"],function(t){null!=a[t]&&(o.style[t]=parseFloat(a[t]))}),R(["lineDashOffset","lineCap","lineJoin","fontWeight","fontFamily","fontStyle","textAlign"],function(t){null!=a[t]&&(o.style[t]=a[t])}),n&&(o.__selfStyle=s),a.lineDash&&(o.style.lineDash=D(yh(a.lineDash),function(t){return parseFloat(t)})),"hidden"!==a.visibility&&"collapse"!==a.visibility\|\|(o.invisible=!0),"none"===a.display&&(o.ignore=!0)}var ph=/^url\(\s#(.?)\)/;function fh(t,e,r,i){var n=r&&r.match(ph);if(!n)return"none"===r&&(r=null),r;var o=tt(n[1]);i.push([t,e,o])}var dh=/-?([0-9]\.)?[0-9]+([eE]-?[0-9]+)?/g;function yh(t){return t.match(dh)\|\|[]}var vh=/(translate\|scale\|rotate\|skewX\|skewY\|matrix)\(([\-\s0-9\.eE,])\)/g,gh=Math.PI/180;var _h=/([^\s:;]+)\s:\s([^:;]+)/g;function mh(t,e,r){var i,n=t.getAttribute("style");if(n)for(_h.lastIndex=0;null!=(i=_h.exec(n));){var o=i[1],a=ut(th,o)?th[o]:null;a&&(e[a]=i[2]);var s=ut(rh,o)?rh[o]:null;s&&(r[s]=i[2])}}var xh=Math.PI,wh=2xh,bh=Math.sin,Sh=Math.cos,Th=Math.acos,kh=Math.atan2,Ch=Math.abs,Ph=Math.sqrt,Mh=Math.max,Ah=Math.min,Dh=1e-4;function Lh(t,e,r,i,n,o,a){var s=t-r,h=e-i,l=(a?o:-o)/Ph(ss+hh),u=lh,c=-ls,p=t+u,f=e+c,d=r+u,y=i+c,v=(p+d)/2,g=(f+y)/2,_=d-p,m=y-f,x=__+mm,w=n-o,b=py-df,S=(m<0?-1:1)Ph(Mh(0,wwx-bb)),T=(bm-_S)/x,k=(-b_-mS)/x,C=(bm+_S)/x,P=(-b_+mS)/x,M=T-v,A=k-g,D=C-v,L=P-g;return DD+LL<MM+AA&&(T=C,k=P),{cx:T,cy:k,x0:-u,y0:-c,x1:T(n/w-1),y1:k(n/w-1)}}function zh(t,e){var r,i,n,o,a,s,h,l,u,c,p,f,d,y,v,g,_,m,x,w,b,S,T,k,C,P,M,A,D,L,z,I,R,O,F,B,N,H,W,E,X,Y,q,j=Mh(e.r,0),V=Mh(e.r0\|\|0,0),U=0<j;(U\|\|0<V)&&(U\|\|(j=V,V=0),j<V&&(i=j,j=V,V=i),n=e.startAngle,o=e.endAngle,isNaN(n)\|\|isNaN(o)\|\|(a=e.cx,s=e.cy,h=!!e.clockwise,l=Ch(o-n),Dh<(u=wh<l&&l%wh)&&(l=u),Dh<j?wh-Dh<l?(t.moveTo(a+jSh(n),s+jbh(n)),t.arc(a,s,j,n,o,!h),Dh<V&&(t.moveTo(a+VSh(o),s+Vbh(o)),t.arc(a,s,V,o,n,h))):(F=O=R=I=z=L=v=y=W=H=N=B=d=f=p=c=void 0,g=jSh(n),_=jbh(n),m=VSh(o),x=Vbh(o),(w=Dh<l)&&((b=e.cornerRadius)&&(c=(r=function(t){var e;if(G(t)){var r=t.length;if(!r)return t;e=1===r?[t[0],t[0],0,0]:2===r?[t[0],t[0],t[1],t[1]]:3===r?t.concat(t[2]):t}else e=[t,t,t,t];return e}(b))[0],p=r[1],f=r[2],d=r[3]),S=Ch(j-V)/2,B=Ah(S,f),N=Ah(S,d),H=Ah(S,c),W=Ah(S,p),L=y=Mh(B,N),z=v=Mh(H,W),(Dh<y\|\|Dh<v)&&(I=jSh(o),R=jbh(o),O=VSh(n),F=Vbh(n),l<xh&&((T=function(t,e,r,i,n,o,a,s){var h=r-t,l=i-e,u=a-n,c=s-o,p=ch-ul;if(!(pp<Dh))return[t+(p=(u(e-o)-c(t-n))/p)h,e+pl]}(g,_,O,F,I,R,m,x))&&(k=g-T[0],C=_-T[1],P=I-T[0],M=R-T[1],A=1/bh(Th((kP+CM)/(Ph(kk+CC)Ph(PP+MM)))/2),D=Ph(T[0]T[0]+T[1]T[1]),L=Ah(y,(j-D)/(1+A)),z=Ah(v,(V-D)/(A-1)))))),w?Dh<L?(E=Ah(f,L),X=Ah(d,L),Y=Lh(O,F,g,_,j,E,h),q=Lh(I,R,m,x,j,X,h),t.moveTo(a+Y.cx+Y.x0,s+Y.cy+Y.y0),L<y&&E===X?t.arc(a+Y.cx,s+Y.cy,L,kh(Y.y0,Y.x0),kh(q.y0,q.x0),!h):(0<E&&t.arc(a+Y.cx,s+Y.cy,E,kh(Y.y0,Y.x0),kh(Y.y1,Y.x1),!h),t.arc(a,s,j,kh(Y.cy+Y.y1,Y.cx+Y.x1),kh(q.cy+q.y1,q.cx+q.x1),!h),0<X&&t.arc(a+q.cx,s+q.cy,X,kh(q.y1,q.x1),kh(q.y0,q.x0),!h))):(t.moveTo(a+g,s+_),t.arc(a,s,j,n,o,!h)):t.moveTo(a+g,s+_),Dh<V&&w?Dh<z?(E=Ah(c,z),Y=Lh(m,x,I,R,V,-(X=Ah(p,z)),h),q=Lh(g,_,O,F,V,-E,h),t.lineTo(a+Y.cx+Y.x0,s+Y.cy+Y.y0),z<v&&E===X?t.arc(a+Y.cx,s+Y.cy,z,kh(Y.y0,Y.x0),kh(q.y0,q.x0),!h):(0<X&&t.arc(a+Y.cx,s+Y.cy,X,kh(Y.y0,Y.x0),kh(Y.y1,Y.x1),!h),t.arc(a,s,V,kh(Y.cy+Y.y1,Y.cx+Y.x1),kh(q.cy+q.y1,q.cx+q.x1),h),0<E&&t.arc(a+q.cx,s+q.cy,E,kh(q.y1,q.x1),kh(q.y0,q.x0),!h))):(t.lineTo(a+m,s+x),t.arc(a,s,V,o,n,h)):t.lineTo(a+m,s+x)):t.moveTo(a,s),t.closePath()))}var Ih,Rh=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2Math.PI,this.clockwise=!0,this.cornerRadius=0},Oh=(vt(Fh,Ih=va),Fh.prototype.getDefaultShape=function(){return new Rh},Fh.prototype.buildPath=function(t,e){zh(t,e)},Fh.prototype.isZeroArea=function(){return this.shape.startAngle===this.shape.endAngle\|\|this.shape.r===this.shape.r0},Fh);function Fh(t){return Ih.call(this,t)\|\|this}Oh.prototype.type="sector";var Bh=Go.CMD;function Nh(t,e){return Math.abs(t-e)<1e-5}function Hh(t){var n,e,r,i=t.data,o=t.len(),a=[],s=0,h=0,l=0,u=0;function c(t,e){n&&2<n.length&&a.push(n),n=[t,e]}function p(t,e,r,i){Nh(t,r)&&Nh(e,i)\|\|n.push(t,e,r,i,r,i)}for(var f,d,y,v,g,_,m,x,w,b,S,T,k,C,P,M,A,D,L,z=0;z<o;){var I=i[z++],R=1===z;switch(R&&(l=s=i[z],u=h=i[z+1],I!==Bh.L&&I!==Bh.C&&I!==Bh.Q\|\|(n=[l,u])),I){case Bh.M:s=l=i[z++],h=u=i[z++],c(l,u);break;case Bh.L:p(s,h,X=i[z++],Y=i[z++]),s=X,h=Y;break;case Bh.C:n.push(i[z++],i[z++],i[z++],i[z++],s=i[z++],h=i[z++]);break;case Bh.Q:X=i[z++],Y=i[z++],e=i[z++],r=i[z++],n.push(s+2/3(X-s),h+2/3(Y-h),e+2/3(X-e),r+2/3(Y-r),e,r),s=e,h=r;break;case Bh.A:var O=i[z++],F=i[z++],B=i[z++],N=i[z++],H=i[z++],W=i[z++]+H;z+=1;var E=!i[z++],X=Math.cos(H)B+O,Y=Math.sin(H)N+F;R?c(l=X,u=Y):p(s,h,X,Y),s=Math.cos(W)B+O,h=Math.sin(W)N+F;for(var q=(E?-1:1)Math.PI/2,j=H;E?W<j:j<W;j+=q){var V=E?Math.max(j+q,W):Math.min(j+q,W);f=j,d=V,y=O,v=F,g=B,_=N,L=D=A=M=P=C=k=T=S=b=w=x=m=void 0,m=Math.abs(d-f),x=4Math.tan(m/4)/3,w=d<f?-1:1,b=Math.cos(f),S=Math.sin(f),T=Math.cos(d),k=Math.sin(d),C=bg+y,P=S_+v,M=Tg+y,A=k_+v,D=gxw,L=_xw,n.push(C-DS,P+Lb,M+Dk,A-LT,M,A)}break;case Bh.R:l=s=i[z++],u=h=i[z++],X=l+i[z++],Y=u+i[z++],c(X,u),p(X,u,X,Y),p(X,Y,l,Y),p(l,Y,l,u),p(l,u,X,u);break;case Bh.Z:n&&p(s,h,l,u),s=l,h=u}}return n&&2<n.length&&a.push(n),a}function Wh(t,e){var r=Hh(t),i=[];e=e\|\|1;for(var n=0;n<r.length;n++){var o=r[n],a=[],s=o[0],h=o[1];a.push(s,h);for(var l=2;l<o.length;){var u=o[l++],c=o[l++],p=o[l++],f=o[l++],d=o[l++],y=o[l++];!function t(e,r,i,n,o,a,s,h,l,u){var c,p,f,d,y,v,g,_,m,x,w,b,S,T,k;Nh(e,i)&&Nh(r,n)&&Nh(o,s)&&Nh(a,h)?l.push(s,h):(p=(c=2/u)c,f=s-e,d=h-r,f/=y=Math.sqrt(ff+dd),d/=y,w=(_=o-s)_+(m=a-h)m,(x=(v=i-e)v+(g=n-r)g)<p&&w<p?l.push(s,h):(S=-f_-dm,x-(b=fv+dg)b<p&&0<=b&&w-SS<p&&0<=S?l.push(s,h):(k=[],Cr(e,i,o,s,.5,T=[]),Cr(r,n,a,h,.5,k),t(T[0],k[0],T[1],k[1],T[2],k[2],T[3],k[3],l,u),t(T[4],k[4],T[5],k[5],T[6],k[6],T[7],k[7],l,u))))}(s,h,u,c,p,f,d,y,a,e),s=d,h=y}i.push(a)}return i}function Eh(t,e,r){var i=t[e],n=t[1-e],o=Math.abs(i/n),a=Math.ceil(Math.sqrt(or)),s=Math.floor(r/a);0===s&&(s=1,a=r);for(var h=[],l=0;l<a;l++)h.push(s);var u=r-as;if(0<u)for(l=0;l<u;l++)h[l%a]+=1;return h}function Xh(t,e,r){for(var i=t.r0,n=t.r,o=t.startAngle,a=t.endAngle,s=Math.abs(a-o),h=sn,l=n-i,u=h>Math.abs(l),c=Eh([h,l],u?0:1,e),p=(u?s:l)/c.length,f=0;f<c.length;f++)for(var d=(u?l:s)/c[f],y=0;y<c[f];y++){var v={};u?(v.startAngle=o+pf,v.endAngle=o+p(f+1),v.r0=i+dy,v.r=i+d(y+1)):(v.startAngle=o+dy,v.endAngle=o+d(y+1),v.r0=i+pf,v.r=i+p(f+1)),v.clockwise=t.clockwise,v.cx=t.cx,v.cy=t.cy,r.push(v)}}function Yh(t,e){var r=t[t.length-1];r&&r[0]===e[0]&&r[1]===e[1]\|\|t.push(e)}function qh(t,e,r){for(var i=t.length,n=[],o=0;o<i;o++){var a=t[o],s=t[(o+1)%i],h=function(t,e,r,i,n,o,a,s){var h=r-t,l=i-e,u=a-n,c=s-o,p=ul-hc;if(Math.abs(p)<1e-6)return null;var f=((t-n)c-u(e-o))/p;return f<0\|\|1<f?null:new de(fh+t,fl+e)}(a[0],a[1],s[0],s[1],e.x,e.y,r.x,r.y);h&&n.push({projPt:function(t,e,r){var i=new de;de.sub(i,r,e),i.normalize();var n=new de;return de.sub(n,t,e),n.dot(i)}(h,e,r),pt:h,idx:o})}if(n.length<2)return[{points:t},{points:t}];n.sort(function(t,e){return t.projPt-e.projPt});var l,u=n[0],c=n[n.length-1];c.idx<u.idx&&(l=u,u=c,c=l);for(var p=[u.pt.x,u.pt.y],f=[c.pt.x,c.pt.y],d=[p],y=[f],o=u.idx+1;o<=c.idx;o++)Yh(d,t[o].slice());Yh(d,f),Yh(d,p);for(o=c.idx+1;o<=u.idx+i;o++)Yh(y,t[o%i].slice());return Yh(y,p),Yh(y,f),[{points:d},{points:y}]}function jh(t){var e=t.points,r=[],i=[];Co(e,r,i);var n=new Ae(r[0],r[1],i[0]-r[0],i[1]-r[1]),o=n.width,a=n.height,s=n.x,h=n.y,l=new de,u=new de;return a<o?(l.x=u.x=s+o/2,l.y=h,u.y=h+a):(l.y=u.y=h+a/2,l.x=s,u.x=s+o),qh(e,l,u)}function Vh(t,e,r,i){var n,o;return 1===r?i.push(e):(n=Math.floor(r/2),o=t(e),Vh(t,o[0],n,i),Vh(t,o[1],r-n,i)),i}function Uh(t,e){var r,i=[],n=t.shape;switch(t.type){case"rect":!function(t,e,r){for(var i=t.width,n=t.height,o=n<i,a=Eh([i,n],o?0:1,e),s=o?"width":"height",h=o?"height":"width",l=o?"x":"y",u=o?"y":"x",c=t[s]/a.length,p=0;p<a.length;p++)for(var f=t[h]/a[p],d=0;d<a[p];d++){var y={};y[l]=pc,y[u]=df,y[s]=c,y[h]=f,y.x+=t.x,y.y+=t.y,r.push(y)}}(n,e,i),r=es;break;case"sector":Xh(n,e,i),r=Oh;break;case"circle":Xh({r0:0,r:n.r,startAngle:0,endAngle:2Math.PI,cx:n.cx,cy:n.cy},e,i),r=Oh;break;default:var o=t.getComputedTransform(),a=o?Math.sqrt(Math.max(o[0]o[0]+o[1]o[1],o[2]o[2]+o[3]o[3])):1,s=D(Wh(t.getUpdatedPathProxy(),a),function(t){for(var e=[],r=0;r<t.length;)e.push([t[r++],t[r++]]);return e}),h=s.length;if(0===h)Vh(jh,{points:s[0]},e,i);else if(h===e)for(var l=0;l<h;l++)i.push({points:s[l]});else{var u=0,c=D(s,function(t){var e=[],r=[];Co(t,e,r);var i=(r[1]-e[1])(r[0]-e[0]);return u+=i,{poly:t,area:i}});c.sort(function(t,e){return e.area-t.area});for(var p=e,l=0;l<h;l++){var f=c[l];if(p<=0)break;var d=l===h-1?p:Math.ceil(f.area/ue);d<0\|\|(Vh(jh,{points:f.poly},d,i),p-=d)}}r=ys}if(!r)return function(t,e){for(var r=[],i=0;i<e;i++)r.push(Ha(t));return r}(t,e);for(var y,v,g=[],l=0;l<i.length;l++){var _=new r;_.setShape(i[l]),y=t,(v=_).setStyle(y.style),v.z=y.z,v.z2=y.z2,v.zlevel=y.zlevel,g.push(_)}return g}function Gh(t,e){for(var r=t.length,i=t[r-2],n=t[r-1],o=[],a=0;a<e.length;)o[a++]=i,o[a++]=n;return o}function Zh(t,e){for(var r,i,n,o=[],a=[],s=0;s<Math.max(t.length,e.length);s++){var h=t[s],l=e[s],u=void 0,c=void 0;h?l?(i=u=(r=function(t,e){var r=t.length,i=e.length;if(r===i)return[t,e];for(var n=[],o=[],a=r<i?t:e,s=Math.min(r,i),h=Math.abs(i-r)/6,l=(s-2)/6,u=Math.ceil(h/l)+1,c=[a[0],a[1]],p=h,f=2;f<s;){var d=a[f-2],y=a[f-1],v=a[f++],g=a[f++],_=a[f++],m=a[f++],x=a[f++],w=a[f++];if(p<=0)c.push(v,g,_,m,x,w);else{for(var b=Math.min(p,u-1)+1,S=1;S<=b;S++){var T=S/b;Cr(d,v,_,x,T,n),Cr(y,g,m,w,T,o),d=n[3],y=o[3],c.push(n[1],o[1],n[2],o[2],d,y),v=n[5],g=o[5],_=n[6],m=o[6]}p-=b-1}}return a===t?[c,e]:[t,c]}(h,l))[0],n=c=r[1]):(c=Gh(n\|\|h,h),u=h):(u=Gh(i\|\|l,l),c=l),o.push(u),a.push(c)}return[o,a]}function Kh(t){for(var e=0,r=0,i=0,n=t.length,o=0,a=n-2;o<n;a=o,o+=2){var s=t[a],h=t[a+1],l=t[o],u=t[o+1],c=su-lh;e+=c,r+=(s+l)c,i+=(h+u)c}return 0===e?[t[0]\|\|0,t[1]\|\|0]:[r/e/3,i/e/3,e]}function Qh(t,e,r,i){for(var n,o=[],a=0;a<t.length;a++){var s=t[a],h=e[a],l=Kh(s),u=Kh(h);null==n&&(n=l[2]<0!=u[2]<0);var c=[],p=[],f=0,d=1/0,y=[],v=s.length;n&&(s=function(t){for(var e=[],r=t.length,i=0;i<r;i+=2)e[i]=t[r-i-2],e[i+1]=t[r-i-1];return e}(s));for(var g=6function(t,e,r,i){for(var n=(t.length-2)/6,o=1/0,a=0,s=t.length,h=s-2,l=0;l<n;l++){for(var u=6l,c=0,p=0;p<s;p+=2){var f=0===p?u:(u+p-2)%h+2,d=t[f]-r[0],y=t[1+f]-r[1],v=e[p]-i[0]-d,g=e[p+1]-i[1]-y;c+=vv+gg}c<o&&(o=c,a=l)}return a}(s,h,l,u),_=v-2,m=0;m<_;m+=2){var x=(g+m)%_+2;c[m+2]=s[x]-l[0],c[m+3]=s[1+x]-l[1]}if(c[0]=s[g]-l[0],c[1]=s[1+g]-l[1],0<r)for(var w=i/r,b=-i/2;b<=i/2;b+=w){for(var S=Math.sin(b),T=Math.cos(b),k=0,m=0;m<s.length;m+=2){var C=c[m],P=c[m+1],M=h[m]-u[0],A=h[m+1]-u[1],D=MT-AS,L=MS+AT,z=(y[m]=D)-C,I=(y[m+1]=L)-P;k+=zz+II}if(k<d){d=k,f=b;for(var R=0;R<y.length;R++)p[R]=y[R]}}else for(var O=0;O<v;O+=2)p[O]=h[O]-u[0],p[O+1]=h[O+1]-u[1];o.push({from:c,to:p,fromCp:l,toCp:u,rotation:-f})}return o}function $h(t){return t.__isCombineMorphing}var Jh="__mOriginal_";function tl(t,e,r){var i=Jh+e,n=t[i]\|\|t[e];t[i]\|\|(t[i]=t[e]);var o=r.replace,a=r.after,s=r.before;t[e]=function(){var t,e=arguments;return s&&s.apply(this,e),t=o?o.apply(this,e):n.apply(this,e),a&&a.apply(this,e),t}}function el(t,e){var r=Jh+e;t[r]&&(t[e]=t[r],t[r]=null)}function rl(t,e){for(var r=0;r<t.length;r++)for(var i=t[r],n=0;n<i.length;){var o=i[n],a=i[n+1];i[n++]=e[0]o+e[2]a+e[4],i[n++]=e[1]o+e[3]a+e[5]}}function il(t,C){var e=t.getUpdatedPathProxy(),r=C.getUpdatedPathProxy(),i=Zh(Hh(e),Hh(r)),n=i[0],o=i[1],a=t.getComputedTransform(),s=C.getComputedTransform();a&&rl(n,a),s&&rl(o,s),tl(C,"updateTransform",{replace:function(){this.transform=null}}),C.transform=null;var P=Qh(n,o,10,Math.PI),M=[];tl(C,"buildPath",{replace:function(t){for(var e=C.__morphT,r=1-e,i=[],n=0;n<P.length;n++){var o=P[n],a=o.from,s=o.to,h=o.rotatione,l=o.fromCp,u=o.toCp,c=Math.sin(h),p=Math.cos(h);At(i,l,u,e);for(var f=0;f<a.length;f+=2){var d=a[f],y=a[f+1],v=dr+(x=s[f])e,g=yr+(w=s[f+1])e;M[f]=vp-gc+i[0],M[f+1]=vc+gp+i[1]}var _=M[0],m=M[1];t.moveTo(_,m);for(f=2;f<a.length;){var x=M[f++],w=M[f++],b=M[f++],S=M[f++],T=M[f++],k=M[f++];_===x&&m===w&&b===T&&S===k?t.lineTo(T,k):t.bezierCurveTo(x,w,b,S,T,k),_=T,m=k}}}})}function nl(t,e,r){if(!t\|\|!e)return e;var i=r.done,n=r.during;return il(t,e),e.__morphT=0,e.animateTo({__morphT:1},T({during:function(t){e.dirtyShape(),n&&n(t)},done:function(){el(e,"buildPath"),el(e,"updateTransform"),e.__morphT=-1,e.createPathProxy(),e.dirtyShape(),i&&i()}},r)),e}function ol(r){var o=1/0,a=1/0,s=-1/0,h=-1/0,t=D(r,function(t){var e=t.getBoundingRect(),r=t.getComputedTransform(),i=e.x+e.width/2+(r?r[4]:0),n=e.y+e.height/2+(r?r[5]:0);return o=Math.min(i,o),a=Math.min(n,a),s=Math.max(i,s),h=Math.max(n,h),[i,n]});return D(t,function(t,e){return{cp:t,z:function(t,e,r,i,n,o){t=n===r?0:Math.round(32767(t-r)/(n-r)),e=o===i?0:Math.round(32767(e-i)/(o-i));for(var a,s=0,h=32768;0<h;h/=2){var l=0,u=0;0<(t&h)&&(l=1),0<(e&h)&&(u=1),s+=hh(3l^u),0===u&&(1===l&&(t=h-1-t,e=h-1-e),a=t,t=e,e=a)}return s}(t[0],t[1],o,a,s,h),path:r[e]}}).sort(function(t,e){return t.z-e.z}).map(function(t){return t.path})}function al(t){return Uh(t.path,t.count)}function sl(){return{fromIndividuals:[],toIndividuals:[],count:0}}var hl,ll=Object.freeze({__proto__:null,alignBezierCurves:Zh,centroid:Kh,isCombineMorphing:$h,isMorphing:function(t){return 0<=t.__morphT},morphPath:nl,combineMorph:function(e,i,t){var n=[];!function t(e){for(var r=0;r<e.length;r++){var i=e[r];$h(i)?t(i.childrenRef()):i instanceof va&&n.push(i)}}(e);var r=n.length;if(!r)return sl();var o=(t.dividePath\|\|al)({path:i,count:r});if(o.length!==r)return console.error("Invalid morphing: unmatched splitted path"),sl();n=ol(n),o=ol(o);for(var a=t.done,s=t.during,h=t.individualDelay,l=new Sn,u=0;u<r;u++){var c=n[u],p=o[u];p.parent=i,p.copyTransform(l),h\|\|il(c,p)}function f(t){for(var e=0;e<o.length;e++)o[e].addSelfToZr(t)}function d(){i.__isCombineMorphing=!1,i.__morphT=-1,i.childrenRef=null,el(i,"addSelfToZr"),el(i,"removeSelfFromZr")}i.__isCombineMorphing=!0,i.childrenRef=function(){return o},tl(i,"addSelfToZr",{after:function(t){f(t)}}),tl(i,"removeSelfFromZr",{after:function(t){for(var e=0;e<o.length;e++)o[e].removeSelfFromZr(t)}});var y=o.length;if(h)for(var v=y,g=function(){0===--v&&(d(),a&&a())},u=0;u<y;u++){var _=h?T({delay:(t.delay\|\|0)+h(u,y,n[u],o[u]),done:g},t):t;nl(n[u],o[u],_)}else i.__morphT=0,i.animateTo({__morphT:1},T({during:function(t){for(var e=0;e<y;e++){var r=o[e];r.__morphT=i.__morphT,r.dirtyShape()}s&&s(t)},done:function(){d();for(var t=0;t<e.length;t++)el(e[t],"updateTransform");a&&a()}},t));return i.__zr&&f(i.__zr),{fromIndividuals:n,toIndividuals:o,count:y}},separateMorph:function(t,e,r){var i=e.length,n=[],o=r.dividePath\|\|al;if($h(t)){!function t(e){for(var r=0;r<e.length;r++){var i=e[r];$h(i)?t(i.childrenRef()):i instanceof va&&n.push(i)}}(t.childrenRef());var a=n.length;if(a<i)for(var s=0,h=a;h<i;h++)n.push(Ha(n[s++%a]));n.length=i}else{n=o({path:t,count:i});for(var l=t.getComputedTransform(),h=0;h<n.length;h++)n[h].setLocalTransform(l);if(n.length!==i)return console.error("Invalid morphing: unmatched splitted path"),sl()}n=ol(n),e=ol(e);for(var u=r.individualDelay,h=0;h<i;h++){var c=u?T({delay:(r.delay\|\|0)+u(h,i,n[h],e[h])},r):r;nl(n[h],e[h],c)}return{fromIndividuals:n,toIndividuals:e,count:e.length}},defaultDividePath:Uh}),ul=(vt(cl,hl=va),cl.prototype._updatePathDirty=function(){for(var t=this.shape.paths,e=this.shapeChanged(),r=0;r<t.length;r++)e=e\|\|t[r].shapeChanged();e&&this.dirtyShape()},cl.prototype.beforeBrush=function(){this._updatePathDirty();for(var t=this.shape.paths\|\|[],e=this.getGlobalScale(),r=0;r<t.length;r++)t[r].path\|\|t[r].createPathProxy(),t[r].path.setScale(e[0],e[1],t[r].segmentIgnoreThreshold)},cl.prototype.buildPath=function(t,e){for(var r=e.paths\|\|[],i=0;i<r.length;i++)r[i].buildPath(t,r[i].shape,!0)},cl.prototype.afterBrush=function(){for(var t=this.shape.paths\|\|[],e=0;e<t.length;e++)t[e].pathUpdated()},cl.prototype.getBoundingRect=function(){return this._updatePathDirty.call(this),va.prototype.getBoundingRect.call(this)},cl);function cl(){var t=null!==hl&&hl.apply(this,arguments)\|\|this;return t.type="compound",t}var pl,fl=[],dl=(vt(yl,pl=fo),yl.prototype.traverse=function(t,e){t.call(e,this)},yl.prototype.useStyle=function(){this.style={}},yl.prototype.getCursor=function(){return this._cursor},yl.prototype.innerAfterBrush=function(){this._cursor=this._displayables.length},yl.prototype.clearDisplaybles=function(){this._displayables=[],this._temporaryDisplayables=[],this._cursor=0,this.markRedraw(),this.notClear=!1},yl.prototype.clearTemporalDisplayables=function(){this._temporaryDisplayables=[]},yl.prototype.addDisplayable=function(t,e){e?this._temporaryDisplayables.push(t):this._displayables.push(t),this.markRedraw()},yl.prototype.addDisplayables=function(t,e){e=e\|\|!1;for(var r=0;r<t.length;r++)this.addDisplayable(t[r],e)},yl.prototype.getDisplayables=function(){return this._displayables},yl.prototype.getTemporalDisplayables=function(){return this._temporaryDisplayables},yl.prototype.eachPendingDisplayable=function(t){for(var e=this._cursor;e<this._displayables.length;e++)t&&t(this._displayables[e]);for(e=0;e<this._temporaryDisplayables.length;e++)t&&t(this._temporaryDisplayables[e])},yl.prototype.update=function(){this.updateTransform();for(var t=this._cursor;t<this._displayables.length;t++)(e=this._displayables[t]).parent=this,e.update(),e.parent=null;for(var e,t=0;t<this._temporaryDisplayables.length;t++)(e=this._temporaryDisplayables[t]).parent=this,e.update(),e.parent=null},yl.prototype.getBoundingRect=function(){if(!this._rect){for(var t=new Ae(1/0,1/0,-1/0,-1/0),e=0;e<this._displayables.length;e++){var r=this._displayables[e],i=r.getBoundingRect().clone();r.needLocalTransform()&&i.applyTransform(r.getLocalTransform(fl)),t.union(i)}this._rect=t}return this._rect},yl.prototype.contain=function(t,e){var r=this.transformCoordToLocal(t,e);if(this.getBoundingRect().contain(r[0],r[1]))for(var i=0;i<this._displayables.length;i++)if(this._displayables[i].contain(t,e))return!0;return!1},yl);function yl(){var t=null!==pl&&pl.apply(this,arguments)\|\|this;return t.notClear=!0,t.incremental=!0,t._displayables=[],t._temporaryDisplayables=[],t._cursor=0,t}var vl,gl={fill:"#000"},_l={},ml={style:T({fill:!0,stroke:!0,fillOpacity:!0,strokeOpacity:!0,lineWidth:!0,fontSize:!0,lineHeight:!0,width:!0,height:!0,textShadowColor:!0,textShadowBlur:!0,textShadowOffsetX:!0,textShadowOffsetY:!0,backgroundColor:!0,padding:!0,borderColor:!0,borderWidth:!0,borderRadius:!0},ho.style)},xl=(vt(wl,vl=fo),wl.prototype.childrenRef=function(){return this._children},wl.prototype.update=function(){vl.prototype.update.call(this),this.styleChanged()&&this._updateSubTexts();for(var t=0;t<this._children.length;t++){var e=this._children[t];e.zlevel=this.zlevel,e.z=this.z,e.z2=this.z2,e.culling=this.culling,e.cursor=this.cursor,e.invisible=this.invisible}},wl.prototype.updateTransform=function(){var t=this.innerTransformable;t?(t.updateTransform(),t.transform&&(this.transform=t.transform)):vl.prototype.updateTransform.call(this)},wl.prototype.getLocalTransform=function(t){var e=this.innerTransformable;return e?e.getLocalTransform(t):vl.prototype.getLocalTransform.call(this,t)},wl.prototype.getComputedTransform=function(){return this.__hostTarget&&(this.__hostTarget.getComputedTransform(),this.__hostTarget.updateInnerText(!0)),vl.prototype.getComputedTransform.call(this)},wl.prototype._updateSubTexts=function(){var t;this._childCursor=0,Ml(t=this.style),R(t.rich,Ml),this.style.rich?this._updateRichTexts():this._updatePlainTexts(),this._children.length=this._childCursor,this.styleUpdated()},wl.prototype.addSelfToZr=function(t){vl.prototype.addSelfToZr.call(this,t);for(var e=0;e<this._children.length;e++)this._children[e].__zr=t},wl.prototype.removeSelfFromZr=function(t){vl.prototype.removeSelfFromZr.call(this,t);for(var e=0;e<this._children.length;e++)this._children[e].__zr=null},wl.prototype.getBoundingRect=function(){if(this.styleChanged()&&this._updateSubTexts(),!this._rect){for(var t=new Ae(0,0,0,0),e=this._children,r=[],i=null,n=0;n<e.length;n++){var o=e[n],a=o.getBoundingRect(),s=o.getLocalTransform(r);s?(t.copy(a),t.applyTransform(s),(i=i\|\|t.clone()).union(t)):(i=i\|\|a.clone()).union(a)}this._rect=i\|\|t}return this._rect},wl.prototype.setDefaultTextStyle=function(t){this._defaultStyle=t\|\|gl},wl.prototype.setTextContent=function(t){},wl.prototype._mergeStyle=function(t,e){if(!e)return t;var r=e.rich,i=t.rich\|\|r&&{};return I(t,e),r&&i?(this._mergeRich(i,r),t.rich=i):i&&(t.rich=i),t},wl.prototype._mergeRich=function(t,e){for(var r=F(e),i=0;i<r.length;i++){var n=r[i];t[n]=t[n]\|\|{},I(t[n],e[n])}},wl.prototype.getAnimationStyleProps=function(){return ml},wl.prototype._getOrCreateChild=function(t){var e=this._children[this._childCursor];return e&&e instanceof t\|\|(e=new t),(this._children[this._childCursor++]=e).__zr=this.__zr,e.parent=this,e},wl.prototype._updatePlainTexts=function(){var t=this.style,e=t.font\|\|W,r=t.padding,i=this._defaultStyle,n=t.x\|\|0,o=t.y\|\|0,a=t.align\|\|i.align\|\|"left",s=t.verticalAlign\|\|i.verticalAlign\|\|"top";Ys(_l,i.overflowRect,n,o,a,s),n=_l.baseX,o=_l.baseY;var h=function(t,e,r,i){var n=Vs(t),o=e.overflow,a=e.padding,s=a?a[1]+a[3]:0,h=a?a[0]+a[2]:0,l=e.font,u="truncate"===o,c=On(l),p=Z(e.lineHeight,c),f="truncate"===e.lineOverflow,d=!1,y=e.width;null==y&&null!=r&&(y=r-s);var v=e.height;null==v&&null!=i&&(v=i-h);var g,_,m=(_=null==y\|\|"break"!==o&&"breakAll"!==o?n?n.split("\n"):[]:n?Xs(n,e.font,y,"breakAll"===o,0).lines:[]).lengthp;if(null==v&&(v=m),v<m&&f&&(g=Math.floor(v/p),d=d\|\|_.length>g,m=(_=_.slice(0,g)).lengthp),n&&u&&null!=y)for(var x=Rs(y,l,e.ellipsis,{minChar:e.truncateMinChar,placeholder:e.placeholder}),w={},b=0;b<_.length;b++)Os(w,_[b],x),_[b]=w.textLine,d=d\|\|w.isTruncated;for(var S=v,T=0,k=Mn(l),b=0;b<_.length;b++)T=Math.max(zn(k,_[b]),T);null==y&&(y=T);var C=y;return{lines:_,height:v,outerWidth:C+=s,outerHeight:S+=h,lineHeight:p,calculatedLineHeight:c,contentWidth:T,contentHeight:m,width:y,isTruncated:d}}(zl(t),t,_l.outerWidth,_l.outerHeight),l=Il(t),u=!!t.backgroundColor,c=h.outerHeight,p=h.outerWidth,f=h.lines,d=h.lineHeight;this.isTruncated=!!h.isTruncated;var y,v,g=n,_=Rn(o,h.contentHeight,s);(l\|\|r)&&(y=In(n,p,a),v=Rn(o,c,s),l&&this._renderBackground(t,t,y,v,p,c)),_+=d/2,r&&(g=Ll(n,a,r),"top"===s?_+=r[0]:"bottom"===s&&(_-=r[2]));for(var m=0,x=!1,w=!1,b=(Dl("fill"in t?t.fill:(w=!0,i.fill))),S=(Al("stroke"in t?t.stroke:u\|\|i.autoStroke&&!w?null:(m=2,x=!0,i.stroke))),T=0<t.textShadowBlur,k=0;k<f.length;k++){var C=this._getOrCreateChild($s),P=C.createStyle();C.useStyle(P),P.text=f[k],P.x=g,P.y=_,a&&(P.textAlign=a),P.textBaseline="middle",P.opacity=t.opacity,P.strokeFirst=!0,T&&(P.shadowBlur=t.textShadowBlur\|\|0,P.shadowColor=t.textShadowColor\|\|"transparent",P.shadowOffsetX=t.textShadowOffsetX\|\|0,P.shadowOffsetY=t.textShadowOffsetY\|\|0),P.stroke=S,P.fill=b,S&&(P.lineWidth=t.lineWidth\|\|m,P.lineDash=t.lineDash,P.lineDashOffset=t.lineDashOffset\|\|0),P.font=e,Cl(P,t),_+=d,C.setBoundingRect(Us(P,h.contentWidth,h.calculatedLineHeight,x?0:null))}},wl.prototype._updateRichTexts=function(){var t=this.style,e=this._defaultStyle,r=t.align\|\|e.align,i=t.verticalAlign\|\|e.verticalAlign,n=t.x\|\|0,o=t.y\|\|0;Ys(_l,e.overflowRect,n,o,r,i),n=_l.baseX,o=_l.baseY;var a=Hs(zl(t),t,_l.outerWidth,_l.outerHeight,r),s=a.width,h=a.outerWidth,l=a.outerHeight,u=t.padding;this.isTruncated=!!a.isTruncated;var c=In(n,h,r),p=Rn(o,l,i),f=c,d=p;u&&(f+=u[3],d+=u[0]);var y=f+s;Il(t)&&this._renderBackground(t,t,c,p,h,l);for(var v=!!t.backgroundColor,g=0;g<a.lines.length;g++){for(var _=a.lines[g],m=_.tokens,x=m.length,w=_.lineHeight,b=_.width,S=0,T=f,k=y,C=x-1,P=void 0;S<x&&(!(P=m[S]).align\|\|"left"===P.align);)this._placeToken(P,t,w,d,T,"left",v),b-=P.width,T+=P.width,S++;for(;0<=C&&"right"===(P=m[C]).align;)this._placeToken(P,t,w,d,k,"right",v),b-=P.width,k-=P.width,C--;for(T+=(s-(T-f)-(y-k)-b)/2;S<=C;)P=m[S],this._placeToken(P,t,w,d,T+P.width/2,"center",v),T+=P.width,S++;d+=w}},wl.prototype._placeToken=function(t,e,r,i,n,o,a){var s=e.rich[t.styleName]\|\|{};s.text=t.text;var h=t.verticalAlign,l=i+r/2;"top"===h?l=i+t.height/2:"bottom"===h&&(l=i+r-t.height/2),!t.isLineHolder&&Il(s)&&this._renderBackground(s,e,"right"===o?n-t.width:"center"===o?n-t.width/2:n,l-t.height/2,t.width,t.height);var u=!!s.backgroundColor,c=t.textPadding;c&&(n=Ll(n,o,c),l-=t.height/2-c[0]-t.innerHeight/2);var p=this._getOrCreateChild($s),f=p.createStyle();p.useStyle(f);var d=this._defaultStyle,y=!1,v=0,g=!1,_=Dl("fill"in s?s.fill:"fill"in e?e.fill:(y=!0,d.fill)),m=Al("stroke"in s?s.stroke:"stroke"in e?e.stroke:u\|\|a\|\|d.autoStroke&&!y?null:(v=2,g=!0,d.stroke)),x=0<s.textShadowBlur\|\|0<e.textShadowBlur;f.text=t.text,f.x=n,f.y=l,x&&(f.shadowBlur=s.textShadowBlur\|\|e.textShadowBlur\|\|0,f.shadowColor=s.textShadowColor\|\|e.textShadowColor\|\|"transparent",f.shadowOffsetX=s.textShadowOffsetX\|\|e.textShadowOffsetX\|\|0,f.shadowOffsetY=s.textShadowOffsetY\|\|e.textShadowOffsetY\|\|0),f.textAlign=o,f.textBaseline="middle",f.font=t.font\|\|W,f.opacity=K(s.opacity,e.opacity,1),Cl(f,s),m&&(f.lineWidth=K(s.lineWidth,e.lineWidth,v),f.lineDash=Z(s.lineDash,e.lineDash),f.lineDashOffset=e.lineDashOffset\|\|0,f.stroke=m),_&&(f.fill=_),p.setBoundingRect(Us(f,t.contentWidth,t.contentHeight,g?0:null))},wl.prototype._renderBackground=function(t,e,r,i,n,o){var a,s,h,l,u,c=t.backgroundColor,p=t.borderWidth,f=t.borderColor,d=c&&c.image,y=c&&!d,v=t.borderRadius,g=this;(y\|\|t.lineHeight\|\|p&&f)&&((a=this._getOrCreateChild(es)).useStyle(a.createStyle()),a.style.fill=null,(h=a.shape).x=r,h.y=i,h.width=n,h.height=o,h.r=v,a.dirtyShape()),y?((u=a.style).fill=c\|\|null,u.fillOpacity=Z(t.fillOpacity,1)):d&&((s=this._getOrCreateChild(qa)).onload=function(){g.dirtyStyle()},(l=s.style).image=c.image,l.x=r,l.y=i,l.width=n,l.height=o),p&&f&&((u=a.style).lineWidth=p,u.stroke=f,u.strokeOpacity=Z(t.strokeOpacity,1),u.lineDash=t.borderDash,u.lineDashOffset=t.borderDashOffset\|\|0,a.strokeContainThreshold=0,a.hasFill()&&a.hasStroke()&&(u.strokeFirst=!0,u.lineWidth=2));var _=(a\|\|s).style;_.shadowBlur=t.shadowBlur\|\|0,_.shadowColor=t.shadowColor\|\|"transparent",_.shadowOffsetX=t.shadowOffsetX\|\|0,_.shadowOffsetY=t.shadowOffsetY\|\|0,_.opacity=K(t.opacity,e.opacity,1)},wl.makeFont=function(t){var e="";return Pl(t)&&(e=[t.fontStyle,t.fontWeight,kl(t.fontSize),t.fontFamily\|\|"sans-serif"].join(" ")),e&&tt(e)\|\|t.textFont\|\|t.font},wl);function wl(t){var e=vl.call(this)\|\|this;return e.type="text",e._children=[],e._defaultStyle=gl,e.attr(t),e}var bl={left:!0,right:1,center:1},Sl={top:1,bottom:1,middle:1},Tl=["fontStyle","fontWeight","fontSize","fontFamily"];function kl(t){return"string"!=typeof t\|\|-1===t.indexOf("px")&&-1===t.indexOf("rem")&&-1===t.indexOf("em")?isNaN(+t)?h+"px":t+"px":t}function Cl(t,e){for(var r=0;r<Tl.length;r++){var i=Tl[r],n=e[i];null!=n&&(t[i]=n)}}function Pl(t){return null!=t.fontSize\|\|t.fontFamily\|\|t.fontWeight}function Ml(t){var e,r;t&&(t.font=xl.makeFont(t),"middle"===(e=t.align)&&(e="center"),t.align=null==e\|\|bl[e]?e:"left","center"===(r=t.verticalAlign)&&(r="middle"),t.verticalAlign=null==r\|\|Sl[r]?r:"top",t.padding&&(t.padding=$(t.padding)))}function Al(t,e){return null==t\|\|e<=0\|\|"transparent"===t\|\|"none"===t?null:t.image\|\|t.colorStops?"#000":t}function Dl(t){return null==t\|\|"none"===t?null:t.image\|\|t.colorStops?"#000":t}function Ll(t,e,r){return"right"===e?t-r[1]:"center"===e?t+r[3]/2-r[1]/2:t+r[3]}function zl(t){var e=t.text;return null!=e&&(e+=""),e}function Il(t){return!!(t.backgroundColor\|\|t.lineHeight\|\|t.borderWidth&&t.borderColor)}var Rl,Ol=function(){this.cx=0,this.cy=0,this.r=0,this.startAngle=0,this.endAngle=2Math.PI,this.clockwise=!0},Fl=(vt(Bl,Rl=va),Bl.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},Bl.prototype.getDefaultShape=function(){return new Ol},Bl.prototype.buildPath=function(t,e){var r=e.cx,i=e.cy,n=Math.max(e.r,0),o=e.startAngle,a=e.endAngle,s=e.clockwise,h=Math.cos(o),l=Math.sin(o);t.moveTo(hn+r,ln+i),t.arc(r,i,n,o,a,!s)},Bl);function Bl(t){return Rl.call(this,t)\|\|this}Fl.prototype.type="arc";var Nl=[],Hl=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.percent=1};function Wl(t,e,r){var i=t.cpx2,n=t.cpy2;return null!=i\|\|null!=n?[(r?Sr:br)(t.x1,t.cpx1,t.cpx2,t.x2,e),(r?Sr:br)(t.y1,t.cpy1,t.cpy2,t.y2,e)]:[(r?Mr:Pr)(t.x1,t.cpx1,t.x2,e),(r?Mr:Pr)(t.y1,t.cpy1,t.y2,e)]}var El,Xl=(vt(Yl,El=va),Yl.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},Yl.prototype.getDefaultShape=function(){return new Hl},Yl.prototype.buildPath=function(t,e){var r=e.x1,i=e.y1,n=e.x2,o=e.y2,a=e.cpx1,s=e.cpy1,h=e.cpx2,l=e.cpy2,u=e.percent;0!==u&&(t.moveTo(r,i),null==h\|\|null==l?(u<1&&(Dr(r,a,n,u,Nl),a=Nl[1],n=Nl[2],Dr(i,s,o,u,Nl),s=Nl[1],o=Nl[2]),t.quadraticCurveTo(a,s,n,o)):(u<1&&(Cr(r,a,h,n,u,Nl),a=Nl[1],h=Nl[2],n=Nl[3],Cr(i,s,l,o,u,Nl),s=Nl[1],l=Nl[2],o=Nl[3]),t.bezierCurveTo(a,s,h,l,n,o)))},Yl.prototype.pointAt=function(t){return Wl(this.shape,t,!1)},Yl.prototype.tangentAt=function(t){var e=Wl(this.shape,t,!0);return Tt(e,e)},Yl);function Yl(t){return El.call(this,t)\|\|this}Xl.prototype.type="bezier-curve";var ql,jl=function(){this.cx=0,this.cy=0,this.width=0,this.height=0},Vl=(vt(Ul,ql=va),Ul.prototype.getDefaultShape=function(){return new jl},Ul.prototype.buildPath=function(t,e){var r=e.cx,i=e.cy,n=e.width,o=e.height;t.moveTo(r,i+n),t.bezierCurveTo(r+n,i+n,r+3n/2,i-n/3,r,i-o),t.bezierCurveTo(r-3n/2,i-n/3,r-n,i+n,r,i+n),t.closePath()},Ul);function Ul(t){return ql.call(this,t)\|\|this}Vl.prototype.type="droplet";var Gl,Zl=function(){this.cx=0,this.cy=0,this.width=0,this.height=0},Kl=(vt(Ql,Gl=va),Ql.prototype.getDefaultShape=function(){return new Zl},Ql.prototype.buildPath=function(t,e){var r=e.cx,i=e.cy,n=e.width,o=e.height;t.moveTo(r,i),t.bezierCurveTo(r+n/2,i-2o/3,r+2n,i+o/3,r,i+o),t.bezierCurveTo(r-2n,i+o/3,r-n/2,i-2o/3,r,i)},Ql);function Ql(t){return Gl.call(this,t)\|\|this}Kl.prototype.type="heart";var $l,Jl=Math.PI,tu=Math.sin,eu=Math.cos,ru=function(){this.x=0,this.y=0,this.r=0,this.n=0},iu=(vt(nu,$l=va),nu.prototype.getDefaultShape=function(){return new ru},nu.prototype.buildPath=function(t,e){var r=e.n;if(r&&!(r<2)){var i=e.x,n=e.y,o=e.r,a=2Jl/r,s=-Jl/2;t.moveTo(i+oeu(s),n+otu(s));for(var h=0,l=r-1;h<l;h++)s+=a,t.lineTo(i+oeu(s),n+otu(s));t.closePath()}},nu);function nu(t){return $l.call(this,t)\|\|this}iu.prototype.type="isogon";var ou,au=function(){this.cx=0,this.cy=0,this.r=0,this.r0=0},su=(vt(hu,ou=va),hu.prototype.getDefaultShape=function(){return new au},hu.prototype.buildPath=function(t,e){var r=e.cx,i=e.cy,n=2Math.PI;t.moveTo(r+e.r,i),t.arc(r,i,e.r,0,n,!1),t.moveTo(r+e.r0,i),t.arc(r,i,e.r0,0,n,!0)},hu);function hu(t){return ou.call(this,t)\|\|this}su.prototype.type="ring";var lu,uu=Math.sin,cu=Math.cos,pu=Math.PI/180,fu=function(){this.cx=0,this.cy=0,this.r=[],this.k=0,this.n=1},du=(vt(yu,lu=va),yu.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},yu.prototype.getDefaultShape=function(){return new fu},yu.prototype.buildPath=function(t,e){var r,i,n,o=e.r,a=e.k,s=e.n,h=e.cx,l=e.cy;t.moveTo(h,l);for(var u=0,c=o.length;u<c;u++){n=o[u];for(var p=0;p<=360s;p++)r=nuu(a/sp%360pu)cu(ppu)+h,i=nuu(a/sp%360pu)uu(ppu)+l,t.lineTo(r,i)}},yu);function yu(t){return lu.call(this,t)\|\|this}du.prototype.type="rose";var vu,gu=Math.PI,_u=Math.cos,mu=Math.sin,xu=function(){this.cx=0,this.cy=0,this.n=3,this.r=0},wu=(vt(bu,vu=va),bu.prototype.getDefaultShape=function(){return new xu},bu.prototype.buildPath=function(t,e){var r=e.n;if(r&&!(r<2)){var i=e.cx,n=e.cy,o=e.r,a=e.r0;null==a&&(a=4<r?o_u(2gu/r)/_u(gu/r):o/3);var s=gu/r,h=-gu/2,l=i+o_u(h),u=n+omu(h);h+=s,t.moveTo(l,u);for(var c,p=0,f=2r-1;p<f;p++)c=p%2==0?a:o,t.lineTo(i+c_u(h),n+cmu(h)),h+=s;t.closePath()}},bu);function bu(t){return vu.call(this,t)\|\|this}wu.prototype.type="star";var Su,Tu=Math.cos,ku=Math.sin,Cu=function(){this.cx=0,this.cy=0,this.r=0,this.r0=0,this.d=0,this.location="out"},Pu=(vt(Mu,Su=va),Mu.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},Mu.prototype.getDefaultShape=function(){return new Cu},Mu.prototype.buildPath=function(t,e){var r,i,n=e.r,o=e.r0,a=e.d,s=e.cx,h=e.cy,l="out"===e.location?1:-1;if(!(e.location&&n<=o)){var u,c=0,p=1,f=(n+lo)Tu(0)-laTu(0)+s,d=(n+lo)ku(0)-aku(0)+h;for(t.moveTo(f,d);o++c%(n+lo)!=0;);for(;u=Math.PI/180p,r=(n+lo)Tu(u)-laTu((n/o+l)u)+s,i=(n+lo)ku(u)-aku((n/o+l)u)+h,t.lineTo(r,i),++p<=oc/(n+lo)360;);}},Mu);function Mu(t){return Su.call(this,t)\|\|this}Pu.prototype.type="trochoid";function Au(t,e){this.image=t,this.repeat=e,this.x=0,this.y=0,this.rotation=0,this.scaleX=1,this.scaleY=1}var Du=Math.min,Lu=Math.max,zu=Math.abs,Iu=[0,0],Ru=[0,0],Ou=Re(),Fu=Ou.minTv,Bu=Ou.maxTv,Nu=(Hu.prototype.fromBoundingRect=function(t,e){var r=this._corners,i=this._axes,n=t.x,o=t.y,a=n+t.width,s=o+t.height;if(r[0].set(n,o),r[1].set(a,o),r[2].set(a,s),r[3].set(n,s),e)for(var h=0;h<4;h++)r[h].transform(e);for(de.sub(i[0],r[1],r[0]),de.sub(i[1],r[3],r[0]),i[0].normalize(),i[1].normalize(),h=0;h<2;h++)this._origin[h]=i[h].dot(r[0])},Hu.prototype.intersect=function(t,e,r){var i=!0,n=!e;return e&&de.set(e,0,0),Ou.reset(r,!n),!this._intersectCheckOneSide(this,t,n,1)&&(i=!1,n)\|\|!this._intersectCheckOneSide(t,this,n,-1)&&(i=!1,n)\|\|n\|\|Ou.negativeSize\|\|de.copy(e,i?Ou.useDir?Ou.dirMinTv:Fu:Bu),i},Hu.prototype._intersectCheckOneSide=function(t,e,r,i){for(var n=!0,o=0;o<2;o++){var a=t._axes[o];if(t._getProjMinMaxOnAxis(o,t._corners,Iu),t._getProjMinMaxOnAxis(o,e._corners,Ru),Ou.negativeSize\|\|Iu[1]<Ru[0]\|\|Ru[1]<Iu[0]){if(n=!1,Ou.negativeSize\|\|r)return n;var s=zu(Ru[0]-Iu[1]),h=zu(Iu[0]-Ru[1]);Du(s,h)>Bu.len()&&(s<h?de.scale(Bu,a,-si):de.scale(Bu,a,hi))}else r\|\|(s=zu(Ru[0]-Iu[1]),h=zu(Iu[0]-Ru[1]),(Ou.useDir\|\|Du(s,h)<Fu.len())&&((s<h\|\|!Ou.bidirectional)&&(de.scale(Fu,a,si),Ou.useDir&&Ou.calcDirMTV()),(h<=s\|\|!Ou.bidirectional)&&(de.scale(Fu,a,-hi),Ou.useDir&&Ou.calcDirMTV())))}return n},Hu.prototype._getProjMinMaxOnAxis=function(t,e,r){for(var i=this._axes[t],n=this._origin,o=e[0].dot(i)+n[t],a=o,s=o,h=1;h<e.length;h++)var l=e[h].dot(i)+n[t],a=Du(l,a),s=Lu(l,s);r[0]=a+Ou.touchThreshold,r[1]=s-Ou.touchThreshold,Ou.negativeSize=r[1]<r[0]},Hu);function Hu(t,e){this._corners=[],this._axes=[],this._origin=[0,0];for(var r=0;r<4;r++)this._corners[r]=new de;for(r=0;r<2;r++)this._axes[r]=new de;t&&this.fromBoundingRect(t,e)}var Wu=(Eu.prototype.update=function(t){var e=this.dom.style;e.width=t.width+"px",e.height=t.height+"px",e.left=t.x+"px",e.top=t.y+"px"},Eu.prototype.hide=function(){this.dom.style.opacity="0"},Eu.prototype.show=function(t){var e=this;clearTimeout(this._hideTimeout),this.dom.style.opacity="1",this._hideTimeout=setTimeout(function(){e.hide()},t\|\|1e3)},Eu);function Eu(t){var e=this.dom=document.createElement("div");for(var r in e.className="ec-debug-dirty-rect",t=I({},t),I(t,{backgroundColor:"rgba(0, 0, 255, 0.2)",border:"1px solid #00f"}),e.style.cssText="\nposition: absolute;\nopacity: 0;\ntransition: opacity 0.5s linear;\npointer-events: none;\n",t)t.hasOwnProperty(r)&&(e.style[r]=t[r])}function Xu(t){return isFinite(t)}function Yu(t,e,r){for(var i,n,o,a,s,h,l,u,c,p,f,d,y,v,g,_,m="radial"===e.type?(u=t,c=e,f=(p=r).width,d=p.height,y=Math.min(f,d),v=null==c.x?.5:c.x,g=null==c.y?.5:c.y,_=null==c.r?.5:c.r,c.global\|\|(v=vf+p.x,g=gd+p.y,_=y),v=Xu(v)?v:.5,g=Xu(g)?g:.5,_=0<=_&&Xu(_)?_:.5,u.createRadialGradient(v,g,0,v,g,_)):(i=t,o=r,a=null==(n=e).x?0:n.x,s=null==n.x2?1:n.x2,h=null==n.y?0:n.y,l=null==n.y2?0:n.y2,n.global\|\|(a=ao.width+o.x,s=so.width+o.x,h=ho.height+o.y,l=lo.height+o.y),a=Xu(a)?a:0,s=Xu(s)?s:1,h=Xu(h)?h:0,l=Xu(l)?l:0,i.createLinearGradient(a,h,s,l)),x=e.colorStops,w=0;w<x.length;w++)m.addColorStop(x[w].offset,x[w].color);return m}function qu(t){return parseInt(t,10)}function ju(t,e,r){var i=["width","height"][e],n=["clientWidth","clientHeight"][e],o=["paddingLeft","paddingTop"][e],a=["paddingRight","paddingBottom"][e];if(null!=r[i]&&"auto"!==r[i])return parseFloat(r[i]);var s=document.defaultView.getComputedStyle(t);return(t[n]\|\|qu(s[i])\|\|qu(t.style[i]))-(qu(s[o])\|\|0)-(qu(s[a])\|\|0)\|0}function Vu(t){var e,r,i,n=t.style,o=n.lineDash&&0<n.lineWidth&&(e=n.lineDash,r=n.lineWidth,e&&"solid"!==e&&0<r?"dashed"===e?[4r,2r]:"dotted"===e?[r]:H(e)?[e]:G(e)?e:null:null),a=n.lineDashOffset;return!o\|\|(i=n.strokeNoScale&&t.getLineScale?t.getLineScale():1)&&1!==i&&(o=D(o,function(t){return t/i}),a/=i),[o,a]}var Uu=new Go(!0);function Gu(t){var e=t.stroke;return!(null==e\|\|"none"===e\|\|!(0<t.lineWidth))}function Zu(t){return"string"==typeof t&&"none"!==t}function Ku(t){var e=t.fill;return null!=e&&"none"!==e}function Qu(t,e){var r;null!=e.fillOpacity&&1!==e.fillOpacity?(r=t.globalAlpha,t.globalAlpha=e.fillOpacitye.opacity,t.fill(),t.globalAlpha=r):t.fill()}function $u(t,e){var r;null!=e.strokeOpacity&&1!==e.strokeOpacity?(r=t.globalAlpha,t.globalAlpha=e.strokeOpacitye.opacity,t.stroke(),t.globalAlpha=r):t.stroke()}function Ju(t,e,r){var i=Ds(e.image,e.__image,r);if(zs(i)){var n,o=t.createPattern(i,e.repeat\|\|"repeat");return"function"==typeof DOMMatrix&&o&&o.setTransform&&((n=new DOMMatrix).translateSelf(e.x\|\|0,e.y\|\|0),n.rotateSelf(0,0,(e.rotation\|\|0)pt),n.scaleSelf(e.scaleX\|\|1,e.scaleY\|\|1),o.setTransform(n)),o}}var tc=["shadowBlur","shadowOffsetX","shadowOffsetY"],ec=[["lineCap","butt"],["lineJoin","miter"],["miterLimit",10]];function rc(t,e,r,i,n){var o,a=!1;if(!i&&e===(r=r\|\|{}))return!1;!i&&e.opacity===r.opacity\|\|(lc(t,n),a=!0,o=Math.max(Math.min(e.opacity,1),0),t.globalAlpha=isNaN(o)?so.opacity:o),!i&&e.blend===r.blend\|\|(a\|\|(lc(t,n),a=!0),t.globalCompositeOperation=e.blend\|\|so.blend);for(var s=0;s<tc.length;s++){var h=tc[s];!i&&e[h]===r[h]\|\|(a\|\|(lc(t,n),a=!0),t[h]=t.dpr(e[h]\|\|0))}return!i&&e.shadowColor===r.shadowColor\|\|(a\|\|(lc(t,n),a=!0),t.shadowColor=e.shadowColor\|\|so.shadowColor),a}function ic(t,e,r,i,n){var o=uc(e,n.inHover),a=i?null:r&&uc(r,n.inHover)\|\|{};if(o!==a){var s,h=rc(t,o,a,i,n);!i&&o.fill===a.fill\|\|(h\|\|(lc(t,n),h=!0),Zu(o.fill)&&(t.fillStyle=o.fill)),!i&&o.stroke===a.stroke\|\|(h\|\|(lc(t,n),h=!0),Zu(o.stroke)&&(t.strokeStyle=o.stroke)),!i&&o.opacity===a.opacity\|\|(h\|\|(lc(t,n),h=!0),t.globalAlpha=null==o.opacity?1:o.opacity),e.hasStroke()&&(s=o.lineWidth/(o.strokeNoScale&&e.getLineScale?e.getLineScale():1),t.lineWidth!==s&&(h\|\|(lc(t,n),h=!0),t.lineWidth=s));for(var l=0;l<ec.length;l++){var u=ec[l],c=u[0];!i&&o[c]===a[c]\|\|(h\|\|(lc(t,n),h=!0),t[c]=o[c]\|\|u[1])}return h}}function nc(t,e){var r=e.transform,i=t.dpr\|\|1;r?t.setTransform(ir[0],ir[1],ir[2],ir[3],ir[4],ir[5]):t.setTransform(i,0,0,i,0,0)}var oc=1,ac=2,sc=3,hc=4;function lc(t,e){e.batchFill&&t.fill(),e.batchStroke&&t.stroke(),e.batchFill="",e.batchStroke=""}function uc(t,e){return e&&t.__hoverStyle\|\|t.style}function cc(t,e,r,i){var n=e.transform;if(!e.shouldBePainted(r.viewWidth,r.viewHeight,!1,!1))return e.__dirty&=~rr,void(e.__isRendered=!1);var o,a,s,h,l,u,c,p,f,d,y,v,g,_,m,x,w,b,S,T,k,C,P,M,A,D,L,z,I,R,O,F=e.__clipPaths,B=r.prevElClipPaths,N=!1,H=!1;B&&!function(t,e){if(t!==e&&(t\|\|e)){if(!t\|\|!e\|\|t.length!==e.length)return 1;for(var r=0;r<t.length;r++)if(t[r]!==e[r])return 1}}(F,B)\|\|(B&&B.length&&(lc(t,r),t.restore(),H=N=!0,r.prevElClipPaths=null,r.allClipped=!1,r.prevEl=null),F&&F.length&&(lc(t,r),t.save(),function(t,e,r){for(var i=!1,n=0;n<t.length;n++){var o=t[n],i=i\|\|o.isZeroArea();nc(e,o),e.beginPath(),o.buildPath(e,o.shape),e.clip()}r.allClipped=i}(F,t,r),N=!0),r.prevElClipPaths=F),r.allClipped?e.__isRendered=!1:(e.beforeBrush&&e.beforeBrush(),e.innerBeforeBrush(),(o=r.prevEl)\|\|(H=N=!0),a=e instanceof va&&e.autoBatch&&(s=e.style,h=Ku(s),l=Gu(s),!(s.lineDash\|\|!(+h^+l)\|\|h&&"string"!=typeof s.fill\|\|l&&"string"!=typeof s.stroke\|\|s.strokePercent<1\|\|s.strokeOpacity<1\|\|s.fillOpacity<1)),N\|\|(u=n,c=o.transform,u&&c?u[0]!==c[0]\|\|u[1]!==c[1]\|\|u[2]!==c[2]\|\|u[3]!==c[3]\|\|u[4]!==c[4]\|\|u[5]!==c[5]:u\|\|c)?(lc(t,r),nc(t,e)):a\|\|lc(t,r),p=uc(e,r.inHover),e instanceof va?(r.lastDrawType!==oc&&(H=!0,r.lastDrawType=oc),ic(t,e,o,H,r),a&&(r.batchFill\|\|r.batchStroke)\|\|t.beginPath(),function(t,e,r,i){var n,o=Gu(r),a=Ku(r),s=r.strokePercent,h=s<1,l=!e.path;e.silent&&!h\|\|!l\|\|e.createPathProxy();var u,c,p,f,d,y,v,g,_,m,x,w=e.path\|\|Uu,b=e.__dirty;i\|\|(u=r.fill,c=r.stroke,p=a&&!!u.colorStops,f=o&&!!c.colorStops,d=a&&!!u.image,y=o&&!!c.image,x=m=_=g=v=void 0,(p\|\|f)&&(x=e.getBoundingRect()),p&&(v=b?Yu(t,u,x):e.__canvasFillGradient,e.__canvasFillGradient=v),f&&(g=b?Yu(t,c,x):e.__canvasStrokeGradient,e.__canvasStrokeGradient=g),d&&(_=b\|\|!e.__canvasFillPattern?Ju(t,u,e):e.__canvasFillPattern,e.__canvasFillPattern=_),y&&(m=b\|\|!e.__canvasStrokePattern?Ju(t,c,e):e.__canvasStrokePattern,e.__canvasStrokePattern=m),p?t.fillStyle=v:d&&(_?t.fillStyle=_:a=!1),f?t.strokeStyle=g:y&&(m?t.strokeStyle=m:o=!1));var S,T,k=e.getGlobalScale();w.setScale(k[0],k[1],e.segmentIgnoreThreshold),t.setLineDash&&r.lineDash&&(S=(n=Vu(e))[0],T=n[1]);var C=!0;(l\|\|b&ir)&&(w.setDPR(t.dpr),h?w.setContext(null):(w.setContext(t),C=!1),w.reset(),e.buildPath(w,e.shape,i),w.toStatic(),e.pathUpdated()),C&&w.rebuildPath(t,h?s:1),S&&(t.setLineDash(S),t.lineDashOffset=T),i\|\|(r.strokeFirst?(o&&$u(t,r),a&&Qu(t,r)):(a&&Qu(t,r),o&&$u(t,r))),S&&t.setLineDash([])}(t,e,p,a),a&&(r.batchFill=p.fill\|\|"",r.batchStroke=p.stroke\|\|"")):e instanceof $s?(r.lastDrawType!==sc&&(H=!0,r.lastDrawType=sc),ic(t,e,o,H,r),A=t,D=e,null!=(O=(L=p).text)&&(O+=""),O&&(A.font=L.font\|\|W,A.textAlign=L.textAlign,A.textBaseline=L.textBaseline,R=I=void 0,A.setLineDash&&L.lineDash&&(I=(z=Vu(D))[0],R=z[1]),I&&(A.setLineDash(I),A.lineDashOffset=R),L.strokeFirst?(Gu(L)&&A.strokeText(O,L.x,L.y),Ku(L)&&A.fillText(O,L.x,L.y)):(Ku(L)&&A.fillText(O,L.x,L.y),Gu(L)&&A.strokeText(O,L.x,L.y)),I&&A.setLineDash([]))):e instanceof qa?(r.lastDrawType!==ac&&(H=!0,r.lastDrawType=ac),C=o,P=H,rc(t,uc(e,(M=r).inHover),C&&uc(C,M.inHover),P,M),f=t,y=p,(k=(d=e).__image=Ds(y.image,d.__image,d,d.onload))&&zs(k)&&(v=y.x\|\|0,g=y.y\|\|0,_=d.getWidth(),m=d.getHeight(),x=k.width/k.height,null==_&&null!=m?_=mx:null==m&&null!=_?m=_/x:null==_&&null==m&&(_=k.width,m=k.height),y.sWidth&&y.sHeight?(w=y.sx\|\|0,b=y.sy\|\|0,f.drawImage(k,w,b,y.sWidth,y.sHeight,v,g,_,m)):y.sx&&y.sy?(S=_-(w=y.sx),T=m-(b=y.sy),f.drawImage(k,w,b,S,T,v,g,_,m)):f.drawImage(k,v,g,_,m))):e.getTemporalDisplayables&&(r.lastDrawType!==hc&&(H=!0,r.lastDrawType=hc),function(t,e,r){var i=e.getDisplayables(),n=e.getTemporalDisplayables();t.save();var o,a,s={prevElClipPaths:null,prevEl:null,allClipped:!1,viewWidth:r.viewWidth,viewHeight:r.viewHeight,inHover:r.inHover};for(o=e.getCursor(),a=i.length;o<a;o++){(u=i[o]).beforeBrush&&u.beforeBrush(),u.innerBeforeBrush(),cc(t,u,s,o===a-1),u.innerAfterBrush(),u.afterBrush&&u.afterBrush(),s.prevEl=u}for(var h=0,l=n.length;h<l;h++){var u;(u=n[h]).beforeBrush&&u.beforeBrush(),u.innerBeforeBrush(),cc(t,u,s,h===l-1),u.innerAfterBrush(),u.afterBrush&&u.afterBrush(),s.prevEl=u}e.clearTemporalDisplayables(),e.notClear=!0,t.restore()}(t,e,r)),a&&i&&lc(t,r),e.innerAfterBrush(),e.afterBrush&&e.afterBrush(),(r.prevEl=e).__dirty=0,e.__isRendered=!0)}function pc(t,e,r){var i=f.createCanvas(),n=e.getWidth(),o=e.getHeight(),a=i.style;return a&&(a.position="absolute",a.left="0",a.top="0",a.width=n+"px",a.height=o+"px",i.setAttribute("data-zr-dom-id",t)),i.width=nr,i.height=or,i}var fc,dc=(vt(yc,fc=Bt),yc.prototype.getElementCount=function(){return this.__endIndex-this.__startIndex},yc.prototype.afterBrush=function(){this.__prevStartIndex=this.__startIndex,this.__prevEndIndex=this.__endIndex},yc.prototype.initContext=function(){this.ctx=this.dom.getContext("2d"),this.ctx.dpr=this.dpr},yc.prototype.setUnpainted=function(){this.__firstTimePaint=!0},yc.prototype.createBackBuffer=function(){var t=this.dpr;this.domBack=pc("back-"+this.id,this.painter,t),this.ctxBack=this.domBack.getContext("2d"),1!==t&&this.ctxBack.scale(t,t)},yc.prototype.createRepaintRects=function(t,e,r,i){if(this.__firstTimePaint)return this.__firstTimePaint=!1,null;var c=[],p=this.maxRepaintRectCount,f=!1,d=new Ae(0,0,0,0);function n(t){if(t.isFinite()&&!t.isZero())if(0===c.length)(e=new Ae(0,0,0,0)).copy(t),c.push(e);else{for(var e,r=!1,i=1/0,n=0,o=0;o<c.length;++o){var a,s,h,l=c[o];if(l.intersect(t)){var u=new Ae(0,0,0,0);u.copy(l),u.union(t),c[o]=u,r=!0;break}f&&(d.copy(t),d.union(l),a=t.widtht.height,s=l.widthl.height,(h=d.widthd.height-a-s)<i&&(i=h,n=o))}f&&(c[n].union(t),r=!0),r\|\|((e=new Ae(0,0,0,0)).copy(t),c.push(e)),f=f\|\|c.length>=p}}for(var o,a=this.__startIndex;a<this.__endIndex;++a)(h=t[a])&&(u=h.shouldBePainted(r,i,!0,!0),(l=h.__isRendered&&(h.__dirty&rr\|\|!u)?h.getPrevPaintRect():null)&&n(l),(o=u&&(h.__dirty&rr\|\|!h.__isRendered)?h.getPaintRect():null)&&n(o));for(var s,a=this.__prevStartIndex;a<this.__prevEndIndex;++a){var h,l,u=(h=e[a])&&h.shouldBePainted(r,i,!0,!0);!h\|\|u&&h.__zr\|\|!h.__isRendered\|\|(l=h.getPrevPaintRect())&&n(l)}do{for(s=!1,a=0;a<c.length;)if(c[a].isZero())c.splice(a,1);else{for(var y=a+1;y<c.length;)c[a].intersect(c[y])?(s=!0,c[a].union(c[y]),c.splice(y,1)):y++;a++}}while(s);return this._paintRects=c},yc.prototype.debugGetPaintRects=function(){return(this._paintRects\|\|[]).slice()},yc.prototype.resize=function(t,e){var r=this.dpr,i=this.dom,n=i.style,o=this.domBack;n&&(n.width=t+"px",n.height=e+"px"),i.width=tr,i.height=er,o&&(o.width=tr,o.height=er,1!==r&&this.ctxBack.scale(r,r))},yc.prototype.clear=function(t,o,e){var r=this.dom,a=this.ctx,i=r.width,n=r.height;o=o\|\|this.clearColor;var s=this.motionBlur&&!t,h=this.lastFrameAlpha,l=this.dpr,u=this;s&&(this.domBack\|\|this.createBackBuffer(),this.ctxBack.globalCompositeOperation="copy",this.ctxBack.drawImage(r,0,0,i/l,n/l));var c=this.domBack;function p(t,e,r,i){var n;a.clearRect(t,e,r,i),o&&"transparent"!==o&&(n=void 0,j(o)?(n=(o.global\|\|o.__width===r&&o.__height===i)&&o.__canvasGradient\|\|Yu(a,o,{x:0,y:0,width:r,height:i}),o.__canvasGradient=n,o.__width=r,o.__height=i):V(o)&&(o.scaleX=o.scaleX\|\|l,o.scaleY=o.scaleY\|\|l,n=Ju(a,o,{dirty:function(){u.setUnpainted(),u.painter.refresh()}})),a.save(),a.fillStyle=n\|\|o,a.fillRect(t,e,r,i),a.restore()),s&&(a.save(),a.globalAlpha=h,a.drawImage(c,t,e,r,i),a.restore())}!e\|\|s?p(0,0,i,n):e.length&&R(e,function(t){p(t.xl,t.yl,t.widthl,t.heightl)})},yc);function yc(t,e,r){var i,n=fc.call(this)\|\|this;n.motionBlur=!1,n.lastFrameAlpha=.7,n.dpr=1,n.virtual=!1,n.config={},n.incremental=!1,n.zlevel=0,n.maxRepaintRectCount=5,n.__dirty=!0,n.__firstTimePaint=!0,n.__used=!1,n.__drawIndex=0,n.__startIndex=0,n.__endIndex=0,n.__prevStartIndex=null,n.__prevEndIndex=null,r=r\|\|fn,"string"==typeof t?i=pc(t,e,r):E(t)&&(t=(i=t).id),n.id=t;var o=(n.dom=i).style;return o&&(lt(i),i.onselectstart=function(){return!1},o.padding="0",o.margin="0",o.borderWidth="0"),n.painter=e,n.dpr=r,n}var vc=314159;var gc=(_c.prototype.getType=function(){return"canvas"},_c.prototype.isSingleCanvas=function(){return this._singleCanvas},_c.prototype.getViewportRoot=function(){return this._domRoot},_c.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft\|\|0,offsetTop:t.offsetTop\|\|0}},_c.prototype.refresh=function(t){var e=this.storage.getDisplayList(!0),r=this._prevDisplayList,i=this._zlevelList;this._redrawId=Math.random(),this._paintList(e,r,t,this._redrawId);for(var n=0;n<i.length;n++){var o,a=i[n],s=this._layers[a];!s.__builtin__&&s.refresh&&(o=0===n?this._backgroundColor:null,s.refresh(o))}return this._opts.useDirtyRect&&(this._prevDisplayList=e.slice()),this},_c.prototype.refreshHover=function(){this._paintHoverList(this.storage.getDisplayList(!1))},_c.prototype._paintHoverList=function(t){var e=t.length,r=this._hoverlayer;if(r&&r.clear(),e){for(var i,n={inHover:!0,viewWidth:this._width,viewHeight:this._height},o=0;o<e;o++){var a=t[o];a.__inHover&&(r=r\|\|(this._hoverlayer=this.getLayer(1e5)),i\|\|(i=r.ctx).save(),cc(i,a,n,o===e-1))}i&&i.restore()}},_c.prototype.getHoverLayer=function(){return this.getLayer(1e5)},_c.prototype.paintOne=function(t,e){cc(t,e,{inHover:!1,viewWidth:0,viewHeight:0},!0)},_c.prototype._paintList=function(t,e,r,i){var n,o,a,s;this._redrawId===i&&(r=r\|\|!1,this._updateLayerStatus(t),o=(n=this._doPaintList(t,e,r)).finished,a=n.needsRefreshHover,this._needsManuallyCompositing&&this._compositeManually(),a&&this._paintHoverList(t),o?this.eachLayer(function(t){t.afterBrush&&t.afterBrush()}):(s=this,lr(function(){s._paintList(t,e,r,i)})))},_c.prototype._compositeManually=function(){var e=this.getLayer(vc).ctx,r=this._domRoot.width,i=this._domRoot.height;e.clearRect(0,0,r,i),this.eachBuiltinLayer(function(t){t.virtual&&e.drawImage(t.dom,0,0,r,i)})},_c.prototype._doPaintList=function(d,y,v){for(var g=this,_=[],m=this._opts.useDirtyRect,t=0;t<this._zlevelList.length;t++){var e=this._zlevelList[t],r=this._layers[e];r.__builtin__&&r!==this._hoverlayer&&(r.__dirty\|\|v)&&_.push(r)}for(var x=!0,w=!1,b=this,i=0;i<_.length;i++)!function(t){var e,i,n=_[t],o=n.ctx,r=m&&n.createRepaintRects(d,y,b._width,b._height),a=v?n.__startIndex:n.__drawIndex,s=!v&&n.incremental&&Date.now,h=s&&Date.now(),l=n.zlevel===b._zlevelList[0]?b._backgroundColor:null;function u(t){var e={inHover:!1,allClipped:!1,prevEl:null,viewWidth:g._width,viewHeight:g._height};for(i=a;i<n.__endIndex;i++){var r=d[i];if(r.__inHover&&(w=!0),g._doPaintEl(r,n,m,t,e,i===n.__endIndex-1),s&&15<Date.now()-h)break}e.prevElClipPaths&&o.restore()}if(n.__startIndex===n.__endIndex?n.clear(!1,l,r):a===n.__startIndex&&((e=d[a]).incremental&&e.notClear&&!v\|\|n.clear(!1,l,r)),-1===a&&(console.error("For some unknown reason. drawIndex is -1"),a=n.__startIndex),r)if(0===r.length)i=n.__endIndex;else for(var c=b.dpr,p=0;p<r.length;++p){var f=r[p];o.save(),o.beginPath(),o.rect(f.xc,f.yc,f.widthc,f.heightc),o.clip(),u(f),o.restore()}else o.save(),u(),o.restore();n.__drawIndex=i,n.__drawIndex<n.__endIndex&&(x=!1)}(i);return c.wxa&&R(this._layers,function(t){t&&t.ctx&&t.ctx.draw&&t.ctx.draw()}),{finished:x,needsRefreshHover:w}},_c.prototype._doPaintEl=function(t,e,r,i,n,o){var a,s=e.ctx;r?(a=t.getPaintRect(),(!i\|\|a&&a.intersect(i))&&(cc(s,t,n,o),t.setPrevPaintRect(a))):cc(s,t,n,o)},_c.prototype.getLayer=function(t,e){this._singleCanvas&&!this._needsManuallyCompositing&&(t=vc);var r=this._layers[t];return r\|\|((r=new dc("zr_"+t,this,this.dpr)).zlevel=t,r.__builtin__=!0,this._layerConfig[t]?S(r,this._layerConfig[t],!0):this._layerConfig[t-.01]&&S(r,this._layerConfig[t-.01],!0),e&&(r.virtual=e),this.insertLayer(t,r),r.initContext()),r},_c.prototype.insertLayer=function(t,e){var r,i=this._layers,n=this._zlevelList,o=n.length,a=this._domRoot,s=null,h=-1;if(!i[t]&&function(t){if(t){if(t.__builtin__)return 1;if("function"==typeof t.resize&&"function"==typeof t.refresh)return 1}}(e)){if(0<o&&t>n[0]){for(h=0;h<o-1&&!(n[h]<t&&n[h+1]>t);h++);s=i[n[h]]}n.splice(h+1,0,t),(i[t]=e).virtual\|\|(s?(r=s.dom).nextSibling?a.insertBefore(e.dom,r.nextSibling):a.appendChild(e.dom):a.firstChild?a.insertBefore(e.dom,a.firstChild):a.appendChild(e.dom)),e.painter\|\|(e.painter=this)}},_c.prototype.eachLayer=function(t,e){for(var r=this._zlevelList,i=0;i<r.length;i++){var n=r[i];t.call(e,this._layers[n],n)}},_c.prototype.eachBuiltinLayer=function(t,e){for(var r=this._zlevelList,i=0;i<r.length;i++){var n=r[i],o=this._layers[n];o.__builtin__&&t.call(e,o,n)}},_c.prototype.eachOtherLayer=function(t,e){for(var r=this._zlevelList,i=0;i<r.length;i++){var n=r[i],o=this._layers[n];o.__builtin__\|\|t.call(e,o,n)}},_c.prototype.getLayers=function(){return this._layers},_c.prototype._updateLayerStatus=function(t){function e(t){n&&(n.__endIndex!==t&&(n.__dirty=!0),n.__endIndex=t)}if(this.eachBuiltinLayer(function(t,e){t.__dirty=t.__used=!1}),this._singleCanvas)for(var r=1;r<t.length;r++)if((s=t[r]).zlevel!==t[r-1].zlevel\|\|s.incremental){this._needsManuallyCompositing=!0;break}for(var i,n=null,o=0,a=0;a<t.length;a++){var s,h=(s=t[a]).zlevel,l=void 0;i!==h&&(i=h,o=0),s.incremental?((l=this.getLayer(h+.001,this._needsManuallyCompositing)).incremental=!0,o=1):l=this.getLayer(h+(0<o?.01:0),this._needsManuallyCompositing),l.__builtin__\|\|b("ZLevel "+h+" has been used by unkown layer "+l.id),l!==n&&(l.__used=!0,l.__startIndex!==a&&(l.__dirty=!0),l.__startIndex=a,l.incremental?l.__drawIndex=-1:l.__drawIndex=a,e(a),n=l),s.__dirty&rr&&!s.__inHover&&(l.__dirty=!0,l.incremental&&l.__drawIndex<0&&(l.__drawIndex=a))}e(a),this.eachBuiltinLayer(function(t,e){!t.__used&&0<t.getElementCount()&&(t.__dirty=!0,t.__startIndex=t.__endIndex=t.__drawIndex=0),t.__dirty&&t.__drawIndex<0&&(t.__drawIndex=t.__startIndex)})},_c.prototype.clear=function(){return this.eachBuiltinLayer(this._clearLayer),this},_c.prototype._clearLayer=function(t){t.clear()},_c.prototype.setBackgroundColor=function(t){this._backgroundColor=t,R(this._layers,function(t){t.setUnpainted()})},_c.prototype.configLayer=function(t,e){if(e){var r=this._layerConfig;r[t]?S(r[t],e,!0):r[t]=e;for(var i=0;i<this._zlevelList.length;i++){var n=this._zlevelList[i];n!==t&&n!==t+.01\|\|S(this._layers[n],r[t],!0)}}},_c.prototype.delLayer=function(t){var e=this._layers,r=this._zlevelList,i=e[t];i&&(i.dom.parentNode.removeChild(i.dom),delete e[t],r.splice(P(r,t),1))},_c.prototype.resize=function(t,e){if(this._domRoot.style){var r=this._domRoot;r.style.display="none";var i=this._opts,n=this.root;if(null!=t&&(i.width=t),null!=e&&(i.height=e),t=ju(n,0,i),e=ju(n,1,i),r.style.display="",this._width!==t\|\|e!==this._height){for(var o in r.style.width=t+"px",r.style.height=e+"px",this._layers)this._layers.hasOwnProperty(o)&&this._layers[o].resize(t,e);this.refresh(!0)}this._width=t,this._height=e}else{if(null==t\|\|null==e)return;this._width=t,this._height=e,this.getLayer(vc).resize(t,e)}return this},_c.prototype.clearLayer=function(t){var e=this._layers[t];e&&e.clear()},_c.prototype.dispose=function(){this.root.innerHTML="",this.root=this.storage=this._domRoot=this._layers=null},_c.prototype.getRenderedCanvas=function(t){if(t=t\|\|{},this._singleCanvas&&!this._compositeManually)return this._layers[vc].dom;var e=new dc("image",this,t.pixelRatio\|\|this.dpr);e.initContext(),e.clear(!1,t.backgroundColor\|\|this._backgroundColor);var r=e.ctx;if(t.pixelRatio<=this.dpr){this.refresh();var i=e.dom.width,n=e.dom.height;this.eachLayer(function(t){t.__builtin__?r.drawImage(t.dom,0,0,i,n):t.renderToCanvas&&(r.save(),t.renderToCanvas(r),r.restore())})}else for(var o={inHover:!1,viewWidth:this._width,viewHeight:this._height},a=this.storage.getDisplayList(!0),s=0,h=a.length;s<h;s++){var l=a[s];cc(r,l,o,s===h-1)}return e.dom},_c.prototype.getWidth=function(){return this._width},_c.prototype.getHeight=function(){return this._height},_c);function _c(t,e,r,i){this.type="canvas",this._zlevelList=[],this._prevDisplayList=[],this._layers={},this._layerConfig={},this._needsManuallyCompositing=!1,this.type="canvas";var n=!t.nodeName\|\|"CANVAS"===t.nodeName.toUpperCase();this._opts=r=I({},r\|\|{}),this.dpr=r.devicePixelRatio\|\|fn,this._singleCanvas=n,(this.root=t).style&&(lt(t),t.innerHTML=""),this.storage=e;var o=this._zlevelList;this._prevDisplayList=[];var a,s,h,l,u,c,p,f,d=this._layers;n?(s=(a=t).width,h=a.height,null!=r.width&&(s=r.width),null!=r.height&&(h=r.height),this.dpr=r.devicePixelRatio\|\|1,a.width=sthis.dpr,a.height=hthis.dpr,this._width=s,this._height=h,(l=new dc(a,this,this.dpr)).__builtin__=!0,l.initContext(),(d[vc]=l).zlevel=vc,o.push(vc),this._domRoot=t):(this._width=ju(t,0,r),this._height=ju(t,1,r),u=this._domRoot=(c=this._width,p=this._height,(f=document.createElement("div")).style.cssText=["position:relative","width:"+c+"px","height:"+p+"px","padding:0","margin:0","border-width:0"].join(";")+";",f),t.appendChild(u))}var mc=Math.sin,xc=Math.cos,wc=Math.PI,bc=2Math.PI,Sc=180/wc,Tc=(kc.prototype.reset=function(t){this._start=!0,this._d=[],this._str="",this._p=Math.pow(10,t\|\|4)},kc.prototype.moveTo=function(t,e){this._add("M",t,e)},kc.prototype.lineTo=function(t,e){this._add("L",t,e)},kc.prototype.bezierCurveTo=function(t,e,r,i,n,o){this._add("C",t,e,r,i,n,o)},kc.prototype.quadraticCurveTo=function(t,e,r,i){this._add("Q",t,e,r,i)},kc.prototype.arc=function(t,e,r,i,n,o){this.ellipse(t,e,r,r,0,i,n,o)},kc.prototype.ellipse=function(t,e,r,i,n,o,a,s){var h=a-o,l=!s,u=Math.abs(h),c=fi(u-bc)\|\|(l?bc<=h:bc<=-h),p=!1,p=!!c\|\|!fi(u)&&wc<=(0<h?h%bc:h%bc+bc)==!!l,f=t+rxc(o),d=e+imc(o);this._start&&this._add("M",f,d);var y,v,g,_,m=Math.round(nSc);c?(y=1/this._p,v=(l?1:-1)(bc-y),this._add("A",r,i,m,1,+l,t+rxc(o+v),e+imc(o+v)),.01<y&&this._add("A",r,i,m,0,+l,f,d)):(g=t+rxc(a),_=e+imc(a),this._add("A",r,i,m,+p,+l,g,_))},kc.prototype.rect=function(t,e,r,i){this._add("M",t,e),this._add("l",r,0),this._add("l",0,i),this._add("l",-r,0),this._add("Z")},kc.prototype.closePath=function(){0<this._d.length&&this._add("Z")},kc.prototype._add=function(t,e,r,i,n,o,a,s,h){for(var l=[],u=this._p,c=1;c<arguments.length;c++){var p=arguments[c];if(isNaN(p))return void(this._invalid=!0);l.push(Math.round(pu)/u)}this._d.push(t+l.join(" ")),this._start="Z"===t},kc.prototype.generateStr=function(){this._str=this._invalid?"":this._d.join(""),this._d=[]},kc.prototype.getStr=function(){return this._str},kc);function kc(){}var Cc="none",Pc=Math.round;var Mc=["lineCap","miterLimit","lineJoin"],Ac=D(Mc,function(t){return"stroke-"+t.toLowerCase()});function Dc(t,e,r,i){var n,o,a,s,h=null==e.opacity?1:e.opacity;if(r instanceof qa)t("opacity",h);else if(null!=(a=e.fill)&&a!==Cc?(t("fill",(n=ci(e.fill)).color),o=null!=e.fillOpacity?e.fillOpacityn.opacityh:n.opacityh,(i\|\|o<1)&&t("fill-opacity",o)):t("fill",Cc),null!=(s=e.stroke)&&s!==Cc){var l=ci(e.stroke);t("stroke",l.color);var u,c,p,f=e.strokeNoScale?r.getLineScale():1,d=f?(e.lineWidth\|\|0)/f:0,y=null!=e.strokeOpacity?e.strokeOpacityl.opacityh:l.opacityh,v=e.strokeFirst;!i&&1==d\|\|t("stroke-width",d),(i\|\|v)&&t("paint-order",v?"stroke":"fill"),(i\|\|y<1)&&t("stroke-opacity",y),e.lineDash?(c=(u=Vu(r))[0],p=u[1],c&&(p=Pc(p\|\|0),t("stroke-dasharray",c.join(",")),(p\|\|i)&&t("stroke-dashoffset",p))):i&&t("stroke-dasharray",Cc);for(var g=0;g<Mc.length;g++){var _,m=Mc[g];!i&&e[m]===fa[m]\|\|(_=e[m]\|\|fa[m])&&t(Ac[g],_)}}else i&&t("stroke",Cc)}var Lc="http://www.w3.org/2000/svg",zc="http://www.w3.org/1999/xlink",Ic="http://www.w3.org/2000/xmlns/",Rc="http://www.w3.org/XML/1998/namespace",Oc="ecmeta_";function Fc(t){return document.createElementNS(Lc,t)}function Bc(t,e,r,i,n){return{tag:t,attrs:r\|\|{},children:i,text:n,key:e}}function Nc(t,e){var s=(e=e\|\|{}).newline?"\n":"";return function t(e){var r,i=e.children,n=e.tag,o=e.attrs,a=e.text;return function(t,e){var r=[];if(e)for(var i in e){var n=e[i],o=i;!1!==n&&(!0!==n&&null!=n&&(o+='="'+n+'"'),r.push(o))}return"<"+t+" "+r.join(" ")+">"}(n,o)+("style"!==n?null==(r=a)?"":(r+"").replace(jt,function(t,e){return Vt[e]}):a\|\|"")+(i?""+s+D(i,t).join(s)+s:"")+"</"+n+">"}(t)}function Hc(t){return{zrId:t,shadowCache:{},patternCache:{},gradientCache:{},clipPathCache:{},defs:{},cssNodes:{},cssAnims:{},cssStyleCache:{},cssAnimIdx:0,shadowIdx:0,gradientIdx:0,patternIdx:0,clipPathIdx:0}}function Wc(t,e,r,i){return Bc("svg","root",{width:t,height:e,xmlns:Lc,"xmlns:xlink":zc,version:"1.1",baseProfile:"full",viewBox:!!i&&"0 0 "+t+" "+e},r)}var Ec=0;function Xc(){return Ec++}var Yc={cubicIn:"0.32,0,0.67,0",cubicOut:"0.33,1,0.68,1",cubicInOut:"0.65,0,0.35,1",quadraticIn:"0.11,0,0.5,0",quadraticOut:"0.5,1,0.89,1",quadraticInOut:"0.45,0,0.55,1",quarticIn:"0.5,0,0.75,0",quarticOut:"0.25,1,0.5,1",quarticInOut:"0.76,0,0.24,1",quinticIn:"0.64,0,0.78,0",quinticOut:"0.22,1,0.36,1",quinticInOut:"0.83,0,0.17,1",sinusoidalIn:"0.12,0,0.39,0",sinusoidalOut:"0.61,1,0.88,1",sinusoidalInOut:"0.37,0,0.63,1",exponentialIn:"0.7,0,0.84,0",exponentialOut:"0.16,1,0.3,1",exponentialInOut:"0.87,0,0.13,1",circularIn:"0.55,0,1,0.45",circularOut:"0,0.55,0.45,1",circularInOut:"0.85,0,0.15,1"},qc="transform-origin";var jc={fill:"fill",opacity:"opacity",lineWidth:"stroke-width",lineDashOffset:"stroke-dashoffset"};function Vc(t,e){var r=e.zrId+"-ani-"+e.cssAnimIdx++;return e.cssAnims[r]=t,r}function Uc(t){return N(t)?Yc[t]?"cubic-bezier("+Yc[t]+")":zr(t)?t:"":""}function Gc(A,D,L,z){var t=A.animators,e=t.length,r=[];if(A instanceof ul){if(i=function(t,e,c){var p,f,r=t.shape.paths,d={};if(R(r,function(t){var e=Hc(c.zrId);e.animation=!0,Gc(t,{},e,!0);var r=e.cssAnims,i=e.cssNodes,n=F(r),o=n.length;if(o){var a=r[f=n[o-1]];for(var s in a){var h=a[s];d[s]=d[s]\|\|{d:""},d[s].d+=h.d\|\|""}for(var l in i){var u=i[l].animation;0<=u.indexOf(f)&&(p=u)}}}),p){e.d=!1;var i=Vc(d,c);return p.replace(f,i)}}(A,D,L))r.push(i);else if(!e)return}else if(!e)return;for(var i,n,o={},a=0;a<e;a++){var s=t[a],h=[s.getMaxTime()/1e3+"s"],l=Uc(s.getClip().easing),u=s.getDelay();l?h.push(l):h.push("linear"),u&&h.push(u/1e3+"s"),s.getLoop()&&h.push("infinite");var c=h.join(" ");o[c]=o[c]\|\|[c,[]],o[c][1].push(s)}function p(t){var e=t[1],r=e.length,i={},n={},o={},d="animation-timing-function";function a(t,e,r){for(var i=t.getTracks(),n=t.getMaxTime(),o=0;o<i.length;o++){var a=i[o];if(a.needsAnimate()){var s=a.keyframes,h=a.propName;if(r&&(h=r(h)),h)for(var l=0;l<s.length;l++){var u=s[l],c=Math.round(u.time/n100)+"%",p=Uc(u.easing),f=u.rawValue;(N(f)\|\|H(f))&&(e[c]=e[c]\|\|{},e[c][h]=u.rawValue,p&&(e[c][d]=p))}}}}for(var s,h,l,u,c,p=0;p<r;p++){(S=(b=e[p]).targetName)?"shape"===S&&a(b,n):z\|\|a(b,i)}for(var f in i){var y={};Pn(y,A),I(y,i[f]);var v=Ti(y),g=i[f][d];o[f]=v?{transform:v}:{},s=o[f],u=l=void 0,l=(h=y).originX,u=h.originY,(l\|\|u)&&(s[qc]=l+"px "+u+"px"),g&&(o[f][d]=g)}var _=!0;for(var f in n){o[f]=o[f]\|\|{};var m=!c,g=n[f][d];m&&(c=new Go);var x=c.len();c.reset(),o[f].d=function(t,e,r){var i=I({},t.shape);I(i,e),t.buildPath(r,i);var n=new Tc;return n.reset(Si(t)),r.rebuildPath(n,1),n.generateStr(),n.getStr()}(A,n[f],c);var w=c.len();if(!m&&x!==w){_=!1;break}g&&(o[f][d]=g)}if(!_)for(var f in o)delete o[f].d;if(!z)for(var b,S,p=0;p<r;p++){"style"===(S=(b=e[p]).targetName)&&a(b,o,function(t){return jc[t]})}for(var T,k=F(o),C=!0,p=1;p<k.length;p++){var P=k[p-1],M=k[p];if(o[P][qc]!==o[M][qc]){C=!1;break}T=o[P][qc]}if(C&&T){for(var f in o)o[f][qc]&&delete o[f][qc];D[qc]=T}if(O(k,function(t){return 0<F(o[t]).length}).length)return Vc(o,L)+" "+t[0]+" both"}for(var f in o){(i=p(o[f]))&&r.push(i)}r.length&&(n=L.zrId+"-cls-"+Xc(),L.cssNodes["."+n]={animation:r.join(",")},D.class=n)}function Zc(t,e,r,i){var n=JSON.stringify(t),o=r.cssStyleCache[n];o\|\|(o=r.zrId+"-cls-"+Xc(),r.cssStyleCache[n]=o,r.cssNodes["."+o+(i?":hover":"")]=t),e.class=e.class?e.class+" "+o:o}var Kc=Math.round;function Qc(t){return t&&N(t.src)}function $c(t){return t&&B(t.toDataURL)}function Jc(i,n,o,a){Dc(function(t,e){var r="fill"===t\|\|"stroke"===t;r&&wi(e)?lp(n,i,t,a):r&&_i(e)?up(o,i,t,a):i[t]=e,r&&a.ssr&&"none"===e&&(i["pointer-events"]="visible")},n,o,!1),function(t,e,r){var i=t.style;if(function(t){return t&&(t.shadowBlur\|\|t.shadowOffsetX\|\|t.shadowOffsetY)}(i)){var n=function(t){var e=t.style,r=t.getGlobalScale();return[e.shadowColor,(e.shadowBlur\|\|0).toFixed(2),(e.shadowOffsetX\|\|0).toFixed(2),(e.shadowOffsetY\|\|0).toFixed(2),r[0],r[1]].join(",")}(t),o=r.shadowCache,a=o[n];if(!a){var s=t.getGlobalScale(),h=s[0],l=s[1];if(!h\|\|!l)return;var u=i.shadowOffsetX\|\|0,c=i.shadowOffsetY\|\|0,p=i.shadowBlur,f=ci(i.shadowColor),d=f.opacity,y=f.color,v=p/2/h+" "+p/2/l;a=r.zrId+"-s"+r.shadowIdx++,r.defs[a]=Bc("filter",a,{id:a,x:"-100%",y:"-100%",width:"300%",height:"300%"},[Bc("feDropShadow","",{dx:u/h,dy:c/l,stdDeviation:v,"flood-color":y,"flood-opacity":d})]),o[n]=a}e.filter=bi(a)}}(o,i,a)}function tp(r,t){var e=oo(t);e&&(e.each(function(t,e){null!=t&&(r[(Oc+e).toLowerCase()]=t+"")}),t.isSilent()&&(r[Oc+"silent"]="true"))}function ep(t){return fi(t[0]-1)&&fi(t[1])&&fi(t[2])&&fi(t[3]-1)}function rp(t,e,r){var i,n,o;!e\|\|fi((o=e)[4])&&fi(o[5])&&ep(e)\|\|(i=r?10:1e4,t.transform=ep(e)?"translate("+Kc(e[4]i)/i+" "+Kc(e[5]i)/i+")":"matrix("+di((n=e)[0])+","+di(n[1])+","+di(n[2])+","+di(n[3])+","+yi(n[4])+","+yi(n[5])+")")}function ip(t,e,r){for(var i=t.points,n=[],o=0;o<i.length;o++)n.push(Kc(i[o][0]r)/r),n.push(Kc(i[o][1]r)/r);e.points=n.join(" ")}function np(t){return!t.smooth}var op,ap={circle:[(op=D(["cx","cy","r"],function(t){return"string"==typeof t?[t,t]:t}),function(t,e,r){for(var i=0;i<op.length;i++){var n=op[i],o=t[n[0]];null!=o&&(e[n[1]]=Kc(or)/r)}})],polyline:[ip,np],polygon:[ip,np]};function sp(t,e){var r,i,n,o,a,s,h,l,u,c,p,f,d,y,v,g,_=t.style,m=t.shape,x=ap[t.type],w={},b=e.animation,S="path",T=t.style.strokePercent,k=e.compress&&Si(t)\|\|4;return!x\|\|e.willUpdate\|\|x[1]&&!x[1](m)\|\|b&&function(t){for(var e=t.animators,r=0;r<e.length;r++)if("shape"===e[r].targetName)return 1}(t)\|\|T<1?(r=!t.path\|\|t.shapeChanged(),t.path\|\|t.createPathProxy(),i=t.path,r&&(i.beginPath(),t.buildPath(i,t.shape),t.pathUpdated()),n=i.getVersion(),a=(o=t).__svgPathBuilder,o.__svgPathVersion===n&&a&&T===o.__svgPathStrokePercent\|\|((a=a\|\|(o.__svgPathBuilder=new Tc)).reset(k),i.rebuildPath(a,T),a.generateStr(),o.__svgPathVersion=n,o.__svgPathStrokePercent=T),w.d=a.getStr()):(S=t.type,s=Math.pow(10,k),x[0](m,w,s)),rp(w,t.transform),Jc(w,_,t,e),tp(w,t),e.animation&&Gc(t,w,e),e.emphasis&&(l=w,u=e,(h=t).ignore\|\|(h.isSilent()?Zc(g={"pointer-events":"none"},l,u,!0):((p=(c=h.states.emphasis&&h.states.emphasis.style?h.states.emphasis.style:{}).fill)\|\|(f=h.style&&h.style.fill,d=h.states.select&&h.states.select.style&&h.states.select.style.fill,(y=0<=h.currentStates.indexOf("select")&&d\|\|f)&&(p=hi(y))),(v=c.lineWidth)&&(v/=!c.strokeNoScale&&h.transform?h.transform[0]:1),g={cursor:"pointer"},p&&(g.fill=p),c.stroke&&(g.stroke=c.stroke),v&&(g["stroke-width"]=v),Zc(g,l,u,!0)))),Bc(S,t.id+"",w)}function hp(t,e){return t instanceof va?sp(t,e):t instanceof qa?function(t,e){var r=t.style,i=r.image;if(i&&!N(i)&&(Qc(i)?i=i.src:$c(i)&&(i=i.toDataURL())),i){var n=r.x\|\|0,o=r.y\|\|0,a={href:i,width:r.width,height:r.height};return n&&(a.x=n),o&&(a.y=o),rp(a,t.transform),Jc(a,r,t,e),tp(a,t),e.animation&&Gc(t,a,e),Bc("image",t.id+"",a)}}(t,e):t instanceof $s?function(t,e){var r=t.style,i=r.text;if(null!=i&&(i+=""),i&&!isNaN(r.x)&&!isNaN(r.y)){var n,o,a,s=r.font\|\|W,h=r.x\|\|0,l=(n=r.y\|\|0,o=On(s),"top"===(a=r.textBaseline)?n+=o/2:"bottom"===a&&(n-=o/2),n),u={"dominant-baseline":"central","text-anchor":vi[r.textAlign]\|\|r.textAlign};if(Pl(r)){var c="",p=r.fontStyle,f=kl(r.fontSize);if(!parseFloat(f))return;var d=r.fontFamily\|\|v,y=r.fontWeight;c+="font-size:"+f+";font-family:"+d+";",p&&"normal"!==p&&(c+="font-style:"+p+";"),y&&"normal"!==y&&(c+="font-weight:"+y+";"),u.style=c}else u.style="font: "+s;return i.match(/\s/)&&(u["xml:space"]="preserve"),h&&(u.x=h),l&&(u.y=l),rp(u,t.transform),Jc(u,r,t,e),tp(u,t),e.animation&&Gc(t,u,e),Bc("text",t.id+"",u,void 0,i)}}(t,e):void 0}function lp(t,e,r,i){var n,o=t[r],a={gradientUnits:o.global?"userSpaceOnUse":"objectBoundingBox"};if(mi(o))n="linearGradient",a.x1=o.x,a.y1=o.y,a.x2=o.x2,a.y2=o.y2;else{if(!xi(o))return;n="radialGradient",a.cx=Z(o.x,.5),a.cy=Z(o.y,.5),a.r=Z(o.r,.5)}for(var s=o.colorStops,h=[],l=0,u=s.length;l<u;++l){var c=100*yi(s[l].offset)+"%",p=ci(s[l].color),f=p.color,d=p.opacity,y={offset:c};y["stop-color"]=f,d<1&&(y["stop-opacity"]=d),h.push(Bc("stop",l+"",y))}var v=Nc(Bc(n,"",a,h)),g=i.gradientCache,_=g[v];_\|\|(_=i.zrId+"-g"+i.gradientIdx++,g[v]=_,a.id=_,i.defs[_]=Bc(n,_,a,h)),e[r]=bi(_)}function up(t,e,r,i){var n,o,a,s,h,l,u,c,p,f,d,y,v,g,_,m=t.style[r],x=t.getBoundingRect(),w={},b=m.repeat,S="no-repeat"===b,T="repeat-x"===b,k="repeat-y"===b;gi(m)?(o=m.imageWidth,a=m.imageHeight,s=void 0,N(h=m.image)?s=h:Qc(h)?s=h.src:$c(h)&&(s=h.toDataURL()),"undefined"==typeof Image?(J(o,l="Image width/height must been given explictly in svg-ssr renderer."),J(a,l)):null!=o&&null!=a\|\|(u=function(t,e){var r,i,n;t&&(r=t.elm,i=o\|\|e.width,n=a\|\|e.height,"pattern"===t.tag&&(T?(n=1,i/=x.width):k&&(i=1,n/=x.height)),t.attrs.width=i,t.attrs.height=n,r&&(r.setAttribute("width",i),r.setAttribute("height",n)))},(c=Ds(s,null,t,function(t){S\|\|u(y,t),u(n,t)}))&&c.width&&c.height&&(o=o\|\|c.width,a=a\|\|c.height)),n=Bc("image","img",{href:s,width:o,height:a}),w.width=o,w.height=a):m.svgElement&&(n=C(m.svgElement),w.width=m.svgWidth,w.height=m.svgHeight),n&&(S?p=f=1:T?(f=1,p=w.width/x.width):k?(p=1,f=w.height/x.height):w.patternUnits="userSpaceOnUse",null==p\|\|isNaN(p)\|\|(w.width=p),null==f\|\|isNaN(f)\|\|(w.height=f),(d=Ti(m))&&(w.patternTransform=d),v=Nc(y=Bc("pattern","",w,[n])),(_=(g=i.patternCache)[v])\|\|(_=i.zrId+"-p"+i.patternIdx++,g[v]=_,w.id=_,y=i.defs[_]=Bc("pattern",_,w,[n])),e[r]=bi(_))}function cp(t){return document.createTextNode(t)}function pp(t,e,r){t.insertBefore(e,r)}function fp(t,e){t.removeChild(e)}function dp(t,e){t.appendChild(e)}function yp(t){return t.parentNode}function vp(t){return t.nextSibling}function gp(t,e){t.textContent=e}var _p=58,mp=120,xp=Bc("","");function wp(t){return void 0===t}function bp(t){return void 0!==t}function Sp(t,e){var r=t.key===e.key;return t.tag===e.tag&&r}function Tp(t){var e,r=t.children,i=t.tag;if(bp(i)){var n=t.elm=Fc(i);if(Pp(xp,t),G(r))for(e=0;e<r.length;++e){var o=r[e];null!=o&&dp(n,Tp(o))}else bp(t.text)&&!E(t.text)&&dp(n,cp(t.text))}else t.elm=cp(t.text);return t.elm}function kp(t,e,r,i,n){for(;i<=n;++i){var o=r[i];null!=o&&pp(t,Tp(o),e)}}function Cp(t,e,r,i){for(;r<=i;++r){var n=e[r];null!=n&&(bp(n.tag)?fp(yp(n.elm),n.elm):fp(t,n.elm))}}function Pp(t,e){var r,i=e.elm,n=t&&t.attrs\|\|{},o=e.attrs\|\|{};if(n!==o){for(r in o){var a=o[r];n[r]!==a&&(!0===a?i.setAttribute(r,""):!1===a?i.removeAttribute(r):"style"===r?i.style.cssText=a:r.charCodeAt(0)!==mp?i.setAttribute(r,a):"xmlns:xlink"===r\|\|"xmlns"===r?i.setAttributeNS(Ic,r,a):r.charCodeAt(3)===_p?i.setAttributeNS(Rc,r,a):r.charCodeAt(5)===_p?i.setAttributeNS(zc,r,a):i.setAttribute(r,a))}for(r in n)r in o\|\|i.removeAttribute(r)}}function Mp(t,e,r){for(var i,n,o,a=0,s=0,h=e.length-1,l=e[0],u=e[h],c=r.length-1,p=r[0],f=r[c];a<=h&&s<=c;)null==l?l=e[++a]:null==u?u=e[--h]:null==p?p=r[++s]:null==f?f=r[--c]:Sp(l,p)?(Ap(l,p),l=e[++a],p=r[++s]):Sp(u,f)?(Ap(u,f),u=e[--h],f=r[--c]):Sp(l,f)?(Ap(l,f),pp(t,l.elm,vp(u.elm)),l=e[++a],f=r[--c]):p=(Sp(u,p)?(Ap(u,p),pp(t,u.elm,l.elm),u=e[--h]):(wp(i)&&(i=function(t,e,r){for(var i={},n=e;n<=r;++n){var o=t[n].key;void 0!==o&&(i[o]=n)}return i}(e,a,h)),wp(n=i[p.key])\|\|(o=e[n]).tag!==p.tag?pp(t,Tp(p),l.elm):(Ap(o,p),e[n]=void 0,pp(t,o.elm,l.elm))),r[++s]);(a<=h\|\|s<=c)&&(h<a?kp(t,null==r[c+1]?null:r[c+1].elm,r,s,c):Cp(t,e,a,h))}function Ap(t,e){var r=e.elm=t.elm,i=t.children,n=e.children;t!==e&&(Pp(t,e),wp(e.text)?bp(i)&&bp(n)?i!==n&&Mp(r,i,n):bp(n)?(bp(t.text)&&gp(r,""),kp(r,null,n,0,n.length-1)):bp(i)?Cp(r,i,0,i.length-1):bp(t.text)&&gp(r,""):t.text!==e.text&&(bp(i)&&Cp(r,i,0,i.length-1),gp(r,e.text)))}var Dp=0,Lp=(zp.prototype.getType=function(){return this.type},zp.prototype.getViewportRoot=function(){return this._viewport},zp.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft\|\|0,offsetTop:t.offsetTop\|\|0}},zp.prototype.getSvgDom=function(){return this._svgDom},zp.prototype.refresh=function(){var t,e,r,i,n;this.root&&((t=this.renderToVNode({willUpdate:!0})).attrs.style="position:absolute;left:0;top:0;user-select:none",Sp(e=this._oldVNode,r=t)?Ap(e,r):(n=yp(i=e.elm),Tp(r),null!==n&&(pp(n,r.elm,vp(i)),Cp(n,[e],0,0))),this._oldVNode=t)},zp.prototype.renderOneToVNode=function(t){return hp(t,Hc(this._id))},zp.prototype.renderToVNode=function(t){t=t\|\|{};var e=this.storage.getDisplayList(!0),r=this._width,i=this._height,n=Hc(this._id);n.animation=t.animation,n.willUpdate=t.willUpdate,n.compress=t.compress,n.emphasis=t.emphasis,n.ssr=this._opts.ssr;var o=[],a=this._bgVNode=function(t,e,r,i){var n,o,a,s;return r&&"none"!==r&&(n=Bc("rect","bg",{width:t,height:e,x:"0",y:"0"}),wi(r)?lp({fill:r},n.attrs,"fill",i):_i(r)?up({style:{fill:r},dirty:ct,getBoundingRect:function(){return{width:t,height:e}}},n.attrs,"fill",i):(o=ci(r),a=o.color,s=o.opacity,n.attrs.fill=a,s<1&&(n.attrs["fill-opacity"]=s))),n}(r,i,this._backgroundColor,n);a&&o.push(a);var s=t.compress?null:this._mainVNode=Bc("g","main",{},[]);this._paintList(e,n,s?s.children:o),s&&o.push(s);var h,l,u,c,p,f,d,y,v,g=D(F(n.defs),function(t){return n.defs[t]});return g.length&&o.push(Bc("defs","defs",{},g)),t.animation&&(u=n.cssNodes,c=n.cssAnims,f=" {"+(p="\n"),d=p+"}",y=D(F(u),function(e){return e+f+D(F(u[e]),function(t){return t+":"+u[e][t]+";"}).join(p)+d}).join(p),v=D(F(c),function(i){return"@keyframes "+i+f+D(F(c[i]),function(r){return r+f+D(F(c[i][r]),function(t){var e=c[i][r][t];return"d"===t&&(e='path("'+e+'")'),t+":"+e+";"}).join(p)+d}).join(p)+d}).join(p),(h=y\|\|v?["<![CDATA[",y,v,"]]>"].join(p):"")&&(l=Bc("style","stl",{},[],h),o.push(l))),Wc(r,i,o,t.useViewBox)},zp.prototype.renderToString=function(t){return t=t\|\|{},Nc(this.renderToVNode({animation:Z(t.cssAnimation,!0),emphasis:Z(t.cssEmphasis,!0),willUpdate:!1,compress:!0,useViewBox:Z(t.useViewBox,!0)}),{newline:!0})},zp.prototype.setBackgroundColor=function(t){this._backgroundColor=t},zp.prototype.getSvgRoot=function(){return this._mainVNode&&this._mainVNode.elm},zp.prototype._paintList=function(t,e,r){for(var i,n,o,a,s,h,l,u,c,p=t.length,f=[],d=0,y=0,v=0;v<p;v++){var g=t[v];if(!g.invisible){for(var _=g.__clipPaths,m=_&&_.length\|\|0,x=n&&n.length\|\|0,w=void 0,w=Math.max(m-1,x-1);0<=w&&(!_\|\|!n\|\|_[w]!==n[w]);w--);for(var b=x-1;w<b;b--)i=f[--d-1];for(var S=w+1;S<m;S++){var T={};o=_[S],a=T,c=u=l=h=void 0,l=(s=e).clipPathCache,u=s.defs,(c=l[o.id])\|\|(h={id:c=s.zrId+"-c"+s.clipPathIdx++},u[l[o.id]=c]=Bc("clipPath",c,h,[sp(o,s)])),a["clip-path"]=bi(c);var k=Bc("g","clip-g-"+y++,T,[]);(i?i.children:r).push(k),i=f[d++]=k}n=_;var C=hp(g,e);C&&(i?i.children:r).push(C)}}},zp.prototype.resize=function(t,e){var r,i,n,o=this._opts,a=this.root,s=this._viewport;null!=t&&(o.width=t),null!=e&&(o.height=e),a&&s&&(s.style.display="none",t=ju(a,0,o),e=ju(a,1,o),s.style.display=""),this._width===t&&this._height===e\|\|(this._width=t,this._height=e,s&&((r=s.style).width=t+"px",r.height=e+"px"),_i(this._backgroundColor)?this.refresh():((i=this._svgDom)&&(i.setAttribute("width",t),i.setAttribute("height",e)),(n=this._bgVNode&&this._bgVNode.elm)&&(n.setAttribute("width",t),n.setAttribute("height",e))))},zp.prototype.getWidth=function(){return this._width},zp.prototype.getHeight=function(){return this._height},zp.prototype.dispose=function(){this.root&&(this.root.innerHTML=""),this._svgDom=this._viewport=this.storage=this._oldVNode=this._bgVNode=this._mainVNode=null},zp.prototype.clear=function(){this._svgDom&&(this._svgDom.innerHTML=null),this._oldVNode=null},zp.prototype.toDataURL=function(t){var e=this.renderToString(),r="data:image/svg+xml;";return t?(e=ki(e))&&r+"base64,"+e:r+"charset=UTF-8,"+encodeURIComponent(e)},zp);function zp(t,e,r){var i,n;this.type="svg",this.refreshHover=Ip(),this.configLayer=Ip(),this.storage=e,this._opts=r=I({},r),this.root=t,this._id="zr"+Dp++,this._oldVNode=Wc(r.width,r.height),t&&!r.ssr&&((i=this._viewport=document.createElement("div")).style.cssText="position:relative;overflow:hidden",n=this._svgDom=this._oldVNode.elm=Fc("svg"),Pp(null,this._oldVNode),i.appendChild(n),t.appendChild(i)),this.resize(r.width,r.height)}function Ip(){return function(){}}no("canvas",gc),no("svg",Lp),t.Arc=Fl,t.ArcShape=Ol,t.BezierCurve=Xl,t.BezierCurveShape=Hl,t.BoundingRect=Ae,t.Circle=Ga,t.CircleShape=Ua,t.CompoundPath=ul,t.Displayable=fo,t.Droplet=Vl,t.DropletShape=jl,t.Element=qn,t.Ellipse=os,t.EllipseShape=ns,t.Group=Qn,t.Heart=Kl,t.HeartShape=Zl,t.Image=qa,t.IncrementalDisplayable=dl,t.Isogon=iu,t.IsogonShape=ru,t.Line=us,t.LineShape=ls,t.LinearGradient=Ts,t.OrientedBoundingRect=Nu,t.Path=va,t.Pattern=Au,t.Point=de,t.Polygon=ys,t.PolygonShape=ds,t.Polyline=ms,t.PolylineShape=_s,t.RadialGradient=Ps,t.Rect=es,t.RectShape=Ja,t.Ring=su,t.RingShape=au,t.Rose=du,t.RoseShape=fu,t.Sector=Oh,t.SectorShape=Rh,t.Star=wu,t.StarShape=xu,t.TSpan=$s,t.Text=xl,t.Trochoid=Pu,t.TrochoidShape=Cu,t.color=li,t.dispose=function(t){t.dispose()},t.disposeAll=function(){for(var t in to)to.hasOwnProperty(t)&&to[t].dispose();to={}},t.getElementSSRData=oo,t.getInstance=function(t){return to[t]},t.init=function(t,e){var r=new ro(w(),t,e);return to[r.id]=r},t.matrix=fe,t.morph=ll,t.parseSVG=function(t,e){return(new nh).parse(t,e)},t.path=Wa,t.registerPainter=no,t.registerSSRDataGetter=function(t){eo=t},t.setPlatformAPI=function(t){for(var e in f)t[e]&&(f[e]=t[e])},t.showDebugDirtyRect=function(t,n){n=n\|\|{};var e=t.painter;if(!e.getLayers)throw new Error("Debug dirty rect can only been used on canvas renderer.");if(e.isSingleCanvas())throw new Error("Debug dirty rect can only been used on zrender inited with container.");var o=document.createElement("div");o.style.cssText="\nposition:absolute;\nleft:0;\ntop:0;\nright:0;\nbottom:0;\npointer-events:none;\n",o.className="ec-debug-dirty-rect-container";var a=[],r=t.dom;r.appendChild(o),"static"===getComputedStyle(r).position&&(r.style.position="relative"),t.on("rendered",function(){if(e.getLayers){var i=0;e.eachBuiltinLayer(function(t){if(t.debugGetPaintRects)for(var e=t.debugGetPaintRects(),r=0;r<e.length;r++)e[r].width&&e[r].height&&(a[i]\|\|(a[i]=new Wu(n.style),o.appendChild(a[i].dom)),a[i].show(n.autoHideDelay),a[i].update(e[r]),i++)});for(var t=i;t<a.length;t++)a[t].hide()}})},t.util=dt,t.vector=It,t.version="6.0.0",Object.defineProperty(t,"__esModule",{value:!0})});

Ignore Space Show notes View

assets_platform/zrender/zrender.min.js 0 → 100644

Show line notes below