bard-legends-framework 0.10.9 → 0.12.0

package/dist/utilities/animator/state-animation/slide/slide-state-animation.js

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SlideStateAnimation = exports.SlideStateAnimationState = void 0;
+const actions_lib_1 = require("actions-lib");
+const helpers_lib_1 = require("helpers-lib");
+const animations_1 = require("../../animations");
+const state_animation_1 = require("../state-animation");
+var SlideStateAnimationState;
+(function (SlideStateAnimationState) {
+    SlideStateAnimationState["appear"] = "appear";
+    SlideStateAnimationState["disappear"] = "disappear";
+})(SlideStateAnimationState || (exports.SlideStateAnimationState = SlideStateAnimationState = {}));
+class SlideStateAnimation extends actions_lib_1.Attachable {
+    constructor(partialOptions) {
+        super();
+        this.animationState = 'idle';
+        this.onStateChangeAction = new actions_lib_1.Action();
+        this.onValueChangeAction = new actions_lib_1.Action();
+        this.options = { duration: 500, animation: animations_1.Animations.easeInOutCubic, ...partialOptions };
+        this.stateAnimation = new state_animation_1.StateAnimation({
+            duration: this.options.duration,
+            animation: this.options.animation
+        })
+            .onStateChange((state, nextState) => this.handleStateChange(state, nextState))
+            .onValueChange(value => this.handleValueChange(value))
+            .attach(this);
+    }
+    setIndex(index, options) {
+        if (!helpers_lib_1.Comparator.isInteger(index)) {
+            throw new Error('SlideStateAnimation: index must be an integer!');
+        }
+        if (this.index === undefined) {
+            this.index = index;
+            this.onStateChangeAction.trigger({ state: SlideStateAnimationState.appear, index });
+            this.stateAnimation.setState(index, options);
+        }
+        else if (this.index !== index) {
+            if (this.nextIndex !== index) {
+                if (this.animationState === 'idle') {
+                    this.animationState = index > this.index ? 'transitionForward' : 'transitionBackward';
+                    this.nextIndex = index;
+                    this.onStateChangeAction.trigger({ state: SlideStateAnimationState.appear, index: this.nextIndex });
+                    this.stateAnimation.setState(index, options);
+                }
+                else {
+                    this.stateAnimation.setState(index, options);
+                }
+            }
+            else if (this.animationState === 'reverting' && this.nextIndex === index) {
+                this.animationState = index > this.index ? 'transitionForward' : 'transitionBackward';
+                this.stateAnimation.setState(index, options);
+            }
+        }
+        else if (this.animationState === 'transitionForward' || this.animationState === 'transitionBackward') {
+            this.animationState = 'reverting';
+            this.stateAnimation.setState(index, options);
+        }
+    }
+    handleStateChange(state, nextState) {
+        if (this.index !== undefined && this.index !== state && this.index !== nextState) {
+            this.onStateChangeAction.trigger({ state: SlideStateAnimationState.disappear, index: this.index });
+        }
+        if (this.nextIndex !== undefined && this.nextIndex !== state && this.nextIndex !== nextState) {
+            this.onStateChangeAction.trigger({ state: SlideStateAnimationState.disappear, index: this.nextIndex });
+        }
+        if (nextState !== undefined && nextState !== this.index && nextState !== this.nextIndex) {
+            this.onStateChangeAction.trigger({ state: SlideStateAnimationState.appear, index: nextState });
+        }
+        switch (this.animationState) {
+            case 'transitionForward':
+            case 'transitionBackward':
+                if (nextState === undefined) {
+                    this.animationState = 'idle';
+                    this.index = this.nextIndex;
+                    this.nextIndex = undefined;
+                }
+                else if (this.index !== state) {
+                    this.handleNewTarget(state, nextState);
+                }
+                break;
+            case 'reverting':
+                if (nextState === undefined) {
+                    this.animationState = 'idle';
+                    this.nextIndex = undefined;
+                }
+                else if (this.index !== nextState) {
+                    this.handleNewTarget(state, nextState);
+                }
+                break;
+        }
+    }
+    handleValueChange(value) {
+        let directionMultiplier = 1;
+        if (this.animationState === 'transitionBackward' ||
+            (this.animationState === 'reverting' &&
+                this.index !== undefined &&
+                this.nextIndex !== undefined &&
+                this.index > this.nextIndex)) {
+            directionMultiplier = -1;
+        }
+        if (this.animationState === 'idle' || value !== 0) {
+            this.onValueChangeAction.trigger({
+                value: helpers_lib_1.NumberHelper.ensurePositiveZero(-directionMultiplier * value),
+                index: this.index
+            });
+        }
+        if (this.nextIndex !== undefined) {
+            this.onValueChangeAction.trigger({
+                value: helpers_lib_1.NumberHelper.ensurePositiveZero(directionMultiplier * (1 - value)),
+                index: this.nextIndex
+            });
+        }
+    }
+    handleNewTarget(state, nextState) {
+        this.index = state;
+        this.nextIndex = nextState;
+        this.onValueChangeAction.trigger({ value: 0, index: this.index });
+        this.animationState = this.index < this.nextIndex ? 'transitionForward' : 'transitionBackward';
+    }
+    onStateChange(callback) {
+        this.onStateChangeAction.subscribe(value => callback(value.state, value.index)).attach(this);
+        return this;
+    }
+    onValueChange(callback) {
+        this.onValueChangeAction.subscribe(value => callback(value.value, value.index)).attach(this);
+        return this;
+    }
+}
+exports.SlideStateAnimation = SlideStateAnimation;
+//# sourceMappingURL=slide-state-animation.js.map

package/dist/utilities/animator/state-animation/slide/slide-state-animation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utilities/animator/state-animation/slide/slide-state-animation.test.js

@@ -0,0 +1,301 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const game_entities_1 = require("../../../../game-entities");
+const animations_1 = require("../../animations");
+const slide_state_animation_1 = require("./slide-state-animation");
+(0, vitest_1.describe)('SlideStateAnimation', () => {
+    let stateAnimation;
+    let heap = [];
+    (0, vitest_1.beforeEach)(async () => {
+        if (stateAnimation) {
+            stateAnimation.destroy();
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+        }
+        heap = [];
+        stateAnimation = new slide_state_animation_1.SlideStateAnimation({ duration: 4, animation: animations_1.Animations.lineer })
+            .onStateChange((state, index) => heap.push({ state, index }))
+            .onValueChange((value, index) => heap.push({ value, index }))
+            .attachToRoot();
+    });
+    (0, vitest_1.describe)('Creation', () => {
+        (0, vitest_1.test)('initial values', () => {
+            (0, vitest_1.expect)(stateAnimation).toBeDefined();
+            (0, vitest_1.expect)(heap).toEqual([]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+        });
+        (0, vitest_1.test)('initial state default', () => {
+            stateAnimation.setIndex(0);
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.appear, index: 0 },
+                { value: 0, index: 0 }
+            ]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+        });
+        (0, vitest_1.test)('initial state instant', () => {
+            stateAnimation.setIndex(0, { instant: true });
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.appear, index: 0 },
+                { value: 0, index: 0 }
+            ]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+        });
+        (0, vitest_1.test)('setting same index', () => {
+            stateAnimation.setIndex(0);
+            heap = [];
+            stateAnimation.setIndex(0);
+            (0, vitest_1.expect)(heap).toEqual([]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+        });
+    });
+    (0, vitest_1.describe)('Slide Next', () => {
+        (0, vitest_1.beforeEach)(() => {
+            stateAnimation.setIndex(0);
+            heap = [];
+            stateAnimation.setIndex(1);
+        });
+        (0, vitest_1.test)('initial state', () => {
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.appear, index: 1 },
+                { value: 1, index: 1 }
+            ]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+        });
+        (0, vitest_1.test)('during the animation', async () => {
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(heap).toEqual([
+                { value: -0.25, index: 0 },
+                { value: 0.75, index: 1 }
+            ]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+        });
+        (0, vitest_1.test)('end of the animation', async () => {
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(3);
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.disappear, index: 0 },
+                { value: 0, index: 1 }
+            ]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+        });
+        (0, vitest_1.test)('animating again', async () => {
+            game_entities_1.UpdateCycle.triggerUpdateTick(4);
+            heap = [];
+            stateAnimation.setIndex(2);
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.appear, index: 2 },
+                { value: 1, index: 2 }
+            ]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+        });
+        (0, vitest_1.test)('setting same index', async () => {
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            heap = [];
+            stateAnimation.setIndex(1);
+            (0, vitest_1.expect)(heap).toEqual([]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+        });
+    });
+    (0, vitest_1.describe)('Slide Previous', () => {
+        (0, vitest_1.beforeEach)(() => {
+            stateAnimation.setIndex(1);
+            heap = [];
+            stateAnimation.setIndex(0);
+        });
+        (0, vitest_1.test)('initial state', () => {
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.appear, index: 0 },
+                { value: -1, index: 0 }
+            ]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+        });
+        (0, vitest_1.test)('during the animation', async () => {
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.appear, index: 0 },
+                { value: -1, index: 0 },
+                { value: 0.25, index: 1 },
+                { value: -0.75, index: 0 }
+            ]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+        });
+        (0, vitest_1.test)('end of the animation', async () => {
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(3);
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.disappear, index: 1 },
+                { value: 0, index: 0 }
+            ]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+        });
+    });
+    (0, vitest_1.describe)('Reverting', () => {
+        (0, vitest_1.beforeEach)(async () => {
+            stateAnimation.setIndex(0);
+        });
+        (0, vitest_1.test)('forward reverting', async () => {
+            stateAnimation.setIndex(1);
+            game_entities_1.UpdateCycle.triggerUpdateTick(2);
+            heap = [];
+            stateAnimation.setIndex(0);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('reverting');
+            (0, vitest_1.expect)(heap).toEqual([]);
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('reverting');
+            (0, vitest_1.expect)(heap).toEqual([
+                { value: -0.25, index: 0 },
+                { value: 0.75, index: 1 }
+            ]);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.disappear, index: 1 },
+                { value: 0, index: 0 }
+            ]);
+        });
+        (0, vitest_1.test)('backward reverting', async () => {
+            stateAnimation.setIndex(-1);
+            game_entities_1.UpdateCycle.triggerUpdateTick(2);
+            heap = [];
+            stateAnimation.setIndex(0);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('reverting');
+            (0, vitest_1.expect)(heap).toEqual([]);
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('reverting');
+            (0, vitest_1.expect)(heap).toEqual([
+                { value: 0.25, index: 0 },
+                { value: -0.75, index: -1 }
+            ]);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.disappear, index: -1 },
+                { value: 0, index: 0 }
+            ]);
+        });
+        (0, vitest_1.test)('re-reverting', async () => {
+            stateAnimation.setIndex(1);
+            game_entities_1.UpdateCycle.triggerUpdateTick(2);
+            heap = [];
+            stateAnimation.setIndex(0);
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('reverting');
+            (0, vitest_1.expect)(heap).toEqual([
+                { value: -0.25, index: 0 },
+                { value: 0.75, index: 1 }
+            ]);
+            heap = [];
+            stateAnimation.setIndex(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+            (0, vitest_1.expect)(heap).toEqual([]);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(2);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+            (0, vitest_1.expect)(heap).toEqual([
+                { value: -0.75, index: 0 },
+                { value: 0.25, index: 1 }
+            ]);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.disappear, index: 0 },
+                { value: 0, index: 1 }
+            ]);
+        });
+        (0, vitest_1.test)('setting same index', async () => {
+            stateAnimation.setIndex(1);
+            game_entities_1.UpdateCycle.triggerUpdateTick(2);
+            heap = [];
+            stateAnimation.setIndex(0);
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            heap = [];
+            stateAnimation.setIndex(0);
+            (0, vitest_1.expect)(heap).toEqual([]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('reverting');
+        });
+    });
+    (0, vitest_1.describe)('Re-targeting', () => {
+        (0, vitest_1.beforeEach)(async () => {
+            stateAnimation.setIndex(0);
+            stateAnimation.setIndex(2);
+            game_entities_1.UpdateCycle.triggerUpdateTick(2);
+            heap = [];
+        });
+        (0, vitest_1.test)('changing target in transitioning', async () => {
+            stateAnimation.setIndex(1);
+            (0, vitest_1.expect)(heap).toEqual([]);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+            (0, vitest_1.expect)(heap).toEqual([
+                { value: -0.75, index: 0 },
+                { value: 0.25, index: 2 }
+            ]);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.disappear, index: 0 },
+                { state: slide_state_animation_1.SlideStateAnimationState.appear, index: 1 },
+                { value: 0, index: 2 },
+                { value: -1, index: 1 }
+            ]);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+            (0, vitest_1.expect)(heap).toEqual([
+                { value: 0.25, index: 2 },
+                { value: -0.75, index: 1 }
+            ]);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(3);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.disappear, index: 2 },
+                { value: 0, index: 1 }
+            ]);
+        });
+        (0, vitest_1.test)('changing target in reverting', async () => {
+            stateAnimation.setIndex(0);
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            heap = [];
+            stateAnimation.setIndex(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('reverting');
+            (0, vitest_1.expect)(heap).toEqual([]);
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.disappear, index: 2 },
+                { state: slide_state_animation_1.SlideStateAnimationState.appear, index: 1 },
+                { value: 0, index: 0 },
+                { value: 1, index: 1 }
+            ]);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(1);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('transitioning');
+            (0, vitest_1.expect)(heap).toEqual([
+                { value: -0.25, index: 0 },
+                { value: 0.75, index: 1 }
+            ]);
+            heap = [];
+            game_entities_1.UpdateCycle.triggerUpdateTick(3);
+            (0, vitest_1.expect)(stateAnimation['stateAnimation']['animationState']).toBe('idle');
+            (0, vitest_1.expect)(heap).toEqual([
+                { state: slide_state_animation_1.SlideStateAnimationState.disappear, index: 0 },
+                { value: 0, index: 1 }
+            ]);
+        });
+    });
+    (0, vitest_1.describe)('Error Cases:', () => {
+        (0, vitest_1.test)('index must be an integer', async () => {
+            (0, vitest_1.expect)(() => stateAnimation.setIndex(0.25)).toThrowError('SlideStateAnimation: index must be an integer!');
+        });
+    });
+});
+//# sourceMappingURL=slide-state-animation.test.js.map

package/dist/utilities/animator/state-animation/slide-state-animation.d.ts

@@ -0,0 +1,24 @@
+import { Attachable } from 'actions-lib';
+import { StateAnimationOptions } from './state-animation';
+export declare enum SlideStateAnimationState {
+    appear = "appear",
+    disappear = "disappear"
+}
+export declare class SlideStateAnimation extends Attachable {
+    private stateAnimation;
+    private options;
+    private index;
+    private nextIndex;
+    private animationState;
+    constructor(partialOptions?: Partial<StateAnimationOptions>);
+    setIndex(index: number, options?: {
+        instant?: boolean;
+    }): void;
+    private handleStateChange;
+    private handleValueChange;
+    private handleNewTarget;
+    private onStateChangeAction;
+    private onValueChangeAction;
+    onStateChange(callback: (state: SlideStateAnimationState, index: number) => void): this;
+    onValueChange(callback: (value: number, index: number) => void): this;
+}

package/dist/utilities/animator/state-animation/slide-state-animation.js

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SlideStateAnimation = exports.SlideStateAnimationState = void 0;
+const actions_lib_1 = require("actions-lib");
+const helpers_lib_1 = require("helpers-lib");
+const animations_1 = require("../animations");
+const state_animation_1 = require("./state-animation");
+var SlideStateAnimationState;
+(function (SlideStateAnimationState) {
+    SlideStateAnimationState["appear"] = "appear";
+    SlideStateAnimationState["disappear"] = "disappear";
+})(SlideStateAnimationState || (exports.SlideStateAnimationState = SlideStateAnimationState = {}));
+class SlideStateAnimation extends actions_lib_1.Attachable {
+    constructor(partialOptions) {
+        super();
+        this.animationState = 'idle';
+        this.onStateChangeAction = new actions_lib_1.Action();
+        this.onValueChangeAction = new actions_lib_1.Action();
+        this.options = { duration: 500, animation: new animations_1.AnimationEaseInOutCubic(), ...partialOptions };
+        this.stateAnimation = new state_animation_1.StateAnimation({
+            duration: this.options.duration,
+            animation: this.options.animation
+        })
+            .onStateChange((state, nextState) => this.handleStateChange(state, nextState))
+            .onValueChange(value => this.handleValueChange(value))
+            .attach(this);
+    }
+    setIndex(index, options) {
+        if (!helpers_lib_1.Comparator.isInteger(index)) {
+            throw new Error('SlideStateAnimation: index must be an integer!');
+        }
+        if (this.index === undefined) {
+            this.index = index;
+            this.onStateChangeAction.trigger({ state: SlideStateAnimationState.appear, index });
+            this.stateAnimation.setState(index, options);
+        }
+        else if (this.index !== index) {
+            if (this.nextIndex !== index) {
+                if (this.animationState === 'idle') {
+                    this.animationState = index > this.index ? 'transitionForward' : 'transitionBackward';
+                    this.nextIndex = index;
+                    this.onStateChangeAction.trigger({ state: SlideStateAnimationState.appear, index: this.nextIndex });
+                    this.stateAnimation.setState(index, options);
+                }
+                else {
+                    this.stateAnimation.setState(index, options);
+                }
+            }
+            else if (this.animationState === 'reverting' && this.nextIndex === index) {
+                this.animationState = index > this.index ? 'transitionForward' : 'transitionBackward';
+                this.stateAnimation.setState(index, options);
+            }
+        }
+        else if (this.animationState === 'transitionForward' || this.animationState === 'transitionBackward') {
+            this.animationState = 'reverting';
+            this.stateAnimation.setState(index, options);
+        }
+    }
+    handleStateChange(state, nextState) {
+        if (this.index !== undefined && this.index !== state && this.index !== nextState) {
+            this.onStateChangeAction.trigger({ state: SlideStateAnimationState.disappear, index: this.index });
+        }
+        if (this.nextIndex !== undefined && this.nextIndex !== state && this.nextIndex !== nextState) {
+            this.onStateChangeAction.trigger({ state: SlideStateAnimationState.disappear, index: this.nextIndex });
+        }
+        if (nextState !== undefined && nextState !== this.index && nextState !== this.nextIndex) {
+            this.onStateChangeAction.trigger({ state: SlideStateAnimationState.appear, index: nextState });
+        }
+        switch (this.animationState) {
+            case 'transitionForward':
+            case 'transitionBackward':
+                if (nextState === undefined) {
+                    this.animationState = 'idle';
+                    this.index = this.nextIndex;
+                    this.nextIndex = undefined;
+                }
+                else if (this.index !== state) {
+                    this.handleNewTarget(state, nextState);
+                }
+                break;
+            case 'reverting':
+                if (nextState === undefined) {
+                    this.animationState = 'idle';
+                    this.nextIndex = undefined;
+                }
+                else if (this.index !== nextState) {
+                    this.handleNewTarget(state, nextState);
+                }
+                break;
+        }
+    }
+    handleValueChange(value) {
+        let directionMultiplier = 1;
+        if (this.animationState === 'transitionBackward' ||
+            (this.animationState === 'reverting' &&
+                this.index !== undefined &&
+                this.nextIndex !== undefined &&
+                this.index > this.nextIndex)) {
+            directionMultiplier = -1;
+        }
+        if (this.animationState === 'idle' || value !== 0) {
+            this.onValueChangeAction.trigger({
+                value: helpers_lib_1.NumberHelper.ensurePositiveZero(-directionMultiplier * value),
+                index: this.index
+            });
+        }
+        if (this.nextIndex !== undefined) {
+            this.onValueChangeAction.trigger({
+                value: helpers_lib_1.NumberHelper.ensurePositiveZero(directionMultiplier * (1 - value)),
+                index: this.nextIndex
+            });
+        }
+    }
+    handleNewTarget(state, nextState) {
+        this.index = state;
+        this.nextIndex = nextState;
+        this.onValueChangeAction.trigger({ value: 0, index: this.index });
+        this.animationState = this.index < this.nextIndex ? 'transitionForward' : 'transitionBackward';
+    }
+    onStateChange(callback) {
+        this.onStateChangeAction.subscribe(value => callback(value.state, value.index)).attach(this);
+        return this;
+    }
+    onValueChange(callback) {
+        this.onValueChangeAction.subscribe(value => callback(value.value, value.index)).attach(this);
+        return this;
+    }
+}
+exports.SlideStateAnimation = SlideStateAnimation;
+//# sourceMappingURL=slide-state-animation.js.map

package/dist/utilities/animator/state-animation/slide-state-animation.test.d.ts

@@ -0,0 +1 @@
+export {};