@drincs/pixi-vn 1.2.25 → 1.3.0

package/dist/{index-BhqocQcj.d.cts → index-Dib5x6-D.d.ts}

@@ -1,13 +1,31 @@
 import { Devtools } from '@pixi/devtools';
 import * as pixi_js from 'pixi.js';
-import { Container as Container$1, Application, Rectangle, ApplicationOptions, ContainerChild, PointData, SpriteOptions as SpriteOptions$1, EventEmitter, ContainerOptions, TextOptions as TextOptions$1, AllFederatedEventMap, Sprite as Sprite$1, Texture, ContainerEvents, TextureSourceLike, TextureSource, ObservablePoint, Text as Text$1, UPDATE_PRIORITY } from 'pixi.js';
-import { TickerBase, Ticker, TickerTimeoutHistory, MoveTickerProps, FadeAlphaTickerProps, ZoomTickerProps, TickerProgrationType, FadeAlphaTicker, MoveTicker, RegisteredTickers, RotateTicker, RotateTickerProps, TickerProgrationExponential, TickerProgrationLinear, TickerValue, ZoomTicker, tickerDecorator } from './canvas/tickers/index.cjs';
-import { b as CanvasBaseItemMemory, C as CanvasBaseItem, P as PauseTickerType, a as CanvasGameState, d as ContainerChild$1, c as ContainerMemory } from './ContainerMemory-Bemxh6ml.cjs';
-import { a as TickerHistory, c as TickersSequence, T as TickerArgs, R as RepeatType, P as PauseType, b as TickerHistoryForExport } from './TickersSequence-_GvVF_1g.cjs';
+import { Container as Container$1, Application, Rectangle, ApplicationOptions, ContainerChild, UPDATE_PRIORITY, PointData, SpriteOptions as SpriteOptions$1, EventEmitter, ContainerOptions, TextOptions as TextOptions$1, AllFederatedEventMap, Sprite as Sprite$1, Texture, ContainerEvents, TextureSourceLike, TextureSource, ObservablePoint, Text as Text$1 } from 'pixi.js';
+import { ObjectTarget, AnimationOptions as AnimationOptions$1, At, SequenceOptions as SequenceOptions$1 } from 'motion';
+import { b as CanvasBaseItemMemory, C as CanvasBaseItem, a as CanvasGameState, d as ContainerChild$1, c as ContainerMemory, P as PauseTickerType } from './ContainerMemory-DrijxCcD.js';
+import { CommonTickerProps, TickerTimeoutHistory, FadeAlphaTicker, FadeAlphaTickerProps, MoveTicker, MoveTickerProps, RegisteredTickers, RotateTicker, RotateTickerProps, TickerBase, TickerProgrationExponential, TickerProgrationLinear, TickerProgrationType, TickerValue, ZoomTicker, ZoomTickerProps, animate, tickerDecorator } from './canvas/tickers/index.js';
+import { c as TickerInfo, d as TickersSequence, a as TickerArgs, T as Ticker, R as RepeatType, P as PauseType, b as TickerHistory } from './TickersSequence-Cf1Vcu22.js';
 
 interface CanvasBaseInterface<T2 extends CanvasBaseItemMemory> extends CanvasBaseItem<T2>, Container$1 {
 }
 
+interface MotionComponentExtension {
+    pivot?: number;
+    pivotX?: number;
+    pivotY?: number;
+    scale?: number;
+    scaleX?: number;
+    scaleY?: number;
+}
+
+type AnimationOptions = Omit<AnimationOptions$1, "onComplete" | "onPlay" | "onStop" | "onUpdate" | "onRepeat"> & Omit<CommonTickerProps, "startOnlyIfHaveTexture">;
+
+type KeyframesType<T> = ObjectTarget<T> & MotionComponentExtension;
+type AnimationSequenceOptions = Omit<AnimationOptions$1, "onComplete" | "onPlay" | "onStop" | "onUpdate" | "onRepeat">;
+type SequenceOptions = SequenceOptions$1 & Omit<CommonTickerProps, "startOnlyIfHaveTexture">;
+type ObjectSegment<O extends CanvasBaseInterface<any>> = [ObjectTarget<O>];
+type ObjectSegmentWithTransition<O extends CanvasBaseInterface<any>> = [ObjectTarget<O>, AnimationOptions & At];
+
 interface CanvasManagerInterface {
     /**
      * The PIXI Application instance.
@@ -23,14 +41,6 @@ interface CanvasManagerInterface {
      * If the manager is initialized.
      */
     readonly isInitialized: boolean;
-    /**
-     * @deprecated Use `canvas.getHtmlLayers` instead.
-     */
-    get htmlLayout(): HTMLElement | undefined;
-    /**
-     * @deprecated Use `canvas.addHtmlLayer` instead.
-     */
-    set htmlLayout(value: HTMLElement);
     /**
      * The width of the canvas.
      */
@@ -68,10 +78,6 @@ interface CanvasManagerInterface {
         width: number;
         height: number;
     }, devtoolsOptions?: Devtools): Promise<void>;
-    /**
-     * @deprecated Use `canvas.addHtmlLayer` instead.
-     */
-    initializeHTMLLayout(element: HTMLElement): void;
     /**
      * The children of the canvas.
      */
@@ -152,7 +158,6 @@ interface CanvasManagerInterface {
     canvasElementIsOnCanvas<T extends Container$1>(pixiElement: T): boolean;
     /**
      * Remove all canvas elements from the canvas.
-     * And remove all tickers that are not connected to any canvas element.
      */
     removeAll(): void;
     /**
@@ -173,7 +178,7 @@ interface CanvasManagerInterface {
      * Currently tickers that are running.
      */
     readonly currentTickers: {
-        [id: string]: TickerHistory<any>;
+        [id: string]: TickerInfo<any>;
     };
     /**
      * The steps of the tickers
@@ -183,6 +188,13 @@ interface CanvasManagerInterface {
             [tickerId: string]: TickersSequence;
         };
     };
+    /**
+     * Find a ticker by its id.
+     * @param tickerId The id of the ticker.
+     * @param args The args of the ticker.
+     * @returns The ticker if found, undefined otherwise.
+     */
+    findTicker<TArgs extends TickerArgs>(tickerId: string, args?: TArgs): Ticker<TArgs> | undefined;
     /**
      * Run a ticker. You can run multiple addTicker with the same alias and different tickerClasses.
      * If you run a ticker with the same alias and tickerClass, the old ticker will be removed.
@@ -195,13 +207,13 @@ interface CanvasManagerInterface {
      * canvas.addTicker("alien", new RotateTicker({ speed: 0.2 }))
      * ```
      */
-    addTicker<TArgs extends TickerArgs>(canvasElementAlias: string | string[], ticker: TickerBase<TArgs>): string | undefined;
+    addTicker<TArgs extends TickerArgs>(canvasElementAlias: string | string[], ticker: Ticker<TArgs>): string | undefined;
     /**
      * Run a sequence of tickers.
      * @param alias The alias of canvas element that will use the tickers.
      * @param steps The steps of the tickers.
      * @param currentStepNumber The current step number. It is used to continue the sequence of tickers.
-     * @returns The id of the sequence of tickers.
+     * @returns The id of tickers.
      * @example
      * ```typescript
      * canvas.addTickersSequence("alien", [
@@ -222,8 +234,11 @@ interface CanvasManagerInterface {
      * ```typescript
      * canvas.unlinkComponentFromTicker("alien", RotateTicker)
      * ```
+     * @deprecated
      */
-    unlinkComponentFromTicker(alias: string | string[], ticker?: typeof TickerBase<any> | TickerBase<any> | string): void;
+    unlinkComponentFromTicker(alias: string | string[], ticker?: {
+        new (): Ticker<any>;
+    } | string): void;
     /**
      * Remove all tickers from the canvas.
      */
@@ -235,15 +250,41 @@ interface CanvasManagerInterface {
     removeTicker(tickerId: string | string[]): void;
     /**
      * Pause a ticker. If a paused ticker have a time to be removed, it will be removed after the time.
-     * @param alias The alias of the canvas element that will use the ticker.
-     * @param options The options of the pause ticker.
+     * @param filters The filters to pause the ticker.
+     * @returns The ids of the paused tickers.
      */
-    pauseTicker(alias: string, options?: PauseTickerType): void;
+    pauseTicker(filters: {
+        /**
+         * The alias of the canvas element that will use the ticker.
+         * Will pause all tickers that are connected to this canvas element.
+         */
+        canvasAlias: string;
+        /**
+         * Ticker ids excluded from the pause. If not provided, all tickers will be paused.
+         */
+        tickerIdsExcluded?: string[];
+    } | {
+        /**
+         * The id of the ticker to be paused. If provided, only this ticker will be paused.
+         */
+        id: string | string[];
+    }): string[];
     /**
      * Resume a ticker.
-     * @param alias The alias of the canvas element that will use the ticker.
+     * @param filters The filters to resume the ticker.
      */
-    resumeTicker(alias: string | string[]): void;
+    resumeTicker(filters: {
+        /**
+         * The alias of the canvas element that will use the ticker.
+         * Will resume all tickers that are connected to this canvas element.
+         */
+        canvasAlias: string;
+    } | {
+        /**
+         * The id of the ticker to be resumed. If provided, only this ticker will be resumed.
+         */
+        id: string | string[];
+    }): void;
     /**
      * Check if a ticker is paused.
      * @param alias The alias of the canvas element that will use the ticker.
@@ -272,7 +313,35 @@ interface CanvasManagerInterface {
      * @param id The id of the ticker. If the alias provided, the id is the id of the sequence of tickers.
      * @param alias The alias of the sequence of tickers.
      */
-    forceCompletionOfTicker(id: string, alias?: string): void;
+    forceCompletionOfTicker(id: string, alias?: string): Promise<void>;
+    /**
+     * Animate a Pixi’VN component or components using [motion's animate](https://motion.dev/docs/animate) function.
+     * This function integrates with the PixiJS ticker to ensure smooth animations.
+     *
+     * Pixi’VN will keep track of the animation state of this function.
+     * So Pixi’VN will save the animation state in saves.
+     * @param components - The PixiJS component(s) to animate.
+     * @param keyframes - The keyframes to animate the component(s) with.
+     * @param options - Additional options for the animation, including duration, easing, and ticker.
+     * @param priority - The priority of the ticker. @default UPDATE_PRIORITY.NORMAL
+     * @returns The id of tickers.
+     * @template T - The type of Pixi’VN component(s) being animated.
+     */
+    animate<T extends CanvasBaseInterface<any>>(components: T | string | (string | T)[], keyframes: KeyframesType<T>, options?: AnimationOptions, priority?: UPDATE_PRIORITY): string | undefined;
+    /**
+     * Animate a Pixi’VN component or components using [motion's animate](https://motion.dev/docs/animate) function.
+     * This function integrates with the PixiJS ticker to ensure smooth animations.
+     *
+     * Pixi’VN will keep track of the animation state of this function.
+     * So Pixi’VN will save the animation state in saves.
+     * @param components - The PixiJS component(s) to animate.
+     * @param sequence - The sequence of keyframes to animate the component(s) with.
+     * @param options - Additional options for the animation, including duration, easing, and ticker.
+     * @param priority - The priority of the ticker. @default UPDATE_PRIORITY.NORMAL
+     * @returns The id of tickers.
+     * @template T - The type of Pixi’VN component(s) being animated.
+     */
+    animate<T extends CanvasBaseInterface<any>>(components: T | string, sequence: (ObjectSegment<T> | ObjectSegmentWithTransition<T>)[], options?: SequenceOptions, priority?: UPDATE_PRIORITY): string | undefined;
     /**
      * Add a layer to the canvas.
      * @param label The label of the layer.
@@ -355,10 +424,21 @@ interface CanvasManagerInterface {
      * @param data The object.
      */
     restore(data: object): Promise<void>;
+    /**
+     * @deprecated Use {@link onTickerComplete}
+     */
     onEndOfTicker(tickerId: string, options: {
-        aliasToRemoveAfter: string[] | string;
-        tickerAliasToResume: string[] | string;
+        aliasToRemoveAfter: string[];
+        tickerAliasToResume: string[];
+        tickerIdToResume: string[];
+        ignoreTickerSteps?: boolean;
+    }): void;
+    onTickerComplete(tickerId: string, options: {
+        aliasToRemoveAfter: string[];
+        tickerAliasToResume: string[];
+        tickerIdToResume: string[];
         ignoreTickerSteps?: boolean;
+        stopTicker?: boolean;
     }): void;
 }
 
@@ -1097,7 +1177,7 @@ declare class CanvasManagerStatic {
         [k: string]: TickerHistory<any>;
     };
     static _currentTickers: {
-        [id: string]: TickerHistory<any>;
+        [id: string]: TickerInfo<any>;
     };
     static _currentTickersSequence: {
         [alias: string]: {
@@ -1116,10 +1196,13 @@ declare class CanvasManagerStatic {
             alias: string;
         }[];
     };
+    /**
+     * @deprecated
+     */
     static _tickersOnPause: {
         [aliasOrId: string]: PauseTickerType;
     };
-    static generateTickerId(tickerData: TickerHistory<any> | TickersSequence): string;
+    static generateTickerId(tickerData: TickerInfo<any> | TickersSequence): string;
     static addTickerTimeoutInfo(aliases: string | string[], ticker: string, timeout: string, canBeDeletedBeforeEnd: boolean): void;
     static removeTickerTimeoutInfo(timeout: NodeJS.Timeout | string): void;
     static removeTickerTimeout(timeout: NodeJS.Timeout | string): void;
@@ -1279,11 +1362,11 @@ declare namespace RegisteredEvents {
  * Shake the canvas element.
  * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
  * @param alias
- * @param props
+ * @param options
  * @param priority
  * @returns
  */
-declare function shakeEffect(alias: string, props?: ShakeEffectProps, priority?: UPDATE_PRIORITY): Promise<void>;
+declare function shakeEffect(alias: string, options?: ShakeEffectProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
 
 interface BaseTransitionProps {
     /**
@@ -1291,27 +1374,27 @@ interface BaseTransitionProps {
      * For example, if the transition is a dissolve transition, the "alpha" of the texture will be 1 before the next step.
      * @default true
      */
-    mustBeCompletedBeforeNextStep?: boolean;
+    forceCompleteBeforeNext?: boolean;
 }
-interface ShowWithDissolveTransitionProps extends BaseTransitionProps, Omit<FadeAlphaTickerProps, "type" | "startOnlyIfHaveTexture"> {
+interface ShowWithDissolveTransitionProps extends BaseTransitionProps, AnimationOptions {
 }
-interface ShowWithFadeTransitionProps extends BaseTransitionProps, Omit<FadeAlphaTickerProps, "type" | "startOnlyIfHaveTexture"> {
+interface ShowWithFadeTransitionProps extends BaseTransitionProps, AnimationOptions {
 }
-interface MoveInOutProps extends BaseTransitionProps, Omit<MoveTickerProps, "startOnlyIfHaveTexture" | "destination" | "isPushInOut"> {
+interface MoveInOutProps extends BaseTransitionProps, AnimationOptions {
     /**
      * The direction of the movement.
      * @default "right"
      */
     direction?: "up" | "down" | "left" | "right";
 }
-interface ZoomInOutProps extends BaseTransitionProps, Omit<ZoomTickerProps, "startOnlyIfHaveTexture" | "type" | "limit" | "isZoomInOut"> {
+interface ZoomInOutProps extends BaseTransitionProps, AnimationOptions {
     /**
      * The direction of the zoom effect.
      * @default "right"
      */
     direction?: "up" | "down" | "left" | "right";
 }
-interface PushInOutProps extends BaseTransitionProps, Omit<MoveTickerProps, "startOnlyIfHaveTexture" | "destination" | "isPushInOut"> {
+interface PushInOutProps extends BaseTransitionProps, AnimationOptions {
     /**
      * The direction of the push effect.
      * @default "right"
@@ -1330,7 +1413,6 @@ type TComponent = CanvasBaseInterface<any> | string | string[] | {
  * Show a image in the canvas with a disolve effect.
  * Disolve effect is a effect that the image is shown with a fade in.
  * If exist a image with the same alias, then the image is replaced and the first image is removed after the effect is done.
- * This transition is done with a {@link FadeAlphaTicker} effect.
  * @param alias The unique alias of the image. You can use this alias to refer to this image
  * @param component The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the {@link VideoSprite} is added to the canvas.
  * If imageUrl is an array, then the {@link ImageContainer} is added to the canvas.
@@ -1343,14 +1425,13 @@ declare function showWithDissolve(alias: string, component?: TComponent, props?:
 /**
  * Remove a image from the canvas with a disolve effect.
  * Disolve effect is a effect that the image is removed with a fade out.
- * This transition is done with a {@link FadeAlphaTicker} effect.
  * This function is equivalent to {@link removeWithFade}.
  * @param alias The unique alias of the image. You can use this alias to refer to this image
  * @param props The properties of the effect
  * @param priority The priority of the effect
  * @returns The ids of the tickers that are used in the effect.
  */
-declare function removeWithDissolve(alias: string | string[], props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY): string[] | undefined;
+declare function removeWithDissolve(alias: string, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY): string[] | undefined;
 /**
  * Show a image in the canvas with a fade effect.
  * Fade effect is a effect that the image is shown with a fade in.
@@ -1367,14 +1448,13 @@ declare function showWithFade(alias: string, component?: TComponent, props?: Sho
 /**
  * Remove a image from the canvas with a fade effect.
  * Fade effect is a effect that the image is removed with a fade out.
- * This transition is done with a {@link FadeAlphaTicker} effect.
  * This function is equivalent to {@link removeWithDissolve}.
  * @param alias The unique alias of the image. You can use this alias to refer to this image
  * @param props The properties of the effect
  * @param priority The priority of the effect
  * @returns The ids of the tickers that are used in the effect.
  */
-declare function removeWithFade(alias: string | string[], props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY): string[] | undefined;
+declare function removeWithFade(alias: string, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY): string[] | undefined;
 /**
  * Show a image in the canvas with a move effect. The image is moved from outside the canvas to the x and y position of the image.
  * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
@@ -1497,10 +1577,6 @@ declare function showImageContainer(alias: string, imageUrls: string[], options?
  * ```
  */
 declare function addImage(alias: string, imageUrl?: string, options?: ImageSpriteOptions): ImageSprite;
-/**
- * @deprecated
- */
-declare function loadImage(canvasImages: ImageSprite[] | ImageSprite): Promise<ImageSprite[]>;
 /**
  * Add and show a image in the canvas. This function is a combination of {@link addImage} and {@link loadImage}.
  * @param alias The unique alias of the image. You can use this alias to refer to this image
@@ -1541,10 +1617,6 @@ declare function getTexture(textureAlias?: string): Promise<Texture | void>;
  * ```
  */
 declare function addVideo(alias: string, videoUrl?: string, options?: VideoSpriteOptions): VideoSprite;
-/**
- * @deprecated
- */
-declare function loadVideo(canvasVideos: VideoSprite[] | VideoSprite): Promise<VideoSprite[]>;
 /**
  * Add and show a video in the canvas. This function is a combination of {@link addVideo} and {@link loadVideo}.
  * @param alias The unique alias of the video. You can use this alias to refer to this video
@@ -1560,20 +1632,7 @@ declare function loadVideo(canvasVideos: VideoSprite[] | VideoSprite): Promise<V
  */
 declare function showVideo(alias: string, videoUrl?: string, options?: VideoSpriteOptions): Promise<VideoSprite>;
 
-interface ShakeEffectProps {
-    /**
-     * The speed of the shake effect. @default 20
-     */
-    speed?: number;
-    /**
-     * The progression of the speed
-     */
-    speedProgression?: TickerProgrationType;
-    /**
-     * If true, the effect only starts if the canvas element have a texture
-     * @default false
-     */
-    startOnlyIfHaveTexture?: boolean;
+interface ShakeEffectProps extends BaseTransitionProps, AnimationOptions {
     /**
      * The number of shocks. **Must be at least 3**.
      * @default 10
@@ -1583,18 +1642,20 @@ interface ShakeEffectProps {
      * The type of the shake effect
      * @default "horizontal"
      */
-    type?: "horizontal" | "vertical";
+    shakeType?: "horizontal" | "vertical";
     /**
      * The maximum size of the shock.
      * For horizontal type, it is the maximum size of the x axis.
      * For vertical type, it is the maximum size of the y axis.
      * @default 10
      */
-    maximumShockSize?: number;
+    maxShockSize?: number;
 }
 
 declare const canvas: CanvasManagerInterface;
 
+type canvasUtils_AnimationOptions = AnimationOptions;
+type canvasUtils_AnimationSequenceOptions = AnimationSequenceOptions;
 type canvasUtils_CanvasBaseInterface<T2 extends CanvasBaseItemMemory> = CanvasBaseInterface<T2>;
 declare const canvasUtils_CanvasBaseItem: typeof CanvasBaseItem;
 declare const canvasUtils_CanvasBaseItemMemory: typeof CanvasBaseItemMemory;
@@ -1605,6 +1666,7 @@ declare const canvasUtils_CanvasGameState: typeof CanvasGameState;
 type canvasUtils_CanvasManagerInterface = CanvasManagerInterface;
 type canvasUtils_CanvasManagerStatic = CanvasManagerStatic;
 declare const canvasUtils_CanvasManagerStatic: typeof CanvasManagerStatic;
+declare const canvasUtils_CommonTickerProps: typeof CommonTickerProps;
 type canvasUtils_Container<C extends ContainerChild$1 = ContainerChild$1, Memory extends ContainerMemory = ContainerMemory> = Container<C, Memory>;
 declare const canvasUtils_Container: typeof Container;
 declare const canvasUtils_ContainerMemory: typeof ContainerMemory;
@@ -1618,9 +1680,12 @@ type canvasUtils_ImageSprite<Memory extends ImageSpriteMemory = ImageSpriteMemor
 declare const canvasUtils_ImageSprite: typeof ImageSprite;
 type canvasUtils_ImageSpriteMemory = ImageSpriteMemory;
 type canvasUtils_ImageSpriteOptions = ImageSpriteOptions;
+type canvasUtils_KeyframesType<T> = KeyframesType<T>;
 type canvasUtils_MoveInOutProps = MoveInOutProps;
 declare const canvasUtils_MoveTicker: typeof MoveTicker;
 declare const canvasUtils_MoveTickerProps: typeof MoveTickerProps;
+type canvasUtils_ObjectSegment<O extends CanvasBaseInterface<any>> = ObjectSegment<O>;
+type canvasUtils_ObjectSegmentWithTransition<O extends CanvasBaseInterface<any>> = ObjectSegmentWithTransition<O>;
 declare const canvasUtils_PauseType: typeof PauseType;
 type canvasUtils_PushInOutProps = PushInOutProps;
 declare const canvasUtils_RegisteredCanvasComponents: typeof RegisteredCanvasComponents;
@@ -1629,6 +1694,7 @@ declare const canvasUtils_RegisteredTickers: typeof RegisteredTickers;
 declare const canvasUtils_RepeatType: typeof RepeatType;
 declare const canvasUtils_RotateTicker: typeof RotateTicker;
 declare const canvasUtils_RotateTickerProps: typeof RotateTickerProps;
+type canvasUtils_SequenceOptions = SequenceOptions;
 type canvasUtils_ShakeEffectProps = ShakeEffectProps;
 type canvasUtils_ShowWithDissolveTransitionProps = ShowWithDissolveTransitionProps;
 type canvasUtils_ShowWithFadeTransitionProps = ShowWithFadeTransitionProps;
@@ -1646,7 +1712,7 @@ declare const canvasUtils_Ticker: typeof Ticker;
 declare const canvasUtils_TickerArgs: typeof TickerArgs;
 declare const canvasUtils_TickerBase: typeof TickerBase;
 declare const canvasUtils_TickerHistory: typeof TickerHistory;
-declare const canvasUtils_TickerHistoryForExport: typeof TickerHistoryForExport;
+declare const canvasUtils_TickerInfo: typeof TickerInfo;
 declare const canvasUtils_TickerProgrationExponential: typeof TickerProgrationExponential;
 declare const canvasUtils_TickerProgrationLinear: typeof TickerProgrationLinear;
 declare const canvasUtils_TickerProgrationType: typeof TickerProgrationType;
@@ -1663,12 +1729,11 @@ declare const canvasUtils_ZoomTickerProps: typeof ZoomTickerProps;
 declare const canvasUtils_addImage: typeof addImage;
 declare const canvasUtils_addImageCointainer: typeof addImageCointainer;
 declare const canvasUtils_addVideo: typeof addVideo;
+declare const canvasUtils_animate: typeof animate;
 declare const canvasUtils_canvas: typeof canvas;
 declare const canvasUtils_canvasComponentDecorator: typeof canvasComponentDecorator;
 declare const canvasUtils_eventDecorator: typeof eventDecorator;
 declare const canvasUtils_getTexture: typeof getTexture;
-declare const canvasUtils_loadImage: typeof loadImage;
-declare const canvasUtils_loadVideo: typeof loadVideo;
 declare const canvasUtils_moveIn: typeof moveIn;
 declare const canvasUtils_moveOut: typeof moveOut;
 declare const canvasUtils_pushIn: typeof pushIn;
@@ -1685,7 +1750,7 @@ declare const canvasUtils_tickerDecorator: typeof tickerDecorator;
 declare const canvasUtils_zoomIn: typeof zoomIn;
 declare const canvasUtils_zoomOut: typeof zoomOut;
 declare namespace canvasUtils {
-  export { type canvasUtils_CanvasBaseInterface as CanvasBaseInterface, canvasUtils_CanvasBaseItem as CanvasBaseItem, canvasUtils_CanvasBaseItemMemory as CanvasBaseItemMemory, canvasUtils_CanvasEvent as CanvasEvent, type canvasUtils_CanvasEventNamesType as CanvasEventNamesType, canvasUtils_CanvasGameState as CanvasGameState, type canvasUtils_CanvasManagerInterface as CanvasManagerInterface, canvasUtils_CanvasManagerStatic as CanvasManagerStatic, canvasUtils_Container as Container, ContainerChild$1 as ContainerChild, canvasUtils_ContainerMemory as ContainerMemory, canvasUtils_FadeAlphaTicker as FadeAlphaTicker, canvasUtils_FadeAlphaTickerProps as FadeAlphaTickerProps, canvasUtils_ImageContainer as ImageContainer, type canvasUtils_ImageContainerMemory as ImageContainerMemory, type canvasUtils_ImageContainerOptions as ImageContainerOptions, canvasUtils_ImageSprite as ImageSprite, type canvasUtils_ImageSpriteMemory as ImageSpriteMemory, type canvasUtils_ImageSpriteOptions as ImageSpriteOptions, type canvasUtils_MoveInOutProps as MoveInOutProps, canvasUtils_MoveTicker as MoveTicker, canvasUtils_MoveTickerProps as MoveTickerProps, canvasUtils_PauseType as PauseType, type canvasUtils_PushInOutProps as PushInOutProps, canvasUtils_RegisteredCanvasComponents as RegisteredCanvasComponents, canvasUtils_RegisteredEvents as RegisteredEvents, canvasUtils_RegisteredTickers as RegisteredTickers, canvasUtils_RepeatType as RepeatType, canvasUtils_RotateTicker as RotateTicker, canvasUtils_RotateTickerProps as RotateTickerProps, type canvasUtils_ShakeEffectProps as ShakeEffectProps, type canvasUtils_ShowWithDissolveTransitionProps as ShowWithDissolveTransitionProps, type canvasUtils_ShowWithFadeTransitionProps as ShowWithFadeTransitionProps, canvasUtils_Sprite as Sprite, type canvasUtils_SpriteBaseMemory as SpriteBaseMemory, type canvasUtils_SpriteMemory as SpriteMemory, type canvasUtils_SpriteOptions as SpriteOptions, canvasUtils_Text as Text, type canvasUtils_TextMemory as TextMemory, type canvasUtils_TextOptions as TextOptions, type canvasUtils_TextureMemory as TextureMemory, canvasUtils_Ticker as Ticker, canvasUtils_TickerArgs as TickerArgs, canvasUtils_TickerBase as TickerBase, canvasUtils_TickerHistory as TickerHistory, canvasUtils_TickerHistoryForExport as TickerHistoryForExport, canvasUtils_TickerProgrationExponential as TickerProgrationExponential, canvasUtils_TickerProgrationLinear as TickerProgrationLinear, canvasUtils_TickerProgrationType as TickerProgrationType, canvasUtils_TickerTimeoutHistory as TickerTimeoutHistory, canvasUtils_TickerValue as TickerValue, canvasUtils_TickersSequence as TickersSequence, canvasUtils_VideoSprite as VideoSprite, type canvasUtils_VideoSpriteMemory as VideoSpriteMemory, type canvasUtils_VideoSpriteOptions as VideoSpriteOptions, type canvasUtils_ZoomInOutProps as ZoomInOutProps, canvasUtils_ZoomTicker as ZoomTicker, canvasUtils_ZoomTickerProps as ZoomTickerProps, canvasUtils_addImage as addImage, canvasUtils_addImageCointainer as addImageCointainer, canvasUtils_addVideo as addVideo, canvasUtils_canvas as canvas, canvasUtils_canvasComponentDecorator as canvasComponentDecorator, canvasUtils_eventDecorator as eventDecorator, canvasUtils_getTexture as getTexture, canvasUtils_loadImage as loadImage, canvasUtils_loadVideo as loadVideo, canvasUtils_moveIn as moveIn, canvasUtils_moveOut as moveOut, canvasUtils_pushIn as pushIn, canvasUtils_pushOut as pushOut, canvasUtils_removeWithDissolve as removeWithDissolve, canvasUtils_removeWithFade as removeWithFade, canvasUtils_shakeEffect as shakeEffect, canvasUtils_showImage as showImage, canvasUtils_showImageContainer as showImageContainer, canvasUtils_showVideo as showVideo, canvasUtils_showWithDissolve as showWithDissolve, canvasUtils_showWithFade as showWithFade, canvasUtils_tickerDecorator as tickerDecorator, canvasUtils_zoomIn as zoomIn, canvasUtils_zoomOut as zoomOut };
+  export { type canvasUtils_AnimationOptions as AnimationOptions, type canvasUtils_AnimationSequenceOptions as AnimationSequenceOptions, type canvasUtils_CanvasBaseInterface as CanvasBaseInterface, canvasUtils_CanvasBaseItem as CanvasBaseItem, canvasUtils_CanvasBaseItemMemory as CanvasBaseItemMemory, canvasUtils_CanvasEvent as CanvasEvent, type canvasUtils_CanvasEventNamesType as CanvasEventNamesType, canvasUtils_CanvasGameState as CanvasGameState, type canvasUtils_CanvasManagerInterface as CanvasManagerInterface, canvasUtils_CanvasManagerStatic as CanvasManagerStatic, canvasUtils_CommonTickerProps as CommonTickerProps, canvasUtils_Container as Container, ContainerChild$1 as ContainerChild, canvasUtils_ContainerMemory as ContainerMemory, canvasUtils_FadeAlphaTicker as FadeAlphaTicker, canvasUtils_FadeAlphaTickerProps as FadeAlphaTickerProps, canvasUtils_ImageContainer as ImageContainer, type canvasUtils_ImageContainerMemory as ImageContainerMemory, type canvasUtils_ImageContainerOptions as ImageContainerOptions, canvasUtils_ImageSprite as ImageSprite, type canvasUtils_ImageSpriteMemory as ImageSpriteMemory, type canvasUtils_ImageSpriteOptions as ImageSpriteOptions, type canvasUtils_KeyframesType as KeyframesType, type canvasUtils_MoveInOutProps as MoveInOutProps, canvasUtils_MoveTicker as MoveTicker, canvasUtils_MoveTickerProps as MoveTickerProps, type canvasUtils_ObjectSegment as ObjectSegment, type canvasUtils_ObjectSegmentWithTransition as ObjectSegmentWithTransition, canvasUtils_PauseType as PauseType, type canvasUtils_PushInOutProps as PushInOutProps, canvasUtils_RegisteredCanvasComponents as RegisteredCanvasComponents, canvasUtils_RegisteredEvents as RegisteredEvents, canvasUtils_RegisteredTickers as RegisteredTickers, canvasUtils_RepeatType as RepeatType, canvasUtils_RotateTicker as RotateTicker, canvasUtils_RotateTickerProps as RotateTickerProps, type canvasUtils_SequenceOptions as SequenceOptions, type canvasUtils_ShakeEffectProps as ShakeEffectProps, type canvasUtils_ShowWithDissolveTransitionProps as ShowWithDissolveTransitionProps, type canvasUtils_ShowWithFadeTransitionProps as ShowWithFadeTransitionProps, canvasUtils_Sprite as Sprite, type canvasUtils_SpriteBaseMemory as SpriteBaseMemory, type canvasUtils_SpriteMemory as SpriteMemory, type canvasUtils_SpriteOptions as SpriteOptions, canvasUtils_Text as Text, type canvasUtils_TextMemory as TextMemory, type canvasUtils_TextOptions as TextOptions, type canvasUtils_TextureMemory as TextureMemory, canvasUtils_Ticker as Ticker, canvasUtils_TickerArgs as TickerArgs, canvasUtils_TickerBase as TickerBase, canvasUtils_TickerHistory as TickerHistory, canvasUtils_TickerInfo as TickerInfo, canvasUtils_TickerProgrationExponential as TickerProgrationExponential, canvasUtils_TickerProgrationLinear as TickerProgrationLinear, canvasUtils_TickerProgrationType as TickerProgrationType, canvasUtils_TickerTimeoutHistory as TickerTimeoutHistory, canvasUtils_TickerValue as TickerValue, canvasUtils_TickersSequence as TickersSequence, canvasUtils_VideoSprite as VideoSprite, type canvasUtils_VideoSpriteMemory as VideoSpriteMemory, type canvasUtils_VideoSpriteOptions as VideoSpriteOptions, type canvasUtils_ZoomInOutProps as ZoomInOutProps, canvasUtils_ZoomTicker as ZoomTicker, canvasUtils_ZoomTickerProps as ZoomTickerProps, canvasUtils_addImage as addImage, canvasUtils_addImageCointainer as addImageCointainer, canvasUtils_addVideo as addVideo, canvasUtils_animate as animate, canvasUtils_canvas as canvas, canvasUtils_canvasComponentDecorator as canvasComponentDecorator, canvasUtils_eventDecorator as eventDecorator, canvasUtils_getTexture as getTexture, canvasUtils_moveIn as moveIn, canvasUtils_moveOut as moveOut, canvasUtils_pushIn as pushIn, canvasUtils_pushOut as pushOut, canvasUtils_removeWithDissolve as removeWithDissolve, canvasUtils_removeWithFade as removeWithFade, canvasUtils_shakeEffect as shakeEffect, canvasUtils_showImage as showImage, canvasUtils_showImageContainer as showImageContainer, canvasUtils_showVideo as showVideo, canvasUtils_showWithDissolve as showWithDissolve, canvasUtils_showWithFade as showWithFade, canvasUtils_tickerDecorator as tickerDecorator, canvasUtils_zoomIn as zoomIn, canvasUtils_zoomOut as zoomOut };
 }
 
-export { type ZoomInOutProps as $, addVideo as A, loadVideo as B, type CanvasManagerInterface as C, showVideo as D, type ImageContainerOptions as E, type ImageSpriteOptions as F, type SpriteOptions as G, type TextOptions as H, ImageContainer as I, type VideoSpriteOptions as J, type CanvasBaseInterface as K, type ShakeEffectProps as L, type ImageContainerMemory as M, type ImageSpriteMemory as N, type SpriteBaseMemory as O, type SpriteMemory as P, type TextMemory as Q, RegisteredCanvasComponents as R, Sprite as S, Text as T, type VideoSpriteMemory as U, VideoSprite as V, type TextureMemory as W, type MoveInOutProps as X, type PushInOutProps as Y, type ShowWithDissolveTransitionProps as Z, type ShowWithFadeTransitionProps as _, canvas as a, type CanvasEventNamesType as a0, CanvasEvent as b, canvasUtils as c, CanvasManagerStatic as d, Container as e, ImageSprite as f, canvasComponentDecorator as g, eventDecorator as h, RegisteredEvents as i, moveOut as j, pushOut as k, removeWithFade as l, moveIn as m, showWithDissolve as n, showWithFade as o, pushIn as p, zoomOut as q, removeWithDissolve as r, shakeEffect as s, addImageCointainer as t, showImageContainer as u, addImage as v, loadImage as w, showImage as x, getTexture as y, zoomIn as z };
+export { type AnimationSequenceOptions as $, showVideo as A, type ImageContainerOptions as B, type CanvasManagerInterface as C, type ImageSpriteOptions as D, type SpriteOptions as E, type TextOptions as F, type VideoSpriteOptions as G, type CanvasBaseInterface as H, ImageContainer as I, type ShakeEffectProps as J, type ImageContainerMemory as K, type ImageSpriteMemory as L, type SpriteBaseMemory as M, type SpriteMemory as N, type TextMemory as O, type VideoSpriteMemory as P, type TextureMemory as Q, RegisteredCanvasComponents as R, Sprite as S, Text as T, type MoveInOutProps as U, VideoSprite as V, type PushInOutProps as W, type ShowWithDissolveTransitionProps as X, type ShowWithFadeTransitionProps as Y, type ZoomInOutProps as Z, type AnimationOptions as _, canvas as a, type KeyframesType as a0, type ObjectSegment as a1, type ObjectSegmentWithTransition as a2, type SequenceOptions as a3, type CanvasEventNamesType as a4, CanvasEvent as b, canvasUtils as c, CanvasManagerStatic as d, Container as e, ImageSprite as f, canvasComponentDecorator as g, eventDecorator as h, RegisteredEvents as i, moveOut as j, pushOut as k, removeWithFade as l, moveIn as m, showWithDissolve as n, showWithFade as o, pushIn as p, zoomOut as q, removeWithDissolve as r, shakeEffect as s, addImageCointainer as t, showImageContainer as u, addImage as v, showImage as w, getTexture as x, addVideo as y, zoomIn as z };