@drincs/pixi-vn 0.8.5 → 0.8.9

package/dist/{chunk-OBQXJNCS.js → chunk-4KV6VMUV.js}

@@ -1,30 +1,114 @@
+import {
+  videoTest
+} from "./chunk-GNFWXAOE.js";
+import {
+  imagesAnimationsTest
+} from "./chunk-GEWQS6GP.js";
+import {
+  inputTestLabel
+} from "./chunk-FIQXZ3P3.js";
+import {
+  markdownTest
+} from "./chunk-TNQKYUOG.js";
+import {
+  soundTestLabel
+} from "./chunk-SZWI2CBA.js";
+import {
+  stepLabelTestLAbel
+} from "./chunk-5A543GJ4.js";
+import {
+  baseCanvasElementTestLabel
+} from "./chunk-BHVKSBFZ.js";
+import {
+  canvasEventsTestLabel
+} from "./chunk-GKLIT4GX.js";
 import {
   eggHeadImage,
   eggHeadName,
   juliette
-} from "./chunk-LZHBFVRK.js";
+} from "./chunk-FM5SFYXO.js";
 import {
   CanvasSprite,
+  ChoiceMenuOption,
   TickerBase,
   canvas,
   canvasElementDecorator,
   narration,
   newLabel
-} from "./chunk-RUYEWYEH.js";
+} from "./chunk-D3ZQSJKZ.js";
 import {
   tickerDecorator
 } from "./chunk-JTQGULTR.js";
+import {
+  version
+} from "./chunk-A4NKPUL5.js";
 import {
   Assets
 } from "./chunk-2PXN34ON.js";
 import {
-  Rectangle,
-  Sprite
+  Rectangle
 } from "./chunk-PZXJFPCN.js";
 import {
   __decorateClass
 } from "./chunk-N342G4HO.js";
 
+// src/labels/StartLabel.ts
+var pixivnTestStartLabel = newLabel(
+  "___pixi_vn_example_start_label___",
+  [
+    () => {
+      let currentTimeName = "";
+      const hour = (/* @__PURE__ */ new Date()).getHours();
+      if (hour >= 5 && hour < 12) {
+        currentTimeName = "morning\u{1F505}";
+      } else if (hour >= 12 && hour < 18) {
+        currentTimeName = "afternoon\u{1F506}";
+      } else if (hour >= 18 && hour < 22) {
+        currentTimeName = "evening\u26C5";
+      } else {
+        currentTimeName = "night\u{1F319}";
+      }
+      narration.dialogue = { character: juliette, text: `Good ${currentTimeName}! I'm ${juliette.name}, your virtual assistant. I'm here to help you with your tests.` };
+    },
+    () => narration.dialogue = { character: juliette, text: `You are running the Pixi\u2019VN v${version} test. This test will guide you through the different features of the library.` },
+    (props) => narration.jumpLabel(pixivnTestStartLabel2, props)
+  ]
+);
+var openLink = newLabel(
+  "___pixi_vn_open_link___",
+  [
+    async (props) => {
+      window.open(props.link);
+      await narration.goNext(props);
+    }
+  ]
+);
+var RESTART_TEST_LABEL = "___pixi_vn_restart_test_label___";
+var pixivnTestStartLabel2 = newLabel(
+  RESTART_TEST_LABEL,
+  [
+    () => {
+      canvas.clear();
+      narration.dialogue = { character: juliette, text: "Which test would you like to start with?" };
+      narration.choiceMenuOptions = [
+        new ChoiceMenuOption("Open Pixi\u2019VN Wiki", openLink, { link: "https://pixi-vn.web.app/" }),
+        new ChoiceMenuOption("Open Pixi\u2019VN Discord", openLink, { link: "https://discord.gg/E95FZWakzp" }),
+        new ChoiceMenuOption("Open Pixi\u2019VN Github Issues", openLink, { link: "https://github.com/DRincs-Productions/pixi-vn/issues" }),
+        new ChoiceMenuOption("Images, Transitions and Animations Test", imagesAnimationsTest, {}),
+        new ChoiceMenuOption("Video Test", videoTest, {}),
+        new ChoiceMenuOption("Canvas Events Test", canvasEventsTestLabel, {}),
+        new ChoiceMenuOption("Sound Test", soundTestLabel, {}),
+        new ChoiceMenuOption("Base Canvas Element Test", baseCanvasElementTestLabel, {}),
+        new ChoiceMenuOption("Custom Ticker Canvas Element Test", customTickerCanvasElementTestLabel, {}),
+        new ChoiceMenuOption("Steps and Labels Test", stepLabelTestLAbel, {}),
+        new ChoiceMenuOption("Markdown Test", markdownTest, {}),
+        new ChoiceMenuOption("Input Test", inputTestLabel, {})
+      ];
+    },
+    (props) => narration.jumpLabel(RESTART_TEST_LABEL, props)
+  ]
+);
+
 // src/labels/CustomTickerCanvasElementTestLabel.ts
 var AlienTintingTest = class extends CanvasSprite {
   get memory() {
@@ -45,7 +129,7 @@ var AlienTintingTest = class extends CanvasSprite {
   turningSpeed = 0;
   speed = 0;
   static from(source, skipCache) {
-    let sprite = Sprite.from(source, skipCache);
+    let sprite = CanvasSprite.from(source, skipCache);
     let mySprite = new AlienTintingTest();
     mySprite.texture = sprite.texture;
     return mySprite;
@@ -120,5 +204,7 @@ var customTickerCanvasElementTestLabel = newLabel(
 
 export {
   TintingTestTicker,
-  customTickerCanvasElementTestLabel
+  customTickerCanvasElementTestLabel,
+  pixivnTestStartLabel,
+  pixivnTestStartLabel2
 };

package/dist/{chunk-ATJOKACB.js → chunk-5A543GJ4.js}

@@ -1,10 +1,10 @@
 import {
   juliette
-} from "./chunk-LZHBFVRK.js";
+} from "./chunk-FM5SFYXO.js";
 import {
   narration,
   newLabel
-} from "./chunk-RUYEWYEH.js";
+} from "./chunk-D3ZQSJKZ.js";
 
 // src/labels/StepLabelTest.ts
 var STEP_LABEL_TEST_LABEL = "___pixi_vn_step_label_test___";

package/dist/{chunk-P5XNCVKG.js → chunk-A4NKPUL5.js}

@@ -2,8 +2,10 @@ import {
   filters_exports
 } from "./chunk-RATGPKD3.js";
 
+// package.json
+var version = "0.8.9";
+
 // src/constants.ts
-var PIXIVN_VERSION = "0.8.3";
 var Repeat = "repeat";
 function Pause(duration) {
   return {
@@ -125,7 +127,7 @@ var videoFormats = [
 var CANVAS_APP_STAGE_ALIAS = "_stage_";
 
 export {
-  PIXIVN_VERSION,
+  version,
   Repeat,
   Pause,
   filters,

package/dist/{chunk-IWJD3C4Y.js → chunk-BHVKSBFZ.js}

@@ -1,7 +1,7 @@
 import {
   bunnyImage,
   juliette
-} from "./chunk-LZHBFVRK.js";
+} from "./chunk-FM5SFYXO.js";
 import {
   CanvasContainer,
   CanvasSprite,
@@ -10,7 +10,7 @@ import {
   canvas,
   narration,
   newLabel
-} from "./chunk-RUYEWYEH.js";
+} from "./chunk-D3ZQSJKZ.js";
 import {
   Assets
 } from "./chunk-2PXN34ON.js";

package/dist/{chunk-RUYEWYEH.js → chunk-D3ZQSJKZ.js}

@@ -43,11 +43,11 @@ import {
 } from "./chunk-LEMOIFSV.js";
 import {
   CANVAS_APP_STAGE_ALIAS,
-  PIXIVN_VERSION,
   Pause,
   Repeat,
+  version,
   videoFormats
-} from "./chunk-P5XNCVKG.js";
+} from "./chunk-A4NKPUL5.js";
 import {
   Sound,
   SoundLibrary,
@@ -901,16 +901,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 */
   /**
@@ -1413,11 +1414,6 @@ var CanvasManager = class {
   import(data) {
     this.clear();
     try {
-      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");
-      }
       let tickersOnPause = data["tickersOnPause"] || {};
       if (data.hasOwnProperty("elementAliasesOrder") && data.hasOwnProperty("elements")) {
         let currentElements = data["elements"];
@@ -1433,6 +1429,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, t]) => {
@@ -1713,8 +1714,8 @@ FadeAlphaTicker = __decorateClass([
 // 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);
@@ -1778,6 +1779,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);
@@ -2114,6 +2119,7 @@ async function showVideo(alias, videoUrl) {
 
 // src/functions/canvas/canvas-transition.ts
 async function showWithDissolveTransition(alias, image, props = {}, priority) {
+  let mustBeCompletedBeforeNextStep = props.mustBeCompletedBeforeNextStep ?? true;
   let oldCanvasAlias = void 0;
   if (canvas.find(alias)) {
     oldCanvasAlias = alias + "_temp_disolve";
@@ -2143,10 +2149,13 @@ async function showWithDissolveTransition(alias, image, props = {}, priority) {
     startOnlyIfHaveTexture: true
   }, 10, priority);
   let id = canvas.addTicker(alias, effect);
-  id && canvas.addTickerMustBeCompletedBeforeNextStep({ id });
-  return;
+  if (id) {
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id });
+    return [id];
+  }
 }
 function removeWithDissolveTransition(alias, props = {}, priority) {
+  let mustBeCompletedBeforeNextStep = props.mustBeCompletedBeforeNextStep ?? true;
   if (typeof alias === "string") {
     alias = [alias];
   }
@@ -2156,12 +2165,17 @@ function removeWithDissolveTransition(alias, props = {}, priority) {
     aliasToRemoveAfter: alias,
     startOnlyIfHaveTexture: true
   }, 10, priority);
-  canvas.addTicker(alias, effect);
+  let id = canvas.addTicker(alias, effect);
+  if (id) {
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id });
+    return [id];
+  }
 }
 async function showWithFadeTransition(alias, image, props = {}, priority) {
   if (!canvas.find(alias)) {
     return showWithDissolveTransition(alias, image, props, priority);
   }
+  let mustBeCompletedBeforeNextStep = props.mustBeCompletedBeforeNextStep ?? true;
   let oldCanvasAlias = alias + "_temp_fade";
   canvas.editAlias(alias, oldCanvasAlias);
   let canvasElement;
@@ -2197,14 +2211,23 @@ async function showWithFadeTransition(alias, image, props = {}, priority) {
       aliasToRemoveAfter: oldCanvasAlias
     }, void 0, priority)
   ]);
-  id1 && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id1, alias });
-  id2 && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id2, alias });
+  let res = void 0;
+  if (id1) {
+    res = [id1];
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id1, alias });
+  }
+  if (id2) {
+    res ? res.push(id2) : res = [id2];
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id2, alias });
+  }
+  return res;
 }
 function removeWithFadeTransition(alias, props = {}, priority) {
   return removeWithDissolveTransition(alias, props, priority);
 }
 async function moveIn(alias, image, props = {}, priority) {
   let direction = props.direction || "right";
+  let mustBeCompletedBeforeNextStep = props.mustBeCompletedBeforeNextStep ?? true;
   let tickerAliasToResume = typeof props.tickerAliasToResume === "string" ? [props.tickerAliasToResume] : props.tickerAliasToResume || [];
   tickerAliasToResume.push(alias);
   let canvasElement;
@@ -2245,10 +2268,15 @@ async function moveIn(alias, image, props = {}, priority) {
   let id = canvas.addTicker(alias, effect);
   if (id) {
     canvas.putOnPauseTicker(alias, id);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id });
+    return [id];
   }
 }
 function moveOut(alias, props = {}, priority) {
   let direction = props.direction || "right";
+  let mustBeCompletedBeforeNextStep = props.mustBeCompletedBeforeNextStep ?? true;
+  let tickerAliasToResume = typeof props.tickerAliasToResume === "string" ? [props.tickerAliasToResume] : props.tickerAliasToResume || [];
+  tickerAliasToResume.push(alias);
   let canvasElement = canvas.find(alias);
   if (!canvasElement) {
     console.warn("[Pixi\u2019VN] The canvas element is not found.");
@@ -2271,13 +2299,20 @@ function moveOut(alias, props = {}, priority) {
   }
   let effect = new MoveTicker({
     ...props,
+    tickerAliasToResume,
     destination,
     startOnlyIfHaveTexture: true,
     aliasToRemoveAfter: alias
   }, void 0, priority);
-  canvas.addTicker(alias, effect);
+  let id = canvas.addTicker(alias, effect);
+  if (id) {
+    canvas.putOnPauseTicker(alias, id);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id });
+    return [id];
+  }
 }
 async function zoomIn(alias, image, props = { direction: "right" }, priority) {
+  let mustBeCompletedBeforeNextStep = props.mustBeCompletedBeforeNextStep ?? true;
   let tickerAliasToResume = typeof props.tickerAliasToResume === "string" ? [props.tickerAliasToResume] : props.tickerAliasToResume || [];
   tickerAliasToResume.push(alias);
   let canvasElement;
@@ -2290,7 +2325,9 @@ async function zoomIn(alias, image, props = { direction: "right" }, priority) {
   } else {
     canvasElement = image;
   }
-  canvas.copyCanvasElementProperty(alias, canvasElement);
+  if (canvas.find(alias)) {
+    canvas.copyCanvasElementProperty(alias, canvasElement);
+  }
   let container = new CanvasContainer();
   container.addChild(canvasElement);
   container.height = canvas.canvasHeight;
@@ -2332,9 +2369,14 @@ async function zoomIn(alias, image, props = { direction: "right" }, priority) {
   let id = canvas.addTicker(alias, effect);
   if (id) {
     canvas.putOnPauseTicker(alias, id);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id });
+    return [id];
   }
 }
 function zoomOut(alias, props = { direction: "right" }, priority) {
+  let mustBeCompletedBeforeNextStep = props.mustBeCompletedBeforeNextStep ?? true;
+  let tickerAliasToResume = typeof props.tickerAliasToResume === "string" ? [props.tickerAliasToResume] : props.tickerAliasToResume || [];
+  tickerAliasToResume.push(alias);
   let canvasElement = canvas.find(alias);
   if (!canvasElement) {
     console.warn("[Pixi\u2019VN] The canvas element is not found.");
@@ -2369,13 +2411,116 @@ function zoomOut(alias, props = { direction: "right" }, priority) {
   container.scale.set(1);
   let effect = new ZoomTicker({
     ...props,
+    tickerAliasToResume,
     startOnlyIfHaveTexture: true,
     type: "unzoom",
     limit: 0,
     aliasToRemoveAfter: alias,
     isZoomInOut: true
   }, void 0, priority);
-  canvas.addTicker(alias, effect);
+  let id = canvas.addTicker(alias, effect);
+  if (id) {
+    canvas.putOnPauseTicker(alias, id);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id });
+    return [id];
+  }
+}
+async function pushIn(alias, image, props = { direction: "right" }, priority) {
+  let oldCanvasAlias = alias + "_temp_push";
+  let mustBeCompletedBeforeNextStep = props.mustBeCompletedBeforeNextStep ?? true;
+  let tickerAliasToResume = typeof props.tickerAliasToResume === "string" ? [props.tickerAliasToResume] : props.tickerAliasToResume || [];
+  tickerAliasToResume.push(alias);
+  let canvasElement;
+  if (typeof image === "string") {
+    if (checkIfVideo(image)) {
+      canvasElement = new CanvasVideo({}, image);
+    } else {
+      canvasElement = new CanvasImage({}, image);
+    }
+  } else {
+    canvasElement = image;
+  }
+  let oldCanvas = canvas.find(alias);
+  if (oldCanvas) {
+    canvas.copyCanvasElementProperty(oldCanvas, canvasElement);
+    canvas.editAlias(alias, oldCanvasAlias, { ignoreTickers: true });
+    pushOut(oldCanvasAlias, props, priority);
+  }
+  let container = new CanvasContainer();
+  container.height = canvas.canvasHeight;
+  container.width = canvas.canvasWidth;
+  container.addChild(canvasElement);
+  canvas.add(alias, container, { ignoreOldStyle: true });
+  if (canvasElement instanceof CanvasImage && canvasElement.texture?.label == "EMPTY") {
+    await canvasElement.load();
+  }
+  if (props.direction == "up") {
+    container.x = 0;
+    container.y = -canvas.canvasHeight;
+  } else if (props.direction == "down") {
+    container.x = 0;
+    container.y = canvas.canvasHeight;
+  } else if (props.direction == "left") {
+    container.x = canvas.canvasWidth;
+    container.y = 0;
+  } else if (props.direction == "right") {
+    container.x = -canvas.canvasWidth;
+    container.y = 0;
+  }
+  let effect = new MoveTicker({
+    ...props,
+    tickerAliasToResume,
+    startOnlyIfHaveTexture: true,
+    isPushInOut: true,
+    destination: { x: 0, y: 0 }
+  }, void 0, priority);
+  let id = canvas.addTicker(alias, effect);
+  if (id) {
+    canvas.putOnPauseTicker(alias, id);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id });
+    return [id];
+  }
+}
+function pushOut(alias, props = { direction: "right" }, priority) {
+  let mustBeCompletedBeforeNextStep = props.mustBeCompletedBeforeNextStep ?? true;
+  let tickerAliasToResume = typeof props.tickerAliasToResume === "string" ? [props.tickerAliasToResume] : props.tickerAliasToResume || [];
+  tickerAliasToResume.push(alias);
+  let canvasElement = canvas.find(alias);
+  if (!canvasElement) {
+    console.warn("[Pixi\u2019VN] The canvas element is not found.");
+    return;
+  }
+  let container = new CanvasContainer();
+  container.pivot.x = 0;
+  container.pivot.y = 0;
+  container.x = 0;
+  container.y = 0;
+  container.addChild(canvasElement);
+  canvas.add(alias, container, { ignoreOldStyle: true });
+  let destination = { x: 0, y: 0 };
+  if (props.direction == "up") {
+    destination.y = canvas.canvasHeight;
+  } else if (props.direction == "down") {
+    destination.y = -canvas.canvasHeight;
+  } else if (props.direction == "left") {
+    destination.x = -canvas.canvasWidth;
+  } else if (props.direction == "right") {
+    destination.x = canvas.canvasWidth;
+  }
+  let effect = new MoveTicker({
+    ...props,
+    tickerAliasToResume,
+    startOnlyIfHaveTexture: true,
+    destination,
+    aliasToRemoveAfter: alias,
+    isPushInOut: true
+  }, void 0, priority);
+  let id = canvas.addTicker(alias, effect);
+  if (id) {
+    canvas.putOnPauseTicker(alias, id);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id });
+    return [id];
+  }
 }
 
 // src/functions/dialogue-utility.ts
@@ -2429,7 +2574,7 @@ function clearAllGameDatas() {
 // src/functions/saves-utility.ts
 function getSaveData() {
   return {
-    pixivn_version: PIXIVN_VERSION,
+    pixivn_version: version,
     stepData: narration.export(),
     storageData: storage.export(),
     canvasData: canvas.export(),
@@ -3094,8 +3239,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];
@@ -4829,6 +4976,8 @@ export {
   moveOut,
   zoomIn,
   zoomOut,
+  pushIn,
+  pushOut,
   setDialogue,
   getDialogue,
   clearDialogue,

package/dist/{chunk-VIQQNPPV.js → chunk-FIQXZ3P3.js}

@@ -1,10 +1,10 @@
 import {
   juliette
-} from "./chunk-LZHBFVRK.js";
+} from "./chunk-FM5SFYXO.js";
 import {
   narration,
   newLabel
-} from "./chunk-RUYEWYEH.js";
+} from "./chunk-D3ZQSJKZ.js";
 
 // src/labels/InputTestLabel.ts
 var INPUT_TEST_LABEL = "___pixi_vn_input_test___";

package/dist/{chunk-LZHBFVRK.js → chunk-FM5SFYXO.js}

@@ -1,6 +1,6 @@
 import {
   CharacterBaseModel
-} from "./chunk-RUYEWYEH.js";
+} from "./chunk-D3ZQSJKZ.js";
 import {
   saveCharacter
 } from "./chunk-WX267JP2.js";

package/dist/{chunk-7TH27DDS.js → chunk-GEWQS6GP.js}

@@ -8,7 +8,7 @@ import {
   juliette,
   skullyImage,
   skullyName
-} from "./chunk-LZHBFVRK.js";
+} from "./chunk-FM5SFYXO.js";
 import {
   CanvasImage,
   ChoiceMenuOption,
@@ -24,6 +24,8 @@ import {
   moveOut,
   narration,
   newLabel,
+  pushIn,
+  pushOut,
   removeWithDissolveTransition,
   removeWithFadeTransition,
   shakeEffect,
@@ -32,12 +34,12 @@ import {
   showWithFadeTransition,
   zoomIn,
   zoomOut
-} from "./chunk-RUYEWYEH.js";
+} from "./chunk-D3ZQSJKZ.js";
 import {
   CANVAS_APP_STAGE_ALIAS,
   Pause,
   Repeat
-} from "./chunk-P5XNCVKG.js";
+} from "./chunk-A4NKPUL5.js";
 
 // src/labels/ImagesAnimationsTestLabel.ts
 var IMAGE_ANIMAIONS_TEST_LABEL = "___pixi_vn_images_animations_test___";
@@ -71,6 +73,7 @@ var imagesAnimationsTest = newLabel(IMAGE_ANIMAIONS_TEST_LABEL, [
       new ChoiceMenuOption("Zoom", imagesZoomTest, {}),
       new ChoiceMenuOption("Move in/out", imagesMoveInOutTest, {}),
       new ChoiceMenuOption("Zoom in/out", imagesZoomInOutTest, {}),
+      new ChoiceMenuOption("Push in/out", imagesPushInOutTest, {}),
       new ChoiceMenuOption("Shake", shakeStageTest, {}),
       new ChoiceMenuOption("Add same alias", imagesAddSameAliasTestLabel, {}),
       new ChoiceMenuOptionClose("Cancel", { closeCurrentLabel: true })
@@ -404,6 +407,44 @@ var imagesZoomInOutTest = newLabel("___pixi_vn_images_zoom_in_out_test___", [
     });
   }
 ]);
+var imagesPushInOutTest = newLabel("___pixi_vn_images_push_in_out_test___", [
+  async () => {
+    narration.dialogue = {
+      character: juliette,
+      text: `Here's what's going to happen:`
+    };
+    let eggHead = new CanvasImage({ x: 100, y: 100 }, eggHeadImage);
+    let flowerTop = new CanvasImage({ x: 300, y: 100 }, flowerTopImage);
+    let helmlok = new CanvasImage({ x: 100, y: 300 }, helmlokImage);
+    let skully = new CanvasImage({ x: 300, y: 300 }, skullyImage);
+    pushIn("eggHead", eggHead, { speed: 20, direction: "down" });
+    pushIn("flowerTop", flowerTop, {
+      speed: 3,
+      direction: "left",
+      speedProgression: { type: "exponential", percentage: 0.02 }
+    });
+    pushIn("helmlok", helmlok, { speed: 30, direction: "right" });
+    pushIn("skully", skully, {
+      speed: 3,
+      direction: "up",
+      speedProgression: { type: "exponential", percentage: 0.02 }
+    });
+  },
+  async () => {
+    pushOut("eggHead", {
+      speed: 3,
+      direction: "down",
+      speedProgression: { type: "exponential", percentage: 0.02 }
+    });
+    pushOut("flowerTop", { speed: 30, direction: "left" });
+    pushOut("helmlok", { speed: 10, direction: "right" });
+    pushOut("skully", {
+      speed: 3,
+      direction: "up",
+      speedProgression: { type: "exponential", percentage: 0.02 }
+    });
+  }
+]);
 var imagesAddSameAliasTestLabel = newLabel("___pixi_vn_images_add_same_tag_test___", [
   () => {
     narration.dialogue = {
@@ -445,7 +486,8 @@ var imagesAddSameAliasTestLabel = newLabel("___pixi_vn_images_add_same_tag_test_
   async () => await showWithDissolveTransition("eggHead", helmlokImage),
   async () => await showWithFadeTransition("eggHead", skullyImage),
   async () => await moveIn("eggHead", eggHeadImage, { speed: 100 }),
-  async () => await zoomIn("eggHead", eggHeadImage)
+  async () => await zoomIn("eggHead", eggHeadImage),
+  async () => await pushIn("eggHead", eggHeadImage)
 ]);
 var shakeStageTest = newLabel("___pixi_vn_images_shake_stage_test___", [
   () => {

package/dist/{chunk-C3CICOHN.js → chunk-GKLIT4GX.js}

@@ -2,13 +2,13 @@ import {
   bunnyImage,
   bunnyName,
   juliette
-} from "./chunk-LZHBFVRK.js";
+} from "./chunk-FM5SFYXO.js";
 import {
   CanvasSprite,
   canvas,
   narration,
   newLabel
-} from "./chunk-RUYEWYEH.js";
+} from "./chunk-D3ZQSJKZ.js";
 import {
   eventDecorator
 } from "./chunk-LEMOIFSV.js";