@drincs/pixi-vn 0.8.4 → 0.8.9

package/dist/functions/canvas/canvas-transition.d.cts

@@ -1,18 +1,14 @@
 import { UPDATE_PRIORITY } from 'pixi.js';
-import { ShowWithDissolveTransitionProps, ShowWithFadeTransitionProps, MoveInOutProps, ZoomInOutProps } from '../../interface/canvas/ITransitionProps.cjs';
-import CanvasSprite from '../../classes/canvas/CanvasSprite.cjs';
+import { ShowWithDissolveTransitionProps, ShowWithFadeTransitionProps, MoveInOutProps, ZoomInOutProps } from '../../interface/canvas/transition-props.cjs';
 import CanvasBase from '../../classes/canvas/CanvasBase.cjs';
 import '../../types/ticker/FadeAlphaTickerProps.cjs';
 import '../../types/ticker/MoveTickerProps.cjs';
 import '../../interface/TickerProgrationType.cjs';
 import '../../types/ticker/ZoomTickerProps.cjs';
 import '../../types/ticker/AliasToRemoveAfterType.cjs';
-import '../../interface/canvas/ICanvasBaseMemory.cjs';
-import '../../interface/canvas/ICanvasSpriteMemory.cjs';
+import '../../interface/canvas/canvas-memory.cjs';
+import '../../interface/canvas/TextureMemory.cjs';
 import '../../types/EventIdType.cjs';
-import '../../interface/canvas/ITextureMemory.cjs';
-import '../../types/CanvasEventNamesType.cjs';
-import '../../classes/CanvasEvent.cjs';
 
 /**
  * Show a image in the canvas with a disolve effect.
@@ -23,9 +19,9 @@ import '../../classes/CanvasEvent.cjs';
  * @param image The imageUrl or the canvas element. If imageUrl is a video, then the {@link CanvasVideo} is added to the canvas.
  * @param props The properties of the effect
  * @param priority The priority of the effect
- * @returns A promise that is resolved when the image is loaded.
+ * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
  */
-declare function showWithDissolveTransition<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY): Promise<void>;
+declare function showWithDissolveTransition<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
 /**
  * Remove a image from the canvas with a disolve effect.
  * Disolve effect is a effect that the image is removed with a fade out.
@@ -34,8 +30,9 @@ declare function showWithDissolveTransition<T extends CanvasBase<any> | string =
  * @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 removeWithDissolveTransition(alias: string | string[], props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY): void;
+declare function removeWithDissolveTransition(alias: string | 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.
@@ -44,9 +41,9 @@ declare function removeWithDissolveTransition(alias: string | string[], props?:
  * @param image The imageUrl or the canvas element. If imageUrl is a video, then the {@link CanvasVideo} is added to the canvas.
  * @param props The properties of the effect
  * @param priority The priority of the effect
- * @returns A promise that is resolved when the image is loaded.
+ * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
  */
-declare function showWithFadeTransition<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY): Promise<void>;
+declare function showWithFadeTransition<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
 /**
  * Remove a image from the canvas with a fade effect.
  * Fade effect is a effect that the image is removed with a fade out.
@@ -55,39 +52,65 @@ declare function showWithFadeTransition<T extends CanvasBase<any> | string = str
  * @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 removeWithFadeTransition(alias: string | string[], props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY): void;
+declare function removeWithFadeTransition(alias: string | 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.
  * @param alias The unique alias of the image. You can use this alias to refer to this image
  * @param image The imageUrl or the canvas element. If imageUrl is a video, then the {@link CanvasVideo} is added to the canvas.
  * @param props The properties of the effect
  * @param priority The priority of the effect
- * @returns A promise that is resolved when the image is loaded.
+ * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
  */
-declare function moveIn<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: MoveInOutProps, priority?: UPDATE_PRIORITY): Promise<void>;
+declare function moveIn<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: MoveInOutProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
 /**
  * Remove a image from the canvas with a move effect. The image is moved from the x and y position of the image to outside the canvas.
+ * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
  * @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 moveOut(alias: string, props?: MoveInOutProps, priority?: UPDATE_PRIORITY): void;
+declare function moveOut(alias: string, props?: MoveInOutProps, priority?: UPDATE_PRIORITY): string[] | undefined;
 /**
  * Show a image in the canvas with a zoom effect. The image is zoomed in from the center of the canvas.
+ * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
  * @param alias The unique alias of the image. You can use this alias to refer to this image
  * @param image The imageUrl or the canvas element. If imageUrl is a video, then the {@link CanvasVideo} is added to the canvas.
  * @param props The properties of the effect
  * @param priority The priority of the effect
+ * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
  */
-declare function zoomIn<T extends CanvasSprite | string = string>(alias: string, image: T, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): Promise<void>;
+declare function zoomIn<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
 /**
  * Remove a image from the canvas with a zoom effect. The image is zoomed out to the center of the canvas.
+ * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
  * @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 A promise that is resolved when the image is loaded.
+ * @returns The ids of the tickers that are used in the effect.
  */
-declare function zoomOut(alias: string, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): void;
+declare function zoomOut(alias: string, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): string[] | undefined;
+/**
+ * Show a image in the canvas with a push effect. The new image is pushed in from the inside of the canvas and the old image is pushed out to the outside of the canvas.
+ * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+ * @param alias The unique alias of the image. You can use this alias to refer to this image
+ * @param image The imageUrl or the canvas element. If imageUrl is a video, then the {@link CanvasVideo} is added to the canvas.
+ * @param props The properties of the effect
+ * @param priority The priority of the effect
+ * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+ */
+declare function pushIn<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
+/**
+ * Remove a image from the canvas with a push effect. The image is pushed out to the outside of the canvas.
+ * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+ * @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 pushOut(alias: string, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): string[] | undefined;
 
-export { moveIn, moveOut, removeWithDissolveTransition, removeWithFadeTransition, showWithDissolveTransition, showWithFadeTransition, zoomIn, zoomOut };
+export { moveIn, moveOut, pushIn, pushOut, removeWithDissolveTransition, removeWithFadeTransition, showWithDissolveTransition, showWithFadeTransition, zoomIn, zoomOut };

package/dist/functions/canvas/canvas-transition.d.ts

@@ -1,18 +1,14 @@
 import { UPDATE_PRIORITY } from 'pixi.js';
-import { ShowWithDissolveTransitionProps, ShowWithFadeTransitionProps, MoveInOutProps, ZoomInOutProps } from '../../interface/canvas/ITransitionProps.js';
-import CanvasSprite from '../../classes/canvas/CanvasSprite.js';
+import { ShowWithDissolveTransitionProps, ShowWithFadeTransitionProps, MoveInOutProps, ZoomInOutProps } from '../../interface/canvas/transition-props.js';
 import CanvasBase from '../../classes/canvas/CanvasBase.js';
 import '../../types/ticker/FadeAlphaTickerProps.js';
 import '../../types/ticker/MoveTickerProps.js';
 import '../../interface/TickerProgrationType.js';
 import '../../types/ticker/ZoomTickerProps.js';
 import '../../types/ticker/AliasToRemoveAfterType.js';
-import '../../interface/canvas/ICanvasBaseMemory.js';
-import '../../interface/canvas/ICanvasSpriteMemory.js';
+import '../../interface/canvas/canvas-memory.js';
+import '../../interface/canvas/TextureMemory.js';
 import '../../types/EventIdType.js';
-import '../../interface/canvas/ITextureMemory.js';
-import '../../types/CanvasEventNamesType.js';
-import '../../classes/CanvasEvent.js';
 
 /**
  * Show a image in the canvas with a disolve effect.
@@ -23,9 +19,9 @@ import '../../classes/CanvasEvent.js';
  * @param image The imageUrl or the canvas element. If imageUrl is a video, then the {@link CanvasVideo} is added to the canvas.
  * @param props The properties of the effect
  * @param priority The priority of the effect
- * @returns A promise that is resolved when the image is loaded.
+ * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
  */
-declare function showWithDissolveTransition<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY): Promise<void>;
+declare function showWithDissolveTransition<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
 /**
  * Remove a image from the canvas with a disolve effect.
  * Disolve effect is a effect that the image is removed with a fade out.
@@ -34,8 +30,9 @@ declare function showWithDissolveTransition<T extends CanvasBase<any> | string =
  * @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 removeWithDissolveTransition(alias: string | string[], props?: ShowWithDissolveTransitionProps, priority?: UPDATE_PRIORITY): void;
+declare function removeWithDissolveTransition(alias: string | 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.
@@ -44,9 +41,9 @@ declare function removeWithDissolveTransition(alias: string | string[], props?:
  * @param image The imageUrl or the canvas element. If imageUrl is a video, then the {@link CanvasVideo} is added to the canvas.
  * @param props The properties of the effect
  * @param priority The priority of the effect
- * @returns A promise that is resolved when the image is loaded.
+ * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
  */
-declare function showWithFadeTransition<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY): Promise<void>;
+declare function showWithFadeTransition<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
 /**
  * Remove a image from the canvas with a fade effect.
  * Fade effect is a effect that the image is removed with a fade out.
@@ -55,39 +52,65 @@ declare function showWithFadeTransition<T extends CanvasBase<any> | string = str
  * @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 removeWithFadeTransition(alias: string | string[], props?: ShowWithFadeTransitionProps, priority?: UPDATE_PRIORITY): void;
+declare function removeWithFadeTransition(alias: string | 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.
  * @param alias The unique alias of the image. You can use this alias to refer to this image
  * @param image The imageUrl or the canvas element. If imageUrl is a video, then the {@link CanvasVideo} is added to the canvas.
  * @param props The properties of the effect
  * @param priority The priority of the effect
- * @returns A promise that is resolved when the image is loaded.
+ * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
  */
-declare function moveIn<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: MoveInOutProps, priority?: UPDATE_PRIORITY): Promise<void>;
+declare function moveIn<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: MoveInOutProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
 /**
  * Remove a image from the canvas with a move effect. The image is moved from the x and y position of the image to outside the canvas.
+ * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
  * @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 moveOut(alias: string, props?: MoveInOutProps, priority?: UPDATE_PRIORITY): void;
+declare function moveOut(alias: string, props?: MoveInOutProps, priority?: UPDATE_PRIORITY): string[] | undefined;
 /**
  * Show a image in the canvas with a zoom effect. The image is zoomed in from the center of the canvas.
+ * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
  * @param alias The unique alias of the image. You can use this alias to refer to this image
  * @param image The imageUrl or the canvas element. If imageUrl is a video, then the {@link CanvasVideo} is added to the canvas.
  * @param props The properties of the effect
  * @param priority The priority of the effect
+ * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
  */
-declare function zoomIn<T extends CanvasSprite | string = string>(alias: string, image: T, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): Promise<void>;
+declare function zoomIn<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
 /**
  * Remove a image from the canvas with a zoom effect. The image is zoomed out to the center of the canvas.
+ * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
  * @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 A promise that is resolved when the image is loaded.
+ * @returns The ids of the tickers that are used in the effect.
  */
-declare function zoomOut(alias: string, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): void;
+declare function zoomOut(alias: string, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): string[] | undefined;
+/**
+ * Show a image in the canvas with a push effect. The new image is pushed in from the inside of the canvas and the old image is pushed out to the outside of the canvas.
+ * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+ * @param alias The unique alias of the image. You can use this alias to refer to this image
+ * @param image The imageUrl or the canvas element. If imageUrl is a video, then the {@link CanvasVideo} is added to the canvas.
+ * @param props The properties of the effect
+ * @param priority The priority of the effect
+ * @returns A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.
+ */
+declare function pushIn<T extends CanvasBase<any> | string = string>(alias: string, image: T, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): Promise<string[] | undefined>;
+/**
+ * Remove a image from the canvas with a push effect. The image is pushed out to the outside of the canvas.
+ * If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.
+ * @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 pushOut(alias: string, props?: ZoomInOutProps, priority?: UPDATE_PRIORITY): string[] | undefined;
 
-export { moveIn, moveOut, removeWithDissolveTransition, removeWithFadeTransition, showWithDissolveTransition, showWithFadeTransition, zoomIn, zoomOut };
+export { moveIn, moveOut, pushIn, pushOut, removeWithDissolveTransition, removeWithFadeTransition, showWithDissolveTransition, showWithFadeTransition, zoomIn, zoomOut };

package/dist/functions/canvas/canvas-transition.js

@@ -1,18 +1,20 @@
 import {
   moveIn,
   moveOut,
+  pushIn,
+  pushOut,
   removeWithDissolveTransition,
   removeWithFadeTransition,
   showWithDissolveTransition,
   showWithFadeTransition,
   zoomIn,
   zoomOut
-} from "../../chunk-3FJYYZOP.js";
+} from "../../chunk-D3ZQSJKZ.js";
 import "../../chunk-OMPJ74CO.js";
 import "../../chunk-2BUPSB7O.js";
 import "../../chunk-CZKJI26F.js";
 import "../../chunk-I6TNJEE3.js";
-import "../../chunk-66F5CGHV.js";
+import "../../chunk-DPUSONJ3.js";
 import "../../chunk-P44J5BE2.js";
 import "../../chunk-CAUF2LKZ.js";
 import "../../chunk-VXCA724Z.js";
@@ -20,12 +22,12 @@ import "../../chunk-3DOISWD6.js";
 import "../../chunk-I4UGLC3A.js";
 import "../../chunk-ZZLQ3ILH.js";
 import "../../chunk-JTQGULTR.js";
-import "../../chunk-6SZOXEOR.js";
+import "../../chunk-FHNQBWIZ.js";
 import "../../chunk-ZBUW3MBH.js";
-import "../../chunk-D3NHF5OS.js";
+import "../../chunk-PIYIZHZL.js";
 import "../../chunk-WX267JP2.js";
 import "../../chunk-LEMOIFSV.js";
-import "../../chunk-FYCYVQTG.js";
+import "../../chunk-A4NKPUL5.js";
 import "../../chunk-RATGPKD3.js";
 import "../../chunk-2PXN34ON.js";
 import "../../chunk-TAJJZPEH.js";
@@ -45,6 +47,8 @@ import "../../chunk-N342G4HO.js";
 export {
   moveIn,
   moveOut,
+  pushIn,
+  pushOut,
   removeWithDissolveTransition,
   removeWithFadeTransition,
   showWithDissolveTransition,

package/dist/functions/canvas/canvas-utility.cjs

@@ -1607,14 +1607,14 @@ var init_uid = __esm({
 });
 
 // node_modules/pixi.js/lib/utils/logging/deprecation.mjs
-function deprecation(version, message, ignoreDepth = 3) {
+function deprecation(version2, message, ignoreDepth = 3) {
   if (warnings[message]) {
     return;
   }
   let stack = new Error().stack;
   if (typeof stack === "undefined") {
     console.warn("PixiJS Deprecation Warning: ", `${message}
-Deprecated since v${version}`);
+Deprecated since v${version2}`);
   } else {
     stack = stack.split("\n").splice(ignoreDepth).join("\n");
     if (console.groupCollapsed) {
@@ -1623,13 +1623,13 @@ Deprecated since v${version}`);
         "color:#614108;background:#fffbe6",
         "font-weight:normal;color:#614108;background:#fffbe6",
         `${message}
-Deprecated since v${version}`
+Deprecated since v${version2}`
       );
       console.warn(stack);
       console.groupEnd();
     } else {
       console.warn("PixiJS Deprecation Warning: ", `${message}
-Deprecated since v${version}`);
+Deprecated since v${version2}`);
       console.warn(stack);
     }
   }
@@ -42998,7 +42998,7 @@ var require_dom = __commonJS({
        * @see https://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-5CED94D7 DOM Level 1 Core
        * @see https://dom.spec.whatwg.org/#dom-domimplementation-hasfeature DOM Living Standard
        */
-      hasFeature: function(feature, version) {
+      hasFeature: function(feature, version2) {
         return true;
       },
       /**
@@ -43119,8 +43119,8 @@ var require_dom = __commonJS({
         }
       },
       // Introduced in DOM Level 2:
-      isSupported: function(feature, version) {
-        return this.ownerDocument.implementation.hasFeature(feature, version);
+      isSupported: function(feature, version2) {
+        return this.ownerDocument.implementation.hasFeature(feature, version2);
       },
       // Introduced in DOM Level 2:
       hasAttributes: function() {
@@ -57415,6 +57415,7 @@ var videoFormats = [
   "asf",
   "vob"
 ];
+var CANVAS_APP_STAGE_ALIAS = "_stage_";
 
 // src/managers/CanvasManager.ts
 init_lib();
@@ -58519,7 +58520,7 @@ function createExportableElement(element) {
     let elementString = JSON.stringify(element);
     return JSON.parse(elementString);
   } catch (e2) {
-    console.error("[Pixi\u2019VN] Error creating exportable element", e2);
+    console.error("[Pixi\u2019VN] Error creating exportable element", element, e2);
     throw new Error("[Pixi\u2019VN] Error creating exportable element");
   }
 }
@@ -58952,6 +58953,10 @@ var CanvasManager = class {
    * ```
    */
   add(alias, canvasElement, options = {}) {
+    if (alias === CANVAS_APP_STAGE_ALIAS) {
+      console.error(`[Pixi\u2019VN] The alias ${CANVAS_APP_STAGE_ALIAS} is reserved`);
+      return;
+    }
     let ignoreOldStyle = options?.ignoreOldStyle;
     let oldCanvasElement = this.find(alias);
     if (oldCanvasElement) {
@@ -58982,6 +58987,10 @@ var CanvasManager = class {
    * ```
    */
   remove(alias, options = {}) {
+    if (alias === CANVAS_APP_STAGE_ALIAS) {
+      console.error(`[Pixi\u2019VN] The alias ${CANVAS_APP_STAGE_ALIAS} is reserved`);
+      return;
+    }
     let ignoreTickers = options.ignoreTickers;
     if (typeof alias === "string") {
       alias = [alias];
@@ -59010,6 +59019,9 @@ var CanvasManager = class {
    * ```
    */
   find(alias) {
+    if (alias === CANVAS_APP_STAGE_ALIAS) {
+      return this.app.stage;
+    }
     return CanvasManagerStatic._children[alias];
   }
   /**
@@ -59036,16 +59048,17 @@ var CanvasManager = class {
     this.removeAllTickers();
   }
   /**
-   * Edit the alias of a canvas element.
+   * Edit the alias of a canvas element. The tickers that are connected to the canvas element will be transferred.
    * @param oldAlias The old alias of the canvas element.
    * @param newAlias The new alias of the canvas element.
+   * @param options The options of the canvas element.
    */
-  editAlias(oldAlias, newAlias) {
+  editAlias(oldAlias, newAlias, options = {}) {
     if (CanvasManagerStatic._children[oldAlias]) {
       CanvasManagerStatic._children[newAlias] = CanvasManagerStatic._children[oldAlias];
       delete CanvasManagerStatic._children[oldAlias];
     }
-    this.transferTickers(oldAlias, newAlias, "move");
+    !options.ignoreTickers && this.transferTickers(oldAlias, newAlias, "move");
   }
   /** Edit Tickers Methods */
   /**
@@ -59120,12 +59133,16 @@ var CanvasManager = class {
   pushTicker(id3, tickerData, ticker) {
     CanvasManagerStatic._currentTickers[id3] = tickerData;
     tickerData.fn = (t2) => {
-      if (tickerData.createdByTicketSteps && this.isTickerPaused(tickerData.createdByTicketSteps.canvasElementAlias, tickerData.createdByTicketSteps.id)) {
-        return;
-      }
       let data = CanvasManagerStatic._currentTickers[id3];
       if (data) {
-        let canvasElementAliases = data.canvasElementAliases.filter((alias) => !this.isTickerPaused(alias, id3));
+        let canvasElementAliases = data.canvasElementAliases;
+        if (tickerData.createdByTicketSteps) {
+          if (this.isTickerPaused(tickerData.createdByTicketSteps.canvasElementAlias, tickerData.createdByTicketSteps.id)) {
+            return;
+          }
+        } else {
+          canvasElementAliases = canvasElementAliases.filter((alias) => !this.isTickerPaused(alias, id3));
+        }
         ticker?.fn(t2, data.args, canvasElementAliases, id3);
       }
     };
@@ -59472,15 +59489,19 @@ var CanvasManager = class {
     });
     CanvasManagerStatic._tickersMustBeCompletedBeforeNextStep.stepAlias.forEach(({ alias, id: id3 }) => {
       let ticker = CanvasManagerStatic._currentTickersSteps[alias];
-      if (ticker && ticker[id3] && !ticker[id3].steps.includes(Repeat)) {
-        ticker[id3].steps.forEach((step) => {
-          if (typeof step === "object" && "ticker" in step) {
-            let ticker2 = geTickerInstanceById(step.ticker, step.args, step.duration, step.priority);
-            if (ticker2) {
-              ticker2.onEndOfTicker([alias], id3, step.args);
+      if (ticker && ticker[id3]) {
+        if (ticker[id3].steps.includes(Repeat)) {
+          console.error(`[Pixi\u2019VN] The ticker alias: ${alias} id: ${id3} contains a RepeatType, so it can't be forced to complete`, ticker[id3]);
+        } else {
+          ticker[id3].steps.forEach((step) => {
+            if (typeof step === "object" && "ticker" in step) {
+              let ticker2 = geTickerInstanceById(step.ticker, step.args, step.duration, step.priority);
+              if (ticker2) {
+                ticker2.onEndOfTicker([alias], id3, step.args);
+              }
             }
-          }
-        });
+          });
+        }
       }
     });
     CanvasManagerStatic._tickersMustBeCompletedBeforeNextStep = { tikersIds: [], stepAlias: [] };
@@ -59521,6 +59542,7 @@ var CanvasManager = class {
       tickers: createExportableElement(CanvasManagerStatic.currentTickersWithoutCreatedBySteps),
       tickersSteps: createExportableElement(CanvasManagerStatic._currentTickersSteps),
       elements: createExportableElement(currentElements),
+      stage: createExportableElement(getMemoryContainer(this.app.stage)),
       elementAliasesOrder: createExportableElement(CanvasManagerStatic.childrenAliasesOrder),
       tickersOnPause: createExportableElement(CanvasManagerStatic._tickersOnPause)
     };
@@ -59554,6 +59576,11 @@ var CanvasManager = class {
         console.error("[Pixi\u2019VN] The data does not have the properties elementAliasesOrder and elements");
         return;
       }
+      if (data.hasOwnProperty("stage") && data.hasOwnProperty("stage")) {
+        setMemoryContainer(this.app.stage, data["stage"]);
+      } else {
+        console.error("[Pixi\u2019VN] The data does not have the properties stage");
+      }
       if (data.hasOwnProperty("tickers")) {
         let tickers = data["tickers"];
         Object.entries(tickers).forEach(([oldId, t2]) => {
@@ -59715,8 +59742,8 @@ function getExponentialProgression(number, progression, valueConvert) {
 // src/classes/ticker/MoveTicker.ts
 var MoveTicker = class extends TickerBase {
   fn(ticker, args, aliases, tickerId) {
-    let xSpeed = 1;
-    let ySpeed = 1;
+    let xSpeed = 10;
+    let ySpeed = 10;
     if (args.speed) {
       if (typeof args.speed === "number") {
         xSpeed = this.speedConvert(args.speed);
@@ -59780,6 +59807,10 @@ var MoveTicker = class extends TickerBase {
         let destination = args.destination;
         element.x = destination.x;
         element.y = destination.y;
+        if (args.isPushInOut && element.children.length > 0) {
+          let elementChild = element.children[0];
+          canvas.add(alias2, elementChild, { ignoreOldStyle: true });
+        }
       }
     });
     super.onEndOfTicker(alias, tickerId, args);
@@ -60212,6 +60243,7 @@ var NarrationManagerStatic = class _NarrationManagerStatic {
         canvas: {
           elementAliasesOrder: [],
           elements: {},
+          stage: {},
           tickers: {},
           tickersSteps: {},
           tickersOnPause: {}
@@ -60791,8 +60823,10 @@ var NarrationManager = class {
           console.warn("[Pixi\u2019VN] stepSha not found");
         }
         try {
+          if (NarrationManagerStatic.stepsRunning === 0) {
+            canvas.forceCompletionOfReportedTickers();
+          }
           NarrationManagerStatic.stepsRunning++;
-          canvas.forceCompletionOfReportedTickers();
           let result = await step(props);
           if (this.choiceMenuOptions?.length === 1 && this.choiceMenuOptions[0].autoSelect) {
             let choice = this.choiceMenuOptions[0];

package/dist/functions/canvas/canvas-utility.d.cts

@@ -1,12 +1,12 @@
 import { Texture } from 'pixi.js';
-import ITextureMemory from '../../interface/canvas/ITextureMemory.cjs';
+import TextureMemory from '../../interface/canvas/TextureMemory.cjs';
 
 /**
  * Get the memory object of the PixiJS texture
  * @param texture PixiJS Texture object
  * @returns Memory object of the texture
  */
-declare function getTextureMemory(texture: Texture): ITextureMemory;
+declare function getTextureMemory(texture: Texture): TextureMemory;
 /**
  * @deprecated use canvas.remove
  */

package/dist/functions/canvas/canvas-utility.d.ts

@@ -1,12 +1,12 @@
 import { Texture } from 'pixi.js';
-import ITextureMemory from '../../interface/canvas/ITextureMemory.js';
+import TextureMemory from '../../interface/canvas/TextureMemory.js';
 
 /**
  * Get the memory object of the PixiJS texture
  * @param texture PixiJS Texture object
  * @returns Memory object of the texture
  */
-declare function getTextureMemory(texture: Texture): ITextureMemory;
+declare function getTextureMemory(texture: Texture): TextureMemory;
 /**
  * @deprecated use canvas.remove
  */

package/dist/functions/canvas/canvas-utility.js

@@ -2,12 +2,12 @@ import {
   checkIfVideo,
   getTextureMemory,
   removeCanvasElement
-} from "../../chunk-3FJYYZOP.js";
+} from "../../chunk-D3ZQSJKZ.js";
 import "../../chunk-OMPJ74CO.js";
 import "../../chunk-2BUPSB7O.js";
 import "../../chunk-CZKJI26F.js";
 import "../../chunk-I6TNJEE3.js";
-import "../../chunk-66F5CGHV.js";
+import "../../chunk-DPUSONJ3.js";
 import "../../chunk-P44J5BE2.js";
 import "../../chunk-CAUF2LKZ.js";
 import "../../chunk-VXCA724Z.js";
@@ -15,12 +15,12 @@ import "../../chunk-3DOISWD6.js";
 import "../../chunk-I4UGLC3A.js";
 import "../../chunk-ZZLQ3ILH.js";
 import "../../chunk-JTQGULTR.js";
-import "../../chunk-6SZOXEOR.js";
+import "../../chunk-FHNQBWIZ.js";
 import "../../chunk-ZBUW3MBH.js";
-import "../../chunk-D3NHF5OS.js";
+import "../../chunk-PIYIZHZL.js";
 import "../../chunk-WX267JP2.js";
 import "../../chunk-LEMOIFSV.js";
-import "../../chunk-FYCYVQTG.js";
+import "../../chunk-A4NKPUL5.js";
 import "../../chunk-RATGPKD3.js";
 import "../../chunk-2PXN34ON.js";
 import "../../chunk-TAJJZPEH.js";