@visactor/vrender-animate 1.0.0-alpha.4 → 1.0.0-alpha.5

package/dist/index.es.js

@@ -567,32 +567,52 @@ class WaitStep extends Step {
 
 class DefaultTimeline {
     get animateCount() {
-        return this.animates.length;
+        return this._animateCount;
     }
     constructor() {
-        this.animates = [];
+        this.head = null;
+        this.tail = null;
+        this.animateMap = new Map();
+        this._animateCount = 0;
         this._playSpeed = 1;
         this._totalDuration = 0;
         this._startTime = 0;
         this._currentTime = 0;
-        this._endAnimatePtr = -1;
         this.id = Generator.GenAutoIncrementId();
-        this.animates = [];
         this.paused = false;
     }
     isRunning() {
-        return !this.paused && this._endAnimatePtr >= 0;
+        return !this.paused && this._animateCount > 0;
     }
     forEachAccessAnimate(cb) {
-        for (let i = 0; i <= this._endAnimatePtr; i++) {
-            cb(this.animates[i], i);
+        let current = this.head;
+        let index = 0;
+        while (current) {
+            const next = current.next;
+            cb(current.animate, index);
+            index++;
+            current = next;
         }
     }
     addAnimate(animate) {
-        this.animates.push(animate);
-        this._endAnimatePtr++;
-        this.animates[this.animates.length - 1] = this.animates[this._endAnimatePtr];
-        this.animates[this._endAnimatePtr] = animate;
+        const newNode = {
+            animate,
+            next: null,
+            prev: null
+        };
+        if (!this.head) {
+            this.head = newNode;
+            this.tail = newNode;
+        }
+        else {
+            if (this.tail) {
+                this.tail.next = newNode;
+                newNode.prev = this.tail;
+                this.tail = newNode;
+            }
+        }
+        this.animateMap.set(animate, newNode);
+        this._animateCount++;
         this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
     }
     pause() {
@@ -609,7 +629,7 @@ class DefaultTimeline {
         this._currentTime += scaledDelta;
         this.forEachAccessAnimate((animate, i) => {
             if (animate.status === AnimateStatus.END) {
-                this.removeAnimate(animate, true, i);
+                this.removeAnimate(animate, true);
             }
             else if (animate.status === AnimateStatus.RUNNING || animate.status === AnimateStatus.INITIAL) {
                 animate.advance(scaledDelta);
@@ -620,25 +640,43 @@ class DefaultTimeline {
         this.forEachAccessAnimate(animate => {
             animate.release();
         });
-        this.animates = [];
+        this.head = null;
+        this.tail = null;
+        this.animateMap.clear();
+        this._animateCount = 0;
         this._totalDuration = 0;
     }
-    removeAnimate(animate, release = true, index) {
-        if (this._endAnimatePtr < 0) {
+    removeAnimate(animate, release = true) {
+        const node = this.animateMap.get(animate);
+        if (!node) {
             return;
         }
         if (release) {
             animate._onRemove && animate._onRemove.forEach(cb => cb());
             animate.release();
         }
-        index = index !== null && index !== void 0 ? index : this.animates.indexOf(animate);
-        this.animates[index] = this.animates[this._endAnimatePtr];
-        this._endAnimatePtr--;
+        if (node.prev) {
+            node.prev.next = node.next;
+        }
+        else {
+            this.head = node.next;
+        }
+        if (node.next) {
+            node.next.prev = node.prev;
+        }
+        else {
+            this.tail = node.prev;
+        }
+        this.animateMap.delete(animate);
+        this._animateCount--;
+        if (animate.getStartTime() + animate.getDuration() >= this._totalDuration) {
+            this.recalculateTotalDuration();
+        }
         return;
     }
     recalculateTotalDuration() {
         this._totalDuration = 0;
-        this.animates.forEach(animate => {
+        this.forEachAccessAnimate(animate => {
             this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
         });
     }
@@ -1077,13 +1115,6 @@ class DefaultTicker extends EventEmitter {
         super();
         this.timelines = [];
         this.frameTimeHistory = [];
-        this.checkSkip = (delta) => {
-            if (this.stage.params.optimize.tickRenderMode === 'performance') {
-                return false;
-            }
-            const skip = delta < this.interval + (Math.random() - 0.5) * 2 * this._jitter;
-            return skip;
-        };
         this.handleTick = (handler, params) => {
             const { once = false } = params !== null && params !== void 0 ? params : {};
             if (this.ifCanStop()) {
@@ -1126,6 +1157,9 @@ class DefaultTicker extends EventEmitter {
         this.interval = 16;
         this.computeTimeOffsetAndJitter();
     }
+    bindStage(stage) {
+        this.stage = stage;
+    }
     computeTimeOffsetAndJitter() {
         this.timeOffset = Math.floor(Math.random() * this.interval);
         this._jitter = Math.min(Math.max(this.interval * 0.2, 6), this.interval * 0.7);
@@ -1251,19 +1285,25 @@ class DefaultTicker extends EventEmitter {
         this.tickerHandler = null;
         this.lastFrameTime = -1;
     }
+    checkSkip(delta) {
+        if (this.stage.params.optimize.tickRenderMode === 'performance') {
+            return false;
+        }
+        const skip = delta < this.interval + (Math.random() - 0.5) * 2 * this._jitter;
+        return skip;
+    }
 }
 
 class ManualTickHandler {
     constructor() {
         this.released = false;
-        this.startTime = -1;
         this.currentTime = -1;
     }
     tick(interval, cb) {
-        if (this.startTime < 0) {
-            this.startTime = 0;
+        if (this.currentTime < 0) {
+            this.currentTime = 0;
         }
-        this.currentTime = this.startTime + interval;
+        this.currentTime += interval;
         cb(this);
     }
     release() {
@@ -1273,8 +1313,7 @@ class ManualTickHandler {
         return this.currentTime;
     }
     tickTo(time, cb) {
-        if (this.startTime < 0) {
-            this.startTime = 0;
+        if (this.currentTime < 0) {
             this.currentTime = 0;
         }
         const interval = time - this.currentTime;
@@ -1295,6 +1334,9 @@ class ManualTicker extends DefaultTicker {
         this.tickerHandler = handler;
         return true;
     }
+    checkSkip(delta) {
+        return false;
+    }
     getTime() {
         return this.tickerHandler.getTime();
     }
@@ -4340,10 +4382,10 @@ class InputRichText extends ACustomAnimate {
         this.showCursor = false;
         this.cursorChar = '|';
         this.blinkCursor = true;
-        this.beforeText = '';
-        this.afterText = '';
         this.fadeInChars = false;
         this.fadeInDuration = 0.3;
+        this.strokeFirst = false;
+        this.strokeToFillRatio = 0.3;
         if ((params === null || params === void 0 ? void 0 : params.showCursor) !== undefined) {
             this.showCursor = params.showCursor;
         }
@@ -4353,18 +4395,18 @@ class InputRichText extends ACustomAnimate {
         if ((params === null || params === void 0 ? void 0 : params.blinkCursor) !== undefined) {
             this.blinkCursor = params.blinkCursor;
         }
-        if ((params === null || params === void 0 ? void 0 : params.beforeText) !== undefined) {
-            this.beforeText = params.beforeText;
-        }
-        if ((params === null || params === void 0 ? void 0 : params.afterText) !== undefined) {
-            this.afterText = params.afterText;
-        }
         if ((params === null || params === void 0 ? void 0 : params.fadeInChars) !== undefined) {
             this.fadeInChars = params.fadeInChars;
         }
         if ((params === null || params === void 0 ? void 0 : params.fadeInDuration) !== undefined) {
             this.fadeInDuration = params.fadeInDuration;
         }
+        if ((params === null || params === void 0 ? void 0 : params.strokeFirst) !== undefined) {
+            this.strokeFirst = params.strokeFirst;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.strokeToFillRatio) !== undefined) {
+            this.strokeToFillRatio = params.strokeToFillRatio;
+        }
     }
     onFirstRun() {
         const fromProps = this.getLastProps();
@@ -4413,11 +4455,30 @@ class InputRichText extends ACustomAnimate {
         }
         else {
             currentTextConfig = this.toTextConfig.slice(0, currentLength).map((item, index) => {
-                if (this.fadeInChars && 'text' in item) {
-                    const appearTime = (index / totalItems) * maxTextShowRatio;
-                    const fadeProgress = (ratio - appearTime) / this.fadeInDuration;
-                    const opacity = Math.max(0, Math.min(1, fadeProgress));
-                    return Object.assign(Object.assign({}, item), { opacity: opacity });
+                if ('text' in item) {
+                    const newItem = Object.assign({}, item);
+                    if (this.strokeFirst) {
+                        const appearTime = (index / totalItems) * maxTextShowRatio;
+                        const itemLifetime = Math.max(0, ratio - appearTime);
+                        const maxLifetime = 1 - appearTime;
+                        const fillProgress = Math.min(1, itemLifetime / (this.strokeToFillRatio * maxLifetime));
+                        if ('fill' in newItem && newItem.fill) {
+                            newItem.stroke = newItem.fill;
+                            if (fillProgress < 1) {
+                                newItem.fillOpacity = fillProgress;
+                            }
+                        }
+                        if (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 appearTime = (index / totalItems) * maxTextShowRatio;
+                        const fadeProgress = (ratio - appearTime) / this.fadeInDuration;
+                        newItem.opacity = Math.max(0, Math.min(1, fadeProgress));
+                    }
+                    return newItem;
                 }
                 return item;
             });
@@ -5297,6 +5358,155 @@ class SpinIn extends ACustomAnimate {
         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;
+        super.onBind();
+        this.originalAttributes = Object.assign({}, this.target.getAttributes());
+        if (this.target.type === 'rect') {
+            const attr = this.target.attribute;
+            const width = (_a = attr.width) !== null && _a !== void 0 ? _a : 100;
+            const height = (_b = attr.height) !== null && _b !== void 0 ? _b : 100;
+            this.perimeter = 2 * (width + height);
+        }
+        else if (this.target.type === 'circle') {
+            const attr = this.target.attribute;
+            const radius = (_c = attr.radius) !== null && _c !== void 0 ? _c : 50;
+            this.perimeter = 2 * Math.PI * radius;
+        }
+        else if (this.target.type === 'ellipse') {
+            const attr = this.target.attribute;
+            const radiusX = (_d = attr.radiusX) !== null && _d !== void 0 ? _d : 50;
+            const radiusY = (_e = attr.radiusY) !== null && _e !== void 0 ? _e : 50;
+            this.perimeter = 2 * Math.PI * Math.sqrt((radiusX * radiusX + radiusY * radiusY) / 2);
+        }
+        else {
+            this.perimeter = 1000;
+        }
+        const lineWidth = (_g = (_f = this.params) === null || _f === void 0 ? void 0 : _f.lineWidth) !== null && _g !== void 0 ? _g : 2;
+        const strokeColor = (_j = (_h = this.params) === null || _h === void 0 ? void 0 : _h.strokeColor) !== null && _j !== void 0 ? _j : 'black';
+        const fromOpacity = (_l = (_k = this.params) === null || _k === void 0 ? void 0 : _k.fromOpacity) !== null && _l !== void 0 ? _l : 1;
+        const dashLength = (_o = (_m = this.params) === null || _m === void 0 ? void 0 : _m.dashLength) !== null && _o !== void 0 ? _o : this.perimeter;
+        const showFill = (_q = (_p = this.params) === null || _p === void 0 ? void 0 : _p.showFill) !== null && _q !== void 0 ? _q : false;
+        const fillOpacity = (_s = (_r = this.params) === null || _r === void 0 ? void 0 : _r.fillOpacity) !== null && _s !== void 0 ? _s : 0;
+        this.from = {
+            lineDash: [dashLength, dashLength],
+            lineDashOffset: dashLength,
+            lineWidth,
+            stroke: strokeColor,
+            strokeOpacity: fromOpacity
+        };
+        this.to = {
+            lineDash: [dashLength, dashLength],
+            lineDashOffset: 0,
+            lineWidth,
+            stroke: strokeColor,
+            strokeOpacity: fromOpacity
+        };
+        if (showFill) {
+            this.from.fillOpacity = fillOpacity;
+            this.to.fillOpacity = (_t = this.originalAttributes.fillOpacity) !== null && _t !== void 0 ? _t : 1;
+        }
+        else {
+            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;
+        if ((_a = this.params) === null || _a === void 0 ? void 0 : _a.showFill) {
+            attribute.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio;
+        }
+    }
+    onEnd() {
+        var _a;
+        super.onEnd();
+        if (!((_a = this.params) === null || _a === void 0 ? 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;
+        this.originalAttributes = Object.assign({}, this.target.getAttributes());
+        if (this.target.type === 'rect') {
+            const attr = this.target.attribute;
+            const width = (_a = attr.width) !== null && _a !== void 0 ? _a : 100;
+            const height = (_b = attr.height) !== null && _b !== void 0 ? _b : 100;
+            this.perimeter = 2 * (width + height);
+        }
+        else if (this.target.type === 'circle') {
+            const attr = this.target.attribute;
+            const radius = (_c = attr.radius) !== null && _c !== void 0 ? _c : 50;
+            this.perimeter = 2 * Math.PI * radius;
+        }
+        else if (this.target.type === 'ellipse') {
+            const attr = this.target.attribute;
+            const radiusX = (_d = attr.radiusX) !== null && _d !== void 0 ? _d : 50;
+            const radiusY = (_e = attr.radiusY) !== null && _e !== void 0 ? _e : 50;
+            this.perimeter = 2 * Math.PI * Math.sqrt((radiusX * radiusX + radiusY * radiusY) / 2);
+        }
+        else {
+            this.perimeter = 1000;
+        }
+        const lineWidth = (_g = (_f = this.params) === null || _f === void 0 ? void 0 : _f.lineWidth) !== null && _g !== void 0 ? _g : 2;
+        const strokeColor = (_j = (_h = this.params) === null || _h === void 0 ? void 0 : _h.strokeColor) !== null && _j !== void 0 ? _j : 'black';
+        const fromOpacity = (_l = (_k = this.params) === null || _k === void 0 ? void 0 : _k.fromOpacity) !== null && _l !== void 0 ? _l : 1;
+        const dashLength = (_o = (_m = this.params) === null || _m === void 0 ? void 0 : _m.dashLength) !== null && _o !== void 0 ? _o : this.perimeter;
+        const showFill = (_q = (_p = this.params) === null || _p === void 0 ? void 0 : _p.showFill) !== null && _q !== void 0 ? _q : false;
+        this.from = {
+            lineDash: [dashLength, dashLength],
+            lineDashOffset: 0,
+            lineWidth,
+            stroke: strokeColor,
+            strokeOpacity: fromOpacity
+        };
+        this.to = {
+            lineDash: [dashLength, dashLength],
+            lineDashOffset: -dashLength,
+            lineWidth,
+            stroke: strokeColor,
+            strokeOpacity: fromOpacity
+        };
+        if (showFill) {
+            this.from.fillOpacity = (_r = this.originalAttributes.fillOpacity) !== null && _r !== void 0 ? _r : 1;
+            this.to.fillOpacity = 0;
+        }
+        else {
+            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;
+        if ((_a = this.params) === null || _a === void 0 ? 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;
@@ -5575,6 +5785,121 @@ class MoveRotateOut extends ACustomAnimate {
     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 = 0.3;
+        this.pulseScale = 1.05;
+        this.pulseColor = null;
+        this.pulseColorIntensity = 0.2;
+        this.strokeOnly = false;
+        this.fillOnly = false;
+        this.useScale = true;
+        this.useOpacity = true;
+        this.useStroke = true;
+        this.useFill = true;
+        this.useColor = false;
+        this.originalFill = null;
+        this.originalStroke = null;
+        if ((params === null || params === void 0 ? void 0 : params.pulseCount) !== undefined) {
+            this.pulseCount = params.pulseCount;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.pulseScale) !== undefined) {
+            this.pulseScale = params.pulseScale;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.pulseColor) !== undefined) {
+            this.pulseColor = params.pulseColor;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.pulseColorIntensity) !== undefined) {
+            this.pulseColorIntensity = params.pulseColorIntensity;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.strokeOnly) !== undefined) {
+            this.strokeOnly = params.strokeOnly;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.fillOnly) !== undefined) {
+            this.fillOnly = params.fillOnly;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.useScale) !== undefined) {
+            this.useScale = params.useScale;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.useOpacity) !== undefined) {
+            this.useOpacity = params.useOpacity;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.useStroke) !== undefined) {
+            this.useStroke = params.useStroke;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.useFill) !== undefined) {
+            this.useFill = params.useFill;
+        }
+        if ((params === null || params === void 0 ? void 0 : params.useColor) !== undefined) {
+            this.useColor = params.useColor;
+        }
+    }
+    onBind() {
+        super.onBind();
+        this.originalAttributes = Object.assign({}, this.target.getAttributes());
+        if (this.useColor) {
+            this.originalFill = this.originalAttributes.fill || null;
+            this.originalStroke = this.originalAttributes.stroke || null;
+            if (!this.pulseColor) {
+                if (this.fillOnly && this.originalFill) {
+                    this.pulseColor = this.originalFill;
+                }
+                else if (this.strokeOnly && this.originalStroke) {
+                    this.pulseColor = this.originalStroke;
+                }
+                else if (this.originalFill) {
+                    this.pulseColor = this.originalFill;
+                }
+                else if (this.originalStroke) {
+                    this.pulseColor = this.originalStroke;
+                }
+                else {
+                    this.pulseColor = '#FFFFFF';
+                }
+            }
+        }
+    }
+    onUpdate(end, ratio, out) {
+        const angle = ratio * Math.PI * this.pulseCount;
+        const pulseValue = Math.abs(Math.sin(angle));
+        const attribute = this.target.attribute;
+        if (this.useOpacity) {
+            const opacity = 1 + (this.pulseOpacity - 1) * pulseValue;
+            if (this.useStroke) {
+                attribute.strokeOpacity = (this.originalAttributes.strokeOpacity || 1) * opacity;
+            }
+            if (this.useFill) {
+                attribute.fillOpacity = (this.originalAttributes.fillOpacity || 1) * opacity;
+            }
+        }
+        if (this.useScale) {
+            const scale = 1 + (this.pulseScale - 1) * pulseValue;
+            attribute.scaleX = (this.originalAttributes.scaleX || 1) * scale;
+            attribute.scaleY = (this.originalAttributes.scaleY || 1) * scale;
+        }
+        if (this.useColor && this.pulseColor) {
+            this.applyColorPulse(attribute, pulseValue);
+        }
+        this.target.addUpdateShapeAndBoundsTag();
+        this.target.addUpdatePositionTag();
+    }
+    applyColorPulse(attribute, pulseValue) {
+        const colorRatio = this.pulseColorIntensity * pulseValue;
+        if (this.useFill && this.originalFill && this.pulseColor) {
+            attribute.fill = interpolateColor(this.originalFill, this.pulseColor, colorRatio, true);
+        }
+        if (this.useStroke && this.originalStroke && this.pulseColor) {
+            attribute.stroke = interpolateColor(this.originalStroke, this.pulseColor, colorRatio, true);
+        }
+    }
+    onEnd() {
+        super.onEnd();
+        this.target.setAttributes(this.originalAttributes);
+    }
+}
 
 class Update extends ACustomAnimate {
     constructor(from, to, duration, easing, params) {
@@ -6193,13 +6518,16 @@ const registerCustomAnimate = () => {
     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);
 };
 
-export { AComponentAnimate, ACustomAnimate, Animate, AnimateExecutor, Step as AnimateStep, AnimationStateManager, AnimationStateStore, AnimationStates, AnimationTransitionRegistry, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipIn, ClipOut, ClipRadiusAnimate, ComponentAnimator, DefaultTicker, DefaultTimeline, FadeIn, FadeOut, FromTo, GraphicStateExtension, GroupFadeIn, GroupFadeOut, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowIn, GrowOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, IncreaseCount, InputRichText, InputText, LabelItemAppear, LabelItemDisappear, ManualTicker, MotionPath, MoveIn, MoveOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, OutputRichText, PoptipAppear, PoptipDisappear, RotateBySphereAnimate, RotateIn, RotateOut, ScaleIn, ScaleOut, SlideIn, SlideOut, SlideOutRichText, SlideRichText, SpinIn, SpinOut, State, StreamLight, TagPointsUpdate, Update, createComponentAnimator, generatorPathEasingFunc, registerAnimate, registerCustomAnimate, transitionRegistry };
+export { AComponentAnimate, ACustomAnimate, Animate, AnimateExecutor, Step as AnimateStep, AnimationStateManager, AnimationStateStore, AnimationStates, AnimationTransitionRegistry, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipIn, ClipOut, ClipRadiusAnimate, ComponentAnimator, DefaultTicker, DefaultTimeline, FadeIn, FadeOut, FromTo, GraphicStateExtension, GroupFadeIn, GroupFadeOut, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowIn, GrowOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, IncreaseCount, InputRichText, InputText, LabelItemAppear, LabelItemDisappear, ManualTicker, MotionPath, MoveIn, MoveOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, OutputRichText, PoptipAppear, PoptipDisappear, PulseAnimate, RotateBySphereAnimate, RotateIn, RotateOut, ScaleIn, ScaleOut, SlideIn, SlideOut, SlideOutRichText, SlideRichText, SpinIn, SpinOut, State, StreamLight, StrokeIn, StrokeOut, TagPointsUpdate, Update, createComponentAnimator, generatorPathEasingFunc, registerAnimate, registerCustomAnimate, transitionRegistry };

package/es/custom/fromTo.js

@@ -35,4 +35,5 @@ export class FromTo extends ACustomAnimate {
             func(key, this.from[key], this.props[key], easedRatio, this, this.target);
         })), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
     }
-}
+}
+//# sourceMappingURL=fromTo.js.map

package/es/custom/growAngle.js

@@ -152,5 +152,4 @@ export class GrowAngleOut extends GrowAngleBase {
         this.from = null != fromAttrs ? fromAttrs : this.target.attribute, this.to = to, 
         this.determineUpdateFunction();
     }
-}
-//# sourceMappingURL=growAngle.js.map
+}

package/es/custom/register.d.ts

@@ -16,7 +16,7 @@ import { SlideRichText } from './richtext/slide-richtext';
 import { SlideOutRichText } from './richtext/slide-out-richtext';
 import { ScaleIn, ScaleOut } from './scale';
 import { State } from './state';
-import { GrowIn, GrowOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, SlideIn, SlideOut, SpinIn, SpinOut } from './story';
+import { GrowIn, GrowOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, PulseAnimate, SlideIn, SlideOut, SpinIn, SpinOut, StrokeIn, StrokeOut } from './story';
 import { Update } from './update';
 import { MoveIn, MoveOut } from './move';
 import { RotateIn, RotateOut } from './rotate';
@@ -25,4 +25,4 @@ import { FromTo } from './fromTo';
 import { GroupFadeIn, GroupFadeOut } from './groupFade';
 import { StreamLight } from './streamLight';
 export declare const registerCustomAnimate: () => void;
-export { ClipIn, ClipOut, FadeIn, FadeOut, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, IncreaseCount, PoptipAppear, PoptipDisappear, ScaleIn, ScaleOut, MoveIn, MoveOut, RotateIn, RotateOut, State, Update, MotionPath, LabelItemAppear, LabelItemDisappear, InputText, InputRichText, OutputRichText, SlideRichText, SlideOutRichText, SlideIn, GrowIn, SpinIn, MoveScaleIn, MoveRotateIn, SlideOut, GrowOut, SpinOut, MoveScaleOut, MoveRotateOut, GroupFadeIn, GroupFadeOut, FromTo, StreamLight };
+export { ClipIn, ClipOut, FadeIn, FadeOut, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, IncreaseCount, PoptipAppear, PoptipDisappear, ScaleIn, ScaleOut, MoveIn, MoveOut, RotateIn, RotateOut, State, Update, MotionPath, LabelItemAppear, LabelItemDisappear, InputText, InputRichText, OutputRichText, SlideRichText, SlideOutRichText, SlideIn, GrowIn, SpinIn, MoveScaleIn, MoveRotateIn, SlideOut, GrowOut, SpinOut, MoveScaleOut, MoveRotateOut, StrokeIn, StrokeOut, PulseAnimate, GroupFadeIn, GroupFadeOut, FromTo, StreamLight };

package/es/custom/register.js

@@ -36,7 +36,7 @@ import { ScaleIn, ScaleOut } from "./scale";
 
 import { State } from "./state";
 
-import { GrowIn, GrowOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, SlideIn, SlideOut, SpinIn, SpinOut } from "./story";
+import { GrowIn, GrowOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, PulseAnimate, SlideIn, SlideOut, SpinIn, SpinOut, StrokeIn, StrokeOut } from "./story";
 
 import { Update } from "./update";
 
@@ -75,11 +75,12 @@ export const registerCustomAnimate = () => {
     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("slideOut", SlideOut), AnimateExecutor.registerBuiltInAnimate("growOut", GrowOut), 
-    AnimateExecutor.registerBuiltInAnimate("spinOut", SpinOut), AnimateExecutor.registerBuiltInAnimate("moveScaleOut", MoveScaleOut), 
-    AnimateExecutor.registerBuiltInAnimate("moveRotateOut", MoveRotateOut), AnimateExecutor.registerBuiltInAnimate("MotionPath", MotionPath), 
-    AnimateExecutor.registerBuiltInAnimate("streamLight", StreamLight);
+    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);
 };
 
-export { ClipIn, ClipOut, FadeIn, FadeOut, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, IncreaseCount, PoptipAppear, PoptipDisappear, ScaleIn, ScaleOut, MoveIn, MoveOut, RotateIn, RotateOut, State, Update, MotionPath, LabelItemAppear, LabelItemDisappear, InputText, InputRichText, OutputRichText, SlideRichText, SlideOutRichText, SlideIn, GrowIn, SpinIn, MoveScaleIn, MoveRotateIn, SlideOut, GrowOut, SpinOut, MoveScaleOut, MoveRotateOut, GroupFadeIn, GroupFadeOut, FromTo, StreamLight };
+export { ClipIn, ClipOut, FadeIn, FadeOut, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, IncreaseCount, PoptipAppear, PoptipDisappear, ScaleIn, ScaleOut, MoveIn, MoveOut, RotateIn, RotateOut, State, Update, MotionPath, LabelItemAppear, LabelItemDisappear, InputText, InputRichText, OutputRichText, SlideRichText, SlideOutRichText, SlideIn, GrowIn, SpinIn, MoveScaleIn, MoveRotateIn, SlideOut, GrowOut, SpinOut, MoveScaleOut, MoveRotateOut, StrokeIn, StrokeOut, PulseAnimate, GroupFadeIn, GroupFadeOut, FromTo, StreamLight };
 //# sourceMappingURL=register.js.map