@visactor/vtable 1.19.2 → 1.19.3

package/dist/vtable.js

@@ -24089,6 +24089,103 @@
       }
     }
 
+    class AnimationTransitionRegistry {
+      constructor() {
+        this.transitions = new Map(), this.registerDefaultTransitions();
+      }
+      static getInstance() {
+        return AnimationTransitionRegistry.instance || (AnimationTransitionRegistry.instance = new AnimationTransitionRegistry()), AnimationTransitionRegistry.instance;
+      }
+      registerDefaultTransitions() {
+        this.registerTransition("appear", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("appear", "appear", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("appear", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("appear", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("normal", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("normal", "normal", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("normal", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("normal", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("exit", "*", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("exit", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("exit", "enter", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("exit", "exit", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("enter", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("enter", "enter", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("enter", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("enter", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("disappear", "*", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("disappear", "appear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("update", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("update", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("update", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("state", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("state", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("state", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        }));
+      }
+      isTransitionAllowed(fromState, toState, graphic) {
+        var _a, _b, _c, _d;
+        let func = null === (_a = this.transitions.get(fromState)) || void 0 === _a ? void 0 : _a.get(toState);
+        return func ? func(graphic, fromState) : (func = null === (_b = this.transitions.get(fromState)) || void 0 === _b ? void 0 : _b.get("*"), func ? func(graphic, fromState) : (func = null === (_c = this.transitions.get("*")) || void 0 === _c ? void 0 : _c.get(toState), func ? func(graphic, fromState) : (func = null === (_d = this.transitions.get("*")) || void 0 === _d ? void 0 : _d.get("*"), func ? func(graphic, fromState) : {
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })));
+      }
+      registerTransition(fromState, toState, transition) {
+        let fromStateMap = this.transitions.get(fromState);
+        fromStateMap || (fromStateMap = new Map(), this.transitions.set(fromState, fromStateMap)), fromStateMap.set(toState, transition);
+      }
+    }
+    AnimationTransitionRegistry.getInstance();
+
     class AnimateExecutor {
       static registerBuiltInAnimate(name, animate) {
         AnimateExecutor.builtInAnimateMap[name] = animate;
@@ -24096,333 +24193,3406 @@
       constructor(target) {
         this._animates = [], this._startCallbacks = [], this._endCallbacks = [], this._started = !1, this._activeCount = 0, this._target = target;
       }
-      onStart(cb) {
-        cb ? (this._startCallbacks.push(cb), this._started && this._activeCount > 0 && cb()) : this._startCallbacks.forEach(cb => {
-          cb();
+      onStart(cb) {
+        cb ? (this._startCallbacks.push(cb), this._started && this._activeCount > 0 && cb()) : this._startCallbacks.forEach(cb => {
+          cb();
+        });
+      }
+      onEnd(cb) {
+        cb ? this._endCallbacks.push(cb) : this._endCallbacks.forEach(cb => {
+          cb();
+        });
+      }
+      _trackAnimation(animate) {
+        this._animates.push(animate), this._activeCount++, 1 !== this._activeCount || this._started || (this._started = !0, this.onStart()), animate.onEnd(() => {
+          this._activeCount--;
+          const index = this._animates.indexOf(animate);
+          index >= 0 && this._animates.splice(index, 1), 0 === this._activeCount && this._started && (this._started = !1, this.onEnd());
+        });
+      }
+      parseParams(params, isTimeline, child) {
+        var _a, _b;
+        const totalTime = this.resolveValue(params.totalTime, void 0, void 0),
+          startTime = this.resolveValue(params.startTime, void 0, 0),
+          parsedParams = Object.assign({}, params);
+        parsedParams.oneByOneDelay = 0, parsedParams.startTime = startTime, parsedParams.totalTime = totalTime;
+        const oneByOne = this.resolveValue(params.oneByOne, child, !1);
+        if (isTimeline) {
+          const timeSlices = parsedParams.timeSlices;
+          isArray$9(timeSlices) || (parsedParams.timeSlices = [timeSlices]);
+          let sliceTime = 0;
+          parsedParams.timeSlices = parsedParams.timeSlices.map(slice => {
+            const delay = this.resolveValue(slice.delay, child, 0),
+              delayAfter = this.resolveValue(slice.delayAfter, child, 0),
+              duration = this.resolveValue(slice.duration, child, 300);
+            return sliceTime += delay + duration + delayAfter, Object.assign(Object.assign({}, slice), {
+              delay: delay,
+              delayAfter: delayAfter,
+              duration: duration
+            });
+          });
+          let oneByOneDelay = 0;
+          oneByOne && (oneByOneDelay = "number" == typeof oneByOne ? oneByOne : oneByOne ? sliceTime : 0), parsedParams.oneByOneDelay = oneByOneDelay;
+          let scale = 1;
+          if (totalTime) {
+            const _totalTime = sliceTime + oneByOneDelay * (this._target.count - 2);
+            scale = totalTime ? totalTime / _totalTime : 1;
+          }
+          parsedParams.timeSlices = parsedParams.timeSlices.map(slice => {
+            let effects = slice.effects;
+            return Array.isArray(effects) || (effects = [effects]), Object.assign(Object.assign({}, slice), {
+              delay: slice.delay * scale,
+              delayAfter: slice.delayAfter * scale,
+              duration: slice.duration * scale,
+              effects: effects.map(effect => {
+                var _a, _b;
+                const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[null !== (_b = effect.type) && void 0 !== _b ? _b : "fromTo"],
+                  customType = custom && isFunction$7(custom) ? /^class\s/.test(Function.prototype.toString.call(custom)) ? 1 : 2 : 0;
+                return Object.assign(Object.assign({}, effect), {
+                  custom: custom,
+                  customType: customType
+                });
+              })
+            });
+          }), parsedParams.oneByOneDelay = oneByOneDelay * scale, parsedParams.startTime = startTime * scale;
+        } else {
+          const delay = this.resolveValue(params.delay, child, 0),
+            delayAfter = this.resolveValue(params.delayAfter, child, 0),
+            duration = this.resolveValue(params.duration, child, 300);
+          let oneByOneDelay = 0;
+          oneByOne && (oneByOneDelay = "number" == typeof oneByOne ? oneByOne : oneByOne ? delay + delayAfter + duration : 0), parsedParams.oneByOneDelay = oneByOneDelay, parsedParams.custom = null !== (_a = params.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[null !== (_b = params.type) && void 0 !== _b ? _b : "fromTo"];
+          const customType = parsedParams.custom && isFunction$7(parsedParams.custom) ? /^class\s/.test(Function.prototype.toString.call(parsedParams.custom)) ? 1 : 2 : 0;
+          if (parsedParams.customType = customType, totalTime) {
+            const _totalTime = delay + delayAfter + duration + oneByOneDelay * (this._target.count - 2),
+              scale = totalTime ? totalTime / _totalTime : 1;
+            parsedParams.delay = delay * scale, parsedParams.delayAfter = delayAfter * scale, parsedParams.duration = duration * scale, parsedParams.oneByOneDelay = oneByOneDelay * scale, parsedParams.startTime = startTime;
+          }
+        }
+        return parsedParams;
+      }
+      execute(params) {
+        Array.isArray(params) ? params.forEach(param => this._execute(param)) : this._execute(params);
+      }
+      _execute(params) {
+        if (params.selfOnly) return this._executeItem(params, this._target, 0, 1);
+        const isTimeline = ("timeSlices" in params);
+        let filteredChildren;
+        isTimeline && params.partitioner && (filteredChildren = (null != filteredChildren ? filteredChildren : this._target.getChildren()).filter(child => {
+          var _a, _b;
+          return params.partitioner(null === (_b = null === (_a = child.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], child, {});
+        })), isTimeline && params.sort && (filteredChildren = null != filteredChildren ? filteredChildren : this._target.getChildren(), filteredChildren.sort((a, b) => {
+          var _a, _b, _c, _d;
+          return params.sort(null === (_b = null === (_a = a.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], null === (_d = null === (_c = b.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], a, b, {});
+        }));
+        const cb = isTimeline ? (child, index, count) => {
+          const parsedParams = this.parseParams(params, isTimeline, child),
+            animate = this.executeTimelineItem(parsedParams, child, index, count);
+          animate && this._trackAnimation(animate);
+        } : (child, index, count) => {
+          const parsedParams = this.parseParams(params, isTimeline, child),
+            animate = this.executeTypeConfigItem(parsedParams, child, index, count);
+          animate && this._trackAnimation(animate);
+        };
+        filteredChildren ? filteredChildren.forEach((child, index) => cb(child, index, filteredChildren.length)) : this._target.count <= 1 ? cb(this._target, 0, 1) : this._target.forEachChildren((child, index) => cb(child, index, this._target.count - 1));
+      }
+      executeTypeConfigItem(params, graphic, index, count) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const {
+            type = "fromTo",
+            channel: channel,
+            customParameters: customParameters,
+            easing = "linear",
+            delay = 0,
+            delayAfter = 0,
+            duration = 300,
+            startTime = 0,
+            oneByOneDelay = 0,
+            loop: loop,
+            bounce: bounce,
+            priority = 0,
+            options: options,
+            custom: custom,
+            customType: customType,
+            controlOptions: controlOptions
+          } = params,
+          animate = graphic.animate();
+        animate.priority = priority;
+        const delayValue = isFunction$7(delay) ? delay(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : delay,
+          datum = null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0],
+          indexKey = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.indexKey;
+        datum && indexKey && (index = null !== (_f = datum[indexKey]) && void 0 !== _f ? _f : index), animate.startAt(startTime);
+        const wait = index * oneByOneDelay + delayValue;
+        wait > 0 && animate.wait(wait);
+        let parsedFromProps = null,
+          props = params.to,
+          from = params.from;
+        props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from), this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
+        let totalDelay = 0;
+        oneByOneDelay && (totalDelay = oneByOneDelay * (count - index - 1));
+        const delayAfterValue = isFunction$7(delayAfter) ? delayAfter(null === (_h = null === (_g = graphic.context) || void 0 === _g ? void 0 : _g.data) || void 0 === _h ? void 0 : _h[0], graphic, {}) : delayAfter;
+        return delayAfterValue > 0 && (totalDelay += delayAfterValue), totalDelay > 0 && animate.wait(totalDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
+      }
+      _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
+        var _a, _b, _c, _d;
+        if (custom && customType) {
+          const customParams = Object.assign({
+              width: graphic.stage.width,
+              height: graphic.stage.height,
+              group: this._target.parent
+            }, this.resolveValue(customParameters, graphic)),
+            objOptions = isFunction$7(options) ? options.call(null, null !== (_b = customParams && (null === (_a = customParams.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParams) : options;
+          customParams.options = objOptions, customParams.controlOptions = controlOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
+        } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
+      }
+      executeTimelineItem(params, graphic, index, count) {
+        var _a, _b, _c, _d;
+        const {
+            timeSlices: timeSlices,
+            startTime = 0,
+            loop: loop,
+            bounce: bounce,
+            oneByOneDelay: oneByOneDelay,
+            priority: priority,
+            controlOptions: controlOptions
+          } = params,
+          datum = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0],
+          indexKey = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.indexKey;
+        datum && indexKey && (index = null !== (_d = datum[indexKey]) && void 0 !== _d ? _d : index);
+        const animate = graphic.animate();
+        animate.priority = priority, animate.startAt(startTime), animate.wait(index * oneByOneDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0);
+        return (Array.isArray(timeSlices) ? timeSlices : [timeSlices]).forEach(slice => {
+          this.applyTimeSliceToAnimate(slice, animate, graphic, controlOptions);
+        }), oneByOneDelay && animate.wait(oneByOneDelay * (count - index - 1)), animate;
+      }
+      applyTimeSliceToAnimate(slice, animate, graphic, controlOptions) {
+        var _a, _b, _c, _d;
+        const {
+            effects: effects,
+            duration = 300,
+            delay = 0,
+            delayAfter = 0
+          } = slice,
+          delayValue = isFunction$7(delay) ? delay(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : delay,
+          delayAfterValue = isFunction$7(delayAfter) ? delayAfter(null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, {}) : delayAfter;
+        delayValue > 0 && animate.wait(delayValue);
+        (Array.isArray(effects) ? effects : [effects]).forEach(effect => {
+          var _a;
+          const {
+            type = "fromTo",
+            channel: channel,
+            customParameters: customParameters,
+            easing = "linear",
+            options: options
+          } = effect;
+          let parsedFromProps = null,
+            props = effect.to,
+            from = effect.from;
+          props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from);
+          const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type],
+            customType = effect.customType;
+          this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
+        }), delayAfterValue > 0 && animate.wait(delayAfterValue);
+      }
+      createCustomInterpolatorAnimation(animate, interpolator, props, duration, easing, customParams) {
+        const to = props;
+        Object.keys(to).forEach(key => {
+          animate.target.getComputedAttribute(key);
+        }), animate.interpolateUpdateFunction = (from, to, ratio, step, target) => {
+          interpolator(ratio, from, to, step, target, animate.target, customParams);
+        }, animate.to(props, duration, easing);
+      }
+      createCustomAnimation(animate, CustomAnimateConstructor, from, props, duration, easing, customParams) {
+        const customAnimate = new CustomAnimateConstructor(from, props, duration, easing, customParams);
+        animate.play(customAnimate);
+      }
+      createPropsFromChannel(channel, graphic) {
+        const props = {};
+        let from = null;
+        return channel ? (Array.isArray(channel) ? channel.forEach(key => {
+          var _a, _b;
+          const value = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.diffAttrs) || void 0 === _b ? void 0 : _b[key];
+          void 0 !== value && (props[key] = value);
+        }) : Object.keys(channel).forEach(key => {
+          var _a, _b, _c, _d;
+          const config = channel[key];
+          void 0 !== config.to && ("function" == typeof config.to ? props[key] = config.to(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : props[key] = config.to), void 0 !== config.from && (from || (from = {}), "function" == typeof config.from ? from[key] = config.from(null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, {}) : from[key] = config.from);
+        }), {
+          from: from,
+          props: props
+        }) : {
+          from: from,
+          props: props
+        };
+      }
+      resolveValue(value, graphic, defaultValue) {
+        var _a, _b;
+        return void 0 === value ? defaultValue : "function" == typeof value && graphic ? value(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : value;
+      }
+      executeItem(params, graphic, index = 0, count = 1) {
+        return Array.isArray(params) ? params.map(param => this._executeItem(param, graphic, index, count)).filter(Boolean) : [this._executeItem(params, graphic, index, count)].filter(Boolean);
+      }
+      _executeItem(params, graphic, index = 0, count = 1) {
+        if (!graphic) return null;
+        const isTimeline = ("timeSlices" in params);
+        let animate = null;
+        const parsedParams = this.parseParams(params, isTimeline);
+        return animate = isTimeline ? this.executeTimelineItem(parsedParams, graphic, index, count) : this.executeTypeConfigItem(parsedParams, graphic, index, count), animate && this._trackAnimation(animate), animate;
+      }
+      stop(type) {
+        for (; this._animates.length > 0;) {
+          const animate = this._animates.pop();
+          null == animate || animate.stop(type);
+        }
+        this._animates = [], this._activeCount = 0, this._started && (this._started = !1, this.onEnd());
+      }
+    }
+    AnimateExecutor.builtInAnimateMap = {};
+
+    const AnimationStates = {
+      APPEAR: "appear",
+      DISAPPEAR: "disappear",
+      UPDATE: "update",
+      HIGHLIGHT: "highlight",
+      UNHIGHLIGHT: "unhighlight",
+      SELECT: "select",
+      UNSELECT: "unselect",
+      HOVER: "hover",
+      UNHOVER: "unhover",
+      ACTIVE: "active",
+      INACTIVE: "inactive"
+    };
+    class AnimationStateStore {
+      constructor(graphic) {
+        this.graphic = graphic;
+      }
+      registerState(state) {
+        this.states || (this.states = new Map()), this.states.set(state.name, state);
+      }
+      clearStates() {
+        var _a;
+        null === (_a = this.states) || void 0 === _a || _a.clear();
+      }
+    }
+    class AnimationStateManager {
+      constructor(graphic) {
+        this.stateList = null, this.graphic = graphic;
+      }
+      applyState(nextState, animationConfig, callback) {
+        const registry = AnimationTransitionRegistry.getInstance(),
+          shouldStopState = [],
+          shouldApplyState = [];
+        if (this.stateList && this.stateList.length ? nextState.forEach((state, index) => {
+          const result = {
+            allowTransition: !0,
+            stopOriginalTransition: !0
+          };
+          this.stateList.forEach(currState => {
+            const _result = registry.isTransitionAllowed(currState.state, state, this.graphic);
+            result.allowTransition = result.allowTransition && _result.allowTransition;
+          }), result.allowTransition && (shouldApplyState.push({
+            state: state,
+            animationConfig: isArray$9(animationConfig[index]) ? animationConfig[index].map(item => item.animation) : animationConfig[index].animation,
+            executor: new AnimateExecutor(this.graphic)
+          }), this.stateList.forEach(currState => {
+            registry.isTransitionAllowed(currState.state, state, this.graphic).stopOriginalTransition && shouldStopState.push(currState);
+          }));
+        }) : nextState.forEach((state, index) => {
+          shouldApplyState.push({
+            state: state,
+            animationConfig: isArray$9(animationConfig[index]) ? animationConfig[index].map(item => item.animation) : animationConfig[index].animation,
+            executor: new AnimateExecutor(this.graphic)
+          });
+        }), shouldStopState.forEach(state => {
+          state.executor.stop();
+        }), shouldApplyState.length) {
+          shouldApplyState[0].executor.execute(shouldApplyState[0].animationConfig);
+          for (let i = 0; i < shouldApplyState.length; i++) {
+            const nextState = shouldApplyState[i + 1],
+              currentState = shouldApplyState[i];
+            currentState.executor.onEnd(() => {
+              nextState && nextState.executor.execute(nextState.animationConfig), this.stateList = this.stateList.filter(state => state !== currentState), i === shouldApplyState.length - 1 && callback && callback(!1);
+            });
+          }
+        } else callback && callback(!0);
+        this.stateList ? this.stateList = this.stateList.filter(state => !shouldStopState.includes(state)) : this.stateList = [], this.stateList.push(...shouldApplyState);
+      }
+      applyAppearState(animationConfig, callback) {
+        this.applyState([AnimationStates.APPEAR], [{
+          name: AnimationStates.APPEAR,
+          animation: animationConfig
+        }], callback);
+      }
+      applyDisappearState(animationConfig, callback) {
+        this.applyState([AnimationStates.DISAPPEAR], [{
+          name: AnimationStates.DISAPPEAR,
+          animation: animationConfig
+        }], callback);
+      }
+      applyUpdateState(animationConfig, callback) {
+        this.applyState([AnimationStates.UPDATE], [{
+          name: AnimationStates.UPDATE,
+          animation: animationConfig
+        }], callback);
+      }
+      applyHighlightState(animationConfig, callback) {
+        this.applyState([AnimationStates.HIGHLIGHT], [{
+          name: AnimationStates.HIGHLIGHT,
+          animation: animationConfig
+        }], callback);
+      }
+      applyUnhighlightState(animationConfig, callback) {
+        this.applyState([AnimationStates.UNHIGHLIGHT], [{
+          name: AnimationStates.UNHIGHLIGHT,
+          animation: animationConfig
+        }], callback);
+      }
+      stopState(state, type) {
+        var _a;
+        const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find(stateInfo => stateInfo.state === state);
+        stateInfo && stateInfo.executor.stop(type);
+      }
+      clearState() {
+        var _a;
+        null === (_a = this.stateList) || void 0 === _a || _a.forEach(state => {
+          state.executor.stop();
+        }), this.stateList = null;
+      }
+    }
+
+    class GraphicStateExtension {
+      _getAnimationStateManager(graphic) {
+        return graphic._animationStateManager || (graphic._animationStateManager = new AnimationStateManager(graphic)), graphic._animationStateManager;
+      }
+      _getAnimationStateStore(graphic) {
+        return graphic._animationStateStore || (graphic._animationStateStore = new AnimationStateStore(graphic)), graphic._animationStateStore;
+      }
+      registerAnimationState(state) {
+        return this._getAnimationStateStore(this).registerState(state), this;
+      }
+      applyAnimationState(state, animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyState(state, animationConfig, callback), this;
+      }
+      applyAppearState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyAppearState(animationConfig, callback), this;
+      }
+      applyDisappearState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyDisappearState(animationConfig, callback), this;
+      }
+      applyUpdateState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyUpdateState(animationConfig, callback), this;
+      }
+      applyHighlightState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyHighlightState(animationConfig, callback), this;
+      }
+      applyUnhighlightState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyUnhighlightState(animationConfig, callback), this;
+      }
+      stopAnimationState(state, type) {
+        return this._getAnimationStateManager(this).stopState(state, type), this;
+      }
+      clearAnimationStates() {
+        return this._getAnimationStateManager(this).clearState(), this;
+      }
+      static extend(graphic) {
+        return new GraphicStateExtension()._getAnimationStateManager(graphic), graphic;
+      }
+    }
+
+    class AnimateExtension {
+      getAttributes(final = !1) {
+        return final && this.finalAttribute ? this.finalAttribute : this.attribute;
+      }
+      animate(params) {
+        var _a, _b, _c;
+        const animate = new Animate(null == params ? void 0 : params.id, null !== (_b = null !== (_a = null == params ? void 0 : params.timeline) && void 0 !== _a ? _a : this.stage && this.stage.getTimeline()) && void 0 !== _b ? _b : defaultTimeline, null == params ? void 0 : params.slience);
+        if (animate.bind(this), params) {
+          const {
+            onStart: onStart,
+            onEnd: onEnd,
+            onRemove: onRemove
+          } = params;
+          null != onStart && animate.onStart(onStart), null != onEnd && animate.onEnd(onEnd), null != onRemove && animate.onRemove(onRemove);
+        }
+        return null === (_c = this.stage) || void 0 === _c || _c.ticker.start(), animate;
+      }
+      createTimeline() {
+        return new DefaultTimeline();
+      }
+      createTicker(stage) {
+        return new DefaultTicker(stage);
+      }
+      setFinalAttributes(finalAttribute) {
+        this.finalAttribute || (this.finalAttribute = {}), Object.assign(this.finalAttribute, finalAttribute);
+      }
+      initFinalAttributes(finalAttribute) {
+        this.finalAttribute = finalAttribute;
+      }
+      initAnimateExecutor() {
+        this._animateExecutor || (this._animateExecutor = new AnimateExecutor(this));
+      }
+      executeAnimation(config) {
+        return this.initAnimateExecutor(), this._animateExecutor.execute(config), this;
+      }
+      executeAnimations(configs) {
+        return this.initAnimateExecutor(), configs.forEach(config => {
+          this._animateExecutor.execute(config);
+        }), this;
+      }
+      getFinalAttribute() {
+        return this.finalAttribute;
+      }
+      getGraphicAttribute(key, prev = !1) {
+        return !prev && this.finalAttribute ? this.finalAttribute[key] : this.attribute[key];
+      }
+    }
+
+    function registerAnimate() {
+      mixin$1(Graphic, GraphicStateExtension), mixin$1(Graphic, AnimateExtension);
+    }
+
+    class ACustomAnimate extends Step {
+      constructor(customFrom, customTo, duration, easing, params) {
+        super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params, this.from = customFrom, this.to = customTo;
+      }
+      update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
+      }
+      setProps(props) {
+        this.props = props, this.propKeys = Object.keys(props), this.animate.reSyncProps();
+      }
+    }
+    class AComponentAnimate extends ACustomAnimate {
+      completeBind(animator) {
+        this.setStartTime(0), this._animator && this._animator.start(), this.setDuration(animator.getDuration());
+      }
+      stop() {
+        this._animator && this._animator.stop();
+      }
+    }
+
+    class ComponentAnimator {
+      constructor(component) {
+        this.tasks = [], this.started = !1, this.completed = 0, this.totalDuration = 0, this.onStartCallbacks = [], this.onEndCallbacks = [], this.onUpdateCallbacks = [], this.component = component;
+      }
+      animate(graphic, config) {
+        return this.started ? (this) : (this.tasks.push({
+          graphic: graphic,
+          config: config
+        }), this);
+      }
+      onStart(callback) {
+        return this.onStartCallbacks.push(callback), this;
+      }
+      onEnd(callback) {
+        return this.onEndCallbacks.push(callback), this;
+      }
+      onUpdate(callback) {
+        return this.onUpdateCallbacks.push(callback), this;
+      }
+      start() {
+        return this.started ? (this) : (this.started = !0, this.completed = 0, this.onStartCallbacks.forEach(callback => callback()), 0 === this.tasks.length ? (setTimeout(() => {
+          this.onEndCallbacks.forEach(callback => callback());
+        }, 0), this) : (this.tasks.forEach(task => {
+          const executor = new AnimateExecutor(task.graphic);
+          executor.onEnd(() => {
+            this.completed++, this.completed === this.tasks.length && this.onEndCallbacks.forEach(callback => callback());
+          });
+          const animate = executor.executeItem(task.config, task.graphic);
+          task.animate = animate, animate.forEach(animate => {
+            this.totalDuration = Math.max(this.totalDuration, animate.getStartTime() + animate.getDuration());
+          });
+        }), this));
+      }
+      deleteSelfAttr(key) {
+        this.tasks.forEach(task => {
+          task.animate && task.animate.forEach(animate => animate.preventAttr(key));
+        });
+      }
+      stop(type) {
+        return this.tasks.forEach(task => {
+          task.animate && task.animate.forEach(animate => animate.stop(type));
+        }), this.started && this.completed !== this.tasks.length && (this.onEndCallbacks.forEach(callback => callback()), this.completed = this.tasks.length), this;
+      }
+      getDuration() {
+        return this.totalDuration;
+      }
+    }
+    function createComponentAnimator(component) {
+      return new ComponentAnimator(component);
+    }
+
+    class IncreaseCount extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.formatTemplate = null, this.decimalLength = null == params ? void 0 : params.decimalLength, (null == params ? void 0 : params.formatTemplate) && params.formatTemplate.includes("{{var}}") && (this.formatTemplate = params.formatTemplate);
+      }
+      onFirstRun() {
+        var _a, _b, _c;
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps(),
+          fromText = null !== (_a = fromProps.text) && void 0 !== _a ? _a : 0,
+          toText = null !== (_b = toProps.text) && void 0 !== _b ? _b : 0;
+        this.valid = !0;
+        let fromNum = 0,
+          toNum = 0,
+          fromFormat = "",
+          toFormat = "",
+          maxDecimalLength = 0;
+        if ("number" == typeof fromText) {
+          fromNum = fromText;
+          const decimalPart = fromText.toString().split(".")[1] || "";
+          maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+        } else {
+          if ("string" != typeof fromText) return void (this.valid = !1);
+          if (fromText.endsWith("%")) {
+            fromFormat = "%";
+            const cleanNumStr = fromText.substring(0, fromText.length - 1).replace(/,/g, "");
+            if (fromNum = parseFloat(cleanNumStr) / 100, isNaN(fromNum)) return void (this.valid = !1);
+            const decimalPart = cleanNumStr.split(".")[1] || "";
+            maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length + 2);
+          } else {
+            const cleanNumStr = fromText.replace(/,/g, "");
+            if (fromNum = parseFloat(cleanNumStr), isNaN(fromNum)) return void (this.valid = !1);
+            fromText.includes(",") && (fromFormat = ",");
+            const decimalPart = cleanNumStr.split(".")[1] || "";
+            maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+          }
+        }
+        if ("number" == typeof toText) {
+          toNum = toText;
+          const decimalPart = toText.toString().split(".")[1] || "";
+          maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+        } else {
+          if ("string" != typeof toText) return void (this.valid = !1);
+          if (toText.endsWith("%")) {
+            toFormat = "%";
+            const cleanNumStr = toText.substring(0, toText.length - 1).replace(/,/g, "");
+            if (toNum = parseFloat(cleanNumStr) / 100, isNaN(toNum)) return void (this.valid = !1);
+            const decimalPart = cleanNumStr.split(".")[1] || "";
+            maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length + 2);
+          } else {
+            const cleanNumStr = toText.replace(/,/g, "");
+            if (toNum = parseFloat(cleanNumStr), isNaN(toNum)) return void (this.valid = !1);
+            toText.includes(",") && (toFormat = ",");
+            const decimalPart = cleanNumStr.split(".")[1] || "";
+            maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+          }
+        }
+        if (null === (_c = this.params) || void 0 === _c ? void 0 : _c.format) {
+          switch (this.params.format) {
+            case "percent":
+              this.format = "%";
+              break;
+            case "thousandth":
+              this.format = ",";
+              break;
+            case "none":
+              this.format = "";
+              break;
+            default:
+              this.format = toFormat || fromFormat;
+          }
+          "%" === this.format && "%" !== toFormat && "%" !== fromFormat && void 0 === this.decimalLength && (this.decimalLength = 2), "%" === this.format || "%" !== toFormat && "%" !== fromFormat || (fromNum *= 100, toNum *= 100);
+        } else this.format = toFormat || fromFormat;
+        this.fromNumber = fromNum, this.toNumber = toNum, void 0 === this.decimalLength && (this.decimalLength = maxDecimalLength);
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || this.props && this.target.setAttributes(this.props);
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const currentNumber = this.fromNumber + (this.toNumber - this.fromNumber) * ratio;
+        let formattedText = "";
+        const format = this.format,
+          numberWithDecimals = ("%" === format ? 100 * currentNumber : currentNumber).toFixed(this.decimalLength);
+        let formattedWithBasicFormat,
+          formattedNumber = numberWithDecimals;
+        if (parseFloat(numberWithDecimals) === Math.floor(parseFloat(numberWithDecimals)) && (formattedNumber = Math.floor(parseFloat(numberWithDecimals))), "%" === format) formattedWithBasicFormat = `${formattedNumber}%`;else if ("," === format) {
+          const parts = formattedNumber.toString().split(".");
+          parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","), formattedWithBasicFormat = parts.join(".");
+        } else formattedWithBasicFormat = formattedNumber;
+        formattedText = this.formatTemplate ? this.formatTemplate.replace("{{var}}", formattedWithBasicFormat.toString()) : formattedWithBasicFormat, this.target.setAttribute("text", formattedText);
+      }
+    }
+
+    class InputText extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromText = "", this.toText = "", this.showCursor = !1, this.cursorChar = "|", this.blinkCursor = !0, this.beforeText = "", this.afterText = "", void 0 !== (null == params ? void 0 : params.showCursor) && (this.showCursor = params.showCursor), void 0 !== (null == params ? void 0 : params.cursorChar) && (this.cursorChar = params.cursorChar), void 0 !== (null == params ? void 0 : params.blinkCursor) && (this.blinkCursor = params.blinkCursor), void 0 !== (null == params ? void 0 : params.beforeText) && (this.beforeText = params.beforeText), void 0 !== (null == params ? void 0 : params.afterText) && (this.afterText = params.afterText);
+      }
+      onFirstRun() {
+        var _a, _b;
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps(),
+          fromText = null !== (_a = fromProps.text) && void 0 !== _a ? _a : "",
+          toText = null !== (_b = toProps.text) && void 0 !== _b ? _b : "";
+        this.valid = !0, this.fromText = fromText.toString(), this.toText = toText.toString(), this.toText || "" === this.toText || (this.valid = !1);
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || (this.showCursor && !this.blinkCursor ? this.target.setAttribute("text", this.beforeText + this.toText + this.cursorChar + this.afterText) : this.target.setAttribute("text", this.beforeText + this.toText + this.afterText));
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const totalChars = this.toText.length,
+          fromChars = this.fromText.length;
+        let currentLength, currentText;
+        fromChars > totalChars ? (currentLength = Math.round(fromChars - (fromChars - totalChars) * ratio), currentText = this.fromText.substring(0, currentLength)) : (currentLength = Math.round(fromChars + (totalChars - fromChars) * ratio), currentText = this.toText.startsWith(this.fromText) ? this.toText.substring(0, currentLength) : currentLength <= fromChars ? this.fromText.substring(0, currentLength) : this.toText.substring(0, currentLength - fromChars + Math.min(fromChars, currentLength)));
+        let displayText = this.beforeText + currentText + this.afterText;
+        if (this.showCursor) if (this.blinkCursor) {
+          const blinkRate = .1;
+          Math.floor(ratio / blinkRate) % 2 == 0 && (displayText = this.beforeText + currentText + this.cursorChar + this.afterText);
+        } else displayText = this.beforeText + currentText + this.cursorChar + this.afterText;
+        this.target.setAttribute("text", displayText);
+      }
+    }
+
+    class CommonIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c;
+        super.onBind();
+        const attrs = this.target.getFinalAttribute(),
+          fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {},
+          to = {},
+          from = null !== (_b = this.from) && void 0 !== _b ? _b : {};
+        this.keys.forEach(key => {
+          var _a, _b, _c;
+          to[key] = null !== (_a = null == attrs ? void 0 : attrs[key]) && void 0 !== _a ? _a : 1, from[key] = null !== (_c = null !== (_b = from[key]) && void 0 !== _b ? _b : fromAttrs[key]) && void 0 !== _c ? _c : 0;
+        });
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.props = to, this.propKeys = this.keys, this.from = from, this.to = to, !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(from);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class CommonOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        super.onBind();
+        const attrs = this.target.attribute,
+          to = {},
+          from = {};
+        this.keys.forEach(key => {
+          var _a;
+          to[key] = 0, from[key] = null !== (_a = attrs[key]) && void 0 !== _a ? _a : 1;
+        }), this.props = to, this.propKeys = this.keys, this.from = from, this.to = to, Object.assign(this.target.attribute, from), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+
+    class ClipIn extends CommonIn {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.keys = ["clipRange"], this.from = {
+          clipRange: 0
+        };
+      }
+      onFirstRun() {
+        var _a;
+        super.onFirstRun();
+        const {
+          clipDimension: clipDimension
+        } = (null === (_a = this.params) || void 0 === _a ? void 0 : _a.options) || {};
+        clipDimension && (this.target.attribute.clipRangeByDimension = clipDimension);
+      }
+    }
+    class ClipOut extends CommonOut {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.keys = ["clipRange"];
+      }
+    }
+
+    class FadeIn extends CommonIn {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.keys = ["opacity", "fillOpacity", "strokeOpacity"], this.from = {
+          opacity: 0,
+          fillOpacity: 0,
+          strokeOpacity: 0
+        };
+      }
+    }
+    class FadeOut extends CommonOut {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.keys = ["opacity", "fillOpacity", "strokeOpacity"];
+      }
+    }
+
+    const growAngleInIndividual = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        return options && "anticlockwise" === options.orient ? {
+          from: {
+            startAngle: null == attrs ? void 0 : attrs.endAngle
+          },
+          to: {
+            startAngle: null == attrs ? void 0 : attrs.startAngle
+          }
+        } : {
+          from: {
+            endAngle: null == attrs ? void 0 : attrs.startAngle
+          },
+          to: {
+            endAngle: null == attrs ? void 0 : attrs.endAngle
+          }
+        };
+      },
+      growAngleInOverall = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        if (options && "anticlockwise" === options.orient) {
+          const overallValue = isNumber$6(options.overall) ? options.overall : 2 * Math.PI;
+          return {
+            from: {
+              startAngle: overallValue,
+              endAngle: overallValue
+            },
+            to: {
+              startAngle: null == attrs ? void 0 : attrs.startAngle,
+              endAngle: null == attrs ? void 0 : attrs.endAngle
+            }
+          };
+        }
+        const overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0;
+        return {
+          from: {
+            startAngle: overallValue,
+            endAngle: overallValue
+          },
+          to: {
+            startAngle: null == attrs ? void 0 : attrs.startAngle,
+            endAngle: null == attrs ? void 0 : attrs.endAngle
+          }
+        };
+      };
+    const growAngleIn = (graphic, options, animationParameters) => {
+      var _a;
+      return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growAngleInOverall(graphic, options) : growAngleInIndividual(graphic, options);
+    };
+    const growAngleOutIndividual = (graphic, options, animationParameters) => {
+        const attrs = graphic.attribute;
+        return options && "anticlockwise" === options.orient ? {
+          from: {
+            startAngle: attrs.startAngle
+          },
+          to: {
+            startAngle: null == attrs ? void 0 : attrs.endAngle
+          }
+        } : {
+          from: {
+            endAngle: attrs.endAngle
+          },
+          to: {
+            endAngle: null == attrs ? void 0 : attrs.startAngle
+          }
+        };
+      },
+      growAngleOutOverall = (graphic, options, animationParameters) => {
+        const attrs = graphic.attribute;
+        if (options && "anticlockwise" === options.orient) {
+          const overallValue = isNumber$6(options.overall) ? options.overall : 2 * Math.PI;
+          return {
+            from: {
+              startAngle: attrs.startAngle,
+              endAngle: attrs.endAngle
+            },
+            to: {
+              startAngle: overallValue,
+              endAngle: overallValue
+            }
+          };
+        }
+        const overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0;
+        return {
+          from: {
+            startAngle: attrs.startAngle,
+            endAngle: attrs.endAngle
+          },
+          to: {
+            startAngle: overallValue,
+            endAngle: overallValue
+          }
+        };
+      };
+    class GrowAngleBase extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      determineUpdateFunction() {
+        this.propKeys ? this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateAngle : "startAngle" === this.propKeys[0] ? this._updateFunction = this.updateStartAngle : "endAngle" === this.propKeys[0] ? this._updateFunction = this.updateEndAngle : this.valid = !1 : this.valid = !1;
+      }
+      deleteSelfAttr(key) {
+        delete this.props[key], this.fromProps && delete this.fromProps[key];
+        const index = this.propKeys.indexOf(key);
+        -1 !== index && this.propKeys.splice(index, 1), this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateAngle : "startAngle" === this.propKeys[0] ? this._updateFunction = this.updateStartAngle : "endAngle" === this.propKeys[0] ? this._updateFunction = this.updateEndAngle : this._updateFunction = null;
+      }
+      updateStartAngle(ratio) {
+        this.target.attribute.startAngle = this.from.startAngle + (this.to.startAngle - this.from.startAngle) * ratio;
+      }
+      updateEndAngle(ratio) {
+        this.target.attribute.endAngle = this.from.endAngle + (this.to.endAngle - this.from.endAngle) * ratio;
+      }
+      updateAngle(ratio) {
+        this.updateStartAngle(ratio), this.updateEndAngle(ratio);
+      }
+      onUpdate(end, ratio, out) {
+        this._updateFunction && (this._updateFunction(ratio), this.target.addUpdateShapeAndBoundsTag());
+      }
+    }
+    class GrowAngleIn extends GrowAngleBase {
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        const {
+            from: from,
+            to: to
+          } = growAngleIn(this.target, this.params.options, this.params),
+          fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs), this.determineUpdateFunction();
+      }
+    }
+    class GrowAngleOut extends GrowAngleBase {
+      onBind() {
+        super.onBind();
+        const {
+          from: from,
+          to: to
+        } = (graphic = this.target, options = this.params.options, this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growAngleOutOverall(graphic, options) : growAngleOutIndividual(graphic, options));
+        var graphic, options, _a;
+        const fromAttrs = from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != fromAttrs ? fromAttrs : this.target.attribute, this.to = to, this.determineUpdateFunction();
+      }
+    }
+
+    const growCenterIn = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        switch (null == options ? void 0 : options.direction) {
+          case "x":
+            {
+              const x = attrs.x,
+                x1 = attrs.x1,
+                width = attrs.width;
+              return {
+                from: isValid$5(width) ? {
+                  x: x + width / 2,
+                  x1: void 0,
+                  width: 0
+                } : {
+                  x: (x + x1) / 2,
+                  x1: (x + x1) / 2,
+                  width: void 0
+                },
+                to: {
+                  x: x,
+                  x1: x1,
+                  width: width
+                }
+              };
+            }
+          case "y":
+            {
+              const y = attrs.y,
+                y1 = attrs.y1,
+                height = attrs.height;
+              return {
+                from: isValid$5(height) ? {
+                  y: y + height / 2,
+                  y1: void 0,
+                  height: 0
+                } : {
+                  y: (y + y1) / 2,
+                  y1: (y + y1) / 2,
+                  height: void 0
+                },
+                to: {
+                  y: y,
+                  y1: y1,
+                  height: height
+                }
+              };
+            }
+          default:
+            {
+              const x = attrs.x,
+                x1 = attrs.x1,
+                width = attrs.width,
+                y = attrs.y,
+                y1 = attrs.y1,
+                height = attrs.height,
+                from = {};
+              return isValid$5(width) ? (from.x = x + width / 2, from.width = 0, from.x1 = void 0) : (from.x = (x + x1) / 2, from.x1 = (x + x1) / 2, from.width = void 0), isValid$5(height) ? (from.y = y + height / 2, from.height = 0, from.y1 = void 0) : (from.y = (y + y1) / 2, from.y1 = (y + y1) / 2, from.height = void 0), {
+                from: from,
+                to: {
+                  x: x,
+                  y: y,
+                  x1: x1,
+                  y1: y1,
+                  width: width,
+                  height: height
+                }
+              };
+            }
+        }
+      },
+      growCenterOut = (graphic, options, animationParameters) => {
+        const attrs = graphic.attribute;
+        switch (null == options ? void 0 : options.direction) {
+          case "x":
+            {
+              const x = attrs.x,
+                x1 = attrs.x1,
+                width = attrs.width;
+              return {
+                to: isValid$5(width) ? {
+                  x: x + width / 2,
+                  x1: void 0,
+                  width: 0
+                } : {
+                  x: (x + x1) / 2,
+                  x1: (x + x1) / 2,
+                  width: void 0
+                }
+              };
+            }
+          case "y":
+            {
+              const y = attrs.y,
+                y1 = attrs.y1,
+                height = attrs.height;
+              return {
+                to: isValid$5(height) ? {
+                  y: y + height / 2,
+                  y1: void 0,
+                  height: 0
+                } : {
+                  y: (y + y1) / 2,
+                  y1: (y + y1) / 2,
+                  height: void 0
+                }
+              };
+            }
+          default:
+            {
+              const x = attrs.x,
+                y = attrs.y,
+                x1 = attrs.x1,
+                y1 = attrs.y1,
+                width = attrs.width,
+                height = attrs.height,
+                to = {};
+              return isValid$5(width) ? (to.x = x + width / 2, to.width = 0, to.x1 = void 0) : (to.x = (x + x1) / 2, to.x1 = (x + x1) / 2, to.width = void 0), isValid$5(height) ? (to.y = y + height / 2, to.height = 0, to.y1 = void 0) : (to.y = (y + y1) / 2, to.y1 = (y + y1) / 2, to.height = void 0), {
+                to: to
+              };
+            }
+        }
+      };
+    class GrowCenterIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        const {
+            from: from,
+            to: to
+          } = growCenterIn(this.target, this.params.options, this.params),
+          fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class GrowCenterOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        super.onBind();
+        const {
+          from: from,
+          to: to
+        } = growCenterOut(this.target, this.params.options, this.params);
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != from ? from : this.target.attribute, this.to = to;
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+
+    function growHeightInIndividual(graphic, options, animationParameters) {
+      const attrs = graphic.getFinalAttribute(),
+        y = attrs.y,
+        y1 = attrs.y1,
+        height = attrs.height;
+      if (options && "negative" === options.orient) {
+        const computedY1 = isValid$5(height) ? Math.max(y, y + height) : Math.max(y, y1);
+        return {
+          from: {
+            y: computedY1,
+            y1: isNil$5(y1) ? void 0 : computedY1,
+            height: isNil$5(height) ? void 0 : 0
+          },
+          to: {
+            y: y,
+            y1: y1,
+            height: height
+          }
+        };
+      }
+      const computedY = isValid$5(height) ? Math.min(y, y + height) : Math.min(y, y1);
+      return {
+        from: {
+          y: computedY,
+          y1: isNil$5(y1) ? void 0 : computedY,
+          height: isNil$5(height) ? void 0 : 0
+        },
+        to: {
+          y: y,
+          y1: y1,
+          height: height
+        }
+      };
+    }
+    function growHeightInOverall(graphic, options, animationParameters) {
+      var _a, _b, _c;
+      const attrs = graphic.getFinalAttribute(),
+        y = attrs.y,
+        y1 = attrs.y1,
+        height = attrs.height;
+      let overallValue;
+      return options && "negative" === options.orient ? isNumber$6(options.overall) ? overallValue = options.overall : animationParameters.group ? (overallValue = null !== (_c = null !== (_a = animationParameters.groupHeight) && void 0 !== _a ? _a : null === (_b = options.layoutRect) || void 0 === _b ? void 0 : _b.height) && void 0 !== _c ? _c : animationParameters.group.getBounds().height(), animationParameters.groupHeight = overallValue) : overallValue = animationParameters.height : overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0, {
+        from: {
+          y: overallValue,
+          y1: isNil$5(y1) ? void 0 : overallValue,
+          height: isNil$5(height) ? void 0 : 0
+        },
+        to: {
+          y: y,
+          y1: y1,
+          height: height
+        }
+      };
+    }
+    const growHeightIn = (graphic, options, animationParameters) => {
+      var _a;
+      return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growHeightInOverall(graphic, options, animationParameters) : growHeightInIndividual(graphic, options);
+    };
+    class GrowHeightIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        const {
+            from: from,
+            to: to
+          } = growHeightIn(this.target, this.params.options, this.params),
+          fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    function growHeightOutIndividual(graphic, options, animationParameters) {
+      const attrs = graphic.getFinalAttribute(),
+        y = attrs.y,
+        y1 = attrs.y1,
+        height = attrs.height;
+      if (options && "negative" === options.orient) {
+        const computedY1 = isValid$5(height) ? Math.max(y, y + height) : Math.max(y, y1);
+        return {
+          to: {
+            y: computedY1,
+            y1: isNil$5(y1) ? void 0 : computedY1,
+            height: isNil$5(height) ? void 0 : 0
+          }
+        };
+      }
+      const computedY = isValid$5(height) ? Math.min(y, y + height) : Math.min(y, y1);
+      return {
+        to: {
+          y: computedY,
+          y1: isNil$5(y1) ? void 0 : computedY,
+          height: isNil$5(height) ? void 0 : 0
+        }
+      };
+    }
+    function growHeightOutOverall(graphic, options, animationParameters) {
+      var _a, _b, _c;
+      const attrs = graphic.getFinalAttribute(),
+        y1 = attrs.y1,
+        height = attrs.height;
+      let overallValue;
+      return options && "negative" === options.orient ? isNumber$6(options.overall) ? overallValue = options.overall : animationParameters.group ? (overallValue = null !== (_c = null !== (_a = animationParameters.groupHeight) && void 0 !== _a ? _a : null === (_b = options.layoutRect) || void 0 === _b ? void 0 : _b.height) && void 0 !== _c ? _c : animationParameters.group.getBounds().height(), animationParameters.groupHeight = overallValue) : overallValue = animationParameters.height : overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0, {
+        to: {
+          y: overallValue,
+          y1: isNil$5(y1) ? void 0 : overallValue,
+          height: isNil$5(height) ? void 0 : 0
+        }
+      };
+    }
+    class GrowHeightOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        super.onBind();
+        const {
+          from: from,
+          to: to
+        } = (graphic = this.target, options = this.params.options, animationParameters = this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growHeightOutOverall(graphic, options, animationParameters) : growHeightOutIndividual(graphic, options));
+        var graphic, options, animationParameters, _a;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != from ? from : this.target.attribute, this.to = to;
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+
+    const getCenterPoints = (graphic, options, animationParameters) => {
+      const points = graphic.getFinalAttribute().points,
+        center = {
+          x: 0,
+          y: 0
+        };
+      return points.forEach(point => {
+        center.x += point.x, center.y += point.y;
+      }), center.x /= points.length, center.y /= points.length, options && options.center && (isValidNumber$3(options.center.x) && (center.x = options.center.x), isValidNumber$3(options.center.y) && (center.y = options.center.y)), "area" === graphic.type && (center.x1 = center.x, center.y1 = center.y), points.map(point => Object.assign({}, point, center));
+    };
+    const growPointsIn = (graphic, options, animationParameters) => {
+      const attrs = graphic.getFinalAttribute();
+      return {
+        from: {
+          points: getCenterPoints(graphic, options)
+        },
+        to: {
+          points: attrs.points
+        }
+      };
+    };
+    class GworPointsBase extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onUpdate(end, ratio, out) {
+        var _a, _b;
+        const fromPoints = null === (_a = this.from) || void 0 === _a ? void 0 : _a.points,
+          toPoints = null === (_b = this.to) || void 0 === _b ? void 0 : _b.points;
+        fromPoints && toPoints && (this.target.attribute.points = fromPoints.map((point, index) => pointInterpolation(fromPoints[index], toPoints[index], ratio)), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag());
+      }
+    }
+    class GrowPointsIn extends GworPointsBase {
+      onBind() {
+        var _a;
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
+          const {
+            from: from,
+            to: to
+          } = growPointsIn(this.target, this.params.options, this.params);
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
+          const finalAttribute = this.target.getFinalAttribute();
+          finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
+        } else this.valid = !1;
+      }
+    }
+    class GrowPointsOut extends GworPointsBase {
+      onBind() {
+        if (super.onBind(), ["area", "line"].includes(this.target.type)) {
+          const attrs = this.target.getFinalAttribute(),
+            {
+              from: from,
+              to: to
+            } = (graphic = this.target, options = this.params.options, this.params, {
+              from: {
+                points: graphic.getFinalAttribute().points
+              },
+              to: {
+                points: getCenterPoints(graphic, options)
+              }
+            });
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from || attrs, this.to = to;
+        } else this.valid = !1;
+        var graphic, options;
+      }
+    }
+    const changePointsX = (graphic, options, animationParameters) => graphic.getFinalAttribute().points.map(point => {
+        if (options && "negative" === options.orient) {
+          let groupRight = graphic.stage.viewWidth;
+          return graphic.parent.parent.parent && (groupRight = graphic.parent.parent.parent.AABBBounds.width()), Object.assign(Object.assign({}, point), {
+            x: groupRight,
+            y: point.y,
+            x1: groupRight,
+            y1: point.y1,
+            defined: !1 !== point.defined
+          });
+        }
+        return Object.assign(Object.assign({}, point), {
+          x: 0,
+          y: point.y,
+          x1: 0,
+          y1: point.y1,
+          defined: !1 !== point.defined
+        });
+      }),
+      growPointsXIn = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        return {
+          from: {
+            points: changePointsX(graphic, options)
+          },
+          to: {
+            points: attrs.points
+          }
+        };
+      };
+    class GrowPointsXIn extends GworPointsBase {
+      onBind() {
+        var _a;
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
+          const {
+            from: from,
+            to: to
+          } = growPointsXIn(this.target, this.params.options, this.params);
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
+          const finalAttribute = this.target.getFinalAttribute();
+          finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
+        } else this.valid = !1;
+      }
+    }
+    class GrowPointsXOut extends GworPointsBase {
+      onBind() {
+        if (super.onBind(), ["area", "line"].includes(this.target.type)) {
+          const attrs = this.target.getFinalAttribute(),
+            {
+              from: from,
+              to: to
+            } = (graphic = this.target, options = this.params.options, this.params, {
+              from: {
+                points: graphic.getFinalAttribute().points
+              },
+              to: {
+                points: changePointsX(graphic, options)
+              }
+            });
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from || attrs, this.to = to;
+        } else this.valid = !1;
+        var graphic, options;
+      }
+    }
+    const changePointsY = (graphic, options, animationParameters) => graphic.getFinalAttribute().points.map(point => {
+        if (options && "negative" === options.orient) {
+          let groupBottom = graphic.stage.viewHeight;
+          return graphic.parent.parent.parent && (groupBottom = graphic.parent.parent.parent.AABBBounds.height()), Object.assign(Object.assign({}, point), {
+            x: point.x,
+            y: groupBottom,
+            x1: point.x1,
+            y1: groupBottom,
+            defined: !1 !== point.defined
+          });
+        }
+        return Object.assign(Object.assign({}, point), {
+          x: point.x,
+          y: 0,
+          x1: point.x1,
+          y1: 0,
+          defined: !1 !== point.defined
+        });
+      }),
+      growPointsYIn = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        return {
+          from: {
+            points: changePointsY(graphic, options)
+          },
+          to: {
+            points: attrs.points
+          }
+        };
+      };
+    class GrowPointsYIn extends GworPointsBase {
+      onBind() {
+        var _a;
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
+          const {
+            from: from,
+            to: to
+          } = growPointsYIn(this.target, this.params.options, this.params);
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
+          const finalAttribute = this.target.getFinalAttribute();
+          finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
+        } else this.valid = !1;
+      }
+    }
+    class GrowPointsYOut extends GworPointsBase {
+      onBind() {
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
+          const {
+            from: from,
+            to: to
+          } = (graphic = this.target, options = this.params.options, this.params, {
+            from: {
+              points: graphic.getFinalAttribute().points
+            },
+            to: {
+              points: changePointsY(graphic, options)
+            }
+          });
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != from ? from : this.target.attribute, this.to = to;
+        } else this.valid = !1;
+        var graphic, options;
+      }
+    }
+
+    const growRadiusInIndividual = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        return options && "inside" === options.orient ? {
+          from: {
+            innerRadius: null == attrs ? void 0 : attrs.outerRadius
+          },
+          to: {
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius
+          }
+        } : {
+          from: {
+            outerRadius: null == attrs ? void 0 : attrs.innerRadius
+          },
+          to: {
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
+          }
+        };
+      },
+      growRadiusInOverall = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute(),
+          overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0;
+        return {
+          from: {
+            innerRadius: overallValue,
+            outerRadius: overallValue
+          },
+          to: {
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius,
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
+          }
+        };
+      };
+    const growRadiusIn = (graphic, options, animationParameters) => {
+      var _a;
+      return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusInOverall(graphic, options) : growRadiusInIndividual(graphic, options);
+    };
+    const growRadiusOutIndividual = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        return options && "inside" === options.orient ? {
+          from: {
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius
+          },
+          to: {
+            innerRadius: null == attrs ? void 0 : attrs.outerRadius
+          }
+        } : {
+          from: {
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
+          },
+          to: {
+            outerRadius: null == attrs ? void 0 : attrs.innerRadius
+          }
+        };
+      },
+      growRadiusOutOverall = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute(),
+          overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0;
+        return {
+          from: {
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius,
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
+          },
+          to: {
+            innerRadius: overallValue,
+            outerRadius: overallValue
+          }
+        };
+      };
+    class GrowPointsBase extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class GrowRadiusIn extends GrowPointsBase {
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        const {
+            from: from,
+            to: to
+          } = growRadiusIn(this.target, this.params.options, this.params),
+          fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+      }
+    }
+    class GrowRadiusOut extends GrowPointsBase {
+      onBind() {
+        super.onBind();
+        const {
+          to: to
+        } = (graphic = this.target, options = this.params.options, this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusOutOverall(graphic, options) : growRadiusOutIndividual(graphic, options));
+        var graphic, options, _a;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = this.target.attribute, this.to = to;
+      }
+    }
+
+    function growWidthInIndividual(graphic, options, animationParameters) {
+      const attrs = graphic.getFinalAttribute(),
+        x = attrs.x,
+        x1 = attrs.x1,
+        width = attrs.width;
+      if (options && "negative" === options.orient) {
+        const computedX1 = isValid$5(width) ? Math.max(x, x + width) : Math.max(x, x1);
+        return {
+          from: {
+            x: computedX1,
+            x1: isNil$5(x1) ? void 0 : computedX1,
+            width: isNil$5(width) ? void 0 : 0
+          },
+          to: {
+            x: x,
+            x1: x1,
+            width: width
+          }
+        };
+      }
+      const computedX = isValid$5(width) ? Math.min(x, x + width) : Math.min(x, x1);
+      return {
+        from: {
+          x: computedX,
+          x1: isNil$5(x1) ? void 0 : computedX,
+          width: isNil$5(width) ? void 0 : 0
+        },
+        to: {
+          x: x,
+          x1: x1,
+          width: width
+        }
+      };
+    }
+    function growWidthInOverall(graphic, options, animationParameters) {
+      var _a;
+      const attrs = graphic.getFinalAttribute(),
+        x = attrs.x,
+        x1 = attrs.x1,
+        width = attrs.width;
+      let overallValue;
+      return options && "negative" === options.orient ? isNumber$6(options.overall) ? overallValue = options.overall : animationParameters.group ? (overallValue = null !== (_a = animationParameters.groupWidth) && void 0 !== _a ? _a : animationParameters.group.getBounds().width(), animationParameters.groupWidth = overallValue) : overallValue = animationParameters.width : overallValue = isNumber$6(null == options ? void 0 : options.overall) ? null == options ? void 0 : options.overall : 0, {
+        from: {
+          x: overallValue,
+          x1: isNil$5(x1) ? void 0 : overallValue,
+          width: isNil$5(width) ? void 0 : 0
+        },
+        to: {
+          x: x,
+          x1: x1,
+          width: width
+        }
+      };
+    }
+    const growWidthIn = (graphic, options, animationParameters) => {
+      var _a;
+      return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growWidthInOverall(graphic, options, animationParameters) : growWidthInIndividual(graphic, options);
+    };
+    function growWidthOutIndividual(graphic, options, animationParameters) {
+      const attrs = graphic.getFinalAttribute(),
+        x = attrs.x,
+        x1 = attrs.x1,
+        width = attrs.width;
+      if (options && "negative" === options.orient) {
+        const computedX1 = isValid$5(width) ? Math.max(x, x + width) : Math.max(x, x1);
+        return {
+          to: {
+            x: computedX1,
+            x1: isNil$5(x1) ? void 0 : computedX1,
+            width: isNil$5(width) ? void 0 : 0
+          }
+        };
+      }
+      const computedX = isValid$5(width) ? Math.min(x, x + width) : Math.min(x, x1);
+      return {
+        to: {
+          x: computedX,
+          x1: isNil$5(x1) ? void 0 : computedX,
+          width: isNil$5(width) ? void 0 : 0
+        }
+      };
+    }
+    function growWidthOutOverall(graphic, options, animationParameters) {
+      var _a;
+      const attrs = graphic.getFinalAttribute(),
+        x1 = attrs.x1,
+        width = attrs.width;
+      let overallValue;
+      return options && "negative" === options.orient ? isNumber$6(options.overall) ? overallValue = options.overall : animationParameters.group ? (overallValue = null !== (_a = animationParameters.groupWidth) && void 0 !== _a ? _a : animationParameters.group.getBounds().width(), animationParameters.groupWidth = overallValue) : overallValue = animationParameters.width : overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0, {
+        to: {
+          x: overallValue,
+          x1: isNil$5(x1) ? void 0 : overallValue,
+          width: isNil$5(width) ? void 0 : 0
+        }
+      };
+    }
+    class GrowWidthIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        const {
+            from: from,
+            to: to
+          } = growWidthIn(this.target, this.params.options, this.params),
+          fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class GrowWidthOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        super.onBind();
+        const {
+          from: from,
+          to: to
+        } = (graphic = this.target, options = this.params.options, animationParameters = this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growWidthOutOverall(graphic, options, animationParameters) : growWidthOutIndividual(graphic, options));
+        var graphic, options, animationParameters, _a;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != from ? from : this.target.attribute, this.to = to;
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+
+    class LabelItemAppear extends AComponentAnimate {
+      onBind() {
+        super.onBind();
+        const animator = createComponentAnimator(this.target);
+        this._animator = animator;
+        const duration = this.duration,
+          easing = this.easing,
+          target = this.target,
+          {
+            symbolStartOuterType = "scale",
+            titleType = "typewriter",
+            titlePanelType = "scale"
+          } = this.params,
+          symbolTime = duration / 10;
+        let symbolStartOuterFrom, symbolStartOuterTo;
+        if (target._symbolStart.setAttributes({
+          scaleX: 0,
+          scaleY: 0
+        }), animator.animate(target._symbolStart, {
+          type: "to",
+          to: {
+            scaleX: 1,
+            scaleY: 1
+          },
+          duration: 5 * symbolTime,
+          easing: easing
+        }), "scale" === symbolStartOuterType ? (symbolStartOuterFrom = {
+          scaleX: 0,
+          scaleY: 0
+        }, symbolStartOuterTo = {
+          scaleX: 1,
+          scaleY: 1
+        }) : (symbolStartOuterFrom = {
+          clipRange: 0
+        }, symbolStartOuterTo = {
+          clipRange: 1
+        }), target._symbolStartOuter.setAttributes(symbolStartOuterFrom), animator.animate(target._symbolStartOuter, {
+          type: "to",
+          to: symbolStartOuterTo,
+          duration: 5 * symbolTime,
+          easing: easing
+        }), target._symbolEnd.setAttributes({
+          scaleX: 0,
+          scaleY: 0
+        }), animator.animate(target._symbolEnd, {
+          type: "to",
+          to: {
+            scaleX: 1,
+            scaleY: 1
+          },
+          duration: 2 * symbolTime,
+          delay: 8 * symbolTime,
+          easing: easing
+        }), target._line.setAttributes({
+          clipRange: 0
+        }), animator.animate(target._line, {
+          type: "to",
+          to: {
+            clipRange: 1
+          },
+          duration: 9 * symbolTime,
+          easing: easing
+        }), "typewriter" === titleType) {
+          const titleTopText = target._titleTop.attribute.text;
+          target._titleTop.setAttributes({
+            text: ""
+          }), animator.animate(target._titleTop, {
+            type: "custom",
+            delay: 5 * symbolTime,
+            duration: 4 * symbolTime,
+            easing: "linear",
+            to: {
+              text: titleTopText
+            },
+            custom: InputText
+          });
+          const titleBottomText = target._titleBottom.attribute.text;
+          target._titleBottom.setAttributes({
+            text: ""
+          }), animator.animate(target._titleBottom, {
+            type: "custom",
+            delay: 5 * symbolTime,
+            duration: 4 * symbolTime,
+            easing: "linear",
+            to: {
+              text: titleBottomText
+            },
+            custom: InputText
+          });
+        } else target._titleTop.setAttributes({
+          dy: target._titleTop.AABBBounds.height() + 10
+        }), animator.animate(target._titleTop, {
+          type: "to",
+          to: {
+            dy: 0
+          },
+          delay: 5 * symbolTime,
+          duration: 4 * symbolTime,
+          easing: "linear"
+        }), target._titleBottom.setAttributes({
+          dy: -(10 + target._titleBottom.AABBBounds.height())
+        }), animator.animate(target._titleBottom, {
+          type: "to",
+          to: {
+            dy: 0
+          },
+          delay: 5 * symbolTime,
+          duration: 4 * symbolTime,
+          easing: "linear"
+        });
+        "scale" === titlePanelType ? [target._titleTopPanel, target._titleBottomPanel].forEach(panel => {
+          var _a;
+          const scaleX = null !== (_a = panel.attribute.scaleX) && void 0 !== _a ? _a : 1;
+          panel.setAttributes({
+            scaleX: 0
+          }), animator.animate(panel, {
+            type: "to",
+            to: {
+              scaleX: scaleX
+            },
+            duration: duration,
+            easing: easing
+          });
+        }) : "stroke" === titlePanelType && [target._titleTopPanel, target._titleBottomPanel].forEach(panel => {
+          const b = panel.AABBBounds,
+            totalLen = 2 * (b.width() + b.height());
+          panel.setAttributes({
+            lineDash: [0, 10 * totalLen]
+          }), animator.animate(panel, {
+            type: "to",
+            to: {
+              lineDash: [totalLen, 10 * totalLen]
+            },
+            duration: duration,
+            easing: easing
+          });
+        }), this.completeBind(animator);
+      }
+    }
+    class LabelItemDisappear extends AComponentAnimate {
+      onBind() {
+        super.onBind();
+        const animator = createComponentAnimator(this.target);
+        this._animator = animator;
+        const duration = this.duration,
+          easing = this.easing,
+          target = this.target,
+          {
+            mode: mode
+          } = this.params;
+        "scale" === mode ? animator.animate(target._symbolStart, {
+          type: "to",
+          to: {
+            scaleX: 0,
+            scaleY: 0
+          },
+          duration: duration,
+          easing: easing
+        }) : (animator.animate(target._line, {
+          type: "to",
+          to: {
+            clipRange: 0
+          },
+          duration: duration,
+          easing: easing
+        }), animator.animate(target._symbolStart, {
+          type: "to",
+          to: {
+            scaleX: 0,
+            scaleY: 0
+          },
+          duration: duration / 2,
+          delay: duration / 2,
+          easing: easing
+        }), animator.animate(target._symbolEnd, {
+          type: "to",
+          to: {
+            scaleX: 0,
+            scaleY: 0
+          },
+          duration: duration,
+          easing: easing
+        }), animator.animate(target._titleTop, {
+          type: "to",
+          to: {
+            dy: target._titleTop.AABBBounds.height() + 10
+          },
+          duration: duration / 2,
+          easing: easing
+        }), animator.animate(target._titleBottom, {
+          type: "to",
+          to: {
+            dy: -(10 + target._titleBottom.AABBBounds.height())
+          },
+          duration: duration / 2,
+          easing: easing
+        }), animator.animate(target._symbolStartOuter, {
+          type: "to",
+          to: {
+            clipRange: 0
+          },
+          duration: duration / 2,
+          delay: duration / 2,
+          easing: easing
+        }), animator.animate(target._titleTopPanel, {
+          type: "to",
+          to: {
+            scaleX: 0
+          },
+          duration: duration,
+          easing: easing
+        }), animator.animate(target._titleBottomPanel, {
+          type: "to",
+          to: {
+            scaleX: 0
+          },
+          duration: duration,
+          easing: easing
+        })), this.completeBind(animator);
+      }
+    }
+
+    class PoptipAppear extends AComponentAnimate {
+      onBind() {
+        super.onBind();
+        const animator = createComponentAnimator(this.target);
+        this._animator = animator;
+        const duration = this.duration,
+          easing = this.easing,
+          target = this.target,
+          {
+            wave: wave
+          } = this.params;
+        if (target.setAttributes({
+          scaleX: 0,
+          scaleY: 0
+        }), animator.animate(target, {
+          type: "to",
+          to: {
+            scaleX: 1,
+            scaleY: 1
+          },
+          duration: duration / 3 * 2,
+          easing: easing
+        }), target.titleShape && animator.animate(target.titleShape, {
+          type: "custom",
+          to: {
+            text: target.titleShape.attribute.text
+          },
+          duration: duration,
+          easing: easing,
+          custom: InputText
+        }), target.contentShape && animator.animate(target.contentShape, {
+          type: "custom",
+          to: {
+            text: target.contentShape.attribute.text
+          },
+          duration: duration,
+          easing: easing,
+          custom: InputText
+        }), wave) {
+          const dur = duration / 6;
+          animator.animate(target.group, {
+            timeSlices: [{
+              duration: dur,
+              effects: {
+                type: "to",
+                to: {
+                  angle: wave
+                },
+                easing: easing
+              }
+            }, {
+              duration: 2 * dur,
+              effects: {
+                type: "to",
+                to: {
+                  angle: -wave
+                },
+                easing: easing
+              }
+            }, {
+              duration: 2 * dur,
+              effects: {
+                type: "to",
+                to: {
+                  angle: wave
+                },
+                easing: easing
+              }
+            }, {
+              duration: dur,
+              effects: {
+                type: "to",
+                to: {
+                  angle: 0
+                },
+                easing: easing
+              }
+            }]
+          });
+        }
+        this.completeBind(animator);
+      }
+    }
+    class PoptipDisappear extends AComponentAnimate {
+      onBind() {
+        super.onBind();
+        const animator = createComponentAnimator(this.target);
+        this._animator = animator;
+        const duration = this.duration,
+          easing = this.easing,
+          target = this.target;
+        animator.animate(target, {
+          type: "to",
+          to: {
+            scaleX: 0,
+            scaleY: 0
+          },
+          duration: duration,
+          easing: easing
+        }), this.completeBind(animator);
+      }
+    }
+
+    class InputRichText extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.showCursor = !1, this.cursorChar = "|", this.blinkCursor = !0, this.fadeInChars = !1, this.fadeInDuration = .3, this.strokeFirst = !1, this.strokeToFillRatio = .3, void 0 !== (null == params ? void 0 : params.showCursor) && (this.showCursor = params.showCursor), void 0 !== (null == params ? void 0 : params.cursorChar) && (this.cursorChar = params.cursorChar), void 0 !== (null == params ? void 0 : params.blinkCursor) && (this.blinkCursor = params.blinkCursor), void 0 !== (null == params ? void 0 : params.fadeInChars) && (this.fadeInChars = params.fadeInChars), void 0 !== (null == params ? void 0 : params.fadeInDuration) && (this.fadeInDuration = params.fadeInDuration), void 0 !== (null == params ? void 0 : params.strokeFirst) && (this.strokeFirst = params.strokeFirst), void 0 !== (null == params ? void 0 : params.strokeToFillRatio) && (this.strokeToFillRatio = params.strokeToFillRatio);
+      }
+      onFirstRun() {
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps();
+        this.originalTextConfig = toProps.textConfig ? [...toProps.textConfig] : [], this.valid = !0, this.originalTextConfig && 0 !== this.originalTextConfig.length ? (this.fromTextConfig = fromProps.textConfig && fromProps.textConfig.length > 0 ? RichText.TransformTextConfig2SingleCharacter(fromProps.textConfig) : [], this.toTextConfig = RichText.TransformTextConfig2SingleCharacter(this.originalTextConfig)) : this.valid = !1;
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || this.target.setAttribute("textConfig", this.originalTextConfig);
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const totalItems = this.toTextConfig.length,
+          fromItems = this.fromTextConfig.length,
+          maxTextShowRatio = this.fadeInChars ? 1 - this.fadeInDuration : 1;
+        let currentLength, currentTextConfig;
+        if (fromItems > totalItems) currentLength = Math.round(fromItems - (fromItems - totalItems) * ratio);else if (this.fadeInChars) {
+          const adjustedRatio = Math.min(1, ratio / maxTextShowRatio);
+          currentLength = Math.round(fromItems + (totalItems - fromItems) * adjustedRatio);
+        } else currentLength = Math.round(fromItems + (totalItems - fromItems) * ratio);
+        if (currentTextConfig = fromItems > totalItems ? this.fromTextConfig.slice(0, currentLength) : this.toTextConfig.slice(0, currentLength).map((item, index) => {
+          if ("text" in item) {
+            const newItem = Object.assign({}, item);
+            if (this.strokeFirst) {
+              const appearTime = index / totalItems * maxTextShowRatio,
+                itemLifetime = Math.max(0, ratio - appearTime),
+                maxLifetime = 1 - appearTime,
+                fillProgress = Math.min(1, itemLifetime / (this.strokeToFillRatio * maxLifetime));
+              if ("fill" in newItem && newItem.fill && (newItem.stroke = newItem.fill, fillProgress < 1 && (newItem.fillOpacity = fillProgress)), this.fadeInChars) {
+                const fadeProgress = Math.min(1, itemLifetime / (this.fadeInDuration * maxLifetime));
+                newItem.opacity = Math.max(0, Math.min(1, fadeProgress));
+              }
+            } else if (this.fadeInChars) {
+              const fadeProgress = (ratio - index / totalItems * maxTextShowRatio) / this.fadeInDuration;
+              newItem.opacity = Math.max(0, Math.min(1, fadeProgress));
+            }
+            return newItem;
+          }
+          return item;
+        }), this.showCursor && currentLength < totalItems) {
+          let shouldShowCursor = !0;
+          if (this.blinkCursor) {
+            const blinkRate = .1;
+            shouldShowCursor = Math.floor(ratio / blinkRate) % 2 == 0;
+          }
+          if (shouldShowCursor && currentTextConfig.length > 0) {
+            const lastIndex = currentTextConfig.length - 1,
+              lastItem = currentTextConfig[lastIndex];
+            if ("text" in lastItem) currentTextConfig[lastIndex] = Object.assign(Object.assign({}, lastItem), {
+              text: String(lastItem.text) + this.cursorChar
+            });else {
+              const cursorItem = {
+                text: this.cursorChar,
+                fontSize: 16
+              };
+              currentTextConfig.push(cursorItem);
+            }
+          }
+        }
+        this.target.setAttribute("textConfig", currentTextConfig);
+      }
+    }
+
+    class OutputRichText extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.showCursor = !1, this.cursorChar = "|", this.blinkCursor = !0, this.beforeText = "", this.afterText = "", this.fadeOutChars = !1, this.fadeOutDuration = .3, this.direction = "backward", void 0 !== (null == params ? void 0 : params.showCursor) && (this.showCursor = params.showCursor), void 0 !== (null == params ? void 0 : params.cursorChar) && (this.cursorChar = params.cursorChar), void 0 !== (null == params ? void 0 : params.blinkCursor) && (this.blinkCursor = params.blinkCursor), void 0 !== (null == params ? void 0 : params.beforeText) && (this.beforeText = params.beforeText), void 0 !== (null == params ? void 0 : params.afterText) && (this.afterText = params.afterText), void 0 !== (null == params ? void 0 : params.fadeOutChars) && (this.fadeOutChars = params.fadeOutChars), void 0 !== (null == params ? void 0 : params.fadeOutDuration) && (this.fadeOutDuration = params.fadeOutDuration), void 0 !== (null == params ? void 0 : params.direction) && (this.direction = params.direction), this.propKeys = ["textConfig"];
+      }
+      onFirstRun() {
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps();
+        this.originalTextConfig = fromProps.textConfig ? [...fromProps.textConfig] : [], this.valid = !0, this.originalTextConfig && 0 !== this.originalTextConfig.length ? (this.fromTextConfig = RichText.TransformTextConfig2SingleCharacter(this.originalTextConfig), this.toTextConfig = toProps.textConfig && toProps.textConfig.length > 0 ? RichText.TransformTextConfig2SingleCharacter(toProps.textConfig) : []) : this.valid = !1;
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || (this.toTextConfig.length > 0 ? this.target.setAttribute("textConfig", this.toTextConfig) : this.target.setAttribute("textConfig", []));
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const fromItems = this.fromTextConfig.length,
+          maxTextHideRatio = this.fadeOutChars ? 1 - this.fadeOutDuration : 1;
+        let displayedLength;
+        if ("forward" === this.direction) {
+          if (this.fadeOutChars) {
+            const adjustedRatio = Math.min(1, ratio / maxTextHideRatio);
+            displayedLength = Math.round(fromItems * (1 - adjustedRatio));
+          } else displayedLength = Math.round(fromItems * (1 - ratio));
+          let currentTextConfig = "forward" === this.direction ? this.fromTextConfig.slice(fromItems - displayedLength) : this.fromTextConfig.slice(0, displayedLength);
+          this.fadeOutChars && (currentTextConfig = this.applyFadeEffect(currentTextConfig, ratio, fromItems, displayedLength)), this.showCursor && displayedLength > 0 && (currentTextConfig = this.addCursor(currentTextConfig, ratio)), this.target.setAttribute("textConfig", currentTextConfig);
+        } else {
+          if (this.fadeOutChars) {
+            const adjustedRatio = Math.min(1, ratio / maxTextHideRatio);
+            displayedLength = Math.round(fromItems * (1 - adjustedRatio));
+          } else displayedLength = Math.round(fromItems * (1 - ratio));
+          let currentTextConfig = this.fromTextConfig.slice(0, displayedLength);
+          this.fadeOutChars && (currentTextConfig = this.applyFadeEffect(currentTextConfig, ratio, fromItems, displayedLength)), this.showCursor && displayedLength > 0 && (currentTextConfig = this.addCursor(currentTextConfig, ratio)), this.target.setAttribute("textConfig", currentTextConfig);
+        }
+      }
+      applyFadeEffect(textConfig, ratio, totalItems, displayedLength) {
+        "forward" === this.direction ? totalItems - displayedLength : displayedLength;
+        const fadeProgress = (ratio - (1 - this.fadeOutDuration)) / this.fadeOutDuration,
+          fadeOpacity = Math.max(0, 1 - Math.min(1, fadeProgress));
+        return textConfig.map((item, index) => {
+          if ("forward" === this.direction) {
+            if (0 === index && "text" in item) return Object.assign(Object.assign({}, item), {
+              opacity: fadeOpacity
+            });
+          } else if (index === textConfig.length - 1 && "text" in item) return Object.assign(Object.assign({}, item), {
+            opacity: fadeOpacity
+          });
+          return item;
+        });
+      }
+      addCursor(textConfig, ratio) {
+        let shouldShowCursor = !0;
+        if (this.blinkCursor) {
+          const blinkRate = .1;
+          shouldShowCursor = Math.floor(ratio / blinkRate) % 2 == 0;
+        }
+        if (shouldShowCursor && textConfig.length > 0) {
+          const cursorIndex = "forward" === this.direction ? 0 : textConfig.length - 1,
+            cursorItem = textConfig[cursorIndex];
+          if ("text" in cursorItem) {
+            const result = [...textConfig];
+            return "forward" === this.direction ? result[cursorIndex] = Object.assign(Object.assign({}, cursorItem), {
+              text: this.cursorChar + String(cursorItem.text)
+            }) : result[cursorIndex] = Object.assign(Object.assign({}, cursorItem), {
+              text: String(cursorItem.text) + this.cursorChar
+            }), result;
+          }
+        }
+        return textConfig;
+      }
+    }
+
+    class SlideRichText extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.singleCharConfig = [], this.fadeInDuration = .3, this.slideDirection = "right", this.slideDistance = 30, this.wordByWord = !1, this.wordRegex = /[a-zA-Z]+(-[a-zA-Z]+)*|[\u4e00-\u9fa5]+|[0-9]+|[^\s\w\u4e00-\u9fa5]/g, this.wordGroups = [], void 0 !== (null == params ? void 0 : params.fadeInDuration) && (this.fadeInDuration = params.fadeInDuration), void 0 !== (null == params ? void 0 : params.slideDirection) && (this.slideDirection = params.slideDirection), void 0 !== (null == params ? void 0 : params.slideDistance) && (this.slideDistance = params.slideDistance), void 0 !== (null == params ? void 0 : params.wordByWord) && (this.wordByWord = params.wordByWord), void 0 !== (null == params ? void 0 : params.wordRegex) && (this.wordRegex = params.wordRegex);
+      }
+      onFirstRun() {
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps();
+        this.originalTextConfig = toProps.textConfig ? [...toProps.textConfig] : [], this.valid = !0, this.originalTextConfig && 0 !== this.originalTextConfig.length ? (this.fromTextConfig = fromProps.textConfig && fromProps.textConfig.length > 0 ? RichText.TransformTextConfig2SingleCharacter(fromProps.textConfig) : [], this.toTextConfig = RichText.TransformTextConfig2SingleCharacter(this.originalTextConfig), this.singleCharConfig = this.toTextConfig.map(item => "text" in item ? Object.assign(Object.assign({}, item), {
+          opacity: 0,
+          dx: this.getInitialDx(),
+          dy: this.getInitialDy()
+        }) : Object.assign(Object.assign({}, item), {
+          opacity: 0
+        })), this.wordByWord && this.calculateWordGroups()) : this.valid = !1;
+      }
+      calculateWordGroups() {
+        this.wordGroups = [];
+        let fullText = "";
+        const charMap = {};
+        let match,
+          fullTextIndex = 0;
+        for (this.toTextConfig.forEach((item, configIndex) => {
+          if (("text" in item)) {
+            const text = String(item.text);
+            fullText += text, charMap[fullTextIndex] = configIndex, fullTextIndex++;
+          }
+        }), this.wordRegex.lastIndex = 0; null !== (match = this.wordRegex.exec(fullText));) {
+          const wordStart = match.index,
+            wordEnd = match.index + match[0].length,
+            wordIndices = [];
+          for (let i = wordStart; i < wordEnd; i++) void 0 !== charMap[i] && wordIndices.push(charMap[i]);
+          wordIndices.length > 0 && this.wordGroups.push(wordIndices);
+        }
+        const allocatedIndices = new Set();
+        this.wordGroups.forEach(group => {
+          group.forEach(index => allocatedIndices.add(index));
+        });
+        for (let i = 0; i < this.toTextConfig.length; i++) "text" in this.toTextConfig[i] && !allocatedIndices.has(i) && this.wordGroups.push([i]);
+      }
+      getInitialDx() {
+        switch (this.slideDirection) {
+          case "left":
+            return -this.slideDistance;
+          case "right":
+            return this.slideDistance;
+          default:
+            return 0;
+        }
+      }
+      getInitialDy() {
+        switch (this.slideDirection) {
+          case "up":
+            return -this.slideDistance;
+          case "down":
+            return this.slideDistance;
+          default:
+            return 0;
+        }
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || this.target.setAttribute("textConfig", this.originalTextConfig);
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const maxTextShowRatio = 1 - this.fadeInDuration;
+        let updatedTextConfig;
+        updatedTextConfig = this.wordByWord && this.wordGroups.length > 0 ? this.updateByWord(ratio, maxTextShowRatio) : this.updateByCharacter(ratio, maxTextShowRatio), this.target.setAttribute("textConfig", updatedTextConfig);
+      }
+      updateByWord(ratio, maxTextShowRatio) {
+        const totalGroups = this.wordGroups.length,
+          updatedTextConfig = [...this.singleCharConfig];
+        for (let groupIndex = 0; groupIndex < this.wordGroups.length; groupIndex++) {
+          let appearTime;
+          if (appearTime = "left" === this.slideDirection ? (totalGroups - 1 - groupIndex) / totalGroups * maxTextShowRatio : groupIndex / totalGroups * maxTextShowRatio, ratio < appearTime) {
+            for (const charIndex of this.wordGroups[groupIndex]) {
+              const item = updatedTextConfig[charIndex];
+              "text" in item && (updatedTextConfig[charIndex] = Object.assign(Object.assign({}, item), {
+                opacity: 0,
+                dx: this.getInitialDx(),
+                dy: this.getInitialDy()
+              }));
+            }
+            continue;
+          }
+          const animProgress = (ratio - appearTime) / this.fadeInDuration,
+            progress = Math.max(0, Math.min(1, animProgress)),
+            dx = this.getInitialDx() * (1 - progress),
+            dy = this.getInitialDy() * (1 - progress);
+          for (const charIndex of this.wordGroups[groupIndex]) {
+            const item = updatedTextConfig[charIndex];
+            "text" in item && (updatedTextConfig[charIndex] = Object.assign(Object.assign({}, item), {
+              opacity: progress,
+              dx: dx,
+              dy: dy
+            }));
+          }
+        }
+        return updatedTextConfig;
+      }
+      updateByCharacter(ratio, maxTextShowRatio) {
+        const totalItems = this.toTextConfig.length,
+          updatedTextConfig = [...this.singleCharConfig];
+        for (let index = 0; index < updatedTextConfig.length; index++) {
+          const item = updatedTextConfig[index];
+          if ("text" in item) {
+            let appearTime;
+            if (appearTime = "left" === this.slideDirection ? (totalItems - 1 - index) / totalItems * maxTextShowRatio : index / totalItems * maxTextShowRatio, ratio < appearTime) {
+              updatedTextConfig[index] = Object.assign(Object.assign({}, item), {
+                opacity: 0,
+                dx: this.getInitialDx(),
+                dy: this.getInitialDy()
+              });
+              continue;
+            }
+            const animProgress = (ratio - appearTime) / this.fadeInDuration,
+              progress = Math.max(0, Math.min(1, animProgress)),
+              dx = this.getInitialDx() * (1 - progress),
+              dy = this.getInitialDy() * (1 - progress);
+            updatedTextConfig[index] = Object.assign(Object.assign({}, item), {
+              opacity: progress,
+              dx: dx,
+              dy: dy
+            });
+          }
+        }
+        return updatedTextConfig;
+      }
+    }
+
+    class SlideOutRichText extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.singleCharConfig = [], this.fadeOutDuration = .3, this.slideDirection = "right", this.slideDistance = 30, this.wordByWord = !1, this.wordRegex = /[a-zA-Z]+(-[a-zA-Z]+)*|[\u4e00-\u9fa5]+|[0-9]+|[^\s\w\u4e00-\u9fa5]/g, this.wordGroups = [], this.reverseOrder = !1, void 0 !== (null == params ? void 0 : params.fadeOutDuration) && (this.fadeOutDuration = params.fadeOutDuration), void 0 !== (null == params ? void 0 : params.slideDirection) && (this.slideDirection = params.slideDirection), void 0 !== (null == params ? void 0 : params.slideDistance) && (this.slideDistance = params.slideDistance), void 0 !== (null == params ? void 0 : params.wordByWord) && (this.wordByWord = params.wordByWord), void 0 !== (null == params ? void 0 : params.wordRegex) && (this.wordRegex = params.wordRegex), void 0 !== (null == params ? void 0 : params.reverseOrder) && (this.reverseOrder = params.reverseOrder), this.propKeys = ["textConfig"];
+      }
+      onFirstRun() {
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps();
+        this.originalTextConfig = fromProps.textConfig ? [...fromProps.textConfig] : [], this.valid = !0, this.originalTextConfig && 0 !== this.originalTextConfig.length ? (this.fromTextConfig = RichText.TransformTextConfig2SingleCharacter(this.originalTextConfig), this.toTextConfig = toProps.textConfig && toProps.textConfig.length > 0 ? RichText.TransformTextConfig2SingleCharacter(toProps.textConfig) : [], this.singleCharConfig = this.fromTextConfig.map(item => "text" in item ? Object.assign(Object.assign({}, item), {
+          opacity: 1,
+          dx: 0,
+          dy: 0
+        }) : Object.assign(Object.assign({}, item), {
+          opacity: 1
+        })), this.wordByWord && this.calculateWordGroups()) : this.valid = !1;
+      }
+      calculateWordGroups() {
+        this.wordGroups = [];
+        let fullText = "";
+        const charMap = {};
+        let match,
+          fullTextIndex = 0;
+        for (this.fromTextConfig.forEach((item, configIndex) => {
+          if (("text" in item)) {
+            const text = String(item.text);
+            fullText += text, charMap[fullTextIndex] = configIndex, fullTextIndex++;
+          }
+        }), this.wordRegex.lastIndex = 0; null !== (match = this.wordRegex.exec(fullText));) {
+          const wordStart = match.index,
+            wordEnd = match.index + match[0].length,
+            wordIndices = [];
+          for (let i = wordStart; i < wordEnd; i++) void 0 !== charMap[i] && wordIndices.push(charMap[i]);
+          wordIndices.length > 0 && this.wordGroups.push(wordIndices);
+        }
+        const allocatedIndices = new Set();
+        this.wordGroups.forEach(group => {
+          group.forEach(index => allocatedIndices.add(index));
+        });
+        for (let i = 0; i < this.fromTextConfig.length; i++) "text" in this.fromTextConfig[i] && !allocatedIndices.has(i) && this.wordGroups.push([i]);
+      }
+      getTargetDx() {
+        switch (this.slideDirection) {
+          case "left":
+            return -this.slideDistance;
+          case "right":
+            return this.slideDistance;
+          default:
+            return 0;
+        }
+      }
+      getTargetDy() {
+        switch (this.slideDirection) {
+          case "up":
+            return -this.slideDistance;
+          case "down":
+            return this.slideDistance;
+          default:
+            return 0;
+        }
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || (this.toTextConfig.length > 0 ? this.target.setAttribute("textConfig", this.toTextConfig) : this.target.setAttribute("textConfig", []));
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const maxTextShowRatio = 1 - this.fadeOutDuration;
+        let updatedTextConfig;
+        updatedTextConfig = this.wordByWord && this.wordGroups.length > 0 ? this.updateByWord(ratio, maxTextShowRatio) : this.updateByCharacter(ratio, maxTextShowRatio), this.target.setAttribute("textConfig", updatedTextConfig);
+      }
+      updateByWord(ratio, maxTextShowRatio) {
+        const totalGroups = this.wordGroups.length,
+          updatedTextConfig = [...this.singleCharConfig];
+        for (let groupIndex = 0; groupIndex < this.wordGroups.length; groupIndex++) {
+          let disappearTime;
+          if (disappearTime = this.reverseOrder ? "left" === this.slideDirection ? groupIndex / totalGroups * maxTextShowRatio : (totalGroups - 1 - groupIndex) / totalGroups * maxTextShowRatio : "left" === this.slideDirection ? (totalGroups - 1 - groupIndex) / totalGroups * maxTextShowRatio : groupIndex / totalGroups * maxTextShowRatio, ratio < disappearTime) {
+            for (const charIndex of this.wordGroups[groupIndex]) {
+              const item = updatedTextConfig[charIndex];
+              "text" in item && (updatedTextConfig[charIndex] = Object.assign(Object.assign({}, item), {
+                opacity: 1,
+                dx: 0,
+                dy: 0
+              }));
+            }
+            continue;
+          }
+          const animProgress = (ratio - disappearTime) / this.fadeOutDuration,
+            progress = Math.max(0, Math.min(1, animProgress)),
+            dx = this.getTargetDx() * progress,
+            dy = this.getTargetDy() * progress,
+            opacity = 1 - progress;
+          for (const charIndex of this.wordGroups[groupIndex]) {
+            const item = updatedTextConfig[charIndex];
+            "text" in item && (updatedTextConfig[charIndex] = Object.assign(Object.assign({}, item), {
+              opacity: opacity,
+              dx: dx,
+              dy: dy
+            }));
+          }
+        }
+        return updatedTextConfig;
+      }
+      updateByCharacter(ratio, maxTextShowRatio) {
+        const totalItems = this.fromTextConfig.length,
+          updatedTextConfig = [...this.singleCharConfig];
+        for (let index = 0; index < updatedTextConfig.length; index++) {
+          const item = updatedTextConfig[index];
+          if ("text" in item) {
+            let disappearTime;
+            if (disappearTime = this.reverseOrder ? "left" === this.slideDirection ? index / totalItems * maxTextShowRatio : (totalItems - 1 - index) / totalItems * maxTextShowRatio : "left" === this.slideDirection ? (totalItems - 1 - index) / totalItems * maxTextShowRatio : index / totalItems * maxTextShowRatio, ratio < disappearTime) {
+              updatedTextConfig[index] = Object.assign(Object.assign({}, item), {
+                opacity: 1,
+                dx: 0,
+                dy: 0
+              });
+              continue;
+            }
+            const animProgress = (ratio - disappearTime) / this.fadeOutDuration,
+              progress = Math.max(0, Math.min(1, animProgress)),
+              dx = this.getTargetDx() * progress,
+              dy = this.getTargetDy() * progress,
+              opacity = 1 - progress;
+            updatedTextConfig[index] = Object.assign(Object.assign({}, item), {
+              opacity: opacity,
+              dx: dx,
+              dy: dy
+            });
+          }
+        }
+        return updatedTextConfig;
+      }
+    }
+
+    class ScaleIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        let from, to;
+        super.onBind();
+        const attrs = this.target.getFinalAttribute(),
+          fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {};
+        switch (null === (_b = this.params) || void 0 === _b ? void 0 : _b.direction) {
+          case "x":
+            from = {
+              scaleX: null !== (_c = fromAttrs.scaleX) && void 0 !== _c ? _c : 0
+            }, to = {
+              scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1
+            }, this._updateFunction = this.updateX;
+            break;
+          case "y":
+            from = {
+              scaleY: null !== (_e = fromAttrs.scaleY) && void 0 !== _e ? _e : 0
+            }, to = {
+              scaleY: null !== (_f = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _f ? _f : 1
+            }, this._updateFunction = this.updateY;
+            break;
+          default:
+            from = {
+              scaleX: null !== (_g = fromAttrs.scaleX) && void 0 !== _g ? _g : 0,
+              scaleY: null !== (_h = fromAttrs.scaleY) && void 0 !== _h ? _h : 0
+            }, to = {
+              scaleX: null !== (_j = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _j ? _j : 1,
+              scaleY: null !== (_k = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _k ? _k : 1
+            }, this._updateFunction = this.updateXY;
+        }
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.props = to, this.from = from, this.to = to, !1 !== (null === (_l = this.params.controlOptions) || void 0 === _l ? void 0 : _l.immediatelyApply) && this.target.setAttributes(from);
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      updateX(ratio) {
+        this.target.attribute.scaleX = this.from.scaleX + (this.to.scaleX - this.from.scaleX) * ratio;
+      }
+      updateY(ratio) {
+        this.target.attribute.scaleY = this.from.scaleY + (this.to.scaleY - this.from.scaleY) * ratio;
+      }
+      updateXY(ratio) {
+        this.updateX(ratio), this.updateY(ratio);
+      }
+      deleteSelfAttr(key) {
+        delete this.props[key], this.fromProps && delete this.fromProps[key];
+        const index = this.propKeys.indexOf(key);
+        -1 !== index && this.propKeys.splice(index, 1), this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateXY : "scaleX" === this.propKeys[0] ? this._updateFunction = this.updateX : "scaleY" === this.propKeys[0] ? this._updateFunction = this.updateY : this._updateFunction = null;
+      }
+      onUpdate(end, ratio, out) {
+        this._updateFunction && (this._updateFunction(ratio), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag());
+      }
+    }
+    class ScaleOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e;
+        let from, to;
+        super.onBind();
+        const attrs = this.target.attribute;
+        switch (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) {
+          case "x":
+            from = {
+              scaleX: null !== (_b = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _b ? _b : 1
+            }, to = {
+              scaleX: 0
+            };
+            break;
+          case "y":
+            from = {
+              scaleY: null !== (_c = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _c ? _c : 1
+            }, to = {
+              scaleY: 0
+            };
+            break;
+          default:
+            from = {
+              scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1,
+              scaleY: null !== (_e = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _e ? _e : 1
+            }, to = {
+              scaleX: 0,
+              scaleY: 0
+            };
+        }
+        this.props = to, this.from = from, this.to = to;
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
+      }
+    }
+
+    class State extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
+          if (!this.animate.validAttr(this.propKeys[index])) return;
+          const key = this.propKeys[index];
+          func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
+        }), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
+      }
+    }
+
+    class SlideIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        super.onBind();
+        const attrs = this.target.getFinalAttribute(),
+          direction = (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) || "right",
+          distance = (null === (_b = this.params) || void 0 === _b ? void 0 : _b.distance) || 50,
+          fromOpacity = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromOpacity) && void 0 !== _d ? _d : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity
+          },
+          to = {
+            opacity: 1,
+            baseOpacity: 1
+          };
+        "top" === direction ? (from.y = (null !== (_e = attrs.y) && void 0 !== _e ? _e : 0) - distance, to.y = null !== (_f = attrs.y) && void 0 !== _f ? _f : 0, this.propKeys = ["opacity", "baseOpacity", "y"]) : "bottom" === direction ? (from.y = (null !== (_g = attrs.y) && void 0 !== _g ? _g : 0) + distance, to.y = null !== (_h = attrs.y) && void 0 !== _h ? _h : 0, this.propKeys = ["opacity", "baseOpacity", "y"]) : "left" === direction ? (from.x = (null !== (_j = attrs.x) && void 0 !== _j ? _j : 0) - distance, to.x = null !== (_k = attrs.x) && void 0 !== _k ? _k : 0, this.propKeys = ["opacity", "baseOpacity", "x"]) : (from.x = (null !== (_l = attrs.x) && void 0 !== _l ? _l : 0) + distance, to.x = null !== (_m = attrs.x) && void 0 !== _m ? _m : 0, this.propKeys = ["opacity", "baseOpacity", "x"]), this.from = from, this.to = to, this.props = to, this.target.setAttributes(from);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class GrowIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        super.onBind();
+        const attrs = this.target.getFinalAttribute(),
+          fromScale = null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromScale) && void 0 !== _b ? _b : 0,
+          direction = (null === (_c = this.params) || void 0 === _c ? void 0 : _c.direction) || "xy",
+          fromOpacity = null !== (_e = null === (_d = this.params) || void 0 === _d ? void 0 : _d.fromOpacity) && void 0 !== _e ? _e : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity
+          },
+          to = {
+            opacity: 1,
+            baseOpacity: 1
+          };
+        this.propKeys = ["opacity", "baseOpacity"], "x" !== direction && "xy" !== direction || (from.scaleX = fromScale, to.scaleX = null !== (_f = attrs.scaleX) && void 0 !== _f ? _f : 1, this.propKeys.push("scaleX")), "y" !== direction && "xy" !== direction || (from.scaleY = fromScale, to.scaleY = null !== (_g = attrs.scaleY) && void 0 !== _g ? _g : 1, this.propKeys.push("scaleY")), this.from = from, this.to = to, this.props = to, this.target.setAttributes(from);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class SpinIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        super.onBind();
+        const attrs = this.target.getFinalAttribute(),
+          fromAngle = null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromAngle) && void 0 !== _b ? _b : 2 * Math.PI,
+          fromScale = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromScale) && void 0 !== _d ? _d : 0,
+          fromOpacity = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromOpacity) && void 0 !== _f ? _f : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity,
+            angle: fromAngle,
+            scaleX: fromScale,
+            scaleY: fromScale
+          },
+          to = {
+            opacity: 1,
+            baseOpacity: 1,
+            angle: null !== (_g = attrs.angle) && void 0 !== _g ? _g : 0,
+            scaleX: null !== (_h = attrs.scaleX) && void 0 !== _h ? _h : 1,
+            scaleY: null !== (_j = attrs.scaleY) && void 0 !== _j ? _j : 1
+          };
+        this.propKeys = ["opacity", "baseOpacity", "angle", "scaleX", "scaleY"], this.from = from, this.to = to, this.props = to, this.target.setAttributes(from);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class StrokeIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.perimeter = 0, this.originalAttributes = {};
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        if (super.onBind(), this.originalAttributes = Object.assign({}, this.target.getAttributes()), "rect" === this.target.type) {
+          const attr = this.target.attribute,
+            width = null !== (_a = attr.width) && void 0 !== _a ? _a : 100,
+            height = null !== (_b = attr.height) && void 0 !== _b ? _b : 100;
+          this.perimeter = 2 * (width + height);
+        } else if ("circle" === this.target.type) {
+          const radius = null !== (_c = this.target.attribute.radius) && void 0 !== _c ? _c : 50;
+          this.perimeter = 2 * Math.PI * radius;
+        } else if ("ellipse" === this.target.type) {
+          const attr = this.target.attribute,
+            radiusX = null !== (_d = attr.radiusX) && void 0 !== _d ? _d : 50,
+            radiusY = null !== (_e = attr.radiusY) && void 0 !== _e ? _e : 50;
+          this.perimeter = 2 * Math.PI * Math.sqrt((radiusX * radiusX + radiusY * radiusY) / 2);
+        } else this.perimeter = 1e3;
+        const lineWidth = null !== (_g = null === (_f = this.params) || void 0 === _f ? void 0 : _f.lineWidth) && void 0 !== _g ? _g : 2,
+          strokeColor = null !== (_j = null === (_h = this.params) || void 0 === _h ? void 0 : _h.strokeColor) && void 0 !== _j ? _j : "black",
+          fromOpacity = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromOpacity) && void 0 !== _l ? _l : 1,
+          dashLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.dashLength) && void 0 !== _o ? _o : this.perimeter,
+          showFill = null !== (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.showFill) && void 0 !== _q && _q,
+          fillOpacity = null !== (_s = null === (_r = this.params) || void 0 === _r ? void 0 : _r.fillOpacity) && void 0 !== _s ? _s : 0;
+        this.from = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: dashLength,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, this.to = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: 0,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, showFill ? (this.from.fillOpacity = fillOpacity, this.to.fillOpacity = null !== (_t = this.originalAttributes.fillOpacity) && void 0 !== _t ? _t : 1) : (this.from.fillOpacity = 0, this.to.fillOpacity = 0), this.propKeys = ["lineDash", "lineDashOffset", "lineWidth", "stroke", "strokeOpacity", "fillOpacity"], this.props = this.to, this.target.setAttributes(this.from);
+      }
+      onUpdate(end, ratio, out) {
+        var _a;
+        const attribute = this.target.attribute;
+        attribute.lineDashOffset = this.from.lineDashOffset + (this.to.lineDashOffset - this.from.lineDashOffset) * ratio, (null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill) && (attribute.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio);
+      }
+      onEnd() {
+        var _a;
+        if (super.onEnd(), !(null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill)) {
+          const originalAttrs = Object.assign({}, this.originalAttributes);
+          originalAttrs.fillOpacity = 0, this.target.setAttributes(originalAttrs);
+        }
+      }
+    }
+    class StrokeOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.perimeter = 0, this.originalAttributes = {};
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        if (this.originalAttributes = Object.assign({}, this.target.getAttributes()), "rect" === this.target.type) {
+          const attr = this.target.attribute,
+            width = null !== (_a = attr.width) && void 0 !== _a ? _a : 100,
+            height = null !== (_b = attr.height) && void 0 !== _b ? _b : 100;
+          this.perimeter = 2 * (width + height);
+        } else if ("circle" === this.target.type) {
+          const radius = null !== (_c = this.target.attribute.radius) && void 0 !== _c ? _c : 50;
+          this.perimeter = 2 * Math.PI * radius;
+        } else if ("ellipse" === this.target.type) {
+          const attr = this.target.attribute,
+            radiusX = null !== (_d = attr.radiusX) && void 0 !== _d ? _d : 50,
+            radiusY = null !== (_e = attr.radiusY) && void 0 !== _e ? _e : 50;
+          this.perimeter = 2 * Math.PI * Math.sqrt((radiusX * radiusX + radiusY * radiusY) / 2);
+        } else this.perimeter = 1e3;
+        const lineWidth = null !== (_g = null === (_f = this.params) || void 0 === _f ? void 0 : _f.lineWidth) && void 0 !== _g ? _g : 2,
+          strokeColor = null !== (_j = null === (_h = this.params) || void 0 === _h ? void 0 : _h.strokeColor) && void 0 !== _j ? _j : "black",
+          fromOpacity = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromOpacity) && void 0 !== _l ? _l : 1,
+          dashLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.dashLength) && void 0 !== _o ? _o : this.perimeter,
+          showFill = null !== (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.showFill) && void 0 !== _q && _q;
+        this.from = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: 0,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, this.to = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: -dashLength,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, showFill ? (this.from.fillOpacity = null !== (_r = this.originalAttributes.fillOpacity) && void 0 !== _r ? _r : 1, this.to.fillOpacity = 0) : (this.from.fillOpacity = 0, this.to.fillOpacity = 0), this.propKeys = ["lineDash", "lineDashOffset", "lineWidth", "stroke", "strokeOpacity", "fillOpacity"], this.props = this.to, this.target.setAttributes(this.from);
+      }
+      onUpdate(end, ratio, out) {
+        var _a;
+        const attribute = this.target.attribute;
+        attribute.lineDashOffset = this.from.lineDashOffset + (this.to.lineDashOffset - this.from.lineDashOffset) * ratio, (null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill) && (attribute.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio);
+      }
+    }
+    class MoveScaleIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params);
+        const slideRatio = null !== (_a = null == params ? void 0 : params.slideRatio) && void 0 !== _a ? _a : .5;
+        this.slideInDuration = duration * slideRatio, this.growInDuration = duration * (1 - slideRatio);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f;
+        super.onBind();
+        const executor = new AnimateExecutor(this.target);
+        executor.execute({
+          type: "custom",
+          custom: SlideIn,
+          customParameters: {
+            direction: (null === (_a = this.params) || void 0 === _a ? void 0 : _a.slideDirection) || "right",
+            distance: (null === (_b = this.params) || void 0 === _b ? void 0 : _b.slideDistance) || 50,
+            fromOpacity: null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromOpacity) && void 0 !== _d ? _d : 0
+          },
+          duration: this.slideInDuration,
+          easing: this.easing
+        }), executor.execute({
+          type: "custom",
+          custom: GrowIn,
+          customParameters: {
+            fromScale: (null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromScale) || .5,
+            direction: (null === (_f = this.params) || void 0 === _f ? void 0 : _f.scaleDirection) || "xy",
+            fromOpacity: 1
+          },
+          duration: this.growInDuration,
+          easing: this.easing,
+          delay: this.slideInDuration
+        });
+      }
+      onUpdate(end, ratio, out) {}
+    }
+    class MoveRotateIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params);
+        const slideRatio = null !== (_a = null == params ? void 0 : params.slideRatio) && void 0 !== _a ? _a : .5;
+        this.slideInDuration = duration * slideRatio, this.spinInDuration = duration * (1 - slideRatio);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f;
+        super.onBind();
+        const executor = new AnimateExecutor(this.target);
+        executor.execute({
+          type: "custom",
+          custom: SlideIn,
+          customParameters: {
+            direction: (null === (_a = this.params) || void 0 === _a ? void 0 : _a.slideDirection) || "right",
+            distance: (null === (_b = this.params) || void 0 === _b ? void 0 : _b.slideDistance) || 50,
+            fromOpacity: null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromOpacity) && void 0 !== _d ? _d : 0
+          },
+          duration: this.slideInDuration,
+          easing: this.easing
+        }), executor.execute({
+          type: "custom",
+          custom: SpinIn,
+          customParameters: {
+            fromAngle: (null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromAngle) || Math.PI,
+            fromScale: (null === (_f = this.params) || void 0 === _f ? void 0 : _f.fromScale) || .5,
+            fromOpacity: 1
+          },
+          duration: this.spinInDuration,
+          easing: this.easing,
+          delay: this.slideInDuration
+        });
+      }
+      onUpdate(end, ratio, out) {}
+    }
+    class SlideOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        const attrs = this.target.getAttributes(),
+          direction = (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) || "right",
+          distance = (null === (_b = this.params) || void 0 === _b ? void 0 : _b.distance) || 50,
+          fromOpacity = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromOpacity) && void 0 !== _d ? _d : 1,
+          toOpacity = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.toOpacity) && void 0 !== _f ? _f : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity
+          },
+          to = {
+            opacity: toOpacity,
+            baseOpacity: toOpacity
+          };
+        "top" === direction ? (from.y = null !== (_g = attrs.y) && void 0 !== _g ? _g : 0, to.y = (null !== (_h = attrs.y) && void 0 !== _h ? _h : 0) - distance, this.propKeys = ["opacity", "baseOpacity", "y"]) : "bottom" === direction ? (from.y = null !== (_j = attrs.y) && void 0 !== _j ? _j : 0, to.y = (null !== (_k = attrs.y) && void 0 !== _k ? _k : 0) + distance, this.propKeys = ["opacity", "baseOpacity", "y"]) : "left" === direction ? (from.x = null !== (_l = attrs.x) && void 0 !== _l ? _l : 0, to.x = (null !== (_m = attrs.x) && void 0 !== _m ? _m : 0) - distance, this.propKeys = ["opacity", "baseOpacity", "x"]) : (from.x = null !== (_o = attrs.x) && void 0 !== _o ? _o : 0, to.x = (null !== (_p = attrs.x) && void 0 !== _p ? _p : 0) + distance, this.propKeys = ["opacity", "baseOpacity", "x"]), this.from = from, this.to = to, this.props = to;
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class GrowOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const attrs = this.target.getAttributes(),
+          toScale = null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromScale) && void 0 !== _b ? _b : 0,
+          direction = (null === (_c = this.params) || void 0 === _c ? void 0 : _c.direction) || "xy",
+          fromOpacity = null !== (_e = null === (_d = this.params) || void 0 === _d ? void 0 : _d.fromOpacity) && void 0 !== _e ? _e : 1,
+          toOpacity = null !== (_g = null === (_f = this.params) || void 0 === _f ? void 0 : _f.toOpacity) && void 0 !== _g ? _g : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity
+          },
+          to = {
+            opacity: toOpacity,
+            baseOpacity: toOpacity
+          };
+        this.propKeys = ["opacity", "baseOpacity"], "x" !== direction && "xy" !== direction || (from.scaleX = null !== (_h = attrs.scaleX) && void 0 !== _h ? _h : 1, to.scaleX = toScale, this.propKeys.push("scaleX")), "y" !== direction && "xy" !== direction || (from.scaleY = null !== (_j = attrs.scaleY) && void 0 !== _j ? _j : 1, to.scaleY = toScale, this.propKeys.push("scaleY")), this.from = from, this.to = to, this.props = to;
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class SpinOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        const attrs = this.target.getAttributes(),
+          toAngle = null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromAngle) && void 0 !== _b ? _b : 2 * Math.PI,
+          toScale = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromScale) && void 0 !== _d ? _d : 0,
+          fromOpacity = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromOpacity) && void 0 !== _f ? _f : 1,
+          toOpacity = null !== (_h = null === (_g = this.params) || void 0 === _g ? void 0 : _g.toOpacity) && void 0 !== _h ? _h : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity,
+            angle: null !== (_j = attrs.angle) && void 0 !== _j ? _j : 0,
+            scaleX: null !== (_k = attrs.scaleX) && void 0 !== _k ? _k : 1,
+            scaleY: null !== (_l = attrs.scaleY) && void 0 !== _l ? _l : 1
+          },
+          to = {
+            opacity: toOpacity,
+            baseOpacity: toOpacity,
+            angle: toAngle,
+            scaleX: toScale,
+            scaleY: toScale
+          };
+        this.propKeys = ["opacity", "baseOpacity", "angle", "scaleX", "scaleY"], this.from = from, this.to = to, this.props = to;
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class MoveScaleOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params);
+        const slideRatio = null !== (_a = null == params ? void 0 : params.slideRatio) && void 0 !== _a ? _a : .5;
+        this.growOutDuration = duration * (1 - slideRatio), this.slideOutDuration = duration * slideRatio;
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d;
+        const executor = new AnimateExecutor(this.target);
+        executor.execute({
+          type: "custom",
+          custom: GrowOut,
+          customParameters: {
+            fromScale: (null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromScale) || .5,
+            direction: (null === (_b = this.params) || void 0 === _b ? void 0 : _b.scaleDirection) || "xy",
+            fromOpacity: 1,
+            toOpacity: 1
+          },
+          duration: this.growOutDuration,
+          easing: this.easing
+        }), executor.execute({
+          type: "custom",
+          custom: SlideOut,
+          customParameters: {
+            direction: (null === (_c = this.params) || void 0 === _c ? void 0 : _c.slideDirection) || "right",
+            distance: (null === (_d = this.params) || void 0 === _d ? void 0 : _d.slideDistance) || 50,
+            fromOpacity: 1
+          },
+          duration: this.slideOutDuration,
+          easing: this.easing,
+          delay: this.growOutDuration
         });
       }
-      onEnd(cb) {
-        cb ? this._endCallbacks.push(cb) : this._endCallbacks.forEach(cb => {
-          cb();
-        });
+      onUpdate(end, ratio, out) {}
+    }
+    class MoveRotateOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params);
+        const slideRatio = null !== (_a = null == params ? void 0 : params.slideRatio) && void 0 !== _a ? _a : .5;
+        this.spinOutDuration = duration * (1 - slideRatio), this.slideOutDuration = duration * slideRatio;
       }
-      _trackAnimation(animate) {
-        this._animates.push(animate), this._activeCount++, 1 !== this._activeCount || this._started || (this._started = !0, this.onStart()), animate.onEnd(() => {
-          this._activeCount--;
-          const index = this._animates.indexOf(animate);
-          index >= 0 && this._animates.splice(index, 1), 0 === this._activeCount && this._started && (this._started = !1, this.onEnd());
+      onFirstRun() {
+        var _a, _b, _c, _d;
+        const executor = new AnimateExecutor(this.target);
+        executor.execute({
+          type: "custom",
+          custom: SpinOut,
+          customParameters: {
+            fromAngle: (null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromAngle) || Math.PI,
+            fromScale: (null === (_b = this.params) || void 0 === _b ? void 0 : _b.fromScale) || .5,
+            fromOpacity: 1,
+            toOpacity: 1
+          },
+          duration: this.spinOutDuration,
+          easing: this.easing
+        }), executor.execute({
+          type: "custom",
+          custom: SlideOut,
+          customParameters: {
+            direction: (null === (_c = this.params) || void 0 === _c ? void 0 : _c.slideDirection) || "right",
+            distance: (null === (_d = this.params) || void 0 === _d ? void 0 : _d.slideDistance) || 50,
+            fromOpacity: 1
+          },
+          duration: this.slideOutDuration,
+          easing: this.easing,
+          delay: this.spinOutDuration
         });
       }
-      parseParams(params, isTimeline, child) {
-        var _a, _b;
-        const totalTime = this.resolveValue(params.totalTime, void 0, void 0),
-          startTime = this.resolveValue(params.startTime, void 0, 0),
-          parsedParams = Object.assign({}, params);
-        parsedParams.oneByOneDelay = 0, parsedParams.startTime = startTime, parsedParams.totalTime = totalTime;
-        const oneByOne = this.resolveValue(params.oneByOne, child, !1);
-        if (isTimeline) {
-          const timeSlices = parsedParams.timeSlices;
-          isArray$9(timeSlices) || (parsedParams.timeSlices = [timeSlices]);
-          let sliceTime = 0;
-          parsedParams.timeSlices = parsedParams.timeSlices.map(slice => {
-            const delay = this.resolveValue(slice.delay, child, 0),
-              delayAfter = this.resolveValue(slice.delayAfter, child, 0),
-              duration = this.resolveValue(slice.duration, child, 300);
-            return sliceTime += delay + duration + delayAfter, Object.assign(Object.assign({}, slice), {
-              delay: delay,
-              delayAfter: delayAfter,
-              duration: duration
-            });
-          });
-          let oneByOneDelay = 0;
-          oneByOne && (oneByOneDelay = "number" == typeof oneByOne ? oneByOne : oneByOne ? sliceTime : 0), parsedParams.oneByOneDelay = oneByOneDelay;
-          let scale = 1;
-          if (totalTime) {
-            const _totalTime = sliceTime + oneByOneDelay * (this._target.count - 2);
-            scale = totalTime ? totalTime / _totalTime : 1;
-          }
-          parsedParams.timeSlices = parsedParams.timeSlices.map(slice => {
-            let effects = slice.effects;
-            return Array.isArray(effects) || (effects = [effects]), Object.assign(Object.assign({}, slice), {
-              delay: slice.delay * scale,
-              delayAfter: slice.delayAfter * scale,
-              duration: slice.duration * scale,
-              effects: effects.map(effect => {
-                var _a, _b;
-                const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[null !== (_b = effect.type) && void 0 !== _b ? _b : "fromTo"],
-                  customType = custom && isFunction$7(custom) ? /^class\s/.test(Function.prototype.toString.call(custom)) ? 1 : 2 : 0;
-                return Object.assign(Object.assign({}, effect), {
-                  custom: custom,
-                  customType: customType
-                });
-              })
-            });
-          }), parsedParams.oneByOneDelay = oneByOneDelay * scale, parsedParams.startTime = startTime * scale;
-        } else {
-          const delay = this.resolveValue(params.delay, child, 0),
-            delayAfter = this.resolveValue(params.delayAfter, child, 0),
-            duration = this.resolveValue(params.duration, child, 300);
-          let oneByOneDelay = 0;
-          oneByOne && (oneByOneDelay = "number" == typeof oneByOne ? oneByOne : oneByOne ? delay + delayAfter + duration : 0), parsedParams.oneByOneDelay = oneByOneDelay, parsedParams.custom = null !== (_a = params.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[null !== (_b = params.type) && void 0 !== _b ? _b : "fromTo"];
-          const customType = parsedParams.custom && isFunction$7(parsedParams.custom) ? /^class\s/.test(Function.prototype.toString.call(parsedParams.custom)) ? 1 : 2 : 0;
-          if (parsedParams.customType = customType, totalTime) {
-            const _totalTime = delay + delayAfter + duration + oneByOneDelay * (this._target.count - 2),
-              scale = totalTime ? totalTime / _totalTime : 1;
-            parsedParams.delay = delay * scale, parsedParams.delayAfter = delayAfter * scale, parsedParams.duration = duration * scale, parsedParams.oneByOneDelay = oneByOneDelay * scale, parsedParams.startTime = startTime;
-          }
+      onUpdate(end, ratio, out) {}
+    }
+    class PulseAnimate extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.originalAttributes = {}, this.pulseCount = 3, this.pulseOpacity = .3, this.pulseScale = 1.05, this.pulseColor = null, this.pulseColorIntensity = .2, this.strokeOnly = !1, this.fillOnly = !1, this.useScale = !0, this.useOpacity = !0, this.useStroke = !0, this.useFill = !0, this.useColor = !1, this.originalFill = null, this.originalStroke = null, void 0 !== (null == params ? void 0 : params.pulseCount) && (this.pulseCount = params.pulseCount), void 0 !== (null == params ? void 0 : params.pulseScale) && (this.pulseScale = params.pulseScale), void 0 !== (null == params ? void 0 : params.pulseColor) && (this.pulseColor = params.pulseColor), void 0 !== (null == params ? void 0 : params.pulseColorIntensity) && (this.pulseColorIntensity = params.pulseColorIntensity), void 0 !== (null == params ? void 0 : params.strokeOnly) && (this.strokeOnly = params.strokeOnly), void 0 !== (null == params ? void 0 : params.fillOnly) && (this.fillOnly = params.fillOnly), void 0 !== (null == params ? void 0 : params.useScale) && (this.useScale = params.useScale), void 0 !== (null == params ? void 0 : params.useOpacity) && (this.useOpacity = params.useOpacity), void 0 !== (null == params ? void 0 : params.useStroke) && (this.useStroke = params.useStroke), void 0 !== (null == params ? void 0 : params.useFill) && (this.useFill = params.useFill), void 0 !== (null == params ? void 0 : params.useColor) && (this.useColor = params.useColor);
+      }
+      onBind() {
+        super.onBind(), this.originalAttributes = Object.assign({}, this.target.getAttributes()), this.useColor && (this.originalFill = this.originalAttributes.fill || null, this.originalStroke = this.originalAttributes.stroke || null, this.pulseColor || (this.fillOnly && this.originalFill ? this.pulseColor = this.originalFill : this.strokeOnly && this.originalStroke ? this.pulseColor = this.originalStroke : this.originalFill ? this.pulseColor = this.originalFill : this.originalStroke ? this.pulseColor = this.originalStroke : this.pulseColor = "#FFFFFF"));
+      }
+      onUpdate(end, ratio, out) {
+        const angle = ratio * Math.PI * this.pulseCount,
+          pulseValue = Math.abs(Math.sin(angle)),
+          attribute = this.target.attribute;
+        if (this.useOpacity) {
+          const opacity = 1 + (this.pulseOpacity - 1) * pulseValue;
+          this.useStroke && (attribute.strokeOpacity = (this.originalAttributes.strokeOpacity || 1) * opacity), this.useFill && (attribute.fillOpacity = (this.originalAttributes.fillOpacity || 1) * opacity);
         }
-        return parsedParams;
+        if (this.useScale) {
+          const scale = 1 + (this.pulseScale - 1) * pulseValue;
+          attribute.scaleX = (this.originalAttributes.scaleX || 1) * scale, attribute.scaleY = (this.originalAttributes.scaleY || 1) * scale;
+        }
+        this.useColor && this.pulseColor && this.applyColorPulse(attribute, pulseValue), this.target.addUpdateShapeAndBoundsTag(), this.target.addUpdatePositionTag();
       }
-      execute(params) {
-        Array.isArray(params) ? params.forEach(param => this._execute(param)) : this._execute(params);
+      applyColorPulse(attribute, pulseValue) {
+        const colorRatio = this.pulseColorIntensity * pulseValue;
+        this.useFill && this.originalFill && this.pulseColor && (attribute.fill = interpolateColor(this.originalFill, this.pulseColor, colorRatio, !0)), this.useStroke && this.originalStroke && this.pulseColor && (attribute.stroke = interpolateColor(this.originalStroke, this.pulseColor, colorRatio, !0));
       }
-      _execute(params) {
-        if (params.selfOnly) return this._executeItem(params, this._target, 0, 1);
-        const isTimeline = ("timeSlices" in params);
-        let filteredChildren;
-        isTimeline && params.partitioner && (filteredChildren = (null != filteredChildren ? filteredChildren : this._target.getChildren()).filter(child => {
-          var _a, _b;
-          return params.partitioner(null === (_b = null === (_a = child.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], child, {});
-        })), isTimeline && params.sort && (filteredChildren = null != filteredChildren ? filteredChildren : this._target.getChildren(), filteredChildren.sort((a, b) => {
-          var _a, _b, _c, _d;
-          return params.sort(null === (_b = null === (_a = a.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], null === (_d = null === (_c = b.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], a, b, {});
-        }));
-        const cb = isTimeline ? (child, index, count) => {
-          const parsedParams = this.parseParams(params, isTimeline, child),
-            animate = this.executeTimelineItem(parsedParams, child, index, count);
-          animate && this._trackAnimation(animate);
-        } : (child, index, count) => {
-          const parsedParams = this.parseParams(params, isTimeline, child),
-            animate = this.executeTypeConfigItem(parsedParams, child, index, count);
-          animate && this._trackAnimation(animate);
-        };
-        filteredChildren ? filteredChildren.forEach((child, index) => cb(child, index, filteredChildren.length)) : this._target.count <= 1 ? cb(this._target, 0, 1) : this._target.forEachChildren((child, index) => cb(child, index, this._target.count - 1));
+      onEnd() {
+        super.onEnd(), this.target.setAttributes(this.originalAttributes);
       }
-      executeTypeConfigItem(params, graphic, index, count) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+    }
+
+    class Update extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        let {
+          diffAttrs = {}
+        } = null !== (_a = this.target.context) && void 0 !== _a ? _a : {};
         const {
-            type = "fromTo",
-            channel: channel,
-            customParameters: customParameters,
-            easing = "linear",
-            delay = 0,
-            delayAfter = 0,
-            duration = 300,
-            startTime = 0,
-            oneByOneDelay = 0,
-            loop: loop,
-            bounce: bounce,
-            priority = 0,
-            options: options,
-            custom: custom,
-            customType: customType,
-            controlOptions: controlOptions
-          } = params,
-          animate = graphic.animate();
-        animate.priority = priority;
-        const delayValue = isFunction$7(delay) ? delay(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : delay,
-          datum = null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0],
-          indexKey = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.indexKey;
-        datum && indexKey && (index = null !== (_f = datum[indexKey]) && void 0 !== _f ? _f : index), animate.startAt(startTime);
-        const wait = index * oneByOneDelay + delayValue;
-        wait > 0 && animate.wait(wait);
-        let parsedFromProps = null,
-          props = params.to,
-          from = params.from;
-        props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from), this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
-        let totalDelay = 0;
-        oneByOneDelay && (totalDelay = oneByOneDelay * (count - index - 1));
-        const delayAfterValue = isFunction$7(delayAfter) ? delayAfter(null === (_h = null === (_g = graphic.context) || void 0 === _g ? void 0 : _g.data) || void 0 === _h ? void 0 : _h[0], graphic, {}) : delayAfter;
-        return delayAfterValue > 0 && (totalDelay += delayAfterValue), totalDelay > 0 && animate.wait(totalDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
+          options: options
+        } = this.params;
+        diffAttrs = Object.assign({}, diffAttrs), (null === (_b = null == options ? void 0 : options.excludeChannels) || void 0 === _b ? void 0 : _b.length) && options.excludeChannels.forEach(channel => {
+          delete diffAttrs[channel];
+        }), this.props = diffAttrs;
       }
-      _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
-        var _a, _b, _c, _d;
-        if (custom && customType) {
-          const customParams = Object.assign({
-              width: graphic.stage.width,
-              height: graphic.stage.height,
-              group: this._target.parent
-            }, this.resolveValue(customParameters, graphic)),
-            objOptions = isFunction$7(options) ? options.call(null, null !== (_b = customParams && (null === (_a = customParams.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParams) : options;
-          customParams.options = objOptions, customParams.controlOptions = controlOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
-        } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
+      update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
+          if (!this.animate.validAttr(this.propKeys[index])) return;
+          const key = this.propKeys[index];
+          func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
+        }), this.onUpdate(end, easedRatio, out);
       }
-      executeTimelineItem(params, graphic, index, count) {
-        var _a, _b, _c, _d;
+    }
+
+    const moveIn = (graphic, options, animationParameters) => {
+      var _a, _b, _c, _d;
+      const {
+        offset = 0,
+        orient: orient,
+        direction: direction,
+        point: pointOpt,
+        excludeChannels = [],
+        layoutRect = {}
+      } = null != options ? options : {};
+      let changedX = 0,
+        changedY = 0;
+      "negative" === orient && (changedX = null !== (_a = layoutRect.width) && void 0 !== _a ? _a : graphic.stage.viewWidth, changedY = null !== (_b = layoutRect.height) && void 0 !== _b ? _b : graphic.stage.viewHeight), changedX += offset, changedY += offset;
+      const point = isFunction$7(pointOpt) ? pointOpt.call(null, null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, animationParameters) : pointOpt,
+        fromX = point && isValidNumber$3(point.x) ? point.x : changedX,
+        fromY = point && isValidNumber$3(point.y) ? point.y : changedY,
+        finalAttrs = graphic.getFinalAttribute(),
+        finalAttrsX = excludeChannels.includes("x") ? graphic.attribute.x : finalAttrs.x,
+        finalAttrsY = excludeChannels.includes("y") ? graphic.attribute.y : finalAttrs.y;
+      switch (direction) {
+        case "x":
+          return {
+            from: {
+              x: fromX
+            },
+            to: {
+              x: finalAttrsX
+            }
+          };
+        case "y":
+          return {
+            from: {
+              y: fromY
+            },
+            to: {
+              y: finalAttrsY
+            }
+          };
+        default:
+          return {
+            from: {
+              x: fromX,
+              y: fromY
+            },
+            to: {
+              x: finalAttrsX,
+              y: finalAttrsY
+            }
+          };
+      }
+    };
+    const moveOut = (graphic, options, animationParameters) => {
+      var _a, _b, _c, _d;
+      const {
+          offset = 0,
+          orient: orient,
+          direction: direction,
+          point: pointOpt
+        } = null != options ? options : {},
+        groupBounds = animationParameters.group ? animationParameters.group.AABBBounds : null,
+        groupWidth = null !== (_a = groupBounds.width()) && void 0 !== _a ? _a : animationParameters.width,
+        groupHeight = null !== (_b = groupBounds.height()) && void 0 !== _b ? _b : animationParameters.height,
+        changedX = ("negative" === orient ? groupWidth : 0) + offset,
+        changedY = ("negative" === orient ? groupHeight : 0) + offset,
+        point = isFunction$7(pointOpt) ? pointOpt.call(null, null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, animationParameters) : pointOpt,
+        fromX = point && isValidNumber$3(point.x) ? point.x : changedX,
+        fromY = point && isValidNumber$3(point.y) ? point.y : changedY;
+      switch (direction) {
+        case "x":
+          return {
+            from: {
+              x: graphic.attribute.x
+            },
+            to: {
+              x: fromX
+            }
+          };
+        case "y":
+          return {
+            from: {
+              y: graphic.attribute.y
+            },
+            to: {
+              y: fromY
+            }
+          };
+        default:
+          return {
+            from: {
+              x: graphic.attribute.x,
+              y: graphic.attribute.y
+            },
+            to: {
+              x: fromX,
+              y: fromY
+            }
+          };
+      }
+    };
+    class MoveBase extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class MoveIn extends MoveBase {
+      onBind() {
+        var _a;
+        super.onBind();
         const {
-            timeSlices: timeSlices,
-            startTime = 0,
-            loop: loop,
-            bounce: bounce,
-            oneByOneDelay: oneByOneDelay,
-            priority: priority,
-            controlOptions: controlOptions
-          } = params,
-          datum = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0],
-          indexKey = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.indexKey;
-        datum && indexKey && (index = null !== (_d = datum[indexKey]) && void 0 !== _d ? _d : index);
-        const animate = graphic.animate();
-        animate.priority = priority, animate.startAt(startTime), animate.wait(index * oneByOneDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0);
-        return (Array.isArray(timeSlices) ? timeSlices : [timeSlices]).forEach(slice => {
-          this.applyTimeSliceToAnimate(slice, animate, graphic, controlOptions);
-        }), oneByOneDelay && animate.wait(oneByOneDelay * (count - index - 1)), animate;
+          from: from,
+          to: to
+        } = moveIn(this.target, this.params.options, this.params);
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
       }
-      applyTimeSliceToAnimate(slice, animate, graphic, controlOptions) {
-        var _a, _b, _c, _d;
+    }
+    class MoveOut extends MoveBase {
+      onBind() {
+        super.onBind();
         const {
-            effects: effects,
-            duration = 300,
-            delay = 0,
-            delayAfter = 0
-          } = slice,
-          delayValue = isFunction$7(delay) ? delay(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : delay,
-          delayAfterValue = isFunction$7(delayAfter) ? delayAfter(null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, {}) : delayAfter;
-        delayValue > 0 && animate.wait(delayValue);
-        (Array.isArray(effects) ? effects : [effects]).forEach(effect => {
-          var _a;
-          const {
-            type = "fromTo",
-            channel: channel,
-            customParameters: customParameters,
-            easing = "linear",
-            options: options
-          } = effect;
-          let parsedFromProps = null,
-            props = effect.to,
-            from = effect.from;
-          props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from);
-          const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type],
-            customType = effect.customType;
-          this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
-        }), delayAfterValue > 0 && animate.wait(delayAfterValue);
+          from: from,
+          to: to
+        } = moveOut(this.target, this.params.options, this.params);
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
       }
-      createCustomInterpolatorAnimation(animate, interpolator, props, duration, easing, customParams) {
-        const to = props;
-        Object.keys(to).forEach(key => {
-          animate.target.getComputedAttribute(key);
-        }), animate.interpolateUpdateFunction = (from, to, ratio, step, target) => {
-          interpolator(ratio, from, to, step, target, animate.target, customParams);
-        }, animate.to(props, duration, easing);
+    }
+
+    const rotateIn = (graphic, options) => {
+      var _a;
+      const attributeAngle = null !== (_a = graphic.getFinalAttribute().angle) && void 0 !== _a ? _a : 0;
+      let angle = 0;
+      return angle = isNumberClose$1(attributeAngle / (2 * Math.PI), 0) ? Math.round(attributeAngle / (2 * Math.PI)) * Math.PI * 2 : isValidNumber$3(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(attributeAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(attributeAngle / (2 * Math.PI)) * Math.PI * 2, {
+        from: {
+          angle: angle
+        },
+        to: {
+          angle: attributeAngle
+        }
+      };
+    };
+    const rotateOut = (graphic, options) => {
+      var _a;
+      const finalAngle = null !== (_a = graphic.getFinalAttribute().angle) && void 0 !== _a ? _a : 0;
+      let angle = 0;
+      return angle = isNumberClose$1(finalAngle / (2 * Math.PI), 0) ? Math.round(finalAngle / (2 * Math.PI)) * Math.PI * 2 : isValidNumber$3(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(finalAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(finalAngle / (2 * Math.PI)) * Math.PI * 2, {
+        from: {
+          angle: finalAngle
+        },
+        to: {
+          angle: angle
+        }
+      };
+    };
+    class RotateBase extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
       }
-      createCustomAnimation(animate, CustomAnimateConstructor, from, props, duration, easing, customParams) {
-        const customAnimate = new CustomAnimateConstructor(from, props, duration, easing, customParams);
-        animate.play(customAnimate);
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
       }
-      createPropsFromChannel(channel, graphic) {
-        const props = {};
-        let from = null;
-        return channel ? (Array.isArray(channel) ? channel.forEach(key => {
-          var _a, _b;
-          const value = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.diffAttrs) || void 0 === _b ? void 0 : _b[key];
-          void 0 !== value && (props[key] = value);
-        }) : Object.keys(channel).forEach(key => {
-          var _a, _b, _c, _d;
-          const config = channel[key];
-          void 0 !== config.to && ("function" == typeof config.to ? props[key] = config.to(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : props[key] = config.to), void 0 !== config.from && (from || (from = {}), "function" == typeof config.from ? from[key] = config.from(null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, {}) : from[key] = config.from);
-        }), {
-          from: from,
-          props: props
-        }) : {
+    }
+    class RotateIn extends RotateBase {
+      onBind() {
+        var _a;
+        super.onBind();
+        const {
           from: from,
-          props: props
-        };
+          to: to
+        } = rotateIn(this.target, this.params.options);
+        this.props = to, this.propKeys = ["angle"], this.from = from, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
       }
-      resolveValue(value, graphic, defaultValue) {
-        var _a, _b;
-        return void 0 === value ? defaultValue : "function" == typeof value && graphic ? value(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : value;
+    }
+    class RotateOut extends RotateBase {
+      onBind() {
+        super.onBind();
+        const {
+          from: from,
+          to: to
+        } = rotateOut(this.target, this.params.options);
+        this.props = to, this.propKeys = ["angle"], this.from = from, this.to = to;
       }
-      executeItem(params, graphic, index = 0, count = 1) {
-        return Array.isArray(params) ? params.map(param => this._executeItem(param, graphic, index, count)).filter(Boolean) : [this._executeItem(params, graphic, index, count)].filter(Boolean);
+    }
+
+    class MotionPath extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params), params && (this.pathLength = params.path.getLength(), this.path = params.path, this.distance = params.distance, this.totalLength = this.distance * this.pathLength, this.initAngle = null !== (_a = params.initAngle) && void 0 !== _a ? _a : 0, this.changeAngle = !!params.changeAngle, this.cb = params.cb);
       }
-      _executeItem(params, graphic, index = 0, count = 1) {
-        if (!graphic) return null;
-        const isTimeline = ("timeSlices" in params);
-        let animate = null;
-        const parsedParams = this.parseParams(params, isTimeline);
-        return animate = isTimeline ? this.executeTimelineItem(parsedParams, graphic, index, count) : this.executeTypeConfigItem(parsedParams, graphic, index, count), animate && this._trackAnimation(animate), animate;
+      onBind() {
+        this.from = {
+          x: 0,
+          y: 0
+        }, this.to = this.path.getAttrAt(this.totalLength).pos, this.props = this.to;
       }
-      stop(type) {
-        for (; this._animates.length > 0;) {
-          const animate = this._animates.pop();
-          null == animate || animate.stop(type);
-        }
-        this._animates = [], this._activeCount = 0, this._started && (this._started = !1, this.onEnd());
+      onUpdate(end, ratio, out) {
+        const attrs = {},
+          at = this.totalLength * ratio,
+          {
+            pos: pos,
+            angle: angle
+          } = this.path.getAttrAt(at);
+        attrs.x = pos.x, attrs.y = pos.y, this.changeAngle && (attrs.angle = angle + this.initAngle), this.cb && this.cb(this.from, this.to, ratio, this.target), this.target.setAttributes(attrs);
       }
     }
-    AnimateExecutor.builtInAnimateMap = {};
 
-    class ACustomAnimate extends Step {
-      constructor(customFrom, customTo, duration, easing, params) {
-        super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params, this.from = customFrom, this.to = customTo;
+    class FromTo extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.from = null != from ? from : {};
+      }
+      onBind() {
+        var _a, _b;
+        super.onBind(), Object.keys(this.from).forEach(key => {
+          null == this.props[key] && (this.props[key] = this.target.getGraphicAttribute(key));
+        });
+        const finalAttribute = this.target.getFinalAttribute();
+        "appear" === (null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.animationState) && finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_b = this.params.controlOptions) || void 0 === _b ? void 0 : _b.immediatelyApply) && this.target.setAttributes(this.from);
+      }
+      onFirstRun() {
+        this.from = Object.assign(Object.assign({}, this.getLastProps()), this.from);
+        const startProps = this.animate.getStartProps();
+        this.propKeys && this.propKeys.forEach(key => {
+          var _a;
+          this.from[key] = null !== (_a = this.from[key]) && void 0 !== _a ? _a : startProps[key];
+        }), this.target.setAttributes(this.from);
+      }
+      deleteSelfAttr(key) {
+        super.deleteSelfAttr(key), delete this.from[key];
       }
       update(end, ratio, out) {
         if (this.onStart(), !this.props || !this.propKeys) return;
         const easedRatio = this.easing(ratio);
-        this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
-      }
-      setProps(props) {
-        this.props = props, this.propKeys = Object.keys(props), this.animate.reSyncProps();
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.from, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
+          if (!this.animate.validAttr(this.propKeys[index])) return;
+          const key = this.propKeys[index];
+          func(key, this.from[key], this.props[key], easedRatio, this, this.target);
+        }), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
       }
     }
-    class AComponentAnimate extends ACustomAnimate {
-      completeBind(animator) {
-        this.setStartTime(0), this._animator && this._animator.start(), this.setDuration(animator.getDuration());
+
+    class StreamLight extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
       }
-      stop() {
-        this._animator && this._animator.stop();
+      getEndProps() {
+        return {};
       }
-    }
-
-    class ComponentAnimator {
-      constructor(component) {
-        this.tasks = [], this.started = !1, this.completed = 0, this.totalDuration = 0, this.onStartCallbacks = [], this.onEndCallbacks = [], this.onUpdateCallbacks = [], this.component = component;
+      onStart() {
+        this.target && ("rect" === this.target.type ? this.onStartRect() : "line" === this.target.type ? this.onStartLineOrArea("line") : "area" === this.target.type && this.onStartLineOrArea("area"));
       }
-      animate(graphic, config) {
-        return this.started ? (this) : (this.tasks.push({
-          graphic: graphic,
-          config: config
-        }), this);
+      onStartLineOrArea(type) {
+        var _a;
+        const root = this.target.attachShadow(),
+          line = application.graphicService.creator[type](Object.assign({}, null === (_a = this.params) || void 0 === _a ? void 0 : _a.attribute));
+        this[type] = line, line.pathProxy = new CustomPath2D(), root.add(line);
       }
-      onStart(callback) {
-        return this.onStartCallbacks.push(callback), this;
+      onStartRect() {
+        var _a, _b, _c;
+        const root = this.target.attachShadow(),
+          isHorizontal = null === (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.isHorizontal) || void 0 === _b || _b,
+          sizeAttr = isHorizontal ? "height" : "width",
+          otherSizeAttr = isHorizontal ? "width" : "height",
+          size = this.target.AABBBounds[sizeAttr](),
+          y = isHorizontal ? 0 : this.target.AABBBounds.y1,
+          rect = application.graphicService.creator.rect(Object.assign(Object.assign({
+            [sizeAttr]: size,
+            fill: "#bcdeff",
+            shadowBlur: 30,
+            shadowColor: "#bcdeff"
+          }, null === (_c = this.params) || void 0 === _c ? void 0 : _c.attribute), {
+            x: 0,
+            y: y,
+            [otherSizeAttr]: 0
+          }));
+        this.rect = rect, root.add(rect);
       }
-      onEnd(callback) {
-        return this.onEndCallbacks.push(callback), this;
+      onBind() {}
+      onEnd() {
+        this.target.detachShadow();
       }
-      onUpdate(callback) {
-        return this.onUpdateCallbacks.push(callback), this;
+      onUpdate(end, ratio, out) {
+        return this.rect ? this.onUpdateRect(end, ratio, out) : this.line || this.area ? this.onUpdateLineOrArea(end, ratio, out) : void 0;
       }
-      start() {
-        return this.started ? (this) : (this.started = !0, this.completed = 0, this.onStartCallbacks.forEach(callback => callback()), 0 === this.tasks.length ? (setTimeout(() => {
-          this.onEndCallbacks.forEach(callback => callback());
-        }, 0), this) : (this.tasks.forEach(task => {
-          const executor = new AnimateExecutor(task.graphic);
-          executor.onEnd(() => {
-            this.completed++, this.completed === this.tasks.length && this.onEndCallbacks.forEach(callback => callback());
+      onUpdateRect(end, ratio, out) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        const isHorizontal = null === (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.isHorizontal) || void 0 === _b || _b,
+          parentAttr = this.target.attribute;
+        if (isHorizontal) {
+          const parentWidth = null !== (_d = null !== (_c = parentAttr.width) && void 0 !== _c ? _c : Math.abs(parentAttr.x1 - parentAttr.x)) && void 0 !== _d ? _d : 250,
+            streamLength = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.streamLength) && void 0 !== _f ? _f : parentWidth,
+            maxLength = null !== (_j = null === (_h = null === (_g = this.params) || void 0 === _g ? void 0 : _g.attribute) || void 0 === _h ? void 0 : _h.width) && void 0 !== _j ? _j : 60,
+            startX = -maxLength,
+            currentX = startX + (streamLength - startX) * ratio,
+            x = Math.max(currentX, 0),
+            w = Math.min(Math.min(currentX + maxLength, maxLength), streamLength - currentX),
+            width = w + x > parentWidth ? Math.max(parentWidth - x, 0) : w;
+          this.rect.setAttributes({
+            x: x,
+            width: width,
+            dx: Math.min(parentAttr.x1 - parentAttr.x, 0)
+          }, !1, {
+            type: AttributeUpdateType.ANIMATE_PLAY,
+            animationState: {
+              ratio: ratio,
+              end: end
+            }
           });
-          const animate = executor.executeItem(task.config, task.graphic);
-          task.animate = animate, animate.forEach(animate => {
-            this.totalDuration = Math.max(this.totalDuration, animate.getStartTime() + animate.getDuration());
+        } else {
+          const parentHeight = null !== (_l = null !== (_k = parentAttr.height) && void 0 !== _k ? _k : Math.abs(parentAttr.y1 - parentAttr.y)) && void 0 !== _l ? _l : 250,
+            streamLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.streamLength) && void 0 !== _o ? _o : parentHeight,
+            maxLength = null !== (_r = null === (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.attribute) || void 0 === _q ? void 0 : _q.height) && void 0 !== _r ? _r : 60,
+            currentY = parentHeight - (streamLength + maxLength) * ratio;
+          let y = Math.min(currentY, parentHeight);
+          const h = Math.min(parentHeight - currentY, maxLength);
+          let height;
+          y <= 0 ? (height = Math.max(y + h, 0), y = 0) : height = h, this.rect.setAttributes({
+            y: y,
+            height: height,
+            dy: Math.min(parentAttr.y1 - parentAttr.y, 0)
+          }, !1, {
+            type: AttributeUpdateType.ANIMATE_PLAY,
+            animationState: {
+              ratio: ratio,
+              end: end
+            }
           });
-        }), this));
+        }
       }
-      deleteSelfAttr(key) {
-        this.tasks.forEach(task => {
-          task.animate && task.animate.forEach(animate => animate.preventAttr(key));
-        });
+      onUpdateLineOrArea(end, ratio, out) {
+        const target = this.line || this.area;
+        if (!target) return;
+        const customPath = target.pathProxy,
+          targetLine = this.target;
+        targetLine.cache || targetLine.cacheArea ? this._onUpdateLineOrAreaWithCache(customPath, targetLine, end, ratio, out) : this._onUpdateLineWithoutCache(customPath, targetLine, end, ratio, out);
+        const targetAttrs = targetLine.attribute;
+        target.setAttributes(Object.assign({
+          stroke: targetAttrs.stroke
+        }, target.attribute)), target.addUpdateBoundTag();
       }
-      stop(type) {
-        return this.tasks.forEach(task => {
-          task.animate && task.animate.forEach(animate => animate.stop(type));
-        }), this.started && this.completed !== this.tasks.length && (this.onEndCallbacks.forEach(callback => callback()), this.completed = this.tasks.length), this;
+      _onUpdateLineOrAreaWithCache(customPath, g, end, ratio, out) {
+        var _a, _b;
+        if (customPath.clear(), "line" === g.type) {
+          let cache = g.cache;
+          Array.isArray(cache) || (cache = [cache]);
+          const totalLen = cache.reduce((l, c) => l + c.getLength(), 0),
+            curves = [];
+          return cache.forEach(c => {
+            c.curves.forEach(ci => curves.push(ci));
+          }), this._updateCurves(customPath, curves, totalLen, ratio);
+        }
+        if ("area" === g.type && (null === (_b = null === (_a = g.cacheArea) || void 0 === _a ? void 0 : _a.top) || void 0 === _b ? void 0 : _b.curves)) {
+          const cache = g.cacheArea,
+            totalLen = cache.top.curves.reduce((a, b) => a + b.getLength(), 0);
+          return this._updateCurves(customPath, cache.top.curves, totalLen, ratio);
+        }
+      }
+      _updateCurves(customPath, curves, totalLen, ratio) {
+        var _a, _b;
+        const startLen = totalLen * ratio,
+          endLen = Math.min(startLen + (null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.streamLength) && void 0 !== _b ? _b : 10), totalLen);
+        let lastLen = 0,
+          start = !1;
+        for (let i = 0; i < curves.length; i++) if (!1 !== curves[i].defined) {
+          const curveItem = curves[i],
+            len = curveItem.getLength(),
+            startPercent = 1 - (lastLen + len - startLen) / len;
+          let curveForStart,
+            endPercent = 1 - (lastLen + len - endLen) / len;
+          if (lastLen < startLen && lastLen + len > startLen) if (start = !0, curveItem.p2 && curveItem.p3) {
+            const [_, curve2] = divideCubic(curveItem, startPercent);
+            customPath.moveTo(curve2.p0.x, curve2.p0.y), curveForStart = curve2;
+          } else {
+            const p = curveItem.getPointAt(startPercent);
+            customPath.moveTo(p.x, p.y);
+          }
+          if (lastLen < endLen && lastLen + len > endLen) {
+            if (curveItem.p2 && curveItem.p3) {
+              curveForStart && (endPercent = (endLen - startLen) / curveForStart.getLength());
+              const [curve1] = divideCubic(curveForStart || curveItem, endPercent);
+              customPath.bezierCurveTo(curve1.p1.x, curve1.p1.y, curve1.p2.x, curve1.p2.y, curve1.p3.x, curve1.p3.y);
+            } else {
+              const p = curveItem.getPointAt(endPercent);
+              customPath.lineTo(p.x, p.y);
+            }
+            break;
+          }
+          if (start) if (curveItem.p2 && curveItem.p3) {
+            const curve = curveForStart || curveItem;
+            customPath.bezierCurveTo(curve.p1.x, curve.p1.y, curve.p2.x, curve.p2.y, curve.p3.x, curve.p3.y);
+          } else customPath.lineTo(curveItem.p1.x, curveItem.p1.y);
+          lastLen += len;
+        }
       }
-      getDuration() {
-        return this.totalDuration;
+      _onUpdateLineWithoutCache(customPath, line, end, ratio, out) {
+        var _a, _b;
+        const {
+          points: points,
+          curveType: curveType
+        } = line.attribute;
+        if (!points || points.length < 2 || "linear" !== curveType) return;
+        let totalLen = 0;
+        for (let i = 1; i < points.length; i++) totalLen += PointService.distancePP(points[i], points[i - 1]);
+        const startLen = totalLen * ratio,
+          endLen = Math.min(startLen + (null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.streamLength) && void 0 !== _b ? _b : 10), totalLen),
+          nextPoints = [];
+        let lastLen = 0;
+        for (let i = 1; i < points.length; i++) {
+          const len = PointService.distancePP(points[i], points[i - 1]);
+          if (lastLen < startLen && lastLen + len > startLen && nextPoints.push(PointService.pointAtPP(points[i - 1], points[i], 1 - (lastLen + len - startLen) / len)), lastLen < endLen && lastLen + len > endLen) {
+            nextPoints.push(PointService.pointAtPP(points[i - 1], points[i], 1 - (lastLen + len - endLen) / len));
+            break;
+          }
+          nextPoints.length && nextPoints.push(points[i]), lastLen += len;
+        }
+        if (nextPoints.length && !(nextPoints.length < 2)) {
+          customPath.clear(), customPath.moveTo(nextPoints[0].x, nextPoints[0].y);
+          for (let i = 1; i < nextPoints.length; i++) customPath.lineTo(nextPoints[i].x, nextPoints[i].y);
+        }
       }
     }
-    function createComponentAnimator(component) {
-      return new ComponentAnimator(component);
-    }
+
+    const registerCustomAnimate = () => {
+      AnimateExecutor.registerBuiltInAnimate("increaseCount", IncreaseCount), AnimateExecutor.registerBuiltInAnimate("fromTo", FromTo), AnimateExecutor.registerBuiltInAnimate("scaleIn", ScaleIn), AnimateExecutor.registerBuiltInAnimate("scaleOut", ScaleOut), AnimateExecutor.registerBuiltInAnimate("growHeightIn", GrowHeightIn), AnimateExecutor.registerBuiltInAnimate("growHeightOut", GrowHeightOut), AnimateExecutor.registerBuiltInAnimate("growWidthIn", GrowWidthIn), AnimateExecutor.registerBuiltInAnimate("growWidthOut", GrowWidthOut), AnimateExecutor.registerBuiltInAnimate("growCenterIn", GrowCenterIn), AnimateExecutor.registerBuiltInAnimate("growCenterOut", GrowCenterOut), AnimateExecutor.registerBuiltInAnimate("clipIn", ClipIn), AnimateExecutor.registerBuiltInAnimate("clipOut", ClipOut), AnimateExecutor.registerBuiltInAnimate("fadeIn", FadeIn), AnimateExecutor.registerBuiltInAnimate("fadeOut", FadeOut), AnimateExecutor.registerBuiltInAnimate("growPointsIn", GrowPointsIn), AnimateExecutor.registerBuiltInAnimate("growPointsOut", GrowPointsOut), AnimateExecutor.registerBuiltInAnimate("growPointsXIn", GrowPointsXIn), AnimateExecutor.registerBuiltInAnimate("growPointsXOut", GrowPointsXOut), AnimateExecutor.registerBuiltInAnimate("growPointsYIn", GrowPointsYIn), AnimateExecutor.registerBuiltInAnimate("growPointsYOut", GrowPointsYOut), AnimateExecutor.registerBuiltInAnimate("growAngleIn", GrowAngleIn), AnimateExecutor.registerBuiltInAnimate("growAngleOut", GrowAngleOut), AnimateExecutor.registerBuiltInAnimate("growRadiusIn", GrowRadiusIn), AnimateExecutor.registerBuiltInAnimate("growRadiusOut", GrowRadiusOut), AnimateExecutor.registerBuiltInAnimate("moveIn", MoveIn), AnimateExecutor.registerBuiltInAnimate("moveOut", MoveOut), AnimateExecutor.registerBuiltInAnimate("rotateIn", RotateIn), AnimateExecutor.registerBuiltInAnimate("rotateOut", RotateOut), AnimateExecutor.registerBuiltInAnimate("update", Update), AnimateExecutor.registerBuiltInAnimate("state", State), AnimateExecutor.registerBuiltInAnimate("labelItemAppear", LabelItemAppear), AnimateExecutor.registerBuiltInAnimate("labelItemDisappear", LabelItemDisappear), AnimateExecutor.registerBuiltInAnimate("poptipAppear", PoptipAppear), AnimateExecutor.registerBuiltInAnimate("poptipDisappear", PoptipDisappear), AnimateExecutor.registerBuiltInAnimate("inputText", InputText), AnimateExecutor.registerBuiltInAnimate("inputRichText", InputRichText), AnimateExecutor.registerBuiltInAnimate("outputRichText", OutputRichText), AnimateExecutor.registerBuiltInAnimate("slideRichText", SlideRichText), AnimateExecutor.registerBuiltInAnimate("slideOutRichText", SlideOutRichText), AnimateExecutor.registerBuiltInAnimate("slideIn", SlideIn), AnimateExecutor.registerBuiltInAnimate("growIn", GrowIn), AnimateExecutor.registerBuiltInAnimate("spinIn", SpinIn), AnimateExecutor.registerBuiltInAnimate("moveScaleIn", MoveScaleIn), AnimateExecutor.registerBuiltInAnimate("moveRotateIn", MoveRotateIn), AnimateExecutor.registerBuiltInAnimate("strokeIn", StrokeIn), AnimateExecutor.registerBuiltInAnimate("slideOut", SlideOut), AnimateExecutor.registerBuiltInAnimate("growOut", GrowOut), AnimateExecutor.registerBuiltInAnimate("spinOut", SpinOut), AnimateExecutor.registerBuiltInAnimate("moveScaleOut", MoveScaleOut), AnimateExecutor.registerBuiltInAnimate("moveRotateOut", MoveRotateOut), AnimateExecutor.registerBuiltInAnimate("strokeOut", StrokeOut), AnimateExecutor.registerBuiltInAnimate("pulse", PulseAnimate), AnimateExecutor.registerBuiltInAnimate("MotionPath", MotionPath), AnimateExecutor.registerBuiltInAnimate("streamLight", StreamLight);
+    };
 
     class AxisEnter extends AComponentAnimate {
       onBind() {
@@ -31867,7 +35037,7 @@
     }
 
     let idCount = 1;
-    class ResizeObserver {
+    let ResizeObserver$1 = class ResizeObserver {
         resizeTime = 100;
         element;
         cb;
@@ -31942,7 +35112,7 @@
                 height: Math.floor(this.element.clientHeight)
             };
         }
-    }
+    };
     class EventHandler {
         resizeTime;
         listeners = {};
@@ -31957,7 +35127,7 @@
                     target?.addEventListener(type, listener, ...options);
                 }
                 else {
-                    const resizeObserver = new ResizeObserver(target, listener, this.resizeTime);
+                    const resizeObserver = new ResizeObserver$1(target, listener, this.resizeTime);
                     this.reseizeListeners[id] = resizeObserver;
                 }
             }
@@ -34875,6 +38045,51 @@
             }
             return childTotalLength;
         }
+        _setNodeStateRecursive(node, targetState) {
+            if (!node) {
+                return;
+            }
+            const children = node.filteredChildren ?? node.children;
+            if (children && (Array.isArray(children) ? children.length > 0 : children === true)) {
+                node.hierarchyState = targetState;
+            }
+            if (children && Array.isArray(children)) {
+                for (const child of children) {
+                    this._setNodeStateRecursive(child, targetState);
+                }
+            }
+        }
+        expandAllNodes() {
+            if (Array.isArray(this._source)) {
+                for (const rootNode of this._source) {
+                    this._setNodeStateRecursive(rootNode, HierarchyState.expand);
+                }
+                this.hasHierarchyStateExpand = true;
+                this.clearSortedIndexMap();
+                this.restoreTreeHierarchyState();
+                if (this.lastSortStates && this.lastSortStates.length > 0) {
+                    this.sort(this.lastSortStates);
+                }
+                else {
+                    this.updatePagerData();
+                }
+            }
+        }
+        collapseAllNodes() {
+            if (Array.isArray(this._source)) {
+                for (const rootNode of this._source) {
+                    this._setNodeStateRecursive(rootNode, HierarchyState.collapse);
+                }
+                this.clearSortedIndexMap();
+                this.restoreTreeHierarchyState();
+                if (this.lastSortStates && this.lastSortStates.length > 0) {
+                    this.sort(this.lastSortStates);
+                }
+                else {
+                    this.updatePagerData();
+                }
+            }
+        }
     }
     function getValueFromDeepArray(array, index) {
         let result = array;
@@ -54886,6 +58101,7 @@
         sparkLine;
         _clearVerticalScrollBar;
         _clearHorizontalScrollBar;
+        _frozenObserver;
         fastScrolling = false;
         checkedState = new Map();
         headerCheckedState = {};
@@ -55424,11 +58640,30 @@
                     ? (this.table.rowHeaderLevelCount ?? 0) + this.table.internalProps.layoutMap.leftRowSeriesNumberColumnCount
                     : 0;
             if (originalFrozenColCount) {
-                if (originalFrozenColCount > this.table.colCount) {
-                    originalFrozenColCount = this.table.colCount;
+                originalFrozenColCount = Math.min(originalFrozenColCount, this.table.colCount);
+                const container = this.table.getContainer();
+                if (container && container.clientWidth === 0) {
+                    if (this._frozenObserver) {
+                        return;
+                    }
+                    this._frozenObserver = new ResizeObserver(entries => {
+                        for (const entry of entries) {
+                            if (entry.contentRect.width > 0) {
+                                this.clearFrozenObserver();
+                                this.table.resize();
+                                setTimeout(() => {
+                                    this.checkFrozen();
+                                }, 0);
+                                return;
+                            }
+                        }
+                    });
+                    this._frozenObserver.observe(container);
+                    return;
                 }
+                const frozenWidth = this.table.getColsWidth(0, originalFrozenColCount - 1);
                 const maxFrozenWidth = this.table._getMaxFrozenWidth();
-                if (this.table.getColsWidth(0, originalFrozenColCount - 1) > maxFrozenWidth) {
+                if (frozenWidth > maxFrozenWidth) {
                     if (this.table.internalProps.unfreezeAllOnExceedsMaxWidth) {
                         this.table._setFrozenColCount(0);
                         this.setFrozenCol(-1);
@@ -55444,6 +58679,15 @@
                     this.setFrozenCol(originalFrozenColCount);
                 }
             }
+            else {
+                this.clearFrozenObserver();
+            }
+        }
+        clearFrozenObserver() {
+            if (this._frozenObserver) {
+                this._frozenObserver.disconnect();
+                this._frozenObserver = null;
+            }
         }
         setFrozenCol(col) {
             if (col !== this.frozen.col) {
@@ -56815,32 +60059,13 @@
             else if (stateManager.interactionState === InteractionState.scrolling) {
                 stateManager.updateInteractionState(InteractionState.default);
             }
-            if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEUP_CELL)) {
+            if (!table.eventManager.isDraging) {
                 const eventArgsSet = getCellEventArgsSet(e);
-                if (eventArgsSet.eventArgs) {
-                    table.fireListeners(TABLE_EVENT_TYPE.MOUSEUP_CELL, {
-                        col: eventArgsSet.eventArgs.col,
-                        row: eventArgsSet.eventArgs.row,
-                        event: e.nativeEvent,
-                        target: eventArgsSet?.eventArgs?.target,
-                        mergeCellInfo: eventArgsSet.eventArgs?.mergeInfo
-                    });
-                }
-            }
-            setTimeout(() => {
-                eventManager.isDown = false;
-                eventManager.isTouchdown = false;
-                eventManager.isTouchMove = false;
-                eventManager.isDraging = false;
-                eventManager.touchMovePoints = [];
-            }, 0);
-        });
-        table.scenegraph.tableGroup.addEventListener('rightdown', (e) => {
-            const eventArgsSet = getCellEventArgsSet(e);
-            if (eventArgsSet.eventArgs) {
-                stateManager.triggerContextMenu(eventArgsSet.eventArgs.col, eventArgsSet.eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y);
-                const { col, row } = eventArgsSet.eventArgs;
-                if (table.hasListeners(TABLE_EVENT_TYPE.CONTEXTMENU_CELL)) {
+                if (!eventManager.isTouchMove &&
+                    e.button === 0 &&
+                    eventArgsSet.eventArgs &&
+                    table.hasListeners(TABLE_EVENT_TYPE.CLICK_CELL)) {
+                    const { col, row } = eventArgsSet.eventArgs;
                     const cellInfo = table.getCellInfo(col, row);
                     let icon;
                     let position;
@@ -56854,6 +60079,7 @@
                     const cellsEvent = {
                         ...cellInfo,
                         event: e.nativeEvent,
+                        federatedEvent: e,
                         cells: [],
                         targetIcon: icon
                             ? {
@@ -56865,11 +60091,66 @@
                         target: eventArgsSet?.eventArgs?.target,
                         mergeCellInfo: eventArgsSet.eventArgs?.mergeInfo
                     };
-                    if (cellInRanges(table.stateManager.select.ranges, col, row)) {
-                        cellsEvent.cells = table.getSelectedCellInfos();
+                    table.fireListeners(TABLE_EVENT_TYPE.CLICK_CELL, cellsEvent);
+                }
+            }
+            if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEUP_CELL)) {
+                const eventArgsSet = getCellEventArgsSet(e);
+                if (eventArgsSet.eventArgs) {
+                    table.fireListeners(TABLE_EVENT_TYPE.MOUSEUP_CELL, {
+                        col: eventArgsSet.eventArgs.col,
+                        row: eventArgsSet.eventArgs.row,
+                        event: e.nativeEvent,
+                        target: eventArgsSet?.eventArgs?.target,
+                        mergeCellInfo: eventArgsSet.eventArgs?.mergeInfo
+                    });
+                }
+            }
+            setTimeout(() => {
+                eventManager.isDown = false;
+                eventManager.isTouchdown = false;
+                eventManager.isTouchMove = false;
+                eventManager.isDraging = false;
+                eventManager.touchMovePoints = [];
+            }, 0);
+        });
+        table.scenegraph.tableGroup.addEventListener('rightdown', (e) => {
+            const eventArgsSet = getCellEventArgsSet(e);
+            if (eventArgsSet.eventArgs) {
+                stateManager.triggerContextMenu(eventArgsSet.eventArgs.col, eventArgsSet.eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y);
+                const { col, row } = eventArgsSet.eventArgs;
+                if (table.hasListeners(TABLE_EVENT_TYPE.CONTEXTMENU_CELL)) {
+                    const cellInfo = table.getCellInfo(col, row);
+                    let icon;
+                    let position;
+                    if (eventArgsSet.eventArgs?.target) {
+                        const iconInfo = getIconAndPositionFromTarget(eventArgsSet.eventArgs?.target);
+                        if (iconInfo) {
+                            icon = iconInfo.icon;
+                            position = iconInfo.position;
+                        }
                     }
-                    else {
-                        cellsEvent.cells = [[cellInfo]];
+                    const cellsEvent = {
+                        ...cellInfo,
+                        event: e.nativeEvent,
+                        cells: [],
+                        targetIcon: icon
+                            ? {
+                                name: icon.name,
+                                position: position,
+                                funcType: icon.attribute.funcType
+                            }
+                            : undefined,
+                        target: eventArgsSet?.eventArgs?.target,
+                        mergeCellInfo: eventArgsSet.eventArgs?.mergeInfo
+                    };
+                    if (table.options.eventOptions?.contextmenuReturnAllSelectedCells ?? true) {
+                        if (cellInRanges(table.stateManager.select.ranges, col, row)) {
+                            cellsEvent.cells = table.getSelectedCellInfos();
+                        }
+                        else {
+                            cellsEvent.cells = [[cellInfo]];
+                        }
                     }
                     table.fireListeners(TABLE_EVENT_TYPE.CONTEXTMENU_CELL, cellsEvent);
                 }
@@ -56880,38 +60161,6 @@
                 return;
             }
             const eventArgsSet = getCellEventArgsSet(e);
-            if (!eventManager.isTouchMove &&
-                e.button === 0 &&
-                eventArgsSet.eventArgs &&
-                table.hasListeners(TABLE_EVENT_TYPE.CLICK_CELL)) {
-                const { col, row } = eventArgsSet.eventArgs;
-                const cellInfo = table.getCellInfo(col, row);
-                let icon;
-                let position;
-                if (eventArgsSet.eventArgs?.target) {
-                    const iconInfo = getIconAndPositionFromTarget(eventArgsSet.eventArgs?.target);
-                    if (iconInfo) {
-                        icon = iconInfo.icon;
-                        position = iconInfo.position;
-                    }
-                }
-                const cellsEvent = {
-                    ...cellInfo,
-                    event: e.nativeEvent,
-                    federatedEvent: e,
-                    cells: [],
-                    targetIcon: icon
-                        ? {
-                            name: icon.name,
-                            position: position,
-                            funcType: icon.attribute.funcType
-                        }
-                        : undefined,
-                    target: eventArgsSet?.eventArgs?.target,
-                    mergeCellInfo: eventArgsSet.eventArgs?.mergeInfo
-                };
-                table.fireListeners(TABLE_EVENT_TYPE.CLICK_CELL, cellsEvent);
-            }
             if (table.stateManager.columnResize.resizing || table.stateManager.columnMove.moving) {
                 return;
             }
@@ -57665,7 +60914,7 @@
                 }
             }
         });
-        handler.on(table.getElement(), 'paste', (e) => {
+        handler.on(table.getElement(), 'paste', async (e) => {
             if (table.keyboardOptions?.pasteValueToCell && table.changeCellValues) {
                 if (table.editorManager?.editingEditor) {
                     return;
@@ -57703,7 +60952,7 @@
                                 rowValues.push(cell);
                             });
                         });
-                        const changedCellResults = table.changeCellValues(col, row, values);
+                        const changedCellResults = await table.changeCellValues(col, row, values);
                         if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
                             table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
                                 col,
@@ -57756,7 +61005,7 @@
             let pasteValuesRowCount = 0;
             let values = [];
             item.getType('text/html').then((blob) => {
-                blob.text().then((pastedData) => {
+                blob.text().then(async (pastedData) => {
                     if (pastedData && /(<table)|(<TABLE)/g.test(pastedData)) {
                         const matches = Array.from(pastedData.matchAll(regex));
                         for (const match of matches) {
@@ -57777,7 +61026,7 @@
                         }
                         pasteValuesRowCount = values.length ?? 0;
                         values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-                        const changedCellResults = table.changeCellValues(col, row, values, true);
+                        const changedCellResults = await table.changeCellValues(col, row, values, true);
                         if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
                             table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
                                 col,
@@ -57801,7 +61050,7 @@
                 });
             });
         }
-        function _pasteValue(pastedData) {
+        async function _pasteValue(pastedData) {
             const ranges = table.stateManager.select.ranges;
             const selectRangeLength = ranges.length;
             const col = Math.min(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col);
@@ -57826,7 +61075,7 @@
             });
             pasteValuesRowCount = values.length ?? 0;
             values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-            const changedCellResults = table.changeCellValues(col, row, values, true);
+            const changedCellResults = await table.changeCellValues(col, row, values, true);
             if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
                 table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
                     col,
@@ -57846,7 +61095,7 @@
             let pasteValuesColCount = 0;
             let pasteValuesRowCount = 0;
             item.getType('text/plain').then((blob) => {
-                blob.text().then((pastedData) => {
+                blob.text().then(async (pastedData) => {
                     const rows = pastedData.replace(/\r(?!\n)/g, '\r\n').split('\r\n');
                     let values = [];
                     if (rows.length > 1 && rows[rows.length - 1] === '') {
@@ -57868,7 +61117,7 @@
                     });
                     pasteValuesRowCount = values.length ?? 0;
                     values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-                    const changedCellResults = table.changeCellValues(col, row, values, true);
+                    const changedCellResults = await table.changeCellValues(col, row, values, true);
                     if (table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA)) {
                         table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
                             col,
@@ -61473,6 +64722,22 @@
             clearNode(children);
             return children;
         }
+        setAllNodesState(state) {
+            this._updateNodeHierarchyState(this.tree, state);
+        }
+        _updateNodeHierarchyState(node, hierarchyState) {
+            if (node.children && node.children.length > 0 && node.children[0].dimensionKey) {
+                if (node.level !== -1) {
+                    node.hierarchyState = hierarchyState;
+                }
+                node.children.forEach(child => {
+                    this._updateNodeHierarchyState(child, hierarchyState);
+                });
+            }
+            else {
+                node.hierarchyState = HierarchyState.none;
+            }
+        }
     }
     function generateLayoutTree(tree, children) {
         children?.forEach((node) => {
@@ -63773,7 +67038,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.19.2";
+        version = "1.19.3";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -70254,7 +73519,7 @@
             table.scenegraph.updateNextFrame();
         }
     }
-    function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table) {
+    async function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table) {
         const changedCellResults = [];
         let pasteColEnd = startCol;
         let pasteRowEnd = startRow;
@@ -70303,15 +73568,17 @@
                         const editor = table.getEditor(startCol + j, startRow + i);
                         const oldValue = oldValues[i][j];
                         const value = rowValues[j];
-                        const maybePromiseOrValue = editor?.validateValue?.(value, oldValue) ?? true;
+                        const maybePromiseOrValue = editor?.validateValue?.(value, oldValue, { col: startCol + j, row: startRow + i }, table) ?? true;
                         if (isPromise(maybePromiseOrValue)) {
-                            isCanChange = true;
+                            const validateResult = await maybePromiseOrValue;
+                            isCanChange =
+                                validateResult === true || validateResult === 'validate-exit' || validateResult === 'validate-not-exit';
                         }
                         else {
                             isCanChange =
                                 maybePromiseOrValue === true ||
                                     maybePromiseOrValue === 'validate-exit' ||
-                                    maybePromiseOrValue === 'invalidate-exit';
+                                    maybePromiseOrValue === 'validate-not-exit';
                         }
                     }
                 }
@@ -71074,6 +74341,23 @@
             this.renderAsync();
             this.eventManager.updateEventBinder();
         }
+        _recreateSceneForStateChange() {
+            this.scenegraph.clearCells();
+            const oldHoverState = { col: this.stateManager.hover.cellPos.col, row: this.stateManager.hover.cellPos.row };
+            this._hasAutoImageColumn = undefined;
+            this.refreshHeader();
+            if (this.records && checkHasAggregationOnColumnDefine(this.internalProps.columns)) {
+                this.dataSource.processRecords(this.dataSource.dataSourceObj?.records ?? this.dataSource.dataSourceObj);
+            }
+            this.internalProps.useOneRowHeightFillAll = false;
+            this.headerStyleCache = new Map();
+            this.bodyStyleCache = new Map();
+            this.bodyBottomStyleCache = new Map();
+            this.scenegraph.createSceneGraph();
+            this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
+            this.renderAsync();
+            this.eventManager.updateEventBinder();
+        }
         addColumn(column) {
             const columns = this.options.columns;
             columns.push(column);
@@ -72009,6 +75293,44 @@
             this.editorManager.release();
             super.release();
         }
+        expandAllTreeNode() {
+            if (!this._hasHierarchyTreeHeader()) {
+                return;
+            }
+            let stateChanged = false;
+            if (this.dataSource && typeof this.dataSource.expandAllNodes === 'function') {
+                this.dataSource.expandAllNodes();
+                stateChanged = true;
+            }
+            if (stateChanged) {
+                this._recreateSceneForStateChange();
+                this.fireListeners(TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
+                    col: -1,
+                    row: -1,
+                    hierarchyState: HierarchyState.expand,
+                    originData: { children: this.records }
+                });
+            }
+        }
+        collapseAllTreeNode() {
+            if (!this._hasHierarchyTreeHeader()) {
+                return;
+            }
+            let stateChanged = false;
+            if (this.dataSource && typeof this.dataSource.collapseAllNodes === 'function') {
+                this.dataSource.collapseAllNodes();
+                stateChanged = true;
+            }
+            if (stateChanged) {
+                this._recreateSceneForStateChange();
+                this.fireListeners(TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
+                    col: -1,
+                    row: -1,
+                    hierarchyState: HierarchyState.collapse,
+                    originData: { children: this.records }
+                });
+            }
+        }
     }
 
     function isXAxis(orient) {
@@ -75755,6 +79077,10 @@
     const registerTooltip = () => {
         Factory.registerComponent('tooltipHandler', TooltipHandler);
     };
+    const registerAnimation = () => {
+        registerCustomAnimate();
+        registerAnimate();
+    };
 
     class ListTreeStickCellPlugin {
         table;
@@ -78462,6 +81788,7 @@
     registerTooltip();
     registerListTreeStickCellPlugin();
     registerCustomCellStylePlugin();
+    registerAnimation();
     registerChartCell();
     registerCheckboxCell();
     registerImageCell();
@@ -80398,6 +83725,111 @@
         isIndicatorHeader(col, row) {
             return this.isColumnIndicatorHeader(col, row) || this.isRowIndicatorHeader(col, row);
         }
+        _rebuildRowLayout() {
+            this.rowDimensionTree.reset(this.rowDimensionTree.tree.children);
+            this.resetRowHeaderLevelCount();
+            this._rowHeaderCellFullPathIds_FULL = [];
+            this.rowDimensionKeys = this.rowDimensionTree.dimensionKeysIncludeVirtual.valueArr();
+            this.fullRowDimensionKeys = [...this.rowDimensionKeys];
+            if (this.rowHierarchyType === 'tree') {
+                this._addHeadersForTreeMode(this._rowHeaderCellFullPathIds_FULL, 0, this.rowDimensionTree.tree.children, [], this.rowDimensionTree.totalLevel, true, this.rowsDefine, this.rowHeaderObjs);
+            }
+            else if (this.rowHierarchyType === 'grid-tree') {
+                this._addHeadersForGridTreeMode(this._rowHeaderCellFullPathIds_FULL, 0, this.rowDimensionTree.tree.children, [], this.rowDimensionTree.totalLevel, this._getRowHeaderTreeExpandedMaxLevelCount(), true, this.rowsDefine, this.rowHeaderObjs, true);
+                this.cornerHeaderObjs = this._addCornerHeaders(this.colDimensionKeys, this.rowDimensionKeys, this.columnsDefine.concat(...this.rowsDefine));
+            }
+            if (this.rowHeaderTitle) {
+                const id = ++this.sharedVar.seqId;
+                const firstColIds = Array(this.rowCount - this.columnHeaderLevelCount).fill(id);
+                this._rowHeaderCellFullPathIds_FULL.unshift(firstColIds);
+                const cell = {
+                    id,
+                    title: typeof this.rowHeaderTitle.title === 'string'
+                        ? this.rowHeaderTitle.title
+                        : this.rowsDefine.reduce((title, value) => {
+                            if (typeof value === 'string') {
+                                return title;
+                            }
+                            return title + (title ? `/${value.title}` : `${value.title}`);
+                        }, ''),
+                    field: undefined,
+                    headerType: this.rowHeaderTitle?.headerType ?? 'text',
+                    style: this.rowHeaderTitle?.headerStyle,
+                    define: {
+                        field: '',
+                        headerType: 'text',
+                        cellType: 'text',
+                        disableHeaderHover: !!this.rowHeaderTitle?.disableHeaderHover,
+                        disableHeaderSelect: !!this.rowHeaderTitle?.disableHeaderSelect
+                    }
+                };
+                this.rowHeaderObjs.push(cell);
+                this._headerObjects[id] = cell;
+            }
+            this._rowHeaderCellFullPathIds_FULL = transpose(this._rowHeaderCellFullPathIds_FULL);
+            if (this.rowHierarchyType === 'tree' && this.extensionRows?.length >= 1) {
+                this.generateExtensionRowTree();
+            }
+            this.colIndex = 0;
+            this._headerObjectMap = this._headerObjects.reduce((o, e) => {
+                o[e.id] = e;
+                return o;
+            }, {});
+            this._CellHeaderPathMap = new Map();
+            this._largeCellRangeCache.length = 0;
+            this.generateCellIdsConsiderHideHeader();
+            this.setPagination(this.pagination);
+            if (this.rowHierarchyType === 'grid-tree') {
+                this.setColumnWidths();
+            }
+        }
+        _rebuildColumnLayout() {
+            this.columnDimensionTree.reset(this.columnDimensionTree.tree.children);
+            this.resetColumnHeaderLevelCount();
+            this._columnHeaderCellFullPathIds = [];
+            this.colDimensionKeys = this.columnDimensionTree.dimensionKeysIncludeVirtual.valueArr();
+            if (this.columnHierarchyType === 'grid-tree') {
+                this._addHeadersForGridTreeMode(this._columnHeaderCellFullPathIds, 0, this.columnDimensionTree.tree.children, [], this.columnDimensionTree.totalLevel, this._getColumnHeaderTreeExpandedMaxLevelCount(), true, this.columnsDefine, this.columnHeaderObjs, false);
+                this.cornerHeaderObjs = this._addCornerHeaders(this.colDimensionKeys, this.rowDimensionKeys, this.columnsDefine.concat(...this.rowsDefine));
+            }
+            if (this.columnHeaderTitle) {
+                const id = ++this.sharedVar.seqId;
+                const firstRowIds = Array(this.colCount - this.rowHeaderLevelCount - this.rightFrozenColCount).fill(id);
+                this._columnHeaderCellFullPathIds.unshift(firstRowIds);
+                const cell = {
+                    id,
+                    title: typeof this.columnHeaderTitle.title === 'string'
+                        ? this.columnHeaderTitle.title
+                        : this.columnsDefine.reduce((title, value) => {
+                            if (typeof value === 'string') {
+                                return title;
+                            }
+                            return title + (title ? `/${value.title}` : `${value.title}`);
+                        }, ''),
+                    field: undefined,
+                    headerType: this.columnHeaderTitle?.headerType ?? 'text',
+                    style: this.columnHeaderTitle?.headerStyle,
+                    define: {
+                        id,
+                        disableHeaderHover: !!this.columnHeaderTitle?.disableHeaderHover,
+                        disableHeaderSelect: !!this.columnHeaderTitle?.disableHeaderSelect
+                    }
+                };
+                this.columnHeaderObjs.push(cell);
+                this._headerObjects[id] = cell;
+            }
+            this.colIndex = 0;
+            this._headerObjectMap = this._headerObjects.reduce((o, e) => {
+                o[e.id] = e;
+                return o;
+            }, {});
+            this._CellHeaderPathMap = new Map();
+            this._largeCellRangeCache.length = 0;
+            this.generateCellIdsConsiderHideHeader();
+            if (this.columnHierarchyType === 'grid-tree') {
+                this.setColumnWidths();
+            }
+        }
         toggleHierarchyState(col, row) {
             this.colIndex = 0;
             const lastLevelIndex = (this.indicatorsAsCol ? this.rowHeaderLevelCount - 1 : this.rowHeaderLevelCount - 2) -
@@ -81865,6 +85297,30 @@
             }
             return false;
         }
+        expandAllForRowDimensionTree() {
+            if (this.rowDimensionTree) {
+                this.rowDimensionTree.setAllNodesState(HierarchyState.expand);
+                this._rebuildRowLayout();
+            }
+        }
+        collapseAllForRowDimensionTree() {
+            if (this.rowDimensionTree) {
+                this.rowDimensionTree.setAllNodesState(HierarchyState.collapse);
+                this._rebuildRowLayout();
+            }
+        }
+        expandAllForColumnDimensionTree() {
+            if (this.columnDimensionTree) {
+                this.columnDimensionTree.setAllNodesState(HierarchyState.expand);
+                this._rebuildColumnLayout();
+            }
+        }
+        collapseAllForColumnDimensionTree() {
+            if (this.columnDimensionTree) {
+                this.columnDimensionTree.setAllNodesState(HierarchyState.collapse);
+                this._rebuildColumnLayout();
+            }
+        }
     }
     function scaleWholeRangeSize(count, bandwidth, paddingInner, paddingOuter) {
         if (paddingInner === 1) {
@@ -85456,6 +88912,70 @@
         setLoadingHierarchyState(col, row) {
             this.scenegraph.setLoadingHierarchyState(col, row);
         }
+        expandAllForRowTree() {
+            if (this.rowHierarchyType !== 'tree' && this.rowHierarchyType !== 'grid-tree') {
+                return;
+            }
+            if (this.internalProps.layoutMap.rowDimensionTree) {
+                this.internalProps.layoutMap.clearHeaderPathCache();
+                this.internalProps.layoutMap.expandAllForRowDimensionTree();
+                this.renderWithRecreateCells();
+                this.fireListeners(PIVOT_TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
+                    col: -1,
+                    row: -1,
+                    hierarchyState: HierarchyState.expand,
+                    changeAll: true
+                });
+            }
+        }
+        collapseAllForRowTree() {
+            if (this.rowHierarchyType !== 'tree' && this.rowHierarchyType !== 'grid-tree') {
+                return;
+            }
+            if (this.internalProps.layoutMap.rowDimensionTree) {
+                this.internalProps.layoutMap.clearHeaderPathCache();
+                this.internalProps.layoutMap.collapseAllForRowDimensionTree();
+                this.renderWithRecreateCells();
+                this.fireListeners(PIVOT_TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
+                    col: -1,
+                    row: -1,
+                    hierarchyState: HierarchyState.collapse,
+                    changeAll: true
+                });
+            }
+        }
+        expandAllForColumnTree() {
+            if (this.columnHierarchyType !== 'grid-tree') {
+                return;
+            }
+            if (this.internalProps.layoutMap.columnDimensionTree) {
+                this.internalProps.layoutMap.clearHeaderPathCache();
+                this.internalProps.layoutMap.expandAllForColumnDimensionTree();
+                this.renderWithRecreateCells();
+                this.fireListeners(PIVOT_TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
+                    col: -1,
+                    row: -1,
+                    hierarchyState: HierarchyState.expand,
+                    changeAll: true
+                });
+            }
+        }
+        collapseAllForColumnTree() {
+            if (this.columnHierarchyType !== 'grid-tree') {
+                return;
+            }
+            if (this.internalProps.layoutMap.columnDimensionTree) {
+                this.internalProps.layoutMap.clearHeaderPathCache();
+                this.internalProps.layoutMap.collapseAllForColumnDimensionTree();
+                this.renderWithRecreateCells();
+                this.fireListeners(PIVOT_TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
+                    col: -1,
+                    row: -1,
+                    hierarchyState: HierarchyState.collapse,
+                    changeAll: true
+                });
+            }
+        }
         release() {
             this.internalProps.layoutMap.clearHeaderPathCache();
             this.editorManager.release();
@@ -85469,7 +88989,7 @@
     registerMenu();
     registerTitle();
     registerTooltip();
-    registerChartCell();
+    registerAnimation();
     registerCheckboxCell();
     registerImageCell();
     registerProgressBarCell();
@@ -85490,6 +89010,7 @@
     registerMenu();
     registerTitle();
     registerTooltip();
+    registerAnimation();
     registerChartCell();
     registerCheckboxCell();
     registerImageCell();
@@ -87190,7 +90711,7 @@
     }
 
     registerForVrender();
-    const version = "1.19.2";
+    const version = "1.19.3";
     function getIcons() {
         return get$2();
     }
@@ -87236,6 +90757,7 @@
     exports.jsx = jsx;
     exports.plugins = index$1;
     exports.register = register$1;
+    exports.registerAnimation = registerAnimation;
     exports.registerAxis = registerAxis;
     exports.registerButtonCell = registerButtonCell;
     exports.registerChartCell = registerChartCell;