@drincs/pixi-vn 1.8.4 → 1.8.7

package/dist/canvas.d.cts

@@ -1,40 +1,16 @@
 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';
+import _drincs_pixi_vn_pixi_js__default, { Container as Container$1, ContainerChild, Ticker, 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 { KeyframesType, AnimationOptions, ObjectSegment, ObjectSegmentWithTransition, SequenceOptions } from '@drincs/pixi-vn/motion';
 import { Devtools } from '@pixi/devtools';
+import { g as TickerArgs, T as Ticker$1, b as CanvasBaseItemMemory, C as CanvasBaseItem, i as TickerInfo, j as TickersSequence, R as RepeatType, P as PauseType, c as CanvasGameState, d as ContainerChild$1, a as AdditionalPositionsExtensionProps, f as ListenerExtensionMemory, L as ListenerExtension, A as AdditionalPositionsExtension, O as OnEventsHandlers, e as ContainerMemory, h as TickerHistory } from './ContainerMemory-BjcfYRU7.cjs';
+export { k as addListenerHandler, l as analizePositionsExtensionProps } from './ContainerMemory-BjcfYRU7.cjs';
+export { AnimationOptions as MotionAnimationOptions } from 'motion';
 import { OnErrorHandler } from '@drincs/pixi-vn/core';
 
-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 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>;
+type Layer = Container$1<ContainerChild>;
 
-interface TickerArgs {
-}
-
-type TickerValue = Ticker$1;
+type TickerValue = Ticker;
 
 /**
  * A class is used to create a ticker element to add into a Pixi Application.
@@ -44,7 +20,7 @@ type TickerValue = Ticker$1;
  * In Ren'Py is a transform.
  * @template TArgs The type of the arguments that you want to pass to the ticker.
  * @example
- * ```typescript
+ * ```ts
  * \@tickerDecorator() // this is equivalent to tickerDecorator("RotateTicker")
  * export class RotateTicker extends TickerBase<{ speed?: number }> {
  *     override fn(
@@ -69,7 +45,7 @@ type TickerValue = Ticker$1;
  * }
  * ```
  */
-declare abstract class TickerBase<TArgs extends TickerArgs> implements Ticker<TArgs> {
+declare abstract class TickerBase<TArgs extends TickerArgs> implements Ticker$1<TArgs> {
     /**
      * @param args The arguments that you want to pass to the ticker.
      * @param options The options of the ticker.
@@ -120,60 +96,6 @@ declare abstract class TickerBase<TArgs extends TickerArgs> implements Ticker<TA
     get paused(): boolean;
 }
 
-interface Ticker<TArgs extends TickerArgs> {
-    /**
-     * Arguments to pass to the ticker
-     */
-    args: TArgs;
-    /**
-     * Duration in seconds to run the ticker
-     */
-    duration?: number;
-    /**
-     * Priority of the ticker
-     */
-    priority?: UPDATE_PRIORITY$1;
-    /**
-     * 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: string;
-    /**
-     * The id of the ticker. Must be unique for each ticker instance.
-     */
-    readonly id: string;
-    /**
-     * The aliases of the canvas elements that are connected to this ticker
-     */
-    canvasElementAliases: string[];
-    /**
-     * Completes the animation and applies the final state.
-     */
-    complete: (options?: {
-        ignoreTickerSteps?: boolean;
-    }) => Promise<void> | void;
-    /**
-     * Stops the animation at its current state, and prevents it from resuming when the animation is played again.
-     */
-    stop: () => void;
-    /**
-     * Starts the ticker. This will start the ticker and begin the animation.
-     */
-    start: () => void;
-    /**
-     * Pauses the animation.
-     */
-    pause: () => void;
-    /**
-     * Plays the animation.
-     */
-    play: () => void;
-    /**
-     * Checks if the ticker is paused.
-     * @returns true if the ticker is paused, false otherwise.
-     */
-    readonly paused: boolean;
-}
-
 /**
  * Is a decorator that register a ticker in the game.
  * Is a required decorator for use the ticker in the game.
@@ -187,7 +109,7 @@ declare function tickerDecorator(name?: string): (target: {
         priority?: UPDATE_PRIORITY$1;
         id?: string;
         canvasElementAliases?: string[];
-    }): Ticker<any>;
+    }): Ticker$1<any>;
 }) => void;
 declare namespace RegisteredTickers {
     /**
@@ -201,14 +123,14 @@ declare namespace RegisteredTickers {
             priority?: UPDATE_PRIORITY$1;
             id?: string;
             canvasElementAliases?: string[];
-        }): Ticker<any>;
+        }): Ticker$1<any>;
     }, 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: string): T | undefined;
+    function get<T = Ticker$1<any>>(tickerId: string): T | undefined;
     /**
      * Get a ticker instance by the id.
      * @param tickerId The id of the ticker.
@@ -222,7 +144,7 @@ declare namespace RegisteredTickers {
         priority?: UPDATE_PRIORITY$1;
         id?: string;
         canvasElementAliases?: string[];
-    }): Ticker<TArgs> | undefined;
+    }): Ticker$1<TArgs> | undefined;
     /**
      * Get a list of all tickers registered.
      * @returns An array of tickers.
@@ -233,7 +155,7 @@ declare namespace RegisteredTickers {
             priority?: UPDATE_PRIORITY$1;
             id?: string;
             canvasElementAliases?: string[];
-        }): Ticker<any>;
+        }): Ticker$1<any>;
     }[];
     /**
      * Check if a ticker is registered.
@@ -248,31 +170,6 @@ declare namespace RegisteredTickers {
     function keys(): string[];
 }
 
-/**
- * TickerHistory is a class that contains the name of a class and the arguments that were used to create it.
- */
-interface TickerInfo<TArgs extends TickerArgs> {
-    /**
-     * If this ticker was created by steps
-     */
-    createdByTicketSteps?: {
-        canvasElementAlias: string;
-        id: string;
-    };
-    ticker: Ticker<TArgs>;
-}
-interface TickerHistory<TArgs extends TickerArgs> {
-    id: string;
-    args: TArgs;
-    /**
-     * The aliases of the canvas elements that are connected to this ticker
-     */
-    canvasElementAliases: string[];
-    priority?: UPDATE_PRIORITY$1;
-    duration?: number;
-    paused?: boolean;
-}
-
 type TickerProgrationType = TickerProgrationLinear | TickerProgrationExponential;
 
 interface TickerProgrationLinear {
@@ -298,51 +195,6 @@ interface TickerProgrationExponential {
     type: "exponential";
 }
 
-type PauseType = {
-    /**
-     * The type of the value
-     */
-    type: "pause";
-    /**
-     * Duration in seconds
-     */
-    duration: number;
-};
-
-type RepeatType = "repeat";
-
-interface TickersStep<TArgs extends TickerArgs> {
-    /**
-     * Ticker class name
-     */
-    ticker: string;
-    /**
-     * Duration in seconds. If is undefined, the step will end only when the animation is finished.
-     */
-    duration?: number;
-    /**
-     * Arguments to pass to the ticker
-     */
-    args: TArgs;
-    /**
-     * Priority of the ticker
-     */
-    priority?: UPDATE_PRIORITY$1;
-}
-/**
- * The steps of the tickers
- */
-interface TickersSequence {
-    /**
-     * The step number
-     */
-    currentStepNumber: number;
-    /**
-     * The steps of the tickers
-     */
-    steps: (TickersStep<any> | RepeatType | PauseType)[];
-}
-
 interface TickerTimeoutHistory {
     aliases: string[];
     ticker: string;
@@ -381,101 +233,9 @@ type CommonTickerProps = {
     completeOnContinue?: boolean;
 };
 
-/**
- * This class is used to create a canvas element to add into a Pixi Application.
- * You can use {@link canvas.add()} to add this element into the application.
- * This class should be implemented and the memory method should be overridden.
- * You must use the {@link canvasComponentDecorator} to register the canvas in the game.
- * In Ren'Py is a displayable.
- * @example
- * ```typescript
- * const CANVAS_EXAMPLE_ID = "CanvasExample";
- *
- * \@canvasComponentDecorator({
- *     name: CANVAS_EXAMPLE_ID,
- * })
- * export class CanvasExample extends Container implements CanvasBaseItem<Memory> {
- *     get memory(): Memory {
- *         return {
- *             pixivnId: CANVAS_EXAMPLE_ID,
- *             // ... other properties
- *         }
- *     }
- *     async setMemory(value: Memory) {
- *         // ... set other properties
- *     }
- * }
- * ```
- */
-declare class CanvasBaseItem<T2 extends CanvasBaseItemMemory> {
-    constructor(..._options: any);
-    /**
-     * This method return the memory of the canvas element.
-     * @throws {PixiError} when the method is not overridden in the subclass.
-     */
-    get memory(): T2;
-    /**
-     * This method set the memory of the canvas element.
-     * @throws {PixiError} when the method is not overridden in the subclass.
-     */
-    setMemory(_value: T2): Promise<void> | void;
-    /**
-     * Get the id of the canvas element. This variable is used in the system to get the canvas element by id
-     */
-    pixivnId: string;
-}
-
-/**
- * Interface for the canvas base memory
- */
-interface CanvasBaseItemMemory {
-    pixivnId: string;
-    /**
-     * The index of the container in its parent, if it has one
-     */
-    index?: number;
-    /**
-     * The label of the parent container, if it has one
-     */
-    parentLabel?: string;
-    label?: string;
-    zIndex?: number;
-}
-
 interface CanvasBaseInterface<T2 extends CanvasBaseItemMemory> extends CanvasBaseItem<T2>, Container$1 {
 }
 
-/**
- * Interface exported canvas
- */
-interface CanvasGameState {
-    tickers: {
-        [id: string]: TickerHistory<any>;
-    };
-    tickersSteps: {
-        [alias: string]: {
-            [tickerId: string]: TickersSequence;
-        };
-    };
-    elements: {
-        [alias: string]: CanvasBaseItemMemory;
-    };
-    stage: Partial<ContainerMemory>;
-    /**
-     * @deprecated
-     */
-    elementAliasesOrder: string[];
-    tickersToCompleteOnStepEnd: {
-        tikersIds: {
-            id: string;
-        }[];
-        stepAlias: {
-            id: string;
-            alias: string;
-        }[];
-    };
-}
-
 interface CanvasManagerInterface {
     /**
      * The PIXI Application instance.
@@ -512,7 +272,7 @@ interface CanvasManagerInterface {
      * @param options The options of PixiJS Application
      * @param devtoolsOptions The options of the devtools. You can read more about it in the [PixiJS Devtools documentation](https://pixijs.io/devtools/docs/plugin/)
      * @example
-     * ```typescript
+     * ```ts
      * const body = document.body
      * if (!body) {
      *     throw new Error('body element not found')
@@ -539,7 +299,7 @@ interface CanvasManagerInterface {
     /**
      * The children of the canvas.
      */
-    readonly children: ContainerChild$1[];
+    readonly children: ContainerChild[];
     /**
      * Copy the properties of an old canvas element to a new canvas element.
      * @param oldAlias Old alias
@@ -570,7 +330,7 @@ interface CanvasManagerInterface {
      * @param canvasComponent The canvas elements to be added.
      * @param options The options of the canvas element.
      * @example
-     * ```typescript
+     * ```ts
      * const texture = await Assets.load('https://pixijs.com/assets/bunny.png');
      * const sprite = Sprite.from(texture);
      * canvas.add("bunny", sprite);
@@ -595,7 +355,7 @@ interface CanvasManagerInterface {
      * @param options The options of the canvas element.
      * @returns
      * @example
-     * ```typescript
+     * ```ts
      * canvas.remove("bunny");
      * ```
      */
@@ -611,7 +371,7 @@ interface CanvasManagerInterface {
      * @param alias The alias of the canvas element.
      * @returns The canvas element.
      * @example
-     * ```typescript
+     * ```ts
      * const sprite = canvas.find<Sprite>("bunny");
      * ```
      */
@@ -654,7 +414,7 @@ interface CanvasManagerInterface {
      * @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;
+    findTicker<TArgs extends TickerArgs>(tickerId: string, args?: TArgs): Ticker$1<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.
@@ -663,11 +423,11 @@ interface CanvasManagerInterface {
      * @param ticker The ticker class to be run.
      * @returns The id of the ticker.
      * @example
-     * ```typescript
+     * ```ts
      * canvas.addTicker("alien", new RotateTicker({ speed: 0.2 }))
      * ```
      */
-    addTicker<TArgs extends TickerArgs>(canvasElementAlias: string | string[], ticker: Ticker<TArgs>): string | undefined;
+    addTicker<TArgs extends TickerArgs>(canvasElementAlias: string | string[], ticker: Ticker$1<TArgs>): string | undefined;
     /**
      * Run a sequence of tickers.
      * @param alias The alias of canvas element that will use the tickers.
@@ -675,7 +435,7 @@ interface CanvasManagerInterface {
      * @param currentStepNumber The current step number. It is used to continue the sequence of tickers.
      * @returns The id of tickers.
      * @example
-     * ```typescript
+     * ```ts
      * canvas.addTickersSequence("alien", [
      *     new RotateTicker({ speed: 0.1, clockwise: true }, 2), // 2 seconds
      *     Pause(1), // 1 second
@@ -684,20 +444,20 @@ interface CanvasManagerInterface {
      * ])
      * ```
      */
-    addTickersSequence(alias: string, steps: (Ticker<any> | RepeatType | PauseType)[], currentStepNumber?: number): string | undefined;
+    addTickersSequence(alias: string, steps: (Ticker$1<any> | RepeatType | PauseType)[], currentStepNumber?: number): string | undefined;
     /**
      * Remove a connection between a canvas element and a ticker.
      * And remove the ticker if there is no canvas element connected to it.
      * @param alias The alias of the canvas element that will use the ticker.
      * @param ticker The ticker class to be removed.
      * @example
-     * ```typescript
+     * ```ts
      * canvas.unlinkComponentFromTicker("alien", RotateTicker)
      * ```
      * @deprecated
      */
     unlinkComponentFromTicker(alias: string | string[], ticker?: {
-        new (): Ticker<any>;
+        new (): Ticker$1<any>;
     } | string): void;
     /**
      * Remove all tickers from the canvas.
@@ -820,7 +580,7 @@ interface CanvasManagerInterface {
      * @param layer The layer to be added.
      * @returns The layer.
      * @example
-     * ```typescript
+     * ```ts
      * const uiLayer = new Container();
      * canvas.addLayer("ui", uiLayer);
      * ```
@@ -831,7 +591,7 @@ interface CanvasManagerInterface {
      * @param label The label of the layer.
      * @returns The layer.
      * @example
-     * ```typescript
+     * ```ts
      * const uiLayer = canvas.getLayer("ui");
      * ```
      */
@@ -840,7 +600,7 @@ interface CanvasManagerInterface {
      * Remove a layer from the canvas.
      * @param label The label of the layer to be removed.
      * @example
-     * ```typescript
+     * ```ts
      * canvas.removeLayer("ui");
      * ```
      */
@@ -905,138 +665,6 @@ interface CanvasManagerInterface {
     }): void;
 }
 
-interface AdditionalPositionsExtensionProps {
-    /**
-     * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
-     * For example:
-     * - if you set align to 0.5, the element will be in the center of the canvas.
-     * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
-     * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
-     */
-    align?: Partial<PointData> | number;
-    /**
-     * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
-     * For example:
-     * - if you set align to 0.5, the element will be in the center of the canvas.
-     * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
-     * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
-     */
-    xAlign?: number;
-    /**
-     * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
-     * For example:
-     * - if you set align to 0.5, the element will be in the center of the canvas.
-     * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
-     * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
-     */
-    yAlign?: number;
-    /**
-     * is a way to set the position of the element in the canvas calculated in percentage.
-     * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
-     * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
-     * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
-     * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
-     */
-    percentagePosition?: Partial<PointData> | number;
-    /**
-     * is a way to set the position of the element in the canvas calculated in percentage.
-     * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
-     * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
-     * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
-     * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
-     */
-    percentageX?: number;
-    /**
-     * is a way to set the position of the element in the canvas calculated in percentage.
-     * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
-     * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
-     * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
-     * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
-     */
-    percentageY?: number;
-}
-interface AdditionalPositionsExtension {
-    /**
-     * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
-     * For example:
-     * - if you set align to 0.5, the element will be in the center of the canvas.
-     * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
-     * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
-     */
-    align: Partial<PointData> | number;
-    /**
-     * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
-     * For example:
-     * - if you set align to 0.5, the element will be in the center of the canvas.
-     * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
-     * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
-     */
-    xAlign: number;
-    /**
-     * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
-     * For example:
-     * - if you set align to 0.5, the element will be in the center of the canvas.
-     * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
-     * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
-     */
-    yAlign: number;
-    /**
-     * is a way to set the position of the element in the canvas calculated in percentage.
-     * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
-     * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
-     * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
-     * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
-     */
-    percentagePosition: Partial<PointData> | number;
-    /**
-     * is a way to set the position of the element in the canvas calculated in percentage.
-     * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
-     * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
-     * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
-     * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
-     */
-    percentageX: number;
-    /**
-     * is a way to set the position of the element in the canvas calculated in percentage.
-     * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
-     * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
-     * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
-     * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
-     *
-     * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
-     */
-    percentageY: number;
-    readonly positionType: "pixel" | "percentage" | "align";
-    readonly positionInfo: {
-        x: number;
-        y: number;
-        type: "pixel" | "percentage" | "align";
-    };
-}
-declare function analizePositionsExtensionProps<T extends AdditionalPositionsExtensionProps>(props?: T): T | undefined;
-
 interface AnchorExtensionProps {
     anchor?: PointData | number;
 }
@@ -1061,15 +689,13 @@ interface AnchorExtension {
     anchor: PointData;
 }
 
-type ContainerChild = Container$1 & CanvasBaseItem<any>;
-
-interface ContainerOptions<C extends ContainerChild = ContainerChild> extends Omit<ContainerOptions$1<C>, "on">, AnchorExtensionProps, AdditionalPositionsExtensionProps {
+interface ContainerOptions<C extends ContainerChild$1 = ContainerChild$1> extends Omit<ContainerOptions$1<C>, "on">, AnchorExtensionProps, AdditionalPositionsExtensionProps {
 }
 interface SpriteOptions extends Omit<SpriteOptions$1, "on">, AdditionalPositionsExtensionProps {
 }
 interface TextOptions extends Omit<CanvasTextOptions, "on">, AdditionalPositionsExtensionProps {
 }
-interface ImageContainerOptions<C extends ContainerChild = ContainerChild> extends ContainerOptions<C> {
+interface ImageContainerOptions<C extends ContainerChild$1 = ContainerChild$1> extends ContainerOptions<C> {
 }
 interface ImageSpriteOptions extends SpriteOptions {
 }
@@ -1079,32 +705,6 @@ interface VideoSpriteOptions extends ImageSpriteOptions {
     currentTime?: number;
 }
 
-interface ListenerExtensionMemory {
-    onEvents?: OnEventsHandlers;
-}
-interface OnEventsHandlers {
-    [name: string]: string;
-}
-interface ListenerExtension {
-    /**
-     * Add a listener for a given event.
-     * @example
-     * ```ts
-     * export class Events {
-     *     \@eventDecorator()
-     *     static eventExample(event: FederatedEvent, component: Sprite) {
-     *         // event code here
-     *     }
-     * }
-     *
-     * sprite.on("pointerdown", Events.eventExample);
-     * ```
-     */
-    on: Container$1["on"];
-    readonly onEventsHandlers: OnEventsHandlers;
-}
-declare function addListenerHandler<T extends ListenerExtension>(event: symbol | string, element: T, fn: (...args: never[]) => unknown): boolean;
-
 /**
  * Interface for Asset memory
  */
@@ -1130,7 +730,7 @@ interface SpriteMemory extends SpriteBaseMemory {
  * This class is a extension of the [PIXI.Sprite class](https://pixijs.com/8.x/examples/sprite/basic), it has the same properties and methods,
  * but it has the ability to be saved and loaded by the Pixi’VN library.
  * @example
- * ```typescript
+ * ```ts
  * const texture = await Assets.load('https://pixijs.com/assets/bunny.png');
  * const sprite = Sprite.from(texture);
  *
@@ -1153,14 +753,14 @@ declare class Sprite<Memory extends SpriteOptions$1 & CanvasBaseItemMemory = Spr
     static from(source: Texture$1 | TextureSourceLike, skipCache?: boolean): Sprite<any>;
     /** ListenerExtension */
     readonly onEventsHandlers: OnEventsHandlers;
-    on<T extends keyof ContainerEvents<ContainerChild$1> | keyof {
+    on<T extends keyof ContainerEvents<ContainerChild> | keyof {
         [K: symbol]: any;
         [K: {} & string]: any;
     }>(event: T, fn: (...args: [
-        ...EventEmitter.ArgumentMap<ContainerEvents<ContainerChild$1> & {
+        ...EventEmitter.ArgumentMap<ContainerEvents<ContainerChild> & {
             [K: symbol]: any;
             [K: {} & string]: any;
-        }>[Extract<T, keyof ContainerEvents<ContainerChild$1> | keyof {
+        }>[Extract<T, keyof ContainerEvents<ContainerChild> | keyof {
             [K: symbol]: any;
             [K: {} & string]: any;
         }>],
@@ -1214,7 +814,7 @@ interface ImageSpriteMemory extends SpriteBaseMemory {
  * You need to use {@link load} to show the image in the canvas.
  * This class is used for functions like {@link addImage} and {@link showWithDissolve}.
  * @example
- * ```typescript
+ * ```ts
  * let alien = new ImageSprite({
  *     anchor: { x: 0.5, y: 0.5 },
  *     x: 100,
@@ -1224,7 +824,7 @@ interface ImageSpriteMemory extends SpriteBaseMemory {
  * canvas.add("alien", alien)
  * ```
  * @example
- * ```typescript
+ * ```ts
  * let alien = addImage("alien", 'https://pixijs.com/assets/eggHead.png')
  * alien.anchor.set(0.5);
  * alien.x = 100
@@ -1271,7 +871,7 @@ interface VideoSpriteMemory extends ImageSpriteMemory {
  * You need to use {@link load} to show the video in the canvas.
  * This class is used for functions like {@link addVideo} and {@link showWithDissolve}.
  * @example
- * ```typescript
+ * ```ts
  * let film = new VideoSprite({
  *     x: 100,
  *     y: 100,
@@ -1280,7 +880,7 @@ interface VideoSpriteMemory extends ImageSpriteMemory {
  * canvas.add("film", film)
  * ```
  * @example
- * ```typescript
+ * ```ts
  * let film = addVideo("film", 'https://pixijs.com/assets/video.mp4')
  * film.currentTime = 2
  * await film.load()
@@ -1329,21 +929,11 @@ declare class VideoSprite extends ImageSprite<VideoSpriteMemory> {
     get duration(): number | undefined;
 }
 
-/**
- * Interface for the canvas container memory
- */
-interface ContainerMemory<C extends ContainerChild = ContainerChild> extends ContainerOptions$1<C>, CanvasBaseItemMemory, ListenerExtensionMemory, AdditionalPositionsExtensionProps {
-    /**
-     * The elements contained in this container
-     */
-    elements: CanvasBaseItemMemory[];
-}
-
 /**
  * This class is a extension of the [PIXI.Container class](https://pixijs.com/8.x/examples/basic/container), it has the same properties and methods,
  * but it has the ability to be saved and loaded by the Pixi’VN library.
  * @example
- * ```typescript
+ * ```ts
  *  const container = new Container();
  *  canvas.add(container);
  *  const texture = await Assets.load('https://pixijs.com/assets/bunny.png');
@@ -1356,7 +946,7 @@ interface ContainerMemory<C extends ContainerChild = ContainerChild> extends Con
  *  }
  * ```
  */
-declare class Container<C extends ContainerChild = ContainerChild, Memory extends ContainerMemory = ContainerMemory> extends Container$1<C> implements CanvasBaseItem<Memory>, ListenerExtension, AnchorExtension, AdditionalPositionsExtension {
+declare class Container<C extends ContainerChild$1 = ContainerChild$1, Memory extends ContainerMemory = ContainerMemory> extends Container$1<C> implements CanvasBaseItem<Memory>, ListenerExtension, AnchorExtension, AdditionalPositionsExtension {
     constructor(options?: ContainerOptions<C>);
     readonly pixivnId: string;
     get memory(): Memory;
@@ -1432,7 +1022,7 @@ interface ImageContainerMemory extends ContainerMemory<ImageSprite> {
  * This class is a extension of the {@link Container}, it has the same properties and methods,
  * but this container is composed only of {@link ImageSprite} and introduces the {@link load} functionality
  * @example
- * ```typescript
+ * ```ts
  *  const liamBodyImageUrl = 'https://example.com/assets/liam/body.png';
  *  const liamHeadImageUrl = 'https://example.com/assets/liam/head.png';
  *  const container = new ImageContainer(undefined, [liamBodyImageUrl, liamHeadImageUrl]);
@@ -1552,7 +1142,7 @@ interface TextMemory extends TextOptions$1, CanvasBaseItemMemory, AdditionalPosi
  * This class is a extension of the [PIXI.Text class](https://pixijs.com/8.x/examples/text/pixi-text), it has the same properties and methods,
  * but it has the ability to be saved and loaded by the Pixi’VN library.
  * @example
- * ```typescript
+ * ```ts
  * const text = new Text();
  * text.text = "Hello World"
  * canvas.add("text", text);
@@ -1564,14 +1154,14 @@ declare class Text extends _drincs_pixi_vn_pixi_js__default.Text implements Canv
     get memory(): TextMemory;
     setMemory(value: TextMemory): Promise<void>;
     readonly onEventsHandlers: OnEventsHandlers;
-    on<T extends keyof ContainerEvents<ContainerChild$1> | keyof {
+    on<T extends keyof ContainerEvents<ContainerChild> | keyof {
         [K: symbol]: any;
         [K: {} & string]: any;
     }>(event: T, fn: (...args: [
-        ...EventEmitter.ArgumentMap<ContainerEvents<ContainerChild$1> & {
+        ...EventEmitter.ArgumentMap<ContainerEvents<ContainerChild> & {
             [K: symbol]: any;
             [K: {} & string]: any;
-        }>[Extract<T, keyof ContainerEvents<ContainerChild$1> | keyof {
+        }>[Extract<T, keyof ContainerEvents<ContainerChild> | keyof {
             [K: symbol]: any;
             [K: {} & string]: any;
         }>],
@@ -1968,7 +1558,7 @@ declare function drawCanvasErrorHandler(): OnErrorHandler;
  * @param options The options of the image.
  * @returns the container of the image.
  * @example
- * ```typescript
+ * ```ts
  * let bunny = addImageContainer("bunny", ["https://pixijs.com/assets/bunny-body.png", "https://pixijs.com/assets/bunny-eyes.png"])
  * await bunny.load()
  * ```
@@ -1981,7 +1571,7 @@ declare function addImageCointainer(alias: string, imageUrls: string[], options?
  * @param options The options of the image.
  * @returns A promise that is resolved when the image is loaded.
  * @example
- * ```typescript
+ * ```ts
  * let bunny = showImageContainer("bunny", ["https://pixijs.com/assets/bunny-body.png", "https://pixijs.com/assets/bunny-eyes.png"])
  * ```
  */
@@ -1997,7 +1587,7 @@ declare function showImageContainer(alias: string, imageUrls: string[], options?
  * @returns the container of the image.
  * @throws {PixiError} when `imageUrl` is not provided and `alias` is not registered in the asset cache.
  * @example
- * ```typescript
+ * ```ts
  * let bunny1 = addImage("bunny1", "https://pixijs.com/assets/bunny1.png")
  * await bunny1.load()
  * Assets.add({ alias: "bunny2", src: "https://pixijs.com/assets/bunny2.png" })
@@ -2014,7 +1604,7 @@ declare function addImage(alias: string, imageUrl?: string, options?: ImageSprit
  * @returns A promise that is resolved when the image is loaded.
  * @throws {PixiError} when `imageUrl` is not provided and `alias` is not registered in the asset cache.
  * @example
- * ```typescript
+ * ```ts
  * let bunny1 = showImage("bunny1", "https://pixijs.com/assets/bunny1.png")
  * Assets.add({ alias: "bunny2", src: "https://pixijs.com/assets/bunny2.png" })
  * let bunny2 = showImage("bunny2")
@@ -2029,7 +1619,7 @@ declare function showImage(alias: string, imageUrl?: string, options?: ImageSpri
  * @param options The options of the text.
  * @returns A promise that is resolved when the text is loaded.
  * @example
- * ```typescript
+ * ```ts
  * let text = showText("text", "Hello World", { fontSize: 24, fill: "white" })
  * ```
  */
@@ -2053,7 +1643,7 @@ declare function getTexture(textureAlias?: string): Promise<Texture$1 | undefine
  * @returns the container of the video.
  * @throws {PixiError} when `videoUrl` is not provided and `alias` is not registered in the asset cache.
  * @example
- * ```typescript
+ * ```ts
  * let video1 = addVideo("video1", "https://pixijs.com/assets/video1.mp4")
  * await video1.load()
  * Assets.add({ alias: "video2", src: "https://pixijs.com/assets/video2.png" })
@@ -2070,7 +1660,7 @@ declare function addVideo(alias: string, videoUrl?: string, options?: VideoSprit
  * @returns A promise that is resolved when the video is loaded.
  * @throws {PixiError} when `videoUrl` is not provided and `alias` is not registered in the asset cache.
  * @example
- * ```typescript
+ * ```ts
  * let video1 = showVideo("video1", "https://pixijs.com/assets/video1.mp4")
  * Assets.add({ alias: "video2", src: "https://pixijs.com/assets/video2.png" })
  * let video2 = showVideo("video2")
@@ -2107,4 +1697,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 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, drawCanvasErrorHandler, eventDecorator, getTexture, moveIn, moveOut, pushIn, pushOut, removeWithDissolve, removeWithFade, setMemoryContainer, shakeEffect, showImage, showImageContainer, showText, showVideo, showWithDissolve, showWithFade, tickerDecorator, zoomIn, zoomOut };
+export { AdditionalPositionsExtension, AdditionalPositionsExtensionProps, type AnchorExtension, type AnchorExtensionProps, type AssetMemory, Assets, type CanvasBaseInterface, CanvasBaseItem, CanvasBaseItemMemory, CanvasGameState, type CanvasManagerInterface, CanvasManagerStatic, CanvasPropertyUtility, Color, type CommonTickerProps, Container, ContainerChild$1 as ContainerChild, ContainerMemory, type ContainerOptions, ImageContainer, type ImageContainerMemory, type ImageContainerOptions, ImageSprite, type ImageSpriteMemory, type ImageSpriteOptions, type Layer, ListenerExtension, ListenerExtensionMemory, type MoveInOutProps, OnEventsHandlers, PauseType, type PushInOutProps, Rectangle, RegisteredCanvasComponents, RegisteredEvents, RegisteredTickers, RepeatType, type ShakeEffectProps, type ShowWithDissolveTransitionProps, type ShowWithFadeTransitionProps, Sprite, type SpriteBaseMemory, type SpriteMemory, type SpriteOptions, Text, type TextMemory, type TextOptions, TextStyle, Texture, Ticker$1 as Ticker, TickerArgs, TickerBase, TickerHistory, TickerInfo, type TickerProgrationExponential, type TickerProgrationLinear, type TickerProgrationType, type TickerTimeoutHistory, TickersSequence, UPDATE_PRIORITY, VideoSprite, type VideoSpriteMemory, type VideoSpriteOptions, type ZoomInOutProps, addImage, addImageCointainer, addVideo, canvas, canvasComponentDecorator, drawCanvasErrorHandler, eventDecorator, getTexture, moveIn, moveOut, pushIn, pushOut, removeWithDissolve, removeWithFade, setMemoryContainer, shakeEffect, showImage, showImageContainer, showText, showVideo, showWithDissolve, showWithFade, tickerDecorator, zoomIn, zoomOut };