@drincs/pixi-vn 0.8.4 → 0.8.9

package/dist/functions/canvas/canvas-transition.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() {
@@ -54700,6 +54700,8 @@ var canvas_transition_exports = {};
 __export(canvas_transition_exports, {
   moveIn: () => moveIn,
   moveOut: () => moveOut,
+  pushIn: () => pushIn,
+  pushOut: () => pushOut,
   removeWithDissolveTransition: () => removeWithDissolveTransition,
   removeWithFadeTransition: () => removeWithFadeTransition,
   showWithDissolveTransition: () => showWithDissolveTransition,
@@ -57518,6 +57520,7 @@ var videoFormats = [
   "asf",
   "vob"
 ];
+var CANVAS_APP_STAGE_ALIAS = "_stage_";
 
 // src/managers/CanvasManager.ts
 init_lib();
@@ -57858,7 +57861,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");
   }
 }
@@ -58291,6 +58294,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) {
@@ -58321,6 +58328,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];
@@ -58349,6 +58360,9 @@ var CanvasManager = class {
    * ```
    */
   find(alias) {
+    if (alias === CANVAS_APP_STAGE_ALIAS) {
+      return this.app.stage;
+    }
     return CanvasManagerStatic._children[alias];
   }
   /**
@@ -58375,16 +58389,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 */
   /**
@@ -58459,12 +58474,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);
       }
     };
@@ -58811,15 +58830,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: [] };
@@ -58860,6 +58883,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)
     };
@@ -58893,6 +58917,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]) => {
@@ -59199,6 +59228,386 @@ var ChoiceMenuOptionClose = class {
   }
 };
 
+// src/classes/ticker/FadeAlphaTicker.ts
+init_lib();
+var FadeAlphaTicker = class extends TickerBase {
+  fn(ticker, args, aliases, tickerId) {
+    let type = args.type === void 0 ? "hide" : args.type;
+    let limit = this.getLimit(args);
+    let duration = args.duration === void 0 ? 1 : args.duration;
+    let speed = 1 / (duration * 60);
+    let aliasToRemoveAfter2 = args.aliasToRemoveAfter || [];
+    if (typeof aliasToRemoveAfter2 === "string") {
+      aliasToRemoveAfter2 = [aliasToRemoveAfter2];
+    }
+    let tickerAliasToResume = args.tickerAliasToResume || [];
+    if (typeof tickerAliasToResume === "string") {
+      tickerAliasToResume = [tickerAliasToResume];
+    }
+    if (type === "hide" && limit < 0) {
+      limit = 0;
+    }
+    if (type === "show" && limit > 1) {
+      limit = 1;
+    }
+    aliases.filter((alias) => {
+      let element = canvas.find(alias);
+      if (args.startOnlyIfHaveTexture) {
+        if (element && element instanceof Sprite && element.texture?.label == "EMPTY") {
+          return false;
+        }
+      }
+      return true;
+    }).forEach((alias) => {
+      let element = canvas.find(alias);
+      if (element && element instanceof Container) {
+        if (type === "show" && element.alpha < limit) {
+          element.alpha += speed * ticker.deltaTime;
+        } else if (type === "hide" && element.alpha > limit) {
+          element.alpha -= speed * ticker.deltaTime;
+        }
+        if (type === "show" && element.alpha >= limit) {
+          this.onEndOfTicker(alias, tickerId, args);
+        } else if (type === "hide" && element.alpha <= limit) {
+          this.onEndOfTicker(alias, tickerId, args);
+        }
+      }
+    });
+  }
+  onEndOfTicker(alias, tickerId, args) {
+    if (typeof alias === "string") {
+      alias = [alias];
+    }
+    alias.forEach((alias2) => {
+      let element = canvas.find(alias2);
+      if (element) {
+        let limit = this.getLimit(args);
+        element.alpha = limit;
+      }
+    });
+    super.onEndOfTicker(alias, tickerId, args);
+  }
+  getLimit(args) {
+    let type = args.type === void 0 ? "hide" : args.type;
+    let limit = args.limit === void 0 ? type === "hide" ? 0 : 1 : args.limit;
+    return limit;
+  }
+};
+FadeAlphaTicker = __decorateClass([
+  tickerDecorator()
+], FadeAlphaTicker);
+
+// src/classes/ticker/MoveTicker.ts
+init_lib();
+
+// src/functions/ticker-utility.ts
+function updateTickerProgression(args, propertyName, progression, valueConvert) {
+  let limit = valueConvert && progression.limit ? valueConvert(progression.limit) : progression.limit;
+  if (args[propertyName] === void 0 || !progression || args[propertyName] === limit) {
+    return;
+  }
+  if (typeof args[propertyName] === "number") {
+    if (progression.type === "linear") {
+      args[propertyName] = getLinearProgression(args[propertyName], progression);
+    } else if (progression.type === "exponential") {
+      args[propertyName] = getExponentialProgression(args[propertyName], progression);
+    }
+  } else if (args[propertyName] !== void 0 && typeof args[propertyName] === "object" && args[propertyName].haveOwnProperty("x") && args[propertyName].haveOwnProperty("y") && typeof args[propertyName].x === "number" && typeof args[propertyName].y === "number") {
+    if (progression.type === "linear") {
+      args[propertyName].x = getLinearProgression(args[propertyName].x, progression);
+      args[propertyName].y = getLinearProgression(args[propertyName].y, progression);
+    } else if (progression.type === "exponential") {
+      args[propertyName].x = getExponentialProgression(args[propertyName].x, progression);
+      args[propertyName].y = getExponentialProgression(args[propertyName].y, progression);
+    }
+  }
+}
+function getLinearProgression(number, progression, valueConvert) {
+  let limit = valueConvert && progression.limit ? valueConvert(progression.limit) : progression.limit;
+  let amt = valueConvert ? valueConvert(progression.amt) : progression.amt;
+  if (limit !== void 0) {
+    if (number > limit && amt > 0) {
+      return limit;
+    } else if (number < limit && amt < 0) {
+      return limit;
+    }
+  }
+  return number + amt;
+}
+function getExponentialProgression(number, progression, valueConvert) {
+  let limit = valueConvert && progression.limit ? valueConvert(progression.limit) : progression.limit;
+  if (limit !== void 0) {
+    if (number > limit && progression.percentage > 0) {
+      return limit;
+    } else if (number < limit && progression.percentage < 0) {
+      return limit;
+    }
+  }
+  return number + number * progression.percentage;
+}
+
+// src/classes/ticker/MoveTicker.ts
+var MoveTicker = class extends TickerBase {
+  fn(ticker, args, aliases, tickerId) {
+    let xSpeed = 10;
+    let ySpeed = 10;
+    if (args.speed) {
+      if (typeof args.speed === "number") {
+        xSpeed = this.speedConvert(args.speed);
+        ySpeed = this.speedConvert(args.speed);
+      } else {
+        xSpeed = this.speedConvert(args.speed.x);
+        ySpeed = this.speedConvert(args.speed.y);
+      }
+    }
+    let destination = args.destination;
+    let aliasToRemoveAfter2 = args.aliasToRemoveAfter || [];
+    if (typeof aliasToRemoveAfter2 === "string") {
+      aliasToRemoveAfter2 = [aliasToRemoveAfter2];
+    }
+    let tickerAliasToResume = args.tickerAliasToResume || [];
+    if (typeof tickerAliasToResume === "string") {
+      tickerAliasToResume = [tickerAliasToResume];
+    }
+    aliases.filter((alias) => {
+      let element = canvas.find(alias);
+      if (args.startOnlyIfHaveTexture) {
+        if (element && element instanceof Sprite && element.texture?.label == "EMPTY") {
+          return false;
+        }
+      }
+      return true;
+    }).forEach((alias) => {
+      let element = canvas.find(alias);
+      if (element && element instanceof Container) {
+        let xDistance = destination.x - element.x > 0 ? 1 : -1;
+        if (xDistance != 0) {
+          element.x += xDistance * xSpeed * ticker.deltaTime;
+          let newDistance = destination.x - element.x;
+          if (xDistance < 0 && newDistance > 0 || xDistance > 0 && newDistance < 0) {
+            element.x = destination.x;
+          }
+        }
+        let yDistance = destination.y - element.y > 0 ? 1 : -1;
+        if (yDistance != 0) {
+          element.y += yDistance * ySpeed * ticker.deltaTime;
+          let newDistance = destination.y - element.y;
+          if (yDistance < 0 && newDistance > 0 || yDistance > 0 && newDistance < 0) {
+            element.y = destination.y;
+          }
+        }
+        if (element.x == destination.x && element.y == destination.y) {
+          this.onEndOfTicker(alias, tickerId, args);
+        }
+      }
+    });
+    if (args.speedProgression)
+      updateTickerProgression(args, "speed", args.speedProgression, this.speedConvert);
+  }
+  onEndOfTicker(alias, tickerId, args) {
+    if (typeof alias === "string") {
+      alias = [alias];
+    }
+    alias.forEach((alias2) => {
+      let element = canvas.find(alias2);
+      if (element) {
+        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);
+  }
+  speedConvert(speed) {
+    return speed / 6;
+  }
+};
+MoveTicker = __decorateClass([
+  tickerDecorator()
+], MoveTicker);
+
+// src/classes/ticker/RotateTicker.ts
+init_lib();
+var RotateTicker = class extends TickerBase {
+  fn(ticker, args, aliases, tickerId) {
+    let speed = this.speedConvert(args.speed === void 0 ? 1 : args.speed);
+    let clockwise = args.clockwise === void 0 ? true : args.clockwise;
+    let aliasToRemoveAfter2 = args.aliasToRemoveAfter || [];
+    if (typeof aliasToRemoveAfter2 === "string") {
+      aliasToRemoveAfter2 = [aliasToRemoveAfter2];
+    }
+    let tickerAliasToResume = args.tickerAliasToResume || [];
+    if (typeof tickerAliasToResume === "string") {
+      tickerAliasToResume = [tickerAliasToResume];
+    }
+    aliases.filter((alias) => {
+      let element = canvas.find(alias);
+      if (args.startOnlyIfHaveTexture) {
+        if (element && element instanceof Sprite && element.texture?.label == "EMPTY") {
+          return false;
+        }
+      }
+      return true;
+    }).forEach((alias) => {
+      let element = canvas.find(alias);
+      if (element && element instanceof Container) {
+        if (clockwise)
+          element.rotation += speed * ticker.deltaTime;
+        else
+          element.rotation -= speed * ticker.deltaTime;
+        if (speed < 1e-5 && !(args.speedProgression && args.speedProgression.type == "linear" && args.speedProgression.amt != 0)) {
+          this.onEndOfTicker(alias, tickerId, args);
+        }
+      }
+    });
+    if (args.speedProgression)
+      updateTickerProgression(args, "speed", args.speedProgression, this.speedConvert);
+  }
+  speedConvert(speed) {
+    return speed / 60;
+  }
+};
+RotateTicker = __decorateClass([
+  tickerDecorator()
+], RotateTicker);
+
+// src/classes/ticker/ZoomTicker.ts
+init_lib();
+var DEFAULT_SPEED = 0.1;
+var ZoomTicker = class extends TickerBase {
+  fn(ticker, args, alias, tickerId) {
+    let xSpeed = DEFAULT_SPEED;
+    let ySpeed = DEFAULT_SPEED;
+    if (args.speed) {
+      if (typeof args.speed === "number") {
+        xSpeed = this.speedConvert(args.speed);
+        ySpeed = this.speedConvert(args.speed);
+      } else {
+        xSpeed = this.speedConvert(args.speed.x);
+        ySpeed = this.speedConvert(args.speed.y);
+      }
+    }
+    let aliasToRemoveAfter2 = args.aliasToRemoveAfter || [];
+    if (typeof aliasToRemoveAfter2 === "string") {
+      aliasToRemoveAfter2 = [aliasToRemoveAfter2];
+    }
+    let tickerAliasToResume = args.tickerAliasToResume || [];
+    if (typeof tickerAliasToResume === "string") {
+      tickerAliasToResume = [tickerAliasToResume];
+    }
+    let type = args.type || "zoom";
+    let limit = this.getLimit(args);
+    alias.filter((alias2) => {
+      let element = canvas.find(alias2);
+      if (args.startOnlyIfHaveTexture) {
+        if (element && element instanceof Sprite && element.texture?.label == "EMPTY") {
+          return false;
+        }
+      }
+      return true;
+    }).forEach((alias2) => {
+      let element = canvas.find(alias2);
+      if (element && element instanceof Container) {
+        if (type === "zoom" && (element.scale.x < limit.x || element.scale.y < limit.y)) {
+          element.scale.x += xSpeed * ticker.deltaTime;
+          element.scale.y += ySpeed * ticker.deltaTime;
+        } else if (type === "unzoom" && (element.scale.x > limit.x || element.scale.y > limit.y)) {
+          element.scale.x -= xSpeed * ticker.deltaTime;
+          element.scale.y -= ySpeed * ticker.deltaTime;
+        }
+        if (type === "zoom") {
+          if (element.scale.x > limit.x) {
+            element.scale.x = limit.x;
+          }
+          if (element.scale.y > limit.y) {
+            element.scale.y = limit.y;
+          }
+          if (element.scale.x >= limit.x && element.scale.y >= limit.y) {
+            this.onEndOfTicker(alias2, tickerId, args);
+          }
+        } else if (type === "unzoom") {
+          if (element.scale.x < limit.x) {
+            element.scale.x = limit.x;
+          }
+          if (element.scale.y < limit.y) {
+            element.scale.y = limit.y;
+          }
+          if (element.scale.x <= limit.x && element.scale.y <= limit.y) {
+            this.onEndOfTicker(alias2, tickerId, args);
+          }
+        }
+        if (this.isStop(args)) {
+          this.onEndOfTicker(alias2, tickerId, args);
+        }
+      }
+    });
+    if (args.speedProgression)
+      updateTickerProgression(args, "speed", args.speedProgression, this.speedConvert);
+  }
+  speedConvert(speed) {
+    return speed / 60;
+  }
+  onEndOfTicker(alias, tickerId, args) {
+    if (typeof alias === "string") {
+      alias = [alias];
+    }
+    alias.forEach((alias2) => {
+      let element = canvas.find(alias2);
+      if (element) {
+        if (!this.isStop(args)) {
+          let limit = this.getLimit(args);
+          element.scale.x = limit.x;
+          element.scale.y = limit.y;
+        }
+        if (args.isZoomInOut && element.children.length > 0) {
+          let elementChild = element.children[0];
+          canvas.add(alias2, elementChild, { ignoreOldStyle: true });
+        }
+      }
+    });
+    super.onEndOfTicker(alias, tickerId, args);
+  }
+  getLimit(args) {
+    let type = args.type || "zoom";
+    let xLimit = type === "zoom" ? Infinity : 0;
+    let yLimit = type === "zoom" ? Infinity : 0;
+    if (args.limit) {
+      if (typeof args.limit === "number") {
+        xLimit = args.limit;
+        yLimit = args.limit;
+      } else {
+        xLimit = args.limit.x;
+        yLimit = args.limit.y;
+      }
+    }
+    return { x: xLimit, y: yLimit };
+  }
+  isStop(args) {
+    let xSpeed = DEFAULT_SPEED;
+    let ySpeed = DEFAULT_SPEED;
+    if (args.speed) {
+      if (typeof args.speed === "number") {
+        xSpeed = this.speedConvert(args.speed);
+        ySpeed = this.speedConvert(args.speed);
+      } else {
+        xSpeed = this.speedConvert(args.speed.x);
+        ySpeed = this.speedConvert(args.speed.y);
+      }
+    }
+    if (xSpeed < 1e-5 && ySpeed < 1e-5 && !(args.speedProgression && args.speedProgression.type == "linear" && args.speedProgression.amt != 0)) {
+      return true;
+    }
+    return false;
+  }
+};
+ZoomTicker = __decorateClass([
+  tickerDecorator()
+], ZoomTicker);
+
 // src/functions/canvas/image-utility.ts
 function addImage(alias, imageUrl) {
   let image = new CanvasImage();
@@ -59457,6 +59866,7 @@ var NarrationManagerStatic = class _NarrationManagerStatic {
         canvas: {
           elementAliasesOrder: [],
           elements: {},
+          stage: {},
           tickers: {},
           tickersSteps: {},
           tickersOnPause: {}
@@ -60036,8 +60446,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];
@@ -61460,384 +61872,9 @@ var Sound2 = class _Sound2 extends Sound {
   }
 };
 
-// src/classes/ticker/FadeAlphaTicker.ts
-init_lib();
-var FadeAlphaTicker = class extends TickerBase {
-  fn(ticker, args, aliases, tickerId) {
-    let type = args.type === void 0 ? "hide" : args.type;
-    let limit = this.getLimit(args);
-    let duration = args.duration === void 0 ? 1 : args.duration;
-    let speed = 1 / (duration * 60);
-    let aliasToRemoveAfter2 = args.aliasToRemoveAfter || [];
-    if (typeof aliasToRemoveAfter2 === "string") {
-      aliasToRemoveAfter2 = [aliasToRemoveAfter2];
-    }
-    let tickerAliasToResume = args.tickerAliasToResume || [];
-    if (typeof tickerAliasToResume === "string") {
-      tickerAliasToResume = [tickerAliasToResume];
-    }
-    if (type === "hide" && limit < 0) {
-      limit = 0;
-    }
-    if (type === "show" && limit > 1) {
-      limit = 1;
-    }
-    aliases.filter((alias) => {
-      let element = canvas.find(alias);
-      if (args.startOnlyIfHaveTexture) {
-        if (element && element instanceof Sprite && element.texture?.label == "EMPTY") {
-          return false;
-        }
-      }
-      return true;
-    }).forEach((alias) => {
-      let element = canvas.find(alias);
-      if (element && element instanceof Container) {
-        if (type === "show" && element.alpha < limit) {
-          element.alpha += speed * ticker.deltaTime;
-        } else if (type === "hide" && element.alpha > limit) {
-          element.alpha -= speed * ticker.deltaTime;
-        }
-        if (type === "show" && element.alpha >= limit) {
-          this.onEndOfTicker(alias, tickerId, args);
-        } else if (type === "hide" && element.alpha <= limit) {
-          this.onEndOfTicker(alias, tickerId, args);
-        }
-      }
-    });
-  }
-  onEndOfTicker(alias, tickerId, args) {
-    if (typeof alias === "string") {
-      alias = [alias];
-    }
-    alias.forEach((alias2) => {
-      let element = canvas.find(alias2);
-      if (element) {
-        let limit = this.getLimit(args);
-        element.alpha = limit;
-      }
-    });
-    super.onEndOfTicker(alias, tickerId, args);
-  }
-  getLimit(args) {
-    let type = args.type === void 0 ? "hide" : args.type;
-    let limit = args.limit === void 0 ? type === "hide" ? 0 : 1 : args.limit;
-    return limit;
-  }
-};
-FadeAlphaTicker = __decorateClass([
-  tickerDecorator()
-], FadeAlphaTicker);
-
-// src/classes/ticker/MoveTicker.ts
-init_lib();
-
-// src/functions/ticker-utility.ts
-function updateTickerProgression(args, propertyName, progression, valueConvert) {
-  let limit = valueConvert && progression.limit ? valueConvert(progression.limit) : progression.limit;
-  if (args[propertyName] === void 0 || !progression || args[propertyName] === limit) {
-    return;
-  }
-  if (typeof args[propertyName] === "number") {
-    if (progression.type === "linear") {
-      args[propertyName] = getLinearProgression(args[propertyName], progression);
-    } else if (progression.type === "exponential") {
-      args[propertyName] = getExponentialProgression(args[propertyName], progression);
-    }
-  } else if (args[propertyName] !== void 0 && typeof args[propertyName] === "object" && args[propertyName].haveOwnProperty("x") && args[propertyName].haveOwnProperty("y") && typeof args[propertyName].x === "number" && typeof args[propertyName].y === "number") {
-    if (progression.type === "linear") {
-      args[propertyName].x = getLinearProgression(args[propertyName].x, progression);
-      args[propertyName].y = getLinearProgression(args[propertyName].y, progression);
-    } else if (progression.type === "exponential") {
-      args[propertyName].x = getExponentialProgression(args[propertyName].x, progression);
-      args[propertyName].y = getExponentialProgression(args[propertyName].y, progression);
-    }
-  }
-}
-function getLinearProgression(number, progression, valueConvert) {
-  let limit = valueConvert && progression.limit ? valueConvert(progression.limit) : progression.limit;
-  let amt = valueConvert ? valueConvert(progression.amt) : progression.amt;
-  if (limit !== void 0) {
-    if (number > limit && amt > 0) {
-      return limit;
-    } else if (number < limit && amt < 0) {
-      return limit;
-    }
-  }
-  return number + amt;
-}
-function getExponentialProgression(number, progression, valueConvert) {
-  let limit = valueConvert && progression.limit ? valueConvert(progression.limit) : progression.limit;
-  if (limit !== void 0) {
-    if (number > limit && progression.percentage > 0) {
-      return limit;
-    } else if (number < limit && progression.percentage < 0) {
-      return limit;
-    }
-  }
-  return number + number * progression.percentage;
-}
-
-// src/classes/ticker/MoveTicker.ts
-var MoveTicker = class extends TickerBase {
-  fn(ticker, args, aliases, tickerId) {
-    let xSpeed = 1;
-    let ySpeed = 1;
-    if (args.speed) {
-      if (typeof args.speed === "number") {
-        xSpeed = this.speedConvert(args.speed);
-        ySpeed = this.speedConvert(args.speed);
-      } else {
-        xSpeed = this.speedConvert(args.speed.x);
-        ySpeed = this.speedConvert(args.speed.y);
-      }
-    }
-    let destination = args.destination;
-    let aliasToRemoveAfter2 = args.aliasToRemoveAfter || [];
-    if (typeof aliasToRemoveAfter2 === "string") {
-      aliasToRemoveAfter2 = [aliasToRemoveAfter2];
-    }
-    let tickerAliasToResume = args.tickerAliasToResume || [];
-    if (typeof tickerAliasToResume === "string") {
-      tickerAliasToResume = [tickerAliasToResume];
-    }
-    aliases.filter((alias) => {
-      let element = canvas.find(alias);
-      if (args.startOnlyIfHaveTexture) {
-        if (element && element instanceof Sprite && element.texture?.label == "EMPTY") {
-          return false;
-        }
-      }
-      return true;
-    }).forEach((alias) => {
-      let element = canvas.find(alias);
-      if (element && element instanceof Container) {
-        let xDistance = destination.x - element.x > 0 ? 1 : -1;
-        if (xDistance != 0) {
-          element.x += xDistance * xSpeed * ticker.deltaTime;
-          let newDistance = destination.x - element.x;
-          if (xDistance < 0 && newDistance > 0 || xDistance > 0 && newDistance < 0) {
-            element.x = destination.x;
-          }
-        }
-        let yDistance = destination.y - element.y > 0 ? 1 : -1;
-        if (yDistance != 0) {
-          element.y += yDistance * ySpeed * ticker.deltaTime;
-          let newDistance = destination.y - element.y;
-          if (yDistance < 0 && newDistance > 0 || yDistance > 0 && newDistance < 0) {
-            element.y = destination.y;
-          }
-        }
-        if (element.x == destination.x && element.y == destination.y) {
-          this.onEndOfTicker(alias, tickerId, args);
-        }
-      }
-    });
-    if (args.speedProgression)
-      updateTickerProgression(args, "speed", args.speedProgression, this.speedConvert);
-  }
-  onEndOfTicker(alias, tickerId, args) {
-    if (typeof alias === "string") {
-      alias = [alias];
-    }
-    alias.forEach((alias2) => {
-      let element = canvas.find(alias2);
-      if (element) {
-        let destination = args.destination;
-        element.x = destination.x;
-        element.y = destination.y;
-      }
-    });
-    super.onEndOfTicker(alias, tickerId, args);
-  }
-  speedConvert(speed) {
-    return speed / 6;
-  }
-};
-MoveTicker = __decorateClass([
-  tickerDecorator()
-], MoveTicker);
-
-// src/classes/ticker/RotateTicker.ts
-init_lib();
-var RotateTicker = class extends TickerBase {
-  fn(ticker, args, aliases, tickerId) {
-    let speed = this.speedConvert(args.speed === void 0 ? 1 : args.speed);
-    let clockwise = args.clockwise === void 0 ? true : args.clockwise;
-    let aliasToRemoveAfter2 = args.aliasToRemoveAfter || [];
-    if (typeof aliasToRemoveAfter2 === "string") {
-      aliasToRemoveAfter2 = [aliasToRemoveAfter2];
-    }
-    let tickerAliasToResume = args.tickerAliasToResume || [];
-    if (typeof tickerAliasToResume === "string") {
-      tickerAliasToResume = [tickerAliasToResume];
-    }
-    aliases.filter((alias) => {
-      let element = canvas.find(alias);
-      if (args.startOnlyIfHaveTexture) {
-        if (element && element instanceof Sprite && element.texture?.label == "EMPTY") {
-          return false;
-        }
-      }
-      return true;
-    }).forEach((alias) => {
-      let element = canvas.find(alias);
-      if (element && element instanceof Container) {
-        if (clockwise)
-          element.rotation += speed * ticker.deltaTime;
-        else
-          element.rotation -= speed * ticker.deltaTime;
-        if (speed < 1e-5 && !(args.speedProgression && args.speedProgression.type == "linear" && args.speedProgression.amt != 0)) {
-          this.onEndOfTicker(alias, tickerId, args);
-        }
-      }
-    });
-    if (args.speedProgression)
-      updateTickerProgression(args, "speed", args.speedProgression, this.speedConvert);
-  }
-  speedConvert(speed) {
-    return speed / 60;
-  }
-};
-RotateTicker = __decorateClass([
-  tickerDecorator()
-], RotateTicker);
-
-// src/classes/ticker/ZoomTicker.ts
-init_lib();
-var DEFAULT_SPEED = 0.1;
-var ZoomTicker = class extends TickerBase {
-  fn(ticker, args, alias, tickerId) {
-    let xSpeed = DEFAULT_SPEED;
-    let ySpeed = DEFAULT_SPEED;
-    if (args.speed) {
-      if (typeof args.speed === "number") {
-        xSpeed = this.speedConvert(args.speed);
-        ySpeed = this.speedConvert(args.speed);
-      } else {
-        xSpeed = this.speedConvert(args.speed.x);
-        ySpeed = this.speedConvert(args.speed.y);
-      }
-    }
-    let aliasToRemoveAfter2 = args.aliasToRemoveAfter || [];
-    if (typeof aliasToRemoveAfter2 === "string") {
-      aliasToRemoveAfter2 = [aliasToRemoveAfter2];
-    }
-    let tickerAliasToResume = args.tickerAliasToResume || [];
-    if (typeof tickerAliasToResume === "string") {
-      tickerAliasToResume = [tickerAliasToResume];
-    }
-    let type = args.type || "zoom";
-    let limit = this.getLimit(args);
-    alias.filter((alias2) => {
-      let element = canvas.find(alias2);
-      if (args.startOnlyIfHaveTexture) {
-        if (element && element instanceof Sprite && element.texture?.label == "EMPTY") {
-          return false;
-        }
-      }
-      return true;
-    }).forEach((alias2) => {
-      let element = canvas.find(alias2);
-      if (element && element instanceof Container) {
-        if (type === "zoom" && (element.scale.x < limit.x || element.scale.y < limit.y)) {
-          element.scale.x += xSpeed * ticker.deltaTime;
-          element.scale.y += ySpeed * ticker.deltaTime;
-        } else if (type === "unzoom" && (element.scale.x > limit.x || element.scale.y > limit.y)) {
-          element.scale.x -= xSpeed * ticker.deltaTime;
-          element.scale.y -= ySpeed * ticker.deltaTime;
-        }
-        if (type === "zoom") {
-          if (element.scale.x > limit.x) {
-            element.scale.x = limit.x;
-          }
-          if (element.scale.y > limit.y) {
-            element.scale.y = limit.y;
-          }
-          if (element.scale.x >= limit.x && element.scale.y >= limit.y) {
-            this.onEndOfTicker(alias2, tickerId, args);
-          }
-        } else if (type === "unzoom") {
-          if (element.scale.x < limit.x) {
-            element.scale.x = limit.x;
-          }
-          if (element.scale.y < limit.y) {
-            element.scale.y = limit.y;
-          }
-          if (element.scale.x <= limit.x && element.scale.y <= limit.y) {
-            this.onEndOfTicker(alias2, tickerId, args);
-          }
-        }
-        if (this.isStop(args)) {
-          this.onEndOfTicker(alias2, tickerId, args);
-        }
-      }
-    });
-    if (args.speedProgression)
-      updateTickerProgression(args, "speed", args.speedProgression, this.speedConvert);
-  }
-  speedConvert(speed) {
-    return speed / 60;
-  }
-  onEndOfTicker(alias, tickerId, args) {
-    if (typeof alias === "string") {
-      alias = [alias];
-    }
-    alias.forEach((alias2) => {
-      let element = canvas.find(alias2);
-      if (element) {
-        if (!this.isStop(args)) {
-          let limit = this.getLimit(args);
-          element.scale.x = limit.x;
-          element.scale.y = limit.y;
-        }
-        if (args.isZoomInOut && element.children.length > 0) {
-          let elementChild = element.children[0];
-          canvas.add(alias2, elementChild, { ignoreOldStyle: true });
-        }
-      }
-    });
-    super.onEndOfTicker(alias, tickerId, args);
-  }
-  getLimit(args) {
-    let type = args.type || "zoom";
-    let xLimit = type === "zoom" ? Infinity : 0;
-    let yLimit = type === "zoom" ? Infinity : 0;
-    if (args.limit) {
-      if (typeof args.limit === "number") {
-        xLimit = args.limit;
-        yLimit = args.limit;
-      } else {
-        xLimit = args.limit.x;
-        yLimit = args.limit.y;
-      }
-    }
-    return { x: xLimit, y: yLimit };
-  }
-  isStop(args) {
-    let xSpeed = DEFAULT_SPEED;
-    let ySpeed = DEFAULT_SPEED;
-    if (args.speed) {
-      if (typeof args.speed === "number") {
-        xSpeed = this.speedConvert(args.speed);
-        ySpeed = this.speedConvert(args.speed);
-      } else {
-        xSpeed = this.speedConvert(args.speed.x);
-        ySpeed = this.speedConvert(args.speed.y);
-      }
-    }
-    if (xSpeed < 1e-5 && ySpeed < 1e-5 && !(args.speedProgression && args.speedProgression.type == "linear" && args.speedProgression.amt != 0)) {
-      return true;
-    }
-    return false;
-  }
-};
-ZoomTicker = __decorateClass([
-  tickerDecorator()
-], ZoomTicker);
-
 // 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";
@@ -61867,10 +61904,13 @@ async function showWithDissolveTransition(alias, image, props = {}, priority) {
     startOnlyIfHaveTexture: true
   }, 10, priority);
   let id3 = canvas.addTicker(alias, effect);
-  id3 && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id3 });
-  return;
+  if (id3) {
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id3 });
+    return [id3];
+  }
 }
 function removeWithDissolveTransition(alias, props = {}, priority) {
+  let mustBeCompletedBeforeNextStep = props.mustBeCompletedBeforeNextStep ?? true;
   if (typeof alias === "string") {
     alias = [alias];
   }
@@ -61880,12 +61920,17 @@ function removeWithDissolveTransition(alias, props = {}, priority) {
     aliasToRemoveAfter: alias,
     startOnlyIfHaveTexture: true
   }, 10, priority);
-  canvas.addTicker(alias, effect);
+  let id3 = canvas.addTicker(alias, effect);
+  if (id3) {
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id3 });
+    return [id3];
+  }
 }
 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;
@@ -61921,14 +61966,23 @@ async function showWithFadeTransition(alias, image, props = {}, priority) {
       aliasToRemoveAfter: oldCanvasAlias
     }, void 0, priority)
   ]);
-  id1 && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id1, alias });
-  id22 && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id22, alias });
+  let res = void 0;
+  if (id1) {
+    res = [id1];
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id1, alias });
+  }
+  if (id22) {
+    res ? res.push(id22) : res = [id22];
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id22, 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;
@@ -61969,10 +62023,15 @@ async function moveIn(alias, image, props = {}, priority) {
   let id3 = canvas.addTicker(alias, effect);
   if (id3) {
     canvas.putOnPauseTicker(alias, id3);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id3 });
+    return [id3];
   }
 }
 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.");
@@ -61995,13 +62054,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 id3 = canvas.addTicker(alias, effect);
+  if (id3) {
+    canvas.putOnPauseTicker(alias, id3);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id3 });
+    return [id3];
+  }
 }
 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;
@@ -62014,7 +62080,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;
@@ -62056,9 +62124,14 @@ async function zoomIn(alias, image, props = { direction: "right" }, priority) {
   let id3 = canvas.addTicker(alias, effect);
   if (id3) {
     canvas.putOnPauseTicker(alias, id3);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id3 });
+    return [id3];
   }
 }
 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.");
@@ -62093,18 +62166,123 @@ 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 id3 = canvas.addTicker(alias, effect);
+  if (id3) {
+    canvas.putOnPauseTicker(alias, id3);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id3 });
+    return [id3];
+  }
+}
+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 id3 = canvas.addTicker(alias, effect);
+  if (id3) {
+    canvas.putOnPauseTicker(alias, id3);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id3 });
+    return [id3];
+  }
+}
+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 id3 = canvas.addTicker(alias, effect);
+  if (id3) {
+    canvas.putOnPauseTicker(alias, id3);
+    mustBeCompletedBeforeNextStep && canvas.addTickerMustBeCompletedBeforeNextStep({ id: id3 });
+    return [id3];
+  }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   moveIn,
   moveOut,
+  pushIn,
+  pushOut,
   removeWithDissolveTransition,
   removeWithFadeTransition,
   showWithDissolveTransition,