@visactor/vrender-components 0.17.0-alpha.2 → 0.17.0-alpha.4

package/dist/index.js

@@ -571,400 +571,393 @@
     return Metadata;
   }();
 
-  var Reflect$1;
-  var Reflect$2 = (function (Reflect) {
-    return function (factory) {
-      var root = "object" == (typeof global === "undefined" ? "undefined" : _typeof(global)) ? global : "object" == (typeof self === "undefined" ? "undefined" : _typeof(self)) ? self : "object" == _typeof(this) ? this : Function("return this;")();
-      var exporter = makeExporter(Reflect);
-      function makeExporter(target, previous) {
-        return function (key, value) {
-          "function" != typeof target[key] && Object.defineProperty(target, key, {
-            configurable: !0,
-            writable: !0,
-            value: value
-          }), previous && previous(key, value);
-        };
-      }
-      void 0 === root.Reflect ? root.Reflect = Reflect : exporter = makeExporter(root.Reflect, exporter), function (exporter) {
-        var hasOwn = Object.prototype.hasOwnProperty,
-          supportsSymbol = "function" == typeof Symbol,
-          toPrimitiveSymbol = supportsSymbol && void 0 !== Symbol.toPrimitive ? Symbol.toPrimitive : "@@toPrimitive",
-          iteratorSymbol = supportsSymbol && void 0 !== Symbol.iterator ? Symbol.iterator : "@@iterator",
-          supportsCreate = "function" == typeof Object.create,
-          supportsProto = {
-            __proto__: []
-          } instanceof Array,
-          downLevel = !supportsCreate && !supportsProto,
-          HashMap = {
-            create: supportsCreate ? function () {
-              return MakeDictionary(Object.create(null));
-            } : supportsProto ? function () {
-              return MakeDictionary({
-                __proto__: null
-              });
-            } : function () {
-              return MakeDictionary({});
-            },
-            has: downLevel ? function (map, key) {
-              return hasOwn.call(map, key);
-            } : function (map, key) {
-              return key in map;
-            },
-            get: downLevel ? function (map, key) {
-              return hasOwn.call(map, key) ? map[key] : void 0;
-            } : function (map, key) {
-              return map[key];
-            }
+  var Reflect$1 = (function (Reflect) {
+    var target;
+    return function (exporter) {
+      var hasOwn = Object.prototype.hasOwnProperty,
+        supportsSymbol = "function" == typeof Symbol,
+        toPrimitiveSymbol = supportsSymbol && void 0 !== Symbol.toPrimitive ? Symbol.toPrimitive : "@@toPrimitive",
+        iteratorSymbol = supportsSymbol && void 0 !== Symbol.iterator ? Symbol.iterator : "@@iterator",
+        supportsCreate = "function" == typeof Object.create,
+        supportsProto = {
+          __proto__: []
+        } instanceof Array,
+        downLevel = !supportsCreate && !supportsProto,
+        HashMap = {
+          create: supportsCreate ? function () {
+            return MakeDictionary(Object.create(null));
+          } : supportsProto ? function () {
+            return MakeDictionary({
+              __proto__: null
+            });
+          } : function () {
+            return MakeDictionary({});
           },
-          functionPrototype = Object.getPrototypeOf(Function),
-          usePolyfill = "object" == (typeof process === "undefined" ? "undefined" : _typeof(process)) && process.env && "true" === process.env.REFLECT_METADATA_USE_MAP_POLYFILL,
-          _Map = usePolyfill || "function" != typeof Map || "function" != typeof Map.prototype.entries ? CreateMapPolyfill() : Map,
-          Metadata = (usePolyfill || "function" != typeof Set || "function" != typeof Set.prototype.entries ? CreateSetPolyfill() : Set, new (usePolyfill || "function" != typeof WeakMap ? CreateWeakMapPolyfill() : WeakMap)());
-        function defineMetadata(metadataKey, metadataValue, target, propertyKey) {
-          if (!IsObject(target)) throw new TypeError();
-          return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
-        }
-        function hasMetadata(metadataKey, target, propertyKey) {
-          if (!IsObject(target)) throw new TypeError();
-          return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryHasMetadata(metadataKey, target, propertyKey);
-        }
-        function hasOwnMetadata(metadataKey, target, propertyKey) {
-          if (!IsObject(target)) throw new TypeError();
-          return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryHasOwnMetadata(metadataKey, target, propertyKey);
-        }
-        function getMetadata(metadataKey, target, propertyKey) {
-          if (!IsObject(target)) throw new TypeError();
-          return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryGetMetadata(metadataKey, target, propertyKey);
-        }
-        function GetOrCreateMetadataMap(O, P, Create) {
-          var targetMetadata = Metadata.get(O);
-          if (IsUndefined(targetMetadata)) {
-            if (!Create) return;
-            targetMetadata = new _Map(), Metadata.set(O, targetMetadata);
-          }
-          var metadataMap = targetMetadata.get(P);
-          if (IsUndefined(metadataMap)) {
-            if (!Create) return;
-            metadataMap = new _Map(), targetMetadata.set(P, metadataMap);
-          }
-          return metadataMap;
-        }
-        function OrdinaryHasMetadata(MetadataKey, O, P) {
-          if (OrdinaryHasOwnMetadata(MetadataKey, O, P)) return !0;
-          var parent = OrdinaryGetPrototypeOf(O);
-          return !IsNull(parent) && OrdinaryHasMetadata(MetadataKey, parent, P);
+          has: downLevel ? function (map, key) {
+            return hasOwn.call(map, key);
+          } : function (map, key) {
+            return key in map;
+          },
+          get: downLevel ? function (map, key) {
+            return hasOwn.call(map, key) ? map[key] : void 0;
+          } : function (map, key) {
+            return map[key];
+          }
+        },
+        functionPrototype = Object.getPrototypeOf(Function),
+        usePolyfill = "object" == (typeof process === "undefined" ? "undefined" : _typeof(process)) && process.env && "true" === process.env.REFLECT_METADATA_USE_MAP_POLYFILL,
+        _Map = usePolyfill || "function" != typeof Map || "function" != typeof Map.prototype.entries ? CreateMapPolyfill() : Map,
+        Metadata = (usePolyfill || "function" != typeof Set || "function" != typeof Set.prototype.entries ? CreateSetPolyfill() : Set, new (usePolyfill || "function" != typeof WeakMap ? CreateWeakMapPolyfill() : WeakMap)());
+      function defineMetadata(metadataKey, metadataValue, target, propertyKey) {
+        if (!IsObject(target)) throw new TypeError();
+        return OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
+      }
+      function hasMetadata(metadataKey, target, propertyKey) {
+        if (!IsObject(target)) throw new TypeError();
+        return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryHasMetadata(metadataKey, target, propertyKey);
+      }
+      function hasOwnMetadata(metadataKey, target, propertyKey) {
+        if (!IsObject(target)) throw new TypeError();
+        return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryHasOwnMetadata(metadataKey, target, propertyKey);
+      }
+      function getMetadata(metadataKey, target, propertyKey) {
+        if (!IsObject(target)) throw new TypeError();
+        return IsUndefined(propertyKey) || (propertyKey = ToPropertyKey(propertyKey)), OrdinaryGetMetadata(metadataKey, target, propertyKey);
+      }
+      function GetOrCreateMetadataMap(O, P, Create) {
+        var targetMetadata = Metadata.get(O);
+        if (IsUndefined(targetMetadata)) {
+          if (!Create) return;
+          targetMetadata = new _Map(), Metadata.set(O, targetMetadata);
         }
-        function OrdinaryHasOwnMetadata(MetadataKey, O, P) {
-          var metadataMap = GetOrCreateMetadataMap(O, P, !1);
-          return !IsUndefined(metadataMap) && ToBoolean(metadataMap.has(MetadataKey));
+        var metadataMap = targetMetadata.get(P);
+        if (IsUndefined(metadataMap)) {
+          if (!Create) return;
+          metadataMap = new _Map(), targetMetadata.set(P, metadataMap);
         }
-        function OrdinaryGetMetadata(MetadataKey, O, P) {
-          if (OrdinaryHasOwnMetadata(MetadataKey, O, P)) return OrdinaryGetOwnMetadata(MetadataKey, O, P);
-          var parent = OrdinaryGetPrototypeOf(O);
-          return IsNull(parent) ? void 0 : OrdinaryGetMetadata(MetadataKey, parent, P);
+        return metadataMap;
+      }
+      function OrdinaryHasMetadata(MetadataKey, O, P) {
+        if (OrdinaryHasOwnMetadata(MetadataKey, O, P)) return !0;
+        var parent = OrdinaryGetPrototypeOf(O);
+        return !IsNull(parent) && OrdinaryHasMetadata(MetadataKey, parent, P);
+      }
+      function OrdinaryHasOwnMetadata(MetadataKey, O, P) {
+        var metadataMap = GetOrCreateMetadataMap(O, P, !1);
+        return !IsUndefined(metadataMap) && ToBoolean(metadataMap.has(MetadataKey));
+      }
+      function OrdinaryGetMetadata(MetadataKey, O, P) {
+        if (OrdinaryHasOwnMetadata(MetadataKey, O, P)) return OrdinaryGetOwnMetadata(MetadataKey, O, P);
+        var parent = OrdinaryGetPrototypeOf(O);
+        return IsNull(parent) ? void 0 : OrdinaryGetMetadata(MetadataKey, parent, P);
+      }
+      function OrdinaryGetOwnMetadata(MetadataKey, O, P) {
+        var metadataMap = GetOrCreateMetadataMap(O, P, !1);
+        if (!IsUndefined(metadataMap)) return metadataMap.get(MetadataKey);
+      }
+      function OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P) {
+        GetOrCreateMetadataMap(O, P, !0).set(MetadataKey, MetadataValue);
+      }
+      function Type(x) {
+        if (null === x) return 1;
+        switch (_typeof(x)) {
+          case "undefined":
+            return 0;
+          case "boolean":
+            return 2;
+          case "string":
+            return 3;
+          case "symbol":
+            return 4;
+          case "number":
+            return 5;
+          case "object":
+            return null === x ? 1 : 6;
+          default:
+            return 6;
         }
-        function OrdinaryGetOwnMetadata(MetadataKey, O, P) {
-          var metadataMap = GetOrCreateMetadataMap(O, P, !1);
-          if (!IsUndefined(metadataMap)) return metadataMap.get(MetadataKey);
+      }
+      function IsUndefined(x) {
+        return void 0 === x;
+      }
+      function IsNull(x) {
+        return null === x;
+      }
+      function IsSymbol(x) {
+        return "symbol" == _typeof(x);
+      }
+      function IsObject(x) {
+        return "object" == _typeof(x) ? null !== x : "function" == typeof x;
+      }
+      function ToPrimitive(input, PreferredType) {
+        switch (Type(input)) {
+          case 0:
+          case 1:
+          case 2:
+          case 3:
+          case 4:
+          case 5:
+            return input;
         }
-        function OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P) {
-          GetOrCreateMetadataMap(O, P, !0).set(MetadataKey, MetadataValue);
+        var hint = 3 === PreferredType ? "string" : 5 === PreferredType ? "number" : "default",
+          exoticToPrim = GetMethod(input, toPrimitiveSymbol);
+        if (void 0 !== exoticToPrim) {
+          var result = exoticToPrim.call(input, hint);
+          if (IsObject(result)) throw new TypeError();
+          return result;
         }
-        function Type(x) {
-          if (null === x) return 1;
-          switch (_typeof(x)) {
-            case "undefined":
-              return 0;
-            case "boolean":
-              return 2;
-            case "string":
-              return 3;
-            case "symbol":
-              return 4;
-            case "number":
-              return 5;
-            case "object":
-              return null === x ? 1 : 6;
-            default:
-              return 6;
+        return OrdinaryToPrimitive(input, "default" === hint ? "number" : hint);
+      }
+      function OrdinaryToPrimitive(O, hint) {
+        if ("string" === hint) {
+          var toString_1 = O.toString;
+          if (IsCallable(toString_1)) {
+            var result = toString_1.call(O);
+            if (!IsObject(result)) return result;
+          }
+          var _valueOf = O.valueOf;
+          if (IsCallable(_valueOf)) {
+            var _result = _valueOf.call(O);
+            if (!IsObject(_result)) return _result;
+          }
+        } else {
+          var _valueOf2 = O.valueOf;
+          if (IsCallable(_valueOf2)) {
+            var _result2 = _valueOf2.call(O);
+            if (!IsObject(_result2)) return _result2;
+          }
+          var toString_2 = O.toString;
+          if (IsCallable(toString_2)) {
+            var _result3 = toString_2.call(O);
+            if (!IsObject(_result3)) return _result3;
           }
         }
-        function IsUndefined(x) {
-          return void 0 === x;
-        }
-        function IsNull(x) {
-          return null === x;
-        }
-        function IsSymbol(x) {
-          return "symbol" == _typeof(x);
-        }
-        function IsObject(x) {
-          return "object" == _typeof(x) ? null !== x : "function" == typeof x;
-        }
-        function ToPrimitive(input, PreferredType) {
-          switch (Type(input)) {
-            case 0:
-            case 1:
-            case 2:
-            case 3:
-            case 4:
-            case 5:
-              return input;
-          }
-          var hint = 3 === PreferredType ? "string" : 5 === PreferredType ? "number" : "default",
-            exoticToPrim = GetMethod(input, toPrimitiveSymbol);
-          if (void 0 !== exoticToPrim) {
-            var result = exoticToPrim.call(input, hint);
-            if (IsObject(result)) throw new TypeError();
-            return result;
-          }
-          return OrdinaryToPrimitive(input, "default" === hint ? "number" : hint);
+        throw new TypeError();
+      }
+      function ToBoolean(argument) {
+        return !!argument;
+      }
+      function ToString(argument) {
+        return "" + argument;
+      }
+      function ToPropertyKey(argument) {
+        var key = ToPrimitive(argument, 3);
+        return IsSymbol(key) ? key : ToString(key);
+      }
+      function IsCallable(argument) {
+        return "function" == typeof argument;
+      }
+      function GetMethod(V, P) {
+        var func = V[P];
+        if (null != func) {
+          if (!IsCallable(func)) throw new TypeError();
+          return func;
         }
-        function OrdinaryToPrimitive(O, hint) {
-          if ("string" === hint) {
-            var toString_1 = O.toString;
-            if (IsCallable(toString_1)) {
-              var result = toString_1.call(O);
-              if (!IsObject(result)) return result;
-            }
-            var _valueOf = O.valueOf;
-            if (IsCallable(_valueOf)) {
-              var _result = _valueOf.call(O);
-              if (!IsObject(_result)) return _result;
-            }
-          } else {
-            var _valueOf2 = O.valueOf;
-            if (IsCallable(_valueOf2)) {
-              var _result2 = _valueOf2.call(O);
-              if (!IsObject(_result2)) return _result2;
-            }
-            var toString_2 = O.toString;
-            if (IsCallable(toString_2)) {
-              var _result3 = toString_2.call(O);
-              if (!IsObject(_result3)) return _result3;
+      }
+      function OrdinaryGetPrototypeOf(O) {
+        var proto = Object.getPrototypeOf(O);
+        if ("function" != typeof O || O === functionPrototype) return proto;
+        if (proto !== functionPrototype) return proto;
+        var prototype = O.prototype,
+          prototypeProto = prototype && Object.getPrototypeOf(prototype);
+        if (null == prototypeProto || prototypeProto === Object.prototype) return proto;
+        var constructor = prototypeProto.constructor;
+        return "function" != typeof constructor || constructor === O ? proto : constructor;
+      }
+      function CreateMapPolyfill() {
+        var cacheSentinel = {},
+          arraySentinel = [],
+          MapIterator = function () {
+            function MapIterator(keys, values, selector) {
+              this._index = 0, this._keys = keys, this._values = values, this._selector = selector;
             }
+            return MapIterator.prototype["@@iterator"] = function () {
+              return this;
+            }, MapIterator.prototype[iteratorSymbol] = function () {
+              return this;
+            }, MapIterator.prototype.next = function () {
+              var index = this._index;
+              if (index >= 0 && index < this._keys.length) {
+                var result = this._selector(this._keys[index], this._values[index]);
+                return index + 1 >= this._keys.length ? (this._index = -1, this._keys = arraySentinel, this._values = arraySentinel) : this._index++, {
+                  value: result,
+                  done: !1
+                };
+              }
+              return {
+                value: void 0,
+                done: !0
+              };
+            }, MapIterator.prototype["throw"] = function (error) {
+              throw this._index >= 0 && (this._index = -1, this._keys = arraySentinel, this._values = arraySentinel), error;
+            }, MapIterator.prototype["return"] = function (value) {
+              return this._index >= 0 && (this._index = -1, this._keys = arraySentinel, this._values = arraySentinel), {
+                value: value,
+                done: !0
+              };
+            }, MapIterator;
+          }();
+        return function () {
+          function Map() {
+            this._keys = [], this._values = [], this._cacheKey = cacheSentinel, this._cacheIndex = -2;
           }
-          throw new TypeError();
-        }
-        function ToBoolean(argument) {
-          return !!argument;
-        }
-        function ToString(argument) {
-          return "" + argument;
+          return Object.defineProperty(Map.prototype, "size", {
+            get: function get() {
+              return this._keys.length;
+            },
+            enumerable: !0,
+            configurable: !0
+          }), Map.prototype.has = function (key) {
+            return this._find(key, !1) >= 0;
+          }, Map.prototype.get = function (key) {
+            var index = this._find(key, !1);
+            return index >= 0 ? this._values[index] : void 0;
+          }, Map.prototype.set = function (key, value) {
+            var index = this._find(key, !0);
+            return this._values[index] = value, this;
+          }, Map.prototype["delete"] = function (key) {
+            var index = this._find(key, !1);
+            if (index >= 0) {
+              var size = this._keys.length;
+              for (var i = index + 1; i < size; i++) this._keys[i - 1] = this._keys[i], this._values[i - 1] = this._values[i];
+              return this._keys.length--, this._values.length--, key === this._cacheKey && (this._cacheKey = cacheSentinel, this._cacheIndex = -2), !0;
+            }
+            return !1;
+          }, Map.prototype.clear = function () {
+            this._keys.length = 0, this._values.length = 0, this._cacheKey = cacheSentinel, this._cacheIndex = -2;
+          }, Map.prototype.keys = function () {
+            return new MapIterator(this._keys, this._values, getKey);
+          }, Map.prototype.values = function () {
+            return new MapIterator(this._keys, this._values, getValue);
+          }, Map.prototype.entries = function () {
+            return new MapIterator(this._keys, this._values, getEntry);
+          }, Map.prototype["@@iterator"] = function () {
+            return this.entries();
+          }, Map.prototype[iteratorSymbol] = function () {
+            return this.entries();
+          }, Map.prototype._find = function (key, insert) {
+            return this._cacheKey !== key && (this._cacheIndex = this._keys.indexOf(this._cacheKey = key)), this._cacheIndex < 0 && insert && (this._cacheIndex = this._keys.length, this._keys.push(key), this._values.push(void 0)), this._cacheIndex;
+          }, Map;
+        }();
+        function getKey(key, _) {
+          return key;
         }
-        function ToPropertyKey(argument) {
-          var key = ToPrimitive(argument, 3);
-          return IsSymbol(key) ? key : ToString(key);
+        function getValue(_, value) {
+          return value;
         }
-        function IsCallable(argument) {
-          return "function" == typeof argument;
+        function getEntry(key, value) {
+          return [key, value];
         }
-        function GetMethod(V, P) {
-          var func = V[P];
-          if (null != func) {
-            if (!IsCallable(func)) throw new TypeError();
-            return func;
+      }
+      function CreateSetPolyfill() {
+        return function () {
+          function Set() {
+            this._map = new _Map();
           }
+          return Object.defineProperty(Set.prototype, "size", {
+            get: function get() {
+              return this._map.size;
+            },
+            enumerable: !0,
+            configurable: !0
+          }), Set.prototype.has = function (value) {
+            return this._map.has(value);
+          }, Set.prototype.add = function (value) {
+            return this._map.set(value, value), this;
+          }, Set.prototype["delete"] = function (value) {
+            return this._map["delete"](value);
+          }, Set.prototype.clear = function () {
+            this._map.clear();
+          }, Set.prototype.keys = function () {
+            return this._map.keys();
+          }, Set.prototype.values = function () {
+            return this._map.values();
+          }, Set.prototype.entries = function () {
+            return this._map.entries();
+          }, Set.prototype["@@iterator"] = function () {
+            return this.keys();
+          }, Set.prototype[iteratorSymbol] = function () {
+            return this.keys();
+          }, Set;
+        }();
+      }
+      function CreateWeakMapPolyfill() {
+        var UUID_SIZE = 16,
+          keys = HashMap.create(),
+          rootKey = CreateUniqueKey();
+        return function () {
+          function WeakMap() {
+            this._key = CreateUniqueKey();
+          }
+          return WeakMap.prototype.has = function (target) {
+            var table = GetOrCreateWeakMapTable(target, !1);
+            return void 0 !== table && HashMap.has(table, this._key);
+          }, WeakMap.prototype.get = function (target) {
+            var table = GetOrCreateWeakMapTable(target, !1);
+            return void 0 !== table ? HashMap.get(table, this._key) : void 0;
+          }, WeakMap.prototype.set = function (target, value) {
+            return GetOrCreateWeakMapTable(target, !0)[this._key] = value, this;
+          }, WeakMap.prototype["delete"] = function (target) {
+            var table = GetOrCreateWeakMapTable(target, !1);
+            return void 0 !== table && delete table[this._key];
+          }, WeakMap.prototype.clear = function () {
+            this._key = CreateUniqueKey();
+          }, WeakMap;
+        }();
+        function CreateUniqueKey() {
+          var key;
+          do {
+            key = "@@WeakMap@@" + CreateUUID();
+          } while (HashMap.has(keys, key));
+          return keys[key] = !0, key;
         }
-        function OrdinaryGetPrototypeOf(O) {
-          var proto = Object.getPrototypeOf(O);
-          if ("function" != typeof O || O === functionPrototype) return proto;
-          if (proto !== functionPrototype) return proto;
-          var prototype = O.prototype,
-            prototypeProto = prototype && Object.getPrototypeOf(prototype);
-          if (null == prototypeProto || prototypeProto === Object.prototype) return proto;
-          var constructor = prototypeProto.constructor;
-          return "function" != typeof constructor || constructor === O ? proto : constructor;
-        }
-        function CreateMapPolyfill() {
-          var cacheSentinel = {},
-            arraySentinel = [],
-            MapIterator = function () {
-              function MapIterator(keys, values, selector) {
-                this._index = 0, this._keys = keys, this._values = values, this._selector = selector;
-              }
-              return MapIterator.prototype["@@iterator"] = function () {
-                return this;
-              }, MapIterator.prototype[iteratorSymbol] = function () {
-                return this;
-              }, MapIterator.prototype.next = function () {
-                var index = this._index;
-                if (index >= 0 && index < this._keys.length) {
-                  var result = this._selector(this._keys[index], this._values[index]);
-                  return index + 1 >= this._keys.length ? (this._index = -1, this._keys = arraySentinel, this._values = arraySentinel) : this._index++, {
-                    value: result,
-                    done: !1
-                  };
-                }
-                return {
-                  value: void 0,
-                  done: !0
-                };
-              }, MapIterator.prototype["throw"] = function (error) {
-                throw this._index >= 0 && (this._index = -1, this._keys = arraySentinel, this._values = arraySentinel), error;
-              }, MapIterator.prototype["return"] = function (value) {
-                return this._index >= 0 && (this._index = -1, this._keys = arraySentinel, this._values = arraySentinel), {
-                  value: value,
-                  done: !0
-                };
-              }, MapIterator;
-            }();
-          return function () {
-            function Map() {
-              this._keys = [], this._values = [], this._cacheKey = cacheSentinel, this._cacheIndex = -2;
-            }
-            return Object.defineProperty(Map.prototype, "size", {
-              get: function get() {
-                return this._keys.length;
-              },
-              enumerable: !0,
-              configurable: !0
-            }), Map.prototype.has = function (key) {
-              return this._find(key, !1) >= 0;
-            }, Map.prototype.get = function (key) {
-              var index = this._find(key, !1);
-              return index >= 0 ? this._values[index] : void 0;
-            }, Map.prototype.set = function (key, value) {
-              var index = this._find(key, !0);
-              return this._values[index] = value, this;
-            }, Map.prototype["delete"] = function (key) {
-              var index = this._find(key, !1);
-              if (index >= 0) {
-                var size = this._keys.length;
-                for (var i = index + 1; i < size; i++) this._keys[i - 1] = this._keys[i], this._values[i - 1] = this._values[i];
-                return this._keys.length--, this._values.length--, key === this._cacheKey && (this._cacheKey = cacheSentinel, this._cacheIndex = -2), !0;
-              }
-              return !1;
-            }, Map.prototype.clear = function () {
-              this._keys.length = 0, this._values.length = 0, this._cacheKey = cacheSentinel, this._cacheIndex = -2;
-            }, Map.prototype.keys = function () {
-              return new MapIterator(this._keys, this._values, getKey);
-            }, Map.prototype.values = function () {
-              return new MapIterator(this._keys, this._values, getValue);
-            }, Map.prototype.entries = function () {
-              return new MapIterator(this._keys, this._values, getEntry);
-            }, Map.prototype["@@iterator"] = function () {
-              return this.entries();
-            }, Map.prototype[iteratorSymbol] = function () {
-              return this.entries();
-            }, Map.prototype._find = function (key, insert) {
-              return this._cacheKey !== key && (this._cacheIndex = this._keys.indexOf(this._cacheKey = key)), this._cacheIndex < 0 && insert && (this._cacheIndex = this._keys.length, this._keys.push(key), this._values.push(void 0)), this._cacheIndex;
-            }, Map;
-          }();
-          function getKey(key, _) {
-            return key;
-          }
-          function getValue(_, value) {
-            return value;
-          }
-          function getEntry(key, value) {
-            return [key, value];
+        function GetOrCreateWeakMapTable(target, create) {
+          if (!hasOwn.call(target, rootKey)) {
+            if (!create) return;
+            Object.defineProperty(target, rootKey, {
+              value: HashMap.create()
+            });
           }
+          return target[rootKey];
         }
-        function CreateSetPolyfill() {
-          return function () {
-            function Set() {
-              this._map = new _Map();
-            }
-            return Object.defineProperty(Set.prototype, "size", {
-              get: function get() {
-                return this._map.size;
-              },
-              enumerable: !0,
-              configurable: !0
-            }), Set.prototype.has = function (value) {
-              return this._map.has(value);
-            }, Set.prototype.add = function (value) {
-              return this._map.set(value, value), this;
-            }, Set.prototype["delete"] = function (value) {
-              return this._map["delete"](value);
-            }, Set.prototype.clear = function () {
-              this._map.clear();
-            }, Set.prototype.keys = function () {
-              return this._map.keys();
-            }, Set.prototype.values = function () {
-              return this._map.values();
-            }, Set.prototype.entries = function () {
-              return this._map.entries();
-            }, Set.prototype["@@iterator"] = function () {
-              return this.keys();
-            }, Set.prototype[iteratorSymbol] = function () {
-              return this.keys();
-            }, Set;
-          }();
+        function FillRandomBytes(buffer, size) {
+          for (var i = 0; i < size; ++i) buffer[i] = 255 * Math.random() | 0;
+          return buffer;
         }
-        function CreateWeakMapPolyfill() {
-          var UUID_SIZE = 16,
-            keys = HashMap.create(),
-            rootKey = CreateUniqueKey();
-          return function () {
-            function WeakMap() {
-              this._key = CreateUniqueKey();
-            }
-            return WeakMap.prototype.has = function (target) {
-              var table = GetOrCreateWeakMapTable(target, !1);
-              return void 0 !== table && HashMap.has(table, this._key);
-            }, WeakMap.prototype.get = function (target) {
-              var table = GetOrCreateWeakMapTable(target, !1);
-              return void 0 !== table ? HashMap.get(table, this._key) : void 0;
-            }, WeakMap.prototype.set = function (target, value) {
-              return GetOrCreateWeakMapTable(target, !0)[this._key] = value, this;
-            }, WeakMap.prototype["delete"] = function (target) {
-              var table = GetOrCreateWeakMapTable(target, !1);
-              return void 0 !== table && delete table[this._key];
-            }, WeakMap.prototype.clear = function () {
-              this._key = CreateUniqueKey();
-            }, WeakMap;
-          }();
-          function CreateUniqueKey() {
-            var key;
-            do {
-              key = "@@WeakMap@@" + CreateUUID();
-            } while (HashMap.has(keys, key));
-            return keys[key] = !0, key;
-          }
-          function GetOrCreateWeakMapTable(target, create) {
-            if (!hasOwn.call(target, rootKey)) {
-              if (!create) return;
-              Object.defineProperty(target, rootKey, {
-                value: HashMap.create()
-              });
-            }
-            return target[rootKey];
-          }
-          function FillRandomBytes(buffer, size) {
-            for (var i = 0; i < size; ++i) buffer[i] = 255 * Math.random() | 0;
-            return buffer;
-          }
-          function GenRandomBytes(size) {
-            return "function" == typeof Uint8Array ? "undefined" != typeof crypto ? crypto.getRandomValues(new Uint8Array(size)) : FillRandomBytes(new Uint8Array(size), size) : FillRandomBytes(new Array(size), size);
-          }
-          function CreateUUID() {
-            var data = GenRandomBytes(UUID_SIZE);
-            data[6] = 79 & data[6] | 64, data[8] = 191 & data[8] | 128;
-            var result = "";
-            for (var offset = 0; offset < UUID_SIZE; ++offset) {
-              var _byte = data[offset];
-              4 !== offset && 6 !== offset && 8 !== offset || (result += "-"), _byte < 16 && (result += "0"), result += _byte.toString(16).toLowerCase();
-            }
-            return result;
-          }
+        function GenRandomBytes(size) {
+          return "function" == typeof Uint8Array ? "undefined" != typeof crypto ? crypto.getRandomValues(new Uint8Array(size)) : FillRandomBytes(new Uint8Array(size), size) : FillRandomBytes(new Array(size), size);
         }
-        function MakeDictionary(obj) {
-          return obj.__ = void 0, delete obj.__, obj;
+        function CreateUUID() {
+          var data = GenRandomBytes(UUID_SIZE);
+          data[6] = 79 & data[6] | 64, data[8] = 191 & data[8] | 128;
+          var result = "";
+          for (var offset = 0; offset < UUID_SIZE; ++offset) {
+            var _byte = data[offset];
+            4 !== offset && 6 !== offset && 8 !== offset || (result += "-"), _byte < 16 && (result += "0"), result += _byte.toString(16).toLowerCase();
+          }
+          return result;
         }
-        exporter("defineMetadata", defineMetadata), exporter("hasMetadata", hasMetadata), exporter("hasOwnMetadata", hasOwnMetadata), exporter("getMetadata", getMetadata);
-      }(exporter);
-    }(), Reflect;
-  })(Reflect$1 || (Reflect$1 = {}));
+      }
+      function MakeDictionary(obj) {
+        return obj.__ = void 0, delete obj.__, obj;
+      }
+      exporter("defineMetadata", defineMetadata), exporter("hasMetadata", hasMetadata), exporter("hasOwnMetadata", hasOwnMetadata), exporter("getMetadata", getMetadata);
+    }((target = Reflect, function (key, value) {
+      "function" != typeof target[key] && Object.defineProperty(target, key, {
+        configurable: !0,
+        writable: !0,
+        value: value
+      });
+    })), Reflect;
+  })({});
 
   function _tagParameterOrProperty(metadataKey, annotationTarget, key, metadata) {
     var _paramOrPropertyMetad;
     var metadatas = [metadata];
     var paramsOrPropertiesMetadata = {};
-    Reflect$2.hasOwnMetadata(metadataKey, annotationTarget) && (paramsOrPropertiesMetadata = Reflect$2.getMetadata(metadataKey, annotationTarget));
+    Reflect$1.hasOwnMetadata(metadataKey, annotationTarget) && (paramsOrPropertiesMetadata = Reflect$1.getMetadata(metadataKey, annotationTarget));
     var paramOrPropertyMetadata = paramsOrPropertiesMetadata[key];
-    void 0 === paramOrPropertyMetadata && (paramOrPropertyMetadata = []), (_paramOrPropertyMetad = paramOrPropertyMetadata).push.apply(_paramOrPropertyMetad, metadatas), paramsOrPropertiesMetadata[key] = paramOrPropertyMetadata, Reflect$2.defineMetadata(metadataKey, paramsOrPropertiesMetadata, annotationTarget);
+    void 0 === paramOrPropertyMetadata && (paramOrPropertyMetadata = []), (_paramOrPropertyMetad = paramOrPropertyMetadata).push.apply(_paramOrPropertyMetad, metadatas), paramsOrPropertiesMetadata[key] = paramOrPropertyMetadata, Reflect$1.defineMetadata(metadataKey, paramsOrPropertiesMetadata, annotationTarget);
   }
   function tagParameter(annotationTarget, parameterName, parameterIndex, metadata) {
     _tagParameterOrProperty(TAGGED, annotationTarget, parameterIndex.toString(), metadata);
@@ -988,7 +981,7 @@
 
   function injectable() {
     return function (target) {
-      return Reflect$2.defineMetadata(PARAM_TYPES, null, target), target;
+      return Reflect$1.defineMetadata(PARAM_TYPES, null, target), target;
     };
   }
 
@@ -1036,8 +1029,8 @@
       key: "getConstructorMetadata",
       value: function getConstructorMetadata(constructorFunc) {
         return {
-          compilerGeneratedMetadata: Reflect$2.getMetadata(PARAM_TYPES, constructorFunc),
-          userGeneratedMetadata: Reflect$2.getMetadata(TAGGED, constructorFunc) || {}
+          compilerGeneratedMetadata: Reflect$1.getMetadata(PARAM_TYPES, constructorFunc),
+          userGeneratedMetadata: Reflect$1.getMetadata(TAGGED, constructorFunc) || {}
         };
       }
     }, {
@@ -1479,7 +1472,7 @@
   var EnvContribution = Symbol["for"]("EnvContribution");
   var VGlobal = Symbol["for"]("VGlobal");
 
-  var __decorate$H = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var __decorate$G = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -1729,7 +1722,7 @@
     }]);
     return DefaultGlobal;
   }();
-  DefaultGlobal = __decorate$H([injectable(), __param$i(0, inject(ContributionProvider)), __param$i(0, named(EnvContribution)), __metadata$r("design:paramtypes", [Object])], DefaultGlobal);
+  DefaultGlobal = __decorate$G([injectable(), __param$i(0, inject(ContributionProvider)), __param$i(0, named(EnvContribution)), __metadata$r("design:paramtypes", [Object])], DefaultGlobal);
 
   var circleThreshold = vutils.tau - 1e-8;
   var BoundsContext = /*#__PURE__*/function () {
@@ -3452,7 +3445,7 @@
     return "number" != typeof measurement.actualBoundingBoxAscent || "number" != typeof measurement.actualBoundingBoxDescent ? (result.width = Math.floor(measurement.width), result.height = character.fontSize || 0, result.ascent = result.height, result.descent = 0) : (result.width = Math.floor(measurement.width), result.height = Math.floor(measurement.actualBoundingBoxAscent + measurement.actualBoundingBoxDescent), result.ascent = Math.floor(measurement.actualBoundingBoxAscent), result.descent = result.height - result.ascent), result;
   }
 
-  var __decorate$G = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var __decorate$F = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -3658,9 +3651,9 @@
     }]);
     return ATextMeasure;
   }();
-  ATextMeasure = __decorate$G([injectable()], ATextMeasure);
+  ATextMeasure = __decorate$F([injectable()], ATextMeasure);
 
-  var __decorate$F = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var __decorate$E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -3677,7 +3670,7 @@
     }
     return _createClass(DefaultTextMeasureContribution);
   }(ATextMeasure);
-  DefaultTextMeasureContribution = __decorate$F([injectable()], DefaultTextMeasureContribution);
+  DefaultTextMeasureContribution = __decorate$E([injectable()], DefaultTextMeasureContribution);
 
   var container = new Container();
 
@@ -4113,7 +4106,7 @@
   }();
   var canvasAllocate = new DefaultCanvasAllocate();
 
-  var __decorate$E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var __decorate$D = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -4205,7 +4198,7 @@
     }]);
     return DefaultGraphicUtil;
   }();
-  DefaultGraphicUtil = __decorate$E([injectable(), __param$h(0, inject(ContributionProvider)), __param$h(0, named(TextMeasureContribution)), __metadata$q("design:paramtypes", [Object])], DefaultGraphicUtil);
+  DefaultGraphicUtil = __decorate$D([injectable(), __param$h(0, inject(ContributionProvider)), __param$h(0, named(TextMeasureContribution)), __metadata$q("design:paramtypes", [Object])], DefaultGraphicUtil);
   var TransformMode;
   !function (TransformMode) {
     TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -4282,7 +4275,7 @@
     }]);
     return DefaultTransformUtil;
   }();
-  DefaultTransformUtil = __decorate$E([injectable(), __metadata$q("design:paramtypes", [])], DefaultTransformUtil);
+  DefaultTransformUtil = __decorate$D([injectable(), __metadata$q("design:paramtypes", [])], DefaultTransformUtil);
 
   var defaultThemeObj = {
       arc: DefaultArcAttribute,
@@ -8088,7 +8081,7 @@
   var DynamicLayerHandlerContribution = Symbol["for"]("DynamicLayerHandlerContribution");
   var VirtualLayerHandlerContribution = Symbol["for"]("VirtualLayerHandlerContribution");
 
-  var __decorate$D = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var __decorate$C = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -8175,9 +8168,9 @@
     }]);
     return DefaultLayerService;
   }();
-  DefaultLayerService = __decorate$D([injectable(), __metadata$p("design:paramtypes", [])], DefaultLayerService);
+  DefaultLayerService = __decorate$C([injectable(), __metadata$p("design:paramtypes", [])], DefaultLayerService);
 
-  var __decorate$C = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var __decorate$B = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -8337,7 +8330,7 @@
     }]);
     return DefaultWindow;
   }();
-  DefaultWindow = __decorate$C([injectable(), __metadata$o("design:paramtypes", [])], DefaultWindow);
+  DefaultWindow = __decorate$B([injectable(), __metadata$o("design:paramtypes", [])], DefaultWindow);
 
   var coreModule = new ContainerModule(function (bind) {
     bind(VGlobal).to(DefaultGlobal).inSingletonScope(), bind(VWindow).to(DefaultWindow), bind(GraphicUtil).to(DefaultGraphicUtil).inSingletonScope(), bind(TransformUtil).to(DefaultTransformUtil).inSingletonScope(), bind(LayerService).to(DefaultLayerService).inSingletonScope();
@@ -10108,32 +10101,37 @@
   }(BaseSymbol);
   var close$1 = new CloseSymbol();
 
-  function rect(ctx, size, x, y) {
+  function rectSizeArray(ctx, size, x, y) {
     return ctx.rect(x - size[0] / 2, y - size[1] / 2, size[0], size[1]), !1;
   }
+  function rectSize(ctx, size, x, y) {
+    var w = size,
+      h = size / 2;
+    return ctx.rect(x - w / 2, y - h / 2, w, h), !1;
+  }
   var RectSymbol = /*#__PURE__*/function (_BaseSymbol) {
     _inherits(RectSymbol, _BaseSymbol);
     var _super = _createSuper(RectSymbol);
     function RectSymbol() {
       var _this;
       _classCallCheck(this, RectSymbol);
-      _this = _super.apply(this, arguments), _this.type = "rect", _this.pathStr = "M-0.5,-0.5h1v1h-1Z";
+      _this = _super.apply(this, arguments), _this.type = "rect", _this.pathStr = "M -0.5,0.25 L 0.5,0.25 L 0.5,-0.25,L -0.5,-0.25 Z";
       return _this;
     }
     _createClass(RectSymbol, [{
       key: "draw",
       value: function draw(ctx, size, x, y) {
-        return rect(ctx, vutils.isNumber(size) ? [size, size] : size, x, y);
+        return vutils.isNumber(size) ? rectSize(ctx, size, x, y) : rectSizeArray(ctx, size, x, y);
       }
     }, {
       key: "drawOffset",
       value: function drawOffset(ctx, size, x, y, offset) {
-        return rect(ctx, vutils.isNumber(size) ? [size + 2 * offset, size + 2 * offset] : [size[0] + 2 * offset, size[1] + 2 * offset], x, y);
+        return vutils.isNumber(size) ? rectSize(ctx, size + 2 * offset, x, y) : rectSizeArray(ctx, [size[0] + 2 * offset, size[1] + 2 * offset], x, y);
       }
     }]);
     return RectSymbol;
   }(BaseSymbol);
-  var rect$1 = new RectSymbol();
+  var rect = new RectSymbol();
 
   var tempBounds = new vutils.AABBBounds();
   var CustomSymbolClass = /*#__PURE__*/function () {
@@ -10172,7 +10170,7 @@
     return CustomSymbolClass;
   }();
 
-  var builtinSymbols = [circle$1, cross$1, diamond$1, square$1, thinTriangle$1, triangle, star$1, arrow$1, wedge$1, stroke$1, wye$1, triangleLeft, triangleRight, triangleUp, triangleDown, arrow2Left$1, arrow2Right$1, arrow2Up$1, arrow2Down$1, rect$1, lineV$1, lineH$1, close$1];
+  var builtinSymbols = [circle$1, cross$1, diamond$1, square$1, thinTriangle$1, triangle, star$1, arrow$1, wedge$1, stroke$1, wye$1, triangleLeft, triangleRight, triangleUp, triangleDown, arrow2Left$1, arrow2Right$1, arrow2Up$1, arrow2Down$1, rect, lineV$1, lineH$1, close$1];
   var builtinSymbolsMap = {};
   builtinSymbols.forEach(function (symbol) {
     builtinSymbolsMap[symbol.type] = symbol;
@@ -10180,7 +10178,6 @@
   var builtInSymbolStrMap = {
     arrowLeft: "M 0.25 -0.5 L -0.25 0 l 0.5 0.5",
     arrowRight: "M -0.25 -0.5 l 0.5 0.5 l -0.5 0.5",
-    rect: "M -0.5,0.25 L 0.5,0.25 L 0.5,-0.25,L -0.5,-0.25 Z",
     rectRound: "M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z",
     roundLine: "M 1.2392 -0.258 L -1.3432 -0.258 C -1.4784 -0.258 -1.588 -0.1436 -1.588 -0.002 c 0 0.1416 0.1096 0.256 0.2448 0.256 l 2.5824 0 c 0.1352 0 0.2448 -0.1144 0.2448 -0.256 C 1.484 -0.1436 1.3744 -0.258 1.2392 -0.258 z"
   };
@@ -11251,7 +11248,8 @@
         var _this2 = this;
         var _a;
         var _this$attribute = this.attribute,
-          textConfig = _this$attribute.textConfig,
+          _this$attribute$textC = _this$attribute.textConfig,
+          textConfig = _this$attribute$textC === void 0 ? [] : _this$attribute$textC,
           maxWidth = _this$attribute.maxWidth,
           maxHeight = _this$attribute.maxHeight,
           width = _this$attribute.width,
@@ -11972,7 +11970,7 @@
   var matrixAllocate = new DefaultMatrixAllocate();
   var mat4Allocate = new DefaultMat4Allocate();
 
-  var __decorate$B = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var __decorate$A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -12609,7 +12607,7 @@
     }]);
     return DefaultGraphicService;
   }();
-  DefaultGraphicService = __decorate$B([injectable(), __param$g(0, inject(GraphicCreator)), __metadata$n("design:paramtypes", [Object])], DefaultGraphicService);
+  DefaultGraphicService = __decorate$A([injectable(), __param$g(0, inject(GraphicCreator)), __metadata$n("design:paramtypes", [Object])], DefaultGraphicService);
 
   var ShadowRoot = /*#__PURE__*/function (_Group) {
     _inherits(ShadowRoot, _Group);
@@ -12731,13 +12729,6 @@
   }
   createRichText({});
 
-  var __decorate$A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-    var d,
-      c = arguments.length,
-      r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-    if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-  };
   var BaseRender = /*#__PURE__*/function () {
     function BaseRender() {
       _classCallCheck(this, BaseRender);
@@ -12904,7 +12895,6 @@
     }]);
     return BaseRender;
   }();
-  BaseRender = __decorate$A([injectable()], BaseRender);
 
   function getScaledStroke(context, width, dpr) {
     var strokeWidth = width;
@@ -14478,32 +14468,82 @@
       return _this;
     }
     _createClass(DefaultCanvasAreaRender, [{
+      key: "drawLinearAreaHighPerformance",
+      value: function drawLinearAreaHighPerformance(area, context, fill, stroke, fillOpacity, strokeOpacity, offsetX, offsetY, areaAttribute, drawContext, params, fillCb, strokeCb) {
+        var _a, _b, _c, _d, _e;
+        context.beginPath();
+        var z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
+          points = area.attribute.points,
+          startP = points[0];
+        context.moveTo(startP.x, startP.y, z);
+        for (var i = 1; i < points.length; i++) {
+          var p = points[i];
+          context.lineTo(p.x, p.y, z);
+        }
+        for (var _i = points.length - 1; _i >= 0; _i--) {
+          var _p = points[_i];
+          context.lineTo(null !== (_b = _p.x1) && void 0 !== _b ? _b : _p.x, null !== (_c = _p.y1) && void 0 !== _c ? _c : _p.y, z);
+        }
+        context.closePath(), context.setShadowBlendStyle && context.setShadowBlendStyle(area, area.attribute, areaAttribute);
+        var _area$attribute = area.attribute,
+          _area$attribute$x = _area$attribute.x,
+          originX = _area$attribute$x === void 0 ? 0 : _area$attribute$x,
+          _area$attribute$x2 = _area$attribute.x,
+          originY = _area$attribute$x2 === void 0 ? 0 : _area$attribute$x2;
+        if (!1 !== fill && (fillCb ? fillCb(context, area.attribute, areaAttribute) : fillOpacity && (context.setCommonStyle(area, area.attribute, originX - offsetX, originY - offsetY, areaAttribute), context.fill())), stroke) {
+          var _area$attribute$strok = area.attribute.stroke,
+            _stroke = _area$attribute$strok === void 0 ? areaAttribute && areaAttribute.stroke : _area$attribute$strok;
+          if (vutils.isArray(_stroke) && (_stroke[0] || _stroke[2]) && !1 === _stroke[1]) if (context.beginPath(), _stroke[0]) {
+            context.moveTo(startP.x, startP.y, z);
+            for (var _i2 = 1; _i2 < points.length; _i2++) {
+              var _p2 = points[_i2];
+              context.lineTo(_p2.x, _p2.y, z);
+            }
+          } else if (_stroke[2]) {
+            var endP = points[points.length - 1];
+            context.moveTo(endP.x, endP.y, z);
+            for (var _i3 = points.length - 2; _i3 >= 0; _i3--) {
+              var _p3 = points[_i3];
+              context.lineTo(null !== (_d = _p3.x1) && void 0 !== _d ? _d : _p3.x, null !== (_e = _p3.y1) && void 0 !== _e ? _e : _p3.y, z);
+            }
+          }
+          context.setStrokeStyle(area, area.attribute, originX - offsetX, originY - offsetY, areaAttribute), context.stroke();
+        }
+      }
+    }, {
       key: "drawShape",
       value: function drawShape(area, context, x, y, drawContext, params, fillCb, strokeCb) {
         var _this2 = this;
         var _a, _b, _c, _d, _e, _f;
         var areaAttribute = getTheme(area, null == params ? void 0 : params.theme).area,
-          _area$attribute = area.attribute,
-          _area$attribute$fillO = _area$attribute.fillOpacity,
-          fillOpacity = _area$attribute$fillO === void 0 ? areaAttribute.fillOpacity : _area$attribute$fillO,
-          _area$attribute$z = _area$attribute.z,
-          z = _area$attribute$z === void 0 ? areaAttribute.z : _area$attribute$z,
-          _area$attribute$strok = _area$attribute.strokeOpacity,
-          strokeOpacity = _area$attribute$strok === void 0 ? areaAttribute.strokeOpacity : _area$attribute$strok,
+          _area$attribute2 = area.attribute,
+          _area$attribute2$fill = _area$attribute2.fill,
+          fill = _area$attribute2$fill === void 0 ? areaAttribute.fill : _area$attribute2$fill,
+          _area$attribute2$stro = _area$attribute2.stroke;
+          _area$attribute2$stro === void 0 ? areaAttribute.stroke : _area$attribute2$stro;
+          var _area$attribute2$fill2 = _area$attribute2.fillOpacity,
+          fillOpacity = _area$attribute2$fill2 === void 0 ? areaAttribute.fillOpacity : _area$attribute2$fill2,
+          _area$attribute2$z = _area$attribute2.z,
+          z = _area$attribute2$z === void 0 ? areaAttribute.z : _area$attribute2$z,
+          _area$attribute2$stro2 = _area$attribute2.strokeOpacity,
+          strokeOpacity = _area$attribute2$stro2 === void 0 ? areaAttribute.strokeOpacity : _area$attribute2$stro2,
           data = this.valid(area, areaAttribute, fillCb, strokeCb);
         if (!data) return;
         var doFill = data.doFill,
           doStroke = data.doStroke,
-          _area$attribute$clipR = area.attribute.clipRange,
-          clipRange = _area$attribute$clipR === void 0 ? areaAttribute.clipRange : _area$attribute$clipR;
+          _area$attribute3 = area.attribute,
+          _area$attribute3$clip = _area$attribute3.clipRange,
+          clipRange = _area$attribute3$clip === void 0 ? areaAttribute.clipRange : _area$attribute3$clip,
+          closePath = _area$attribute3.closePath,
+          points = _area$attribute3.points,
+          segments = _area$attribute3.segments;
+        var _area$attribute$curve = area.attribute.curveType,
+          curveType = _area$attribute$curve === void 0 ? areaAttribute.curveType : _area$attribute$curve;
+        if (closePath && "linear" === curveType && (curveType = "linearClosed"), 1 === clipRange && !segments && !points.some(function (p) {
+          return !1 === p.defined;
+        }) && "linear" === curveType) return this.drawLinearAreaHighPerformance(area, context, !!fill, doStroke, fillOpacity, strokeOpacity, x, y, areaAttribute, drawContext, params, fillCb, strokeCb);
         if (area.shouldUpdateShape()) {
-          var _area$attribute2 = area.attribute,
-            points = _area$attribute2.points,
-            segments = _area$attribute2.segments,
-            closePath = _area$attribute2.closePath;
-          var _area$attribute$curve = area.attribute.curveType,
-            curveType = _area$attribute$curve === void 0 ? areaAttribute.curveType : _area$attribute$curve;
-          if (closePath && "linear" === curveType && (curveType = "linearClosed"), segments && segments.length) {
+          if (segments && segments.length) {
             var startPoint, lastTopSeg;
             var topCaches = segments.map(function (seg, index) {
               if (seg.points.length <= 1 && 0 === index) return seg.points[0] && (lastTopSeg = {
@@ -14526,9 +14566,9 @@
             for (var i = segments.length - 1; i >= 0; i--) {
               var _points = segments[i].points,
                 bottomPoints = [];
-              for (var _i = _points.length - 1; _i >= 0; _i--) bottomPoints.push({
-                x: null !== (_a = _points[_i].x1) && void 0 !== _a ? _a : _points[_i].x,
-                y: null !== (_b = _points[_i].y1) && void 0 !== _b ? _b : _points[_i].y
+              for (var _i4 = _points.length - 1; _i4 >= 0; _i4--) bottomPoints.push({
+                x: null !== (_a = _points[_i4].x1) && void 0 !== _a ? _a : _points[_i4].x,
+                y: null !== (_b = _points[_i4].y1) && void 0 !== _b ? _b : _points[_i4].y
               });
               if (0 !== i) {
                 var lastSegmentPoints = segments[i - 1].points,
@@ -14551,9 +14591,9 @@
             {
               var topPoints = points,
                 _bottomPoints = [];
-              for (var _i2 = points.length - 1; _i2 >= 0; _i2--) _bottomPoints.push({
-                x: null !== (_e = points[_i2].x1) && void 0 !== _e ? _e : points[_i2].x,
-                y: null !== (_f = points[_i2].y1) && void 0 !== _f ? _f : points[_i2].y
+              for (var _i5 = points.length - 1; _i5 >= 0; _i5--) _bottomPoints.push({
+                x: null !== (_e = points[_i5].x1) && void 0 !== _e ? _e : points[_i5].x,
+                y: null !== (_f = points[_i5].y1) && void 0 !== _f ? _f : points[_i5].y
               });
               var topCache = calcLineCache(topPoints, curveType),
                 bottomCache = calcLineCache(_bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType);
@@ -14616,9 +14656,9 @@
         }) : da.push(defaultAttribute), da.push(attribute)), connect && "none" === connectedType) return !1;
         if (!cache) return;
         context.beginPath();
-        var _area$attribute3 = area.attribute,
-          points = _area$attribute3.points,
-          segments = _area$attribute3.segments;
+        var _area$attribute4 = area.attribute,
+          points = _area$attribute4.points,
+          segments = _area$attribute4.segments;
         var endP,
           startP,
           direction = Direction$1.ROW;
@@ -14646,8 +14686,8 @@
           attribute: attribute
         }), !1 !== stroke) if (strokeCb) strokeCb(context, attribute, defaultAttribute);else {
           var _attribute$stroke = attribute.stroke,
-            _stroke = _attribute$stroke === void 0 ? defaultAttribute && defaultAttribute[1] && defaultAttribute[1].stroke : _attribute$stroke;
-          vutils.isArray(_stroke) && (_stroke[0] || _stroke[2]) && !1 === _stroke[1] && (context.beginPath(), drawSegments(context.camera ? context : context.nativeContext, _stroke[0] ? cache.top : cache.bottom, clipRange, direction === Direction$1.ROW ? "x" : "y", {
+            _stroke2 = _attribute$stroke === void 0 ? defaultAttribute && defaultAttribute[1] && defaultAttribute[1].stroke : _attribute$stroke;
+          vutils.isArray(_stroke2) && (_stroke2[0] || _stroke2[2]) && !1 === _stroke2[1] && (context.beginPath(), drawSegments(context.camera ? context : context.nativeContext, _stroke2[0] ? cache.top : cache.bottom, clipRange, direction === Direction$1.ROW ? "x" : "y", {
             offsetX: offsetX,
             offsetY: offsetY,
             offsetZ: offsetZ,
@@ -17649,7 +17689,7 @@
   DefaultCanvasPyramid3dRender = __decorate$7([injectable()], DefaultCanvasPyramid3dRender);
 
   var renderModule = new ContainerModule(function (bind) {
-    bind(DefaultBaseBackgroundRenderContribution).toSelf().inSingletonScope(), bind(DefaultBaseTextureRenderContribution).toSelf().inSingletonScope(), bind(DrawContribution).to(DefaultDrawContribution), bind(IncrementalDrawContribution).to(DefaultIncrementalDrawContribution), bind(CircleRender).to(DefaultCanvasCircleRender).inSingletonScope(), bind(GraphicRender).toService(CircleRender), bindContributionProvider(bind, CircleRenderContribution), bind(RectRender).to(DefaultCanvasRectRender).inSingletonScope(), bind(GraphicRender).toService(RectRender), bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender), bindContributionProvider(bind, RectRenderContribution), bind(TextRender).to(DefaultCanvasTextRender).inSingletonScope(), bind(GraphicRender).toService(TextRender), bindContributionProvider(bind, TextRenderContribution), bind(PathRender).to(DefaultCanvasPathRender).inSingletonScope(), bind(GraphicRender).toService(PathRender), bindContributionProvider(bind, PathRenderContribution), bind(SymbolRender).to(DefaultCanvasSymbolRender).inSingletonScope(), bind(GraphicRender).toService(SymbolRender), bindContributionProvider(bind, SymbolRenderContribution), bind(ArcRender).to(DefaultCanvasArcRender).inSingletonScope(), bind(GraphicRender).toService(ArcRender), bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender), bindContributionProvider(bind, ArcRenderContribution), bind(LineRender).to(DefaultCanvasLineRender).inSingletonScope(), bind(GraphicRender).toService(LineRender), bind(DefaultIncrementalCanvasLineRender).toSelf().inSingletonScope(), bind(DefaultIncrementalCanvasAreaRender).toSelf().inSingletonScope(), bind(AreaRender).to(DefaultCanvasAreaRender).inSingletonScope(), bind(GraphicRender).toService(AreaRender), bindContributionProvider(bind, AreaRenderContribution), bind(GroupRender).to(DefaultCanvasGroupRender).inSingletonScope(), bind(GraphicRender).toService(GroupRender), bindContributionProvider(bind, GroupRenderContribution), bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bindContributionProvider(bind, PolygonRenderContribution), bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender), bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bindContributionProvider(bind, ImageRenderContribution), bind(RichTextRender).to(DefaultCanvasRichTextRender).inSingletonScope(), bind(GraphicRender).toService(RichTextRender), bind(Pyramid3dRender).to(DefaultCanvasPyramid3dRender).inSingletonScope(), bind(GraphicRender).toService(Pyramid3dRender), bind(DefaultBaseInteractiveRenderContribution).toSelf().inSingletonScope(), bind(TextRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(ArcRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(PathRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(SymbolRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(RectRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(CircleRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(AreaRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, InteractiveSubRenderContribution), bindContributionProvider(bind, GraphicRender), bind(ShadowRootDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(ShadowRootDrawItemInterceptorContribution), bind(CommonDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(CommonDrawItemInterceptorContribution), bind(Canvas3DDrawItemInterceptor).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(Canvas3DDrawItemInterceptor), bind(InteractiveDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(InteractiveDrawItemInterceptorContribution), bindContributionProvider(bind, DrawItemInterceptor);
+    bind(DefaultBaseBackgroundRenderContribution).toSelf().inSingletonScope(), bind(DefaultBaseTextureRenderContribution).toSelf().inSingletonScope(), bind(DrawContribution).to(DefaultDrawContribution), bind(IncrementalDrawContribution).to(DefaultIncrementalDrawContribution), bind(DefaultCanvasCircleRender).toSelf().inSingletonScope(), bind(CircleRender).to(DefaultCanvasCircleRender).inSingletonScope(), bind(GraphicRender).toService(CircleRender), bindContributionProvider(bind, CircleRenderContribution), bind(DefaultCanvasRectRender).toSelf().inSingletonScope(), bind(RectRender).to(DefaultCanvasRectRender).inSingletonScope(), bind(GraphicRender).toService(RectRender), bind(Rect3DRender).to(DefaultCanvasRect3dRender).inSingletonScope(), bind(GraphicRender).toService(Rect3DRender), bindContributionProvider(bind, RectRenderContribution), bind(TextRender).to(DefaultCanvasTextRender).inSingletonScope(), bind(GraphicRender).toService(TextRender), bindContributionProvider(bind, TextRenderContribution), bind(DefaultCanvasPathRender).toSelf().inSingletonScope(), bind(PathRender).to(DefaultCanvasPathRender).inSingletonScope(), bind(GraphicRender).toService(PathRender), bindContributionProvider(bind, PathRenderContribution), bind(DefaultCanvasSymbolRender).toSelf().inSingletonScope(), bind(SymbolRender).to(DefaultCanvasSymbolRender).inSingletonScope(), bind(GraphicRender).toService(SymbolRender), bindContributionProvider(bind, SymbolRenderContribution), bind(DefaultCanvasArcRender).toSelf().inSingletonScope(), bind(ArcRender).to(DefaultCanvasArcRender).inSingletonScope(), bind(GraphicRender).toService(ArcRender), bind(Arc3dRender).to(DefaultCanvasArc3DRender).inSingletonScope(), bind(GraphicRender).toService(Arc3dRender), bindContributionProvider(bind, ArcRenderContribution), bind(DefaultCanvasLineRender).toSelf().inSingletonScope(), bind(LineRender).to(DefaultCanvasLineRender).inSingletonScope(), bind(GraphicRender).toService(LineRender), bind(DefaultIncrementalCanvasLineRender).toSelf().inSingletonScope(), bind(DefaultIncrementalCanvasAreaRender).toSelf().inSingletonScope(), bind(DefaultCanvasAreaRender).toSelf().inSingletonScope(), bind(AreaRender).to(DefaultCanvasAreaRender).inSingletonScope(), bind(GraphicRender).toService(AreaRender), bindContributionProvider(bind, AreaRenderContribution), bind(GroupRender).to(DefaultCanvasGroupRender).inSingletonScope(), bind(GraphicRender).toService(GroupRender), bindContributionProvider(bind, GroupRenderContribution), bind(PolygonRender).to(DefaultCanvasPolygonRender).inSingletonScope(), bind(GraphicRender).toService(PolygonRender), bindContributionProvider(bind, PolygonRenderContribution), bind(GlyphRender).to(DefaultCanvasGlyphRender).inSingletonScope(), bind(GraphicRender).toService(GlyphRender), bind(ImageRender).to(DefaultCanvasImageRender).inSingletonScope(), bind(GraphicRender).toService(ImageRender), bindContributionProvider(bind, ImageRenderContribution), bind(RichTextRender).to(DefaultCanvasRichTextRender).inSingletonScope(), bind(GraphicRender).toService(RichTextRender), bind(Pyramid3dRender).to(DefaultCanvasPyramid3dRender).inSingletonScope(), bind(GraphicRender).toService(Pyramid3dRender), bind(DefaultBaseInteractiveRenderContribution).toSelf().inSingletonScope(), bind(TextRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(ArcRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(PathRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(SymbolRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(RectRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(CircleRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(AreaRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bind(PolygonRenderContribution).toService(DefaultBaseInteractiveRenderContribution), bindContributionProvider(bind, InteractiveSubRenderContribution), bindContributionProvider(bind, GraphicRender), bind(ShadowRootDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(ShadowRootDrawItemInterceptorContribution), bind(CommonDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(CommonDrawItemInterceptorContribution), bind(Canvas3DDrawItemInterceptor).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(Canvas3DDrawItemInterceptor), bind(InteractiveDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(InteractiveDrawItemInterceptorContribution), bindContributionProvider(bind, DrawItemInterceptor);
   });
 
   function load(container) {
@@ -20656,6 +20696,45 @@
       var _a, _b;
       return (_b = (_a = animationEffects[type]) === null || _a === void 0 ? void 0 : _a.call(animationEffects, textAttribute)) !== null && _b !== void 0 ? _b : { from: {}, to: {} };
   }
+  function updateAnimation(prev, next, animationConfig) {
+      if (!vutils.isArray(animationConfig)) {
+          const { duration, easing, increaseEffect = true } = animationConfig;
+          prev.animate().to(next.attribute, duration, easing);
+          increaseEffect && playIncreaseCount(prev, next, duration, easing);
+          return;
+      }
+      animationConfig.forEach((cfg, i) => {
+          const { duration, easing, increaseEffect = true, channel } = cfg;
+          const { from, to } = update(prev, next, channel, cfg.options);
+          if (!vutils.isEmpty(to)) {
+              prev.animate().to(to, duration, easing);
+          }
+          if ('text' in from && 'text' in to && increaseEffect) {
+              playIncreaseCount(prev, next, duration, easing);
+          }
+      });
+  }
+  const update = (prev, next, channel, options) => {
+      const from = Object.assign({}, prev.attribute);
+      const to = Object.assign({}, next.attribute);
+      vutils.array(options === null || options === void 0 ? void 0 : options.excludeChannels).forEach(key => {
+          delete to[key];
+      });
+      Object.keys(to).forEach(key => {
+          if (channel && !channel.includes(key)) {
+              delete to[key];
+          }
+      });
+      return { from, to };
+  };
+  function playIncreaseCount(prev, next, duration, easing) {
+      if (prev.attribute.text !== next.attribute.text &&
+          vutils.isValidNumber(Number(prev.attribute.text) * Number(next.attribute.text))) {
+          prev
+              .animate()
+              .play(new IncreaseCount({ text: prev.attribute.text }, { text: next.attribute.text }, duration, easing));
+      }
+  }
   const DefaultLabelAnimation = {
       mode: 'same-time',
       duration: 300,
@@ -20849,6 +20928,24 @@
       }
       return points;
   };
+  function labelingLineOrArea(textBounds, graphicBounds, position = 'end', offset = 0) {
+      if (!textBounds || !graphicBounds) {
+          return;
+      }
+      const { x1, x2 } = textBounds;
+      const width = Math.abs(x2 - x1);
+      const anchorX = graphicBounds.x1;
+      const anchorY = graphicBounds.y1;
+      let x = anchorX;
+      const y = anchorY;
+      if (position === 'end') {
+          x = anchorX + width / 2 + offset;
+      }
+      else if (position === 'start') {
+          x = anchorX - width / 2 - offset;
+      }
+      return { x, y };
+  }
 
   class LabelBase extends AbstractComponent {
       setBitmap(bitmap) {
@@ -21002,7 +21099,7 @@
           return text;
       }
       _prepare() {
-          var _a, _b, _c, _d;
+          var _a, _b, _c, _d, _e;
           const currentBaseMarks = [];
           let baseMarks;
           if (vutils.isFunction(this.attribute.getBaseMarks)) {
@@ -21019,7 +21116,7 @@
           (_a = this._idToGraphic) === null || _a === void 0 ? void 0 : _a.clear();
           (_b = this._idToPoint) === null || _b === void 0 ? void 0 : _b.clear();
           this._baseMarks = currentBaseMarks;
-          this._isCollectionBase = ((_c = currentBaseMarks === null || currentBaseMarks === void 0 ? void 0 : currentBaseMarks[0]) === null || _c === void 0 ? void 0 : _c.type) === 'line' || ((_d = currentBaseMarks === null || currentBaseMarks === void 0 ? void 0 : currentBaseMarks[0]) === null || _d === void 0 ? void 0 : _d.type) === 'area';
+          this._isCollectionBase = this.attribute.type === 'line-data';
           if (!currentBaseMarks || currentBaseMarks.length === 0) {
               return;
           }
@@ -21065,6 +21162,15 @@
                   }
               }
           }
+          if (this.attribute.animation !== false) {
+              this._animationConfig = {
+                  enter: vutils.merge({}, DefaultLabelAnimation, this.attribute.animation, (_c = this.attribute.animationEnter) !== null && _c !== void 0 ? _c : {}),
+                  exit: vutils.merge({}, DefaultLabelAnimation, this.attribute.animation, (_d = this.attribute.animationExit) !== null && _d !== void 0 ? _d : {}),
+                  update: vutils.isArray(this.attribute.animationUpdate)
+                      ? this.attribute.animationUpdate
+                      : vutils.merge({}, DefaultLabelAnimation, this.attribute.animation, (_e = this.attribute.animationUpdate) !== null && _e !== void 0 ? _e : {})
+              };
+          }
       }
       getRelatedGrphic(item) {
           return this._idToGraphic.get(item.id);
@@ -21212,12 +21318,6 @@
           }
       }
       _renderWithAnimation(labels) {
-          var _a, _b, _c, _d, _e;
-          const animationConfig = ((_a = this.attribute.animation) !== null && _a !== void 0 ? _a : {});
-          const mode = (_b = animationConfig.mode) !== null && _b !== void 0 ? _b : DefaultLabelAnimation.mode;
-          const duration = (_c = animationConfig.duration) !== null && _c !== void 0 ? _c : DefaultLabelAnimation.duration;
-          const easing = (_d = animationConfig.easing) !== null && _d !== void 0 ? _d : DefaultLabelAnimation.easing;
-          const delay = (_e = animationConfig.delay) !== null && _e !== void 0 ? _e : 0;
           const currentTextMap = new Map();
           const prevTextMap = this._graphicToText || new Map();
           const texts = [];
@@ -21241,13 +21341,7 @@
                       this._syncStateWithRelatedGraphic(relatedGraphic);
                       relatedGraphic.once('animate-bind', a => {
                           text.setAttributes(from);
-                          const listener = this._afterRelatedGraphicAttributeUpdate(text, texts, index, relatedGraphic, {
-                              mode,
-                              duration,
-                              easing,
-                              to,
-                              delay
-                          });
+                          const listener = this._afterRelatedGraphicAttributeUpdate(text, texts, index, relatedGraphic, to, this._animationConfig.enter);
                           relatedGraphic.on('afterAttributeUpdate', listener);
                       });
                   }
@@ -21257,25 +21351,19 @@
                   prevTextMap.delete(textKey);
                   currentTextMap.set(textKey, prevLabel);
                   const prevText = prevLabel.text;
-                  prevText.animate().to(text.attribute, duration, easing);
+                  const { duration, easing } = this._animationConfig.update;
+                  updateAnimation(prevText, text, this._animationConfig.update);
                   if (prevLabel.labelLine) {
                       prevLabel.labelLine.animate().to(vutils.merge({}, prevLabel.labelLine.attribute, {
                           visible: (_f = (_d = (((_b = (_a = text.attribute) === null || _a === void 0 ? void 0 : _a.line) === null || _b === void 0 ? void 0 : _b.visible) && ((_c = text.attribute) === null || _c === void 0 ? void 0 : _c.visible))) !== null && _d !== void 0 ? _d : (_e = text.attribute) === null || _e === void 0 ? void 0 : _e.visible) !== null && _f !== void 0 ? _f : true,
                           points: (_g = text.attribute) === null || _g === void 0 ? void 0 : _g.points
                       }), duration, easing);
                   }
-                  if (animationConfig.increaseEffect !== false &&
-                      prevText.attribute.text !== text.attribute.text &&
-                      vutils.isValidNumber(Number(prevText.attribute.text) * Number(text.attribute.text))) {
-                      prevText
-                          .animate()
-                          .play(new IncreaseCount({ text: prevText.attribute.text }, { text: text.attribute.text }, duration, easing));
-                  }
               }
           });
           prevTextMap.forEach(label => {
               var _a;
-              (_a = label.text) === null || _a === void 0 ? void 0 : _a.animate().to(getAnimationAttributes(label.text.attribute, 'fadeOut').to, duration, easing).onEnd(() => {
+              (_a = label.text) === null || _a === void 0 ? void 0 : _a.animate().to(getAnimationAttributes(label.text.attribute, 'fadeOut').to, this._animationConfig.exit.duration, this._animationConfig.exit.easing).onEnd(() => {
                   this.removeChild(label.text);
                   if (label === null || label === void 0 ? void 0 : label.labelLine) {
                       this.removeChild(label.labelLine);
@@ -21324,7 +21412,7 @@
               relatedGraphic.on('afterAttributeUpdate', this._handleRelatedGraphicSetState);
           }
       }
-      _afterRelatedGraphicAttributeUpdate(text, texts, index, relatedGraphic, { mode, duration, easing, to, delay }) {
+      _afterRelatedGraphicAttributeUpdate(text, texts, index, relatedGraphic, to, { mode, duration, easing, delay }) {
           const listener = (event) => {
               var _a, _b;
               const { detail } = event;
@@ -21342,7 +21430,7 @@
                   text.setAttributes(to);
                   return;
               }
-              const onEnd = () => {
+              const onStart = () => {
                   if (relatedGraphic) {
                       relatedGraphic.onAnimateBind = undefined;
                       relatedGraphic.removeEventListener('afterAttributeUpdate', listener);
@@ -21351,14 +21439,14 @@
               switch (mode) {
                   case 'after':
                       if (detail.animationState.end) {
-                          text.animate({ onEnd }).wait(delay).to(to, duration, easing);
+                          text.animate({ onStart }).wait(delay).to(to, duration, easing);
                       }
                       break;
                   case 'after-all':
                       if (index === texts.length - 1) {
                           if (detail.animationState.end) {
                               texts.forEach(t => {
-                                  t.animate({ onEnd }).wait(delay).to(to, duration, easing);
+                                  t.animate({ onStart }).wait(delay).to(to, duration, easing);
                               });
                           }
                       }
@@ -21369,12 +21457,12 @@
                           const point = this._idToPoint.get(text.attribute.id);
                           if (point &&
                               (!text.animates || !text.animates.has('label-animate')) &&
-                              this._baseMarks[0].containsPoint(point.x, point.y, IContainPointMode.LOCAL, (_b = this.stage) === null || _b === void 0 ? void 0 : _b.pickerService)) {
-                              text.animate({ onEnd }).wait(delay).to(to, duration, easing);
+                              relatedGraphic.containsPoint(point.x, point.y, IContainPointMode.LOCAL, (_b = this.stage) === null || _b === void 0 ? void 0 : _b.pickerService)) {
+                              text.animate({ onStart }).wait(delay).to(to, duration, easing);
                           }
                       }
                       else if (detail.animationState.isFirstFrameOfStep) {
-                          text.animate({ onEnd }).wait(delay).to(to, duration, easing);
+                          text.animate({ onStart }).wait(delay).to(to, duration, easing);
                       }
                       break;
               }
@@ -21608,22 +21696,7 @@
           };
       }
       labeling(textBounds, graphicBounds, position = 'end', offset = 0) {
-          if (!textBounds || !graphicBounds) {
-              return;
-          }
-          const { x1, x2 } = textBounds;
-          const width = Math.abs(x2 - x1);
-          const anchorX = graphicBounds.x1;
-          const anchorY = graphicBounds.y1;
-          let x = anchorX;
-          const y = anchorY;
-          if (position === 'end') {
-              x = anchorX + width / 2 + offset;
-          }
-          else if (position === 'start') {
-              x = anchorX - width / 2 - offset;
-          }
-          return { x, y };
+          return labelingLineOrArea(textBounds, graphicBounds, position, offset);
       }
   }
   LineLabel.defaultAttributes = {
@@ -22385,10 +22458,49 @@
       pickable: false
   };
 
+  class AreaLabel extends LabelBase {
+      constructor(attributes) {
+          super(vutils.merge({}, AreaLabel.defaultAttributes, attributes));
+          this.name = 'line-label';
+      }
+      getGraphicBounds(graphic, point = {}) {
+          var _a;
+          if (graphic.type !== 'area') {
+              return super.getGraphicBounds(graphic, point);
+          }
+          const { position = 'end' } = this.attribute;
+          const points = ((_a = graphic === null || graphic === void 0 ? void 0 : graphic.attribute) === null || _a === void 0 ? void 0 : _a.points) || [point];
+          const index = position === 'start' ? 0 : points.length - 1;
+          return {
+              x1: points[index].x,
+              x2: points[index].x,
+              y1: points[index].y,
+              y2: points[index].y
+          };
+      }
+      labeling(textBounds, graphicBounds, position = 'end', offset = 0) {
+          return labelingLineOrArea(textBounds, graphicBounds, position, offset);
+      }
+  }
+  AreaLabel.defaultAttributes = {
+      textStyle: {
+          fontSize: 12,
+          fill: '#000',
+          textAlign: 'center',
+          textBaseline: 'middle',
+          boundsPadding: [-1, 0, -1, 0]
+      },
+      position: 'end',
+      offset: 6,
+      pickable: false
+  };
+
   const labelComponentMap = {
       rect: RectLabel,
       symbol: SymbolLabel,
       arc: ArcLabel,
+      line: LineLabel,
+      area: AreaLabel,
       'line-data': LineDataLabel
   };
   class DataLabel extends AbstractComponent {
@@ -22397,6 +22509,7 @@
           this.name = 'data-label';
       }
       render() {
+          var _a;
           const { dataLabels, size } = this.attribute;
           if (!dataLabels || dataLabels.length === 0) {
               return;
@@ -22416,20 +22529,21 @@
               const dataLabel = dataLabels[i];
               const labelComponent = labelComponentMap[dataLabel.type] || LabelBase;
               if (labelComponent) {
-                  const { baseMarkGroupName } = dataLabel;
-                  let component = this._componentMap.get(baseMarkGroupName);
+                  const { baseMarkGroupName, type } = dataLabel;
+                  const id = (_a = dataLabel.id) !== null && _a !== void 0 ? _a : `${baseMarkGroupName}-${type}-${i}`;
+                  let component = this._componentMap.get(id);
                   if (component) {
                       component.setBitmapTool(tool);
                       component.setBitmap(bitmap);
                       component.setAttributes(dataLabel);
-                      currentComponentMap.set(baseMarkGroupName, component);
+                      currentComponentMap.set(id, component);
                   }
                   else {
                       component = new labelComponent(dataLabel);
                       component.setBitmap(bitmap);
                       component.setBitmapTool(tool);
                       this.add(component);
-                      currentComponentMap.set(baseMarkGroupName, component);
+                      currentComponentMap.set(id, component);
                   }
               }
           }
@@ -24675,13 +24789,6 @@
   }
   vutils.mixin(CircleAxisGrid, CircleAxisMixin);
 
-  var DataZoomActiveTag;
-  (function (DataZoomActiveTag) {
-      DataZoomActiveTag["startHandler"] = "startHandler";
-      DataZoomActiveTag["endHandler"] = "endHandler";
-      DataZoomActiveTag["middleHandler"] = "middleHandler";
-      DataZoomActiveTag["background"] = "background";
-  })(DataZoomActiveTag || (DataZoomActiveTag = {}));
   const DEFAULT_DATA_ZOOM_ATTRIBUTES = {
       orient: 'bottom',
       showDetail: 'auto',
@@ -24780,6 +24887,14 @@
       }
   };
 
+  exports.DataZoomActiveTag = void 0;
+  (function (DataZoomActiveTag) {
+      DataZoomActiveTag["startHandler"] = "startHandler";
+      DataZoomActiveTag["endHandler"] = "endHandler";
+      DataZoomActiveTag["middleHandler"] = "middleHandler";
+      DataZoomActiveTag["background"] = "background";
+  })(exports.DataZoomActiveTag || (exports.DataZoomActiveTag = {}));
+
   const delayMap$1 = {
       debounce: vutils.debounce,
       throttle: vutils.throttle
@@ -24807,23 +24922,23 @@
           this._onHandlerPointerDown = (e, tag) => {
               e.stopPropagation();
               if (tag === 'start') {
-                  this._activeTag = DataZoomActiveTag.startHandler;
+                  this._activeTag = exports.DataZoomActiveTag.startHandler;
                   this._activeItem = this._startHandler;
               }
               else if (tag === 'end') {
-                  this._activeTag = DataZoomActiveTag.endHandler;
+                  this._activeTag = exports.DataZoomActiveTag.endHandler;
                   this._activeItem = this._endHandler;
               }
               else if (tag === 'middleRect') {
-                  this._activeTag = DataZoomActiveTag.middleHandler;
+                  this._activeTag = exports.DataZoomActiveTag.middleHandler;
                   this._activeItem = this._middleHandlerRect;
               }
               else if (tag === 'middleSymbol') {
-                  this._activeTag = DataZoomActiveTag.middleHandler;
+                  this._activeTag = exports.DataZoomActiveTag.middleHandler;
                   this._activeItem = this._middleHandlerSymbol;
               }
               else if (tag === 'background') {
-                  this._activeTag = DataZoomActiveTag.background;
+                  this._activeTag = exports.DataZoomActiveTag.background;
                   this._activeItem = this._background;
               }
               this._activeState = true;
@@ -24831,6 +24946,7 @@
               this._activeCache.lastPos = this.eventPosToStagePos(e);
           };
           this._onHandlerPointerMove = (e) => {
+              var _a;
               e.stopPropagation();
               const { start: startAttr, end: endAttr, brushSelect, realTime = true } = this.attribute;
               const pos = this.eventPosToStagePos(e);
@@ -24838,24 +24954,24 @@
               const dis = (pos[attPos] - this._activeCache.lastPos[attPos]) / max;
               let { start, end } = this.state;
               if (this._activeState) {
-                  if (this._activeTag === DataZoomActiveTag.middleHandler) {
+                  if (this._activeTag === exports.DataZoomActiveTag.middleHandler) {
                       this.moveZoomWithMiddle((this.state.start + this.state.end) / 2 + dis);
                   }
-                  else if (this._activeTag === DataZoomActiveTag.startHandler) {
+                  else if (this._activeTag === exports.DataZoomActiveTag.startHandler) {
                       if (start + dis > end) {
                           start = end;
                           end = start + dis;
-                          this._activeTag = DataZoomActiveTag.endHandler;
+                          this._activeTag = exports.DataZoomActiveTag.endHandler;
                       }
                       else {
                           start = start + dis;
                       }
                   }
-                  else if (this._activeTag === DataZoomActiveTag.endHandler) {
+                  else if (this._activeTag === exports.DataZoomActiveTag.endHandler) {
                       if (end + dis < start) {
                           end = start;
                           start = end + dis;
-                          this._activeTag = DataZoomActiveTag.startHandler;
+                          this._activeTag = exports.DataZoomActiveTag.startHandler;
                       }
                       else {
                           end = end + dis;
@@ -24868,7 +24984,7 @@
               end = Math.min(Math.max(end, 0), 1);
               if (startAttr !== start || endAttr !== end) {
                   this.setStateAttr(start, end, true);
-                  realTime && this._updateStateCallback && this._updateStateCallback(start, end);
+                  realTime && ((_a = this._updateStateCallback) === null || _a === void 0 ? void 0 : _a.call(this, start, end, this._activeTag));
                   this._dispatchChangeEvent(start, end);
               }
           };
@@ -24973,10 +25089,11 @@
           };
       }
       _onHandlerPointerUp(e) {
+          var _a;
           e.preventDefault();
           const { start, end, brushSelect, realTime = true } = this.attribute;
           if (this._activeState) {
-              if (this._activeTag === DataZoomActiveTag.background) {
+              if (this._activeTag === exports.DataZoomActiveTag.background) {
                   const pos = this.eventPosToStagePos(e);
                   this.backgroundDragZoom(this._activeCache.startPos, pos);
               }
@@ -24985,7 +25102,7 @@
           brushSelect && this.renderDragMask();
           if (!realTime || start !== this.state.start || end !== this.state.end) {
               this.setStateAttr(this.state.start, this.state.end, true);
-              this._updateStateCallback && this._updateStateCallback(this.state.start, this.state.end);
+              (_a = this._updateStateCallback) === null || _a === void 0 ? void 0 : _a.call(this, this.state.start, this.state.end, this._activeTag);
               this._dispatchChangeEvent(this.state.start, this.state.end);
           }
       }
@@ -25035,11 +25152,11 @@
           const { dragMaskStyle } = this.attribute;
           const { position, width, height } = this.getLayoutAttrFromConfig();
           if (this._isHorizontal) {
-              this._dragMask = this._container.createOrUpdateChild('dragMask', Object.assign({ x: vutils.clamp(this.dragMaskSize() < 0 ? this._activeCache.lastPos.x : this._activeCache.startPos.x, position.x, position.x + width), y: position.y, width: (this._activeState && this._activeTag === DataZoomActiveTag.background && Math.abs(this.dragMaskSize())) ||
+              this._dragMask = this._container.createOrUpdateChild('dragMask', Object.assign({ x: vutils.clamp(this.dragMaskSize() < 0 ? this._activeCache.lastPos.x : this._activeCache.startPos.x, position.x, position.x + width), y: position.y, width: (this._activeState && this._activeTag === exports.DataZoomActiveTag.background && Math.abs(this.dragMaskSize())) ||
                       0, height }, dragMaskStyle), 'rect');
           }
           else {
-              this._dragMask = this._container.createOrUpdateChild('dragMask', Object.assign({ x: position.x, y: vutils.clamp(this.dragMaskSize() < 0 ? this._activeCache.lastPos.y : this._activeCache.startPos.y, position.y, position.y + height), width, height: (this._activeState && this._activeTag === DataZoomActiveTag.background && Math.abs(this.dragMaskSize())) ||
+              this._dragMask = this._container.createOrUpdateChild('dragMask', Object.assign({ x: position.x, y: vutils.clamp(this.dragMaskSize() < 0 ? this._activeCache.lastPos.y : this._activeCache.startPos.y, position.y, position.y + height), width, height: (this._activeState && this._activeTag === exports.DataZoomActiveTag.background && Math.abs(this.dragMaskSize())) ||
                       0 }, dragMaskStyle), 'rect');
           }
       }
@@ -25358,13 +25475,14 @@
           this.dispatchEvent(changeEvent);
       }
       setStartAndEnd(start, end) {
+          var _a;
           const { start: startAttr, end: endAttr } = this.attribute;
           if (vutils.isValid(start) && vutils.isValid(end) && (start !== this.state.start || end !== this.state.end)) {
               this.state.start = start;
               this.state.end = end;
               if (startAttr !== this.state.start || endAttr !== this.state.end) {
                   this.setStateAttr(start, end, true);
-                  this._updateStateCallback && this._updateStateCallback(start, end);
+                  (_a = this._updateStateCallback) === null || _a === void 0 ? void 0 : _a.call(this, start, end, this._activeTag);
                   this._dispatchChangeEvent(start, end);
               }
           }
@@ -26451,51 +26569,23 @@
               const target = e.target;
               if ((_a = target === null || target === void 0 ? void 0 : target.name) === null || _a === void 0 ? void 0 : _a.startsWith(exports.LEGEND_ELEMENT_NAME.item)) {
                   const legendItem = target.delegate;
-                  const selected = legendItem.hasState(exports.LegendStateValue.selected);
-                  if (selected) {
-                      this._setLegendItemState(legendItem, exports.LegendStateValue.selectedHover, e);
-                  }
-                  else {
-                      this._setLegendItemState(legendItem, exports.LegendStateValue.unSelectedHover, e);
-                  }
-                  const focusButton = legendItem.getChildren()[0].find(node => node.name === exports.LEGEND_ELEMENT_NAME.focus, false);
-                  if (focusButton) {
-                      focusButton.setAttribute('visible', true);
+                  if (this._lastActiveItem) {
+                      if (this._lastActiveItem.id === legendItem.id) {
+                          return;
+                      }
+                      this._unHover(this._lastActiveItem, e);
                   }
-                  this._dispatchEvent(exports.LegendEvent.legendItemHover, legendItem, e);
+                  this._hover(legendItem, e);
+              }
+              else if (this._lastActiveItem) {
+                  this._unHover(this._lastActiveItem, e);
+                  this._lastActiveItem = null;
               }
           };
           this._onUnHover = (e) => {
-              var _a;
-              const target = e.target;
-              if ((_a = target === null || target === void 0 ? void 0 : target.name) === null || _a === void 0 ? void 0 : _a.startsWith(exports.LEGEND_ELEMENT_NAME.item)) {
-                  const legendItem = target.delegate;
-                  let attributeUpdate = false;
-                  if (legendItem.hasState(exports.LegendStateValue.unSelectedHover) ||
-                      legendItem.hasState(exports.LegendStateValue.selectedHover)) {
-                      attributeUpdate = true;
-                  }
-                  legendItem.removeState(exports.LegendStateValue.unSelectedHover);
-                  legendItem.removeState(exports.LegendStateValue.selectedHover);
-                  legendItem
-                      .getChildren()[0]
-                      .getChildren()
-                      .forEach((child) => {
-                      if (!attributeUpdate &&
-                          (child.hasState(exports.LegendStateValue.unSelectedHover) || child.hasState(exports.LegendStateValue.selectedHover))) {
-                          attributeUpdate = true;
-                      }
-                      child.removeState(exports.LegendStateValue.unSelectedHover);
-                      child.removeState(exports.LegendStateValue.selectedHover);
-                  });
-                  const focusButton = legendItem.getChildren()[0].find(node => node.name === exports.LEGEND_ELEMENT_NAME.focus, false);
-                  if (focusButton) {
-                      focusButton.setAttribute('visible', false);
-                  }
-                  if (attributeUpdate) {
-                      this._dispatchEvent(exports.LegendEvent.legendItemAttributeUpdate, legendItem, e);
-                  }
-                  this._dispatchEvent(exports.LegendEvent.legendItemUnHover, legendItem, e);
+              if (this._lastActiveItem) {
+                  this._unHover(this._lastActiveItem, e);
+                  this._lastActiveItem = null;
               }
           };
           this._onClick = (e) => {
@@ -26685,7 +26775,7 @@
           const { hover = true, select = true } = this.attribute;
           if (hover) {
               this._itemsContainer.addEventListener('pointermove', this._onHover);
-              this._itemsContainer.addEventListener('pointerout', this._onUnHover);
+              this._itemsContainer.addEventListener('pointerleave', this._onUnHover);
           }
           if (select) {
               this._itemsContainer.addEventListener('pointerdown', this._onClick);
@@ -26713,6 +26803,7 @@
               itemGroup = createGroup(Object.assign({ x: 0, y: 0 }, background === null || background === void 0 ? void 0 : background.style));
               this._appendDataToShape(itemGroup, exports.LEGEND_ELEMENT_NAME.item, item, itemGroup, background === null || background === void 0 ? void 0 : background.state);
           }
+          itemGroup.id = `${id !== null && id !== void 0 ? id : label}-${index}`;
           itemGroup.addState(isSelected ? exports.LegendStateValue.selected : exports.LegendStateValue.unSelected);
           const innerGroup = createGroup({
               x: 0,
@@ -26721,22 +26812,26 @@
           });
           itemGroup.add(innerGroup);
           let focusStartX = 0;
-          const shapeSize = vutils.get(shapeAttr, 'style.size', DEFAULT_SHAPE_SIZE);
-          const shapeSpace = vutils.get(shapeAttr, 'space', DEFAULT_SHAPE_SPACE);
-          const itemShape = createSymbol(Object.assign(Object.assign({ x: 0, y: 0, symbolType: 'circle', strokeBoundsBuffer: 0 }, shape), shapeAttr.style));
-          Object.keys(shapeAttr.state || {}).forEach(key => {
-              const color = shapeAttr.state[key].fill ||
-                  shapeAttr.state[key].stroke;
-              if (shape.fill && vutils.isNil(shapeAttr.state[key].fill) && color) {
-                  shapeAttr.state[key].fill = color;
-              }
-              if (shape.stroke && vutils.isNil(shapeAttr.state[key].stroke) && color) {
-                  shapeAttr.state[key].stroke = color;
-              }
-          });
-          this._appendDataToShape(itemShape, exports.LEGEND_ELEMENT_NAME.itemShape, item, itemGroup, shapeAttr === null || shapeAttr === void 0 ? void 0 : shapeAttr.state);
-          itemShape.addState(isSelected ? exports.LegendStateValue.selected : exports.LegendStateValue.unSelected);
-          innerGroup.add(itemShape);
+          let shapeSize = 0;
+          let shapeSpace = 0;
+          if ((shapeAttr === null || shapeAttr === void 0 ? void 0 : shapeAttr.visible) !== false) {
+              shapeSize = vutils.get(shapeAttr, 'style.size', DEFAULT_SHAPE_SIZE);
+              shapeSpace = vutils.get(shapeAttr, 'space', DEFAULT_SHAPE_SPACE);
+              const itemShape = createSymbol(Object.assign(Object.assign({ x: 0, y: 0, symbolType: 'circle', strokeBoundsBuffer: 0 }, shape), shapeAttr.style));
+              Object.keys(shapeAttr.state || {}).forEach(key => {
+                  const color = shapeAttr.state[key].fill ||
+                      shapeAttr.state[key].stroke;
+                  if (shape.fill && vutils.isNil(shapeAttr.state[key].fill) && color) {
+                      shapeAttr.state[key].fill = color;
+                  }
+                  if (shape.stroke && vutils.isNil(shapeAttr.state[key].stroke) && color) {
+                      shapeAttr.state[key].stroke = color;
+                  }
+              });
+              this._appendDataToShape(itemShape, exports.LEGEND_ELEMENT_NAME.itemShape, item, itemGroup, shapeAttr === null || shapeAttr === void 0 ? void 0 : shapeAttr.state);
+              itemShape.addState(isSelected ? exports.LegendStateValue.selected : exports.LegendStateValue.unSelected);
+              innerGroup.add(itemShape);
+          }
           let focusShape;
           let focusSpace = 0;
           if (focus) {
@@ -26938,6 +27033,48 @@
           this._pager.addEventListener('toNext', onPaging);
           return true;
       }
+      _hover(legendItem, e) {
+          this._lastActiveItem = legendItem;
+          const selected = legendItem.hasState(exports.LegendStateValue.selected);
+          if (selected) {
+              this._setLegendItemState(legendItem, exports.LegendStateValue.selectedHover, e);
+          }
+          else {
+              this._setLegendItemState(legendItem, exports.LegendStateValue.unSelectedHover, e);
+          }
+          const focusButton = legendItem.getChildren()[0].find(node => node.name === exports.LEGEND_ELEMENT_NAME.focus, false);
+          if (focusButton) {
+              focusButton.setAttribute('visible', true);
+          }
+          this._dispatchEvent(exports.LegendEvent.legendItemHover, legendItem, e);
+      }
+      _unHover(legendItem, e) {
+          let attributeUpdate = false;
+          if (legendItem.hasState(exports.LegendStateValue.unSelectedHover) || legendItem.hasState(exports.LegendStateValue.selectedHover)) {
+              attributeUpdate = true;
+          }
+          legendItem.removeState(exports.LegendStateValue.unSelectedHover);
+          legendItem.removeState(exports.LegendStateValue.selectedHover);
+          legendItem
+              .getChildren()[0]
+              .getChildren()
+              .forEach((child) => {
+              if (!attributeUpdate &&
+                  (child.hasState(exports.LegendStateValue.unSelectedHover) || child.hasState(exports.LegendStateValue.selectedHover))) {
+                  attributeUpdate = true;
+              }
+              child.removeState(exports.LegendStateValue.unSelectedHover);
+              child.removeState(exports.LegendStateValue.selectedHover);
+          });
+          const focusButton = legendItem.getChildren()[0].find(node => node.name === exports.LEGEND_ELEMENT_NAME.focus, false);
+          if (focusButton) {
+              focusButton.setAttribute('visible', false);
+          }
+          if (attributeUpdate) {
+              this._dispatchEvent(exports.LegendEvent.legendItemAttributeUpdate, legendItem, e);
+          }
+          this._dispatchEvent(exports.LegendEvent.legendItemUnHover, legendItem, e);
+      }
       _setLegendItemState(legendItem, stateName, e) {
           const keepCurrentStates = true;
           let attributeUpdate = false;
@@ -30125,7 +30262,7 @@
       }
   };
 
-  const version = "0.17.0-alpha.2";
+  const version = "0.17.0-alpha.4";
 
   exports.AbstractComponent = AbstractComponent;
   exports.ArcInfo = ArcInfo;