@drincs/pixi-vn 1.5.13 → 1.5.18

package/dist/canvas.d.cts

@@ -1,17 +1,32 @@
 import * as _drincs_pixi_vn_pixi_js from '@drincs/pixi-vn/pixi.js';
 import _drincs_pixi_vn_pixi_js__default, { Container as Container$1, ContainerChild as ContainerChild$1, Ticker as Ticker$1, UPDATE_PRIORITY as UPDATE_PRIORITY$1, Application, Rectangle as Rectangle$1, ApplicationOptions, PointData, ContainerOptions as ContainerOptions$1, SpriteOptions as SpriteOptions$1, CanvasTextOptions, Texture as Texture$1, TextureSourceLike, ContainerEvents, EventEmitter, ObservablePoint, TextureSource, TextOptions as TextOptions$1 } from '@drincs/pixi-vn/pixi.js';
 export { TextureSourceLike, Ticker as TickerValue } from '@drincs/pixi-vn/pixi.js';
+import { ObjectTarget, AnimationOptions as AnimationOptions$1, At, SequenceOptions as SequenceOptions$1 } from 'motion';
+export { AnimationOptions as MotionAnimationOptions } from 'motion';
 import { Devtools } from '@pixi/devtools';
-import { AnimationOptions as AnimationOptions$1, At, ObjectTarget, AnimationPlaybackControlsWithThen, ObjectSegment as ObjectSegment$1, SequenceOptions as SequenceOptions$1 } from 'motion';
-export { At, AnimationOptions as MotionAnimationOptions } from 'motion';
 
-type Layer = Container$1<ContainerChild$1>;
+interface MotionComponentExtension {
+    pivot?: number;
+    pivotX?: number;
+    pivotY?: number;
+    scale?: number;
+    scaleX?: number;
+    scaleY?: number;
+}
 
-/**
- * is a string that represents a ticker id.
- * It is used to {@link canvas.tickers} to get the ticker class.
- */
-type TickerIdType = string;
+type AnimationOptionsCommon = Omit<AnimationOptions$1, "onComplete" | "onPlay" | "onStop" | "onUpdate" | "onRepeat">;
+
+type AnimationOptions = AnimationOptionsCommon & Omit<CommonTickerProps, "startOnlyIfHaveTexture">;
+
+type KeyframesType<T> = ObjectTarget<T> & MotionComponentExtension;
+type SequenceOptions = SequenceOptions$1 & Omit<CommonTickerProps, "startOnlyIfHaveTexture">;
+type ObjectSegment<O extends CanvasBaseInterface<any>> = [ObjectTarget<O> & MotionComponentExtension];
+type ObjectSegmentWithTransition<O extends CanvasBaseInterface<any>> = [
+    ObjectTarget<O> & MotionComponentExtension,
+    AnimationOptions & At
+];
+
+type Layer = Container$1<ContainerChild$1>;
 
 interface TickerArgs {
 }
@@ -74,7 +89,7 @@ declare abstract class TickerBase<TArgs extends TickerArgs> implements Ticker<TA
          */
         canvasElementAliases?: string[];
     });
-    readonly alias: TickerIdType;
+    readonly alias: string;
     readonly id: string;
     args: TArgs;
     duration?: number;
@@ -118,7 +133,7 @@ interface Ticker<TArgs extends TickerArgs> {
     /**
      * Get the alias of the ticker class. This variable is used in the system to get the ticker class by id, {@link RegisteredTickers.getInstance}
      */
-    readonly alias: TickerIdType;
+    readonly alias: string;
     /**
      * The id of the ticker. Must be unique for each ticker instance.
      */
@@ -163,7 +178,7 @@ interface Ticker<TArgs extends TickerArgs> {
  * @param name is th identifier of the label, by default is the name of the class
  * @returns
  */
-declare function tickerDecorator(name?: TickerIdType): (target: {
+declare function tickerDecorator(name?: string): (target: {
     new (args: any, options?: {
         duration?: number;
         priority?: UPDATE_PRIORITY$1;
@@ -184,13 +199,13 @@ declare namespace RegisteredTickers {
             id?: string;
             canvasElementAliases?: string[];
         }): Ticker<any>;
-    }, name?: TickerIdType): void;
+    }, name?: string): void;
     /**
      * Get a ticker by the id.
      * @param canvasId The id of the ticker.
      * @returns The ticker type.
      */
-    function get<T = Ticker<any>>(tickerId: TickerIdType): T | undefined;
+    function get<T = Ticker<any>>(tickerId: string): T | undefined;
     /**
      * Get a ticker instance by the id.
      * @param tickerId The id of the ticker.
@@ -199,7 +214,7 @@ declare namespace RegisteredTickers {
      * @param priority The priority of the ticker. If is undefined, the priority will be UPDATE_PRIORITY.NORMAL.
      * @returns The instance of the ticker
      */
-    function getInstance<TArgs extends TickerArgs>(tickerId: TickerIdType, args: TArgs, options?: {
+    function getInstance<TArgs extends TickerArgs>(tickerId: string, args: TArgs, options?: {
         duration?: number;
         priority?: UPDATE_PRIORITY$1;
         id?: string;
@@ -230,71 +245,6 @@ declare namespace RegisteredTickers {
     function keys(): string[];
 }
 
-type SegmentOptions = AnimationOptions$1 & At;
-type ObjectSegmentWithTransition$1<O extends {} = {}> = [O, ObjectTarget<O>, SegmentOptions];
-/**
- * Create a motion driver that integrates with the PixiJS ticker. This driver will allow you to use motion's animation capabilities while ensuring that animations are synchronized with the PixiJS rendering loop.
- * @param ticker - The PixiJS ticker to integrate with. If not provided, a new ticker will be created.
- * @returns An object that implements the motion driver interface, allowing you to start, stop, and control animations using the PixiJS ticker.
- * @example
- * const ticker = new PIXI.Ticker();
- * const driver = motionDriver(ticker);
- * const animation = animate(mySprite, { x: 100 }, { duration: 1, driver });
- * animation.start();
- */
-declare const motionDriver: (ticker: Ticker$1) => AnimationOptions$1["driver"];
-/**
- * Animate a PixiJS 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 **not** keep track of the animation state of this function (This feature is intended for animating PixiJS components used for UI.).
- * If you want Pixi'VN to save the animation state in saves, use the {@link canvas.animate} function instead.
- * @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.
- * @returns An animation playback control object that can be used to start, stop, or control the animation.
- * @template T - The type of PixiJS component(s) being animated.
- */
-declare function animate<T extends {}>(components: T | T[], keyframes: ObjectTarget<T>, options?: AnimationOptions$1 & {
-    ticker?: Ticker$1;
-}): AnimationPlaybackControlsWithThen;
-/**
- * Animate a sequence of PixiJS components with transitions using [motion's animate](https://motion.dev/docs/animate) function.
- * This function allows for complex animations involving multiple components and transitions.
- * It integrates with the PixiJS ticker to ensure smooth animations.
- * This function is intended for animating PixiJS components used for UI.
- *
- * Pixi’VN will **not** keep track of the animation state of this function (This feature is intended for animating PixiJS components used for UI.).
- * If you want Pixi'VN to save the animation state in saves, use the {@link canvas.animate} function instead
- *
- * @param sequence An array of segments to animate, where each segment is an array containing:
- * - The PixiJS component to animate.
- * - The keyframes to animate the component with.
- * - An options object that can include animation options and a ticker.
- * @param options Additional options for the sequence, such as duration and repeat count.
- * @returns An animation playback control object that can be used to start, stop, or control the animation.
- * @template T - The type of PixiJS component(s) being animated.
- */
-declare function animate<T extends {}>(sequence: (ObjectSegment$1<T> | ObjectSegmentWithTransition$1<T>)[], options?: SequenceOptions$1 & {
-    ticker?: Ticker$1;
-    driver?: any;
-}): AnimationPlaybackControlsWithThen;
-/**
- * Create a timeline for running a sequence of functions with transitions. Each function will be called with the provided arguments and will run for the specified duration.
- * @example
- * timeline([
- *     { duration: 10, onComplete: () => console.log("First step completed") },
- *     { duration: 5, onComplete: () => console.log("Second step completed") },
- * ]);
- * @param times
- * @param options
- * @returns
- */
-declare function timeline(times: SegmentOptions[], options?: SequenceOptions$1 & {
-    ticker?: Ticker$1;
-    driver?: any;
-}): AnimationPlaybackControlsWithThen;
-
 /**
  * TickerHistory is a class that contains the name of a class and the arguments that were used to create it.
  */
@@ -309,7 +259,7 @@ interface TickerInfo<TArgs extends TickerArgs> {
     ticker: Ticker<TArgs>;
 }
 interface TickerHistory<TArgs extends TickerArgs> {
-    id: TickerIdType;
+    id: string;
     args: TArgs;
     /**
      * The aliases of the canvas elements that are connected to this ticker
@@ -475,33 +425,12 @@ declare class CanvasBaseItem<T2 extends CanvasBaseItemMemory> {
  */
 interface CanvasBaseItemMemory {
     pixivnId: string;
+    zIndex?: number;
 }
 
 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 AnimationOptionsCommon = Omit<AnimationOptions$1, "onComplete" | "onPlay" | "onStop" | "onUpdate" | "onRepeat">;
-
-type AnimationOptions = AnimationOptionsCommon & 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> & MotionComponentExtension];
-type ObjectSegmentWithTransition<O extends CanvasBaseInterface<any>> = [
-    ObjectTarget<O> & MotionComponentExtension,
-    AnimationOptions & At
-];
-
 type PauseTickerType = {
     /**
      * Ticker ids excluded
@@ -529,6 +458,9 @@ interface CanvasGameState {
         [alias: string]: CanvasBaseItemMemory;
     };
     stage: Partial<ContainerMemory>;
+    /**
+     * @deprecated
+     */
     elementAliasesOrder: string[];
     /**
      * @deprecated
@@ -615,9 +547,17 @@ interface CanvasManagerInterface {
      * Copy the properties of an old canvas element to a new canvas element.
      * @param oldAlias Old alias
      * @param newAlias New alias
+     * @param options The options of the copy.
      * @returns
      */
-    copyCanvasElementProperty<T extends CanvasBaseItemMemory>(oldAlias: T | CanvasBaseInterface<T> | string, newAlias: CanvasBaseInterface<T> | string): Promise<void>;
+    copyCanvasElementProperty<T extends CanvasBaseItemMemory>(oldAlias: T | CanvasBaseInterface<T> | string, newAlias: CanvasBaseInterface<T> | string, options?: {
+        /**
+         * If provided, the properties returned by this function will not be copied from the old canvas element to the new canvas element.
+         * @param defaultProperties The default properties that will be ignored.
+         * @returns The properties that will be ignored.
+         */
+        ignoreProperties?: (defaultProperties: string[]) => string[];
+    }): Promise<void>;
     /**
      * Transfer the tickers from an old alias to a new alias.
      * @param oldAlias Old alias
@@ -1395,6 +1335,7 @@ declare class VideoSprite extends ImageSprite<VideoSpriteMemory> {
  */
 interface ContainerMemory<C extends ContainerChild = ContainerChild> extends ContainerOptions$1<C>, CanvasBaseItemMemory, ListenerExtensionMemory, AdditionalPositionsExtensionProps {
     elements: CanvasBaseItemMemory[];
+    index?: number;
 }
 
 /**
@@ -2045,7 +1986,7 @@ declare function showImageContainer(alias: string, imageUrls: string[], options?
 /**
  * Add a image in the canvas.
  * Is the same that {@link showImage}, but the image is not shown.
- * If you want to show the image, then you need to use the function {@link ImageSprite.load()}.
+ * If you want to show the image, then you need to use the function {@link ImageSprite.load}.
  * @param alias is the unique alias of the image. You can use this alias to refer to this image
  * @param imageUrl is the url of the image. If you don't provide the url, then the alias is used as the url.
  * @param options The options of the image.
@@ -2157,4 +2098,4 @@ declare const UPDATE_PRIORITY: typeof _drincs_pixi_vn_pixi_js.UPDATE_PRIORITY;
 
 declare const canvas: CanvasManagerInterface;
 
-export { type AdditionalPositionsExtension, type AdditionalPositionsExtensionProps, type AnchorExtension, type AnchorExtensionProps, type AnimationOptions, type AnimationOptionsCommon, type AnimationSequenceOptions, type AssetMemory, Assets, type CanvasBaseInterface, CanvasBaseItem, type CanvasBaseItemMemory, type CanvasGameState, type CanvasManagerInterface, CanvasManagerStatic, CanvasPropertyUtility, Color, type CommonTickerProps, Container, type ContainerChild, type ContainerMemory, type ContainerOptions, ImageContainer, type ImageContainerMemory, type ImageContainerOptions, ImageSprite, type ImageSpriteMemory, type ImageSpriteOptions, type KeyframesType, type Layer, type ListenerExtension, type ListenerExtensionMemory, type MoveInOutProps, type ObjectSegment, type ObjectSegmentWithTransition, type OnEventsHandlers, type PauseType, type PushInOutProps, Rectangle, RegisteredCanvasComponents, RegisteredEvents, RegisteredTickers, type RepeatType, type SegmentOptions, type SequenceOptions, type ShakeEffectProps, type ShowWithDissolveTransitionProps, type ShowWithFadeTransitionProps, Sprite, type SpriteBaseMemory, type SpriteMemory, type SpriteOptions, Text, type TextMemory, type TextOptions, TextStyle, Texture, type Ticker, type TickerArgs, TickerBase, type TickerHistory, type TickerInfo, type TickerProgrationExponential, type TickerProgrationLinear, type TickerProgrationType, type TickerTimeoutHistory, type TickersSequence, UPDATE_PRIORITY, VideoSprite, type VideoSpriteMemory, type VideoSpriteOptions, type ZoomInOutProps, addImage, addImageCointainer, addListenerHandler, addVideo, analizePositionsExtensionProps, animate, canvas, canvasComponentDecorator, eventDecorator, getTexture, motionDriver, moveIn, moveOut, pushIn, pushOut, removeWithDissolve, removeWithFade, setMemoryContainer, shakeEffect, showImage, showImageContainer, showText, showVideo, showWithDissolve, showWithFade, tickerDecorator, timeline, zoomIn, zoomOut };
+export { type AdditionalPositionsExtension, type AdditionalPositionsExtensionProps, type AnchorExtension, type AnchorExtensionProps, type AssetMemory, Assets, type CanvasBaseInterface, CanvasBaseItem, type CanvasBaseItemMemory, type CanvasGameState, type CanvasManagerInterface, CanvasManagerStatic, CanvasPropertyUtility, Color, type CommonTickerProps, Container, type ContainerChild, type ContainerMemory, type ContainerOptions, ImageContainer, type ImageContainerMemory, type ImageContainerOptions, ImageSprite, type ImageSpriteMemory, type ImageSpriteOptions, type Layer, type ListenerExtension, type ListenerExtensionMemory, type MoveInOutProps, type OnEventsHandlers, type PauseType, type PushInOutProps, Rectangle, RegisteredCanvasComponents, RegisteredEvents, RegisteredTickers, type RepeatType, type ShakeEffectProps, type ShowWithDissolveTransitionProps, type ShowWithFadeTransitionProps, Sprite, type SpriteBaseMemory, type SpriteMemory, type SpriteOptions, Text, type TextMemory, type TextOptions, TextStyle, Texture, type Ticker, type TickerArgs, TickerBase, type TickerHistory, type TickerInfo, type TickerProgrationExponential, type TickerProgrationLinear, type TickerProgrationType, type TickerTimeoutHistory, type TickersSequence, UPDATE_PRIORITY, VideoSprite, type VideoSpriteMemory, type VideoSpriteOptions, type ZoomInOutProps, addImage, addImageCointainer, addListenerHandler, addVideo, analizePositionsExtensionProps, canvas, canvasComponentDecorator, eventDecorator, getTexture, moveIn, moveOut, pushIn, pushOut, removeWithDissolve, removeWithFade, setMemoryContainer, shakeEffect, showImage, showImageContainer, showText, showVideo, showWithDissolve, showWithFade, tickerDecorator, zoomIn, zoomOut };

package/dist/canvas.d.ts

@@ -1,17 +1,32 @@
 import * as _drincs_pixi_vn_pixi_js from '@drincs/pixi-vn/pixi.js';
 import _drincs_pixi_vn_pixi_js__default, { Container as Container$1, ContainerChild as ContainerChild$1, Ticker as Ticker$1, UPDATE_PRIORITY as UPDATE_PRIORITY$1, Application, Rectangle as Rectangle$1, ApplicationOptions, PointData, ContainerOptions as ContainerOptions$1, SpriteOptions as SpriteOptions$1, CanvasTextOptions, Texture as Texture$1, TextureSourceLike, ContainerEvents, EventEmitter, ObservablePoint, TextureSource, TextOptions as TextOptions$1 } from '@drincs/pixi-vn/pixi.js';
 export { TextureSourceLike, Ticker as TickerValue } from '@drincs/pixi-vn/pixi.js';
+import { ObjectTarget, AnimationOptions as AnimationOptions$1, At, SequenceOptions as SequenceOptions$1 } from 'motion';
+export { AnimationOptions as MotionAnimationOptions } from 'motion';
 import { Devtools } from '@pixi/devtools';
-import { AnimationOptions as AnimationOptions$1, At, ObjectTarget, AnimationPlaybackControlsWithThen, ObjectSegment as ObjectSegment$1, SequenceOptions as SequenceOptions$1 } from 'motion';
-export { At, AnimationOptions as MotionAnimationOptions } from 'motion';
 
-type Layer = Container$1<ContainerChild$1>;
+interface MotionComponentExtension {
+    pivot?: number;
+    pivotX?: number;
+    pivotY?: number;
+    scale?: number;
+    scaleX?: number;
+    scaleY?: number;
+}
 
-/**
- * is a string that represents a ticker id.
- * It is used to {@link canvas.tickers} to get the ticker class.
- */
-type TickerIdType = string;
+type AnimationOptionsCommon = Omit<AnimationOptions$1, "onComplete" | "onPlay" | "onStop" | "onUpdate" | "onRepeat">;
+
+type AnimationOptions = AnimationOptionsCommon & Omit<CommonTickerProps, "startOnlyIfHaveTexture">;
+
+type KeyframesType<T> = ObjectTarget<T> & MotionComponentExtension;
+type SequenceOptions = SequenceOptions$1 & Omit<CommonTickerProps, "startOnlyIfHaveTexture">;
+type ObjectSegment<O extends CanvasBaseInterface<any>> = [ObjectTarget<O> & MotionComponentExtension];
+type ObjectSegmentWithTransition<O extends CanvasBaseInterface<any>> = [
+    ObjectTarget<O> & MotionComponentExtension,
+    AnimationOptions & At
+];
+
+type Layer = Container$1<ContainerChild$1>;
 
 interface TickerArgs {
 }
@@ -74,7 +89,7 @@ declare abstract class TickerBase<TArgs extends TickerArgs> implements Ticker<TA
          */
         canvasElementAliases?: string[];
     });
-    readonly alias: TickerIdType;
+    readonly alias: string;
     readonly id: string;
     args: TArgs;
     duration?: number;
@@ -118,7 +133,7 @@ interface Ticker<TArgs extends TickerArgs> {
     /**
      * Get the alias of the ticker class. This variable is used in the system to get the ticker class by id, {@link RegisteredTickers.getInstance}
      */
-    readonly alias: TickerIdType;
+    readonly alias: string;
     /**
      * The id of the ticker. Must be unique for each ticker instance.
      */
@@ -163,7 +178,7 @@ interface Ticker<TArgs extends TickerArgs> {
  * @param name is th identifier of the label, by default is the name of the class
  * @returns
  */
-declare function tickerDecorator(name?: TickerIdType): (target: {
+declare function tickerDecorator(name?: string): (target: {
     new (args: any, options?: {
         duration?: number;
         priority?: UPDATE_PRIORITY$1;
@@ -184,13 +199,13 @@ declare namespace RegisteredTickers {
             id?: string;
             canvasElementAliases?: string[];
         }): Ticker<any>;
-    }, name?: TickerIdType): void;
+    }, name?: string): void;
     /**
      * Get a ticker by the id.
      * @param canvasId The id of the ticker.
      * @returns The ticker type.
      */
-    function get<T = Ticker<any>>(tickerId: TickerIdType): T | undefined;
+    function get<T = Ticker<any>>(tickerId: string): T | undefined;
     /**
      * Get a ticker instance by the id.
      * @param tickerId The id of the ticker.
@@ -199,7 +214,7 @@ declare namespace RegisteredTickers {
      * @param priority The priority of the ticker. If is undefined, the priority will be UPDATE_PRIORITY.NORMAL.
      * @returns The instance of the ticker
      */
-    function getInstance<TArgs extends TickerArgs>(tickerId: TickerIdType, args: TArgs, options?: {
+    function getInstance<TArgs extends TickerArgs>(tickerId: string, args: TArgs, options?: {
         duration?: number;
         priority?: UPDATE_PRIORITY$1;
         id?: string;
@@ -230,71 +245,6 @@ declare namespace RegisteredTickers {
     function keys(): string[];
 }
 
-type SegmentOptions = AnimationOptions$1 & At;
-type ObjectSegmentWithTransition$1<O extends {} = {}> = [O, ObjectTarget<O>, SegmentOptions];
-/**
- * Create a motion driver that integrates with the PixiJS ticker. This driver will allow you to use motion's animation capabilities while ensuring that animations are synchronized with the PixiJS rendering loop.
- * @param ticker - The PixiJS ticker to integrate with. If not provided, a new ticker will be created.
- * @returns An object that implements the motion driver interface, allowing you to start, stop, and control animations using the PixiJS ticker.
- * @example
- * const ticker = new PIXI.Ticker();
- * const driver = motionDriver(ticker);
- * const animation = animate(mySprite, { x: 100 }, { duration: 1, driver });
- * animation.start();
- */
-declare const motionDriver: (ticker: Ticker$1) => AnimationOptions$1["driver"];
-/**
- * Animate a PixiJS 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 **not** keep track of the animation state of this function (This feature is intended for animating PixiJS components used for UI.).
- * If you want Pixi'VN to save the animation state in saves, use the {@link canvas.animate} function instead.
- * @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.
- * @returns An animation playback control object that can be used to start, stop, or control the animation.
- * @template T - The type of PixiJS component(s) being animated.
- */
-declare function animate<T extends {}>(components: T | T[], keyframes: ObjectTarget<T>, options?: AnimationOptions$1 & {
-    ticker?: Ticker$1;
-}): AnimationPlaybackControlsWithThen;
-/**
- * Animate a sequence of PixiJS components with transitions using [motion's animate](https://motion.dev/docs/animate) function.
- * This function allows for complex animations involving multiple components and transitions.
- * It integrates with the PixiJS ticker to ensure smooth animations.
- * This function is intended for animating PixiJS components used for UI.
- *
- * Pixi’VN will **not** keep track of the animation state of this function (This feature is intended for animating PixiJS components used for UI.).
- * If you want Pixi'VN to save the animation state in saves, use the {@link canvas.animate} function instead
- *
- * @param sequence An array of segments to animate, where each segment is an array containing:
- * - The PixiJS component to animate.
- * - The keyframes to animate the component with.
- * - An options object that can include animation options and a ticker.
- * @param options Additional options for the sequence, such as duration and repeat count.
- * @returns An animation playback control object that can be used to start, stop, or control the animation.
- * @template T - The type of PixiJS component(s) being animated.
- */
-declare function animate<T extends {}>(sequence: (ObjectSegment$1<T> | ObjectSegmentWithTransition$1<T>)[], options?: SequenceOptions$1 & {
-    ticker?: Ticker$1;
-    driver?: any;
-}): AnimationPlaybackControlsWithThen;
-/**
- * Create a timeline for running a sequence of functions with transitions. Each function will be called with the provided arguments and will run for the specified duration.
- * @example
- * timeline([
- *     { duration: 10, onComplete: () => console.log("First step completed") },
- *     { duration: 5, onComplete: () => console.log("Second step completed") },
- * ]);
- * @param times
- * @param options
- * @returns
- */
-declare function timeline(times: SegmentOptions[], options?: SequenceOptions$1 & {
-    ticker?: Ticker$1;
-    driver?: any;
-}): AnimationPlaybackControlsWithThen;
-
 /**
  * TickerHistory is a class that contains the name of a class and the arguments that were used to create it.
  */
@@ -309,7 +259,7 @@ interface TickerInfo<TArgs extends TickerArgs> {
     ticker: Ticker<TArgs>;
 }
 interface TickerHistory<TArgs extends TickerArgs> {
-    id: TickerIdType;
+    id: string;
     args: TArgs;
     /**
      * The aliases of the canvas elements that are connected to this ticker
@@ -475,33 +425,12 @@ declare class CanvasBaseItem<T2 extends CanvasBaseItemMemory> {
  */
 interface CanvasBaseItemMemory {
     pixivnId: string;
+    zIndex?: number;
 }
 
 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 AnimationOptionsCommon = Omit<AnimationOptions$1, "onComplete" | "onPlay" | "onStop" | "onUpdate" | "onRepeat">;
-
-type AnimationOptions = AnimationOptionsCommon & 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> & MotionComponentExtension];
-type ObjectSegmentWithTransition<O extends CanvasBaseInterface<any>> = [
-    ObjectTarget<O> & MotionComponentExtension,
-    AnimationOptions & At
-];
-
 type PauseTickerType = {
     /**
      * Ticker ids excluded
@@ -529,6 +458,9 @@ interface CanvasGameState {
         [alias: string]: CanvasBaseItemMemory;
     };
     stage: Partial<ContainerMemory>;
+    /**
+     * @deprecated
+     */
     elementAliasesOrder: string[];
     /**
      * @deprecated
@@ -615,9 +547,17 @@ interface CanvasManagerInterface {
      * Copy the properties of an old canvas element to a new canvas element.
      * @param oldAlias Old alias
      * @param newAlias New alias
+     * @param options The options of the copy.
      * @returns
      */
-    copyCanvasElementProperty<T extends CanvasBaseItemMemory>(oldAlias: T | CanvasBaseInterface<T> | string, newAlias: CanvasBaseInterface<T> | string): Promise<void>;
+    copyCanvasElementProperty<T extends CanvasBaseItemMemory>(oldAlias: T | CanvasBaseInterface<T> | string, newAlias: CanvasBaseInterface<T> | string, options?: {
+        /**
+         * If provided, the properties returned by this function will not be copied from the old canvas element to the new canvas element.
+         * @param defaultProperties The default properties that will be ignored.
+         * @returns The properties that will be ignored.
+         */
+        ignoreProperties?: (defaultProperties: string[]) => string[];
+    }): Promise<void>;
     /**
      * Transfer the tickers from an old alias to a new alias.
      * @param oldAlias Old alias
@@ -1395,6 +1335,7 @@ declare class VideoSprite extends ImageSprite<VideoSpriteMemory> {
  */
 interface ContainerMemory<C extends ContainerChild = ContainerChild> extends ContainerOptions$1<C>, CanvasBaseItemMemory, ListenerExtensionMemory, AdditionalPositionsExtensionProps {
     elements: CanvasBaseItemMemory[];
+    index?: number;
 }
 
 /**
@@ -2045,7 +1986,7 @@ declare function showImageContainer(alias: string, imageUrls: string[], options?
 /**
  * Add a image in the canvas.
  * Is the same that {@link showImage}, but the image is not shown.
- * If you want to show the image, then you need to use the function {@link ImageSprite.load()}.
+ * If you want to show the image, then you need to use the function {@link ImageSprite.load}.
  * @param alias is the unique alias of the image. You can use this alias to refer to this image
  * @param imageUrl is the url of the image. If you don't provide the url, then the alias is used as the url.
  * @param options The options of the image.
@@ -2157,4 +2098,4 @@ declare const UPDATE_PRIORITY: typeof _drincs_pixi_vn_pixi_js.UPDATE_PRIORITY;
 
 declare const canvas: CanvasManagerInterface;
 
-export { type AdditionalPositionsExtension, type AdditionalPositionsExtensionProps, type AnchorExtension, type AnchorExtensionProps, type AnimationOptions, type AnimationOptionsCommon, type AnimationSequenceOptions, type AssetMemory, Assets, type CanvasBaseInterface, CanvasBaseItem, type CanvasBaseItemMemory, type CanvasGameState, type CanvasManagerInterface, CanvasManagerStatic, CanvasPropertyUtility, Color, type CommonTickerProps, Container, type ContainerChild, type ContainerMemory, type ContainerOptions, ImageContainer, type ImageContainerMemory, type ImageContainerOptions, ImageSprite, type ImageSpriteMemory, type ImageSpriteOptions, type KeyframesType, type Layer, type ListenerExtension, type ListenerExtensionMemory, type MoveInOutProps, type ObjectSegment, type ObjectSegmentWithTransition, type OnEventsHandlers, type PauseType, type PushInOutProps, Rectangle, RegisteredCanvasComponents, RegisteredEvents, RegisteredTickers, type RepeatType, type SegmentOptions, type SequenceOptions, type ShakeEffectProps, type ShowWithDissolveTransitionProps, type ShowWithFadeTransitionProps, Sprite, type SpriteBaseMemory, type SpriteMemory, type SpriteOptions, Text, type TextMemory, type TextOptions, TextStyle, Texture, type Ticker, type TickerArgs, TickerBase, type TickerHistory, type TickerInfo, type TickerProgrationExponential, type TickerProgrationLinear, type TickerProgrationType, type TickerTimeoutHistory, type TickersSequence, UPDATE_PRIORITY, VideoSprite, type VideoSpriteMemory, type VideoSpriteOptions, type ZoomInOutProps, addImage, addImageCointainer, addListenerHandler, addVideo, analizePositionsExtensionProps, animate, canvas, canvasComponentDecorator, eventDecorator, getTexture, motionDriver, moveIn, moveOut, pushIn, pushOut, removeWithDissolve, removeWithFade, setMemoryContainer, shakeEffect, showImage, showImageContainer, showText, showVideo, showWithDissolve, showWithFade, tickerDecorator, timeline, zoomIn, zoomOut };
+export { type AdditionalPositionsExtension, type AdditionalPositionsExtensionProps, type AnchorExtension, type AnchorExtensionProps, type AssetMemory, Assets, type CanvasBaseInterface, CanvasBaseItem, type CanvasBaseItemMemory, type CanvasGameState, type CanvasManagerInterface, CanvasManagerStatic, CanvasPropertyUtility, Color, type CommonTickerProps, Container, type ContainerChild, type ContainerMemory, type ContainerOptions, ImageContainer, type ImageContainerMemory, type ImageContainerOptions, ImageSprite, type ImageSpriteMemory, type ImageSpriteOptions, type Layer, type ListenerExtension, type ListenerExtensionMemory, type MoveInOutProps, type OnEventsHandlers, type PauseType, type PushInOutProps, Rectangle, RegisteredCanvasComponents, RegisteredEvents, RegisteredTickers, type RepeatType, type ShakeEffectProps, type ShowWithDissolveTransitionProps, type ShowWithFadeTransitionProps, Sprite, type SpriteBaseMemory, type SpriteMemory, type SpriteOptions, Text, type TextMemory, type TextOptions, TextStyle, Texture, type Ticker, type TickerArgs, TickerBase, type TickerHistory, type TickerInfo, type TickerProgrationExponential, type TickerProgrationLinear, type TickerProgrationType, type TickerTimeoutHistory, type TickersSequence, UPDATE_PRIORITY, VideoSprite, type VideoSpriteMemory, type VideoSpriteOptions, type ZoomInOutProps, addImage, addImageCointainer, addListenerHandler, addVideo, analizePositionsExtensionProps, canvas, canvasComponentDecorator, eventDecorator, getTexture, moveIn, moveOut, pushIn, pushOut, removeWithDissolve, removeWithFade, setMemoryContainer, shakeEffect, showImage, showImageContainer, showText, showVideo, showWithDissolve, showWithFade, tickerDecorator, zoomIn, zoomOut };