@drincs/pixi-vn 0.6.0 → 0.6.1

package/dist/index.mjs

@@ -28,8 +28,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 var __async = (__this, __arguments, generator) => {
@@ -144,7 +143,7 @@ function newCloseLabel(choiseIndex) {
 var registeredLabels = {};
 function newLabel(id, steps, onStepRun) {
   if (registeredLabels[id]) {
-    console.warn(`[Pixi'VN] Label ${id} already exists, it will be overwritten`);
+    console.info(`[Pixi'VN] Label ${id} already exists, it will be overwritten`);
   }
   let label = new Label(id, steps, onStepRun);
   registeredLabels[id] = label;
@@ -334,7 +333,7 @@ function eventDecorator(name) {
       name = target.name;
     }
     if (registeredEvents[name]) {
-      console.warn(`[Pixi'VN] Event ${name} already exists, it will be overwritten`);
+      console.info(`[Pixi'VN] Event ${name} already exists, it will be overwritten`);
     }
     registeredEvents[name] = target;
   };
@@ -666,7 +665,7 @@ function saveCharacter(character) {
     return;
   }
   if (registeredCharacters[character.id]) {
-    console.warn(`[Pixi'VN] Character id ${character.id} already exists, it will be overwritten`);
+    console.info(`[Pixi'VN] Character id ${character.id} already exists, it will be overwritten`);
   }
   registeredCharacters[character.id] = character;
 }
@@ -695,7 +694,7 @@ function tickerDecorator(name) {
       name = target.name;
     }
     if (registeredTickers[name]) {
-      console.warn(`[Pixi'VN] Ticker ${name} already exists, it will be overwritten`);
+      console.info(`[Pixi'VN] Ticker ${name} already exists, it will be overwritten`);
     }
     registeredTickers[name] = target;
   };
@@ -717,18 +716,6 @@ function geTickerInstanceByClassName(tickerName, args, duration, priority) {
 // src/types/CloseType.ts
 var Close = "close";
 
-// src/types/PauseType.ts
-var PauseValueType = "pause";
-function Pause(duration) {
-  return {
-    type: PauseValueType,
-    duration
-  };
-}
-
-// src/types/RepeatType.ts
-var Repeat = "repeat";
-
 // src/classes/ChoiceMenuOption.ts
 var ChoiceMenuOption = class {
   /**
@@ -761,8 +748,9 @@ var ChoiceMenuOption = class {
 var ChoiceMenuOptionClose = class {
   /**
    * @param text Text to be displayed in the menu
+   * @param closeCurrentLabel If true, the current label will be closed. @default false
    */
-  constructor(text) {
+  constructor(text, closeCurrentLabel = false) {
     /**
      * Label to be opened when the option is selected
      */
@@ -776,6 +764,7 @@ var ChoiceMenuOptionClose = class {
      */
     this.props = {};
     this.text = text;
+    this.closeCurrentLabel = closeCurrentLabel;
   }
 };
 
@@ -814,7 +803,8 @@ function setChoiceMenuOptions(options) {
     if (option instanceof ChoiceMenuOptionClose) {
       return {
         text: option.text,
-        type: Close
+        type: Close,
+        closeCurrentLabel: option.closeCurrentLabel
       };
     }
     return __spreadProps(__spreadValues({}, option), {
@@ -835,6 +825,7 @@ function getChoiceMenuOptions() {
           text: option.text,
           label: itemLabel,
           type: Close,
+          closeCurrentLabel: option.closeCurrentLabel,
           props: {}
         });
         return;
@@ -921,8 +912,8 @@ function clearAllGameDatas() {
 var TickerBase = class {
   /**
    * @param args The arguments that you want to pass to the ticker.
-   * @param duration The duration of the ticker. If is undefined, the ticker will be called every frame.
-   * @param priority The priority of the ticker. If is undefined, the priority will be UPDATE_PRIORITY.NORMAL.
+   * @param duration The duration of the ticker in seconds. If is undefined, the step will end only when the animation is finished (if the animation doesn't have a goal to reach then it won't finish). @default undefined
+   * @param priority The priority of the ticker. @default UPDATE_PRIORITY.NORMAL
    */
   constructor(args, duration, priority) {
     this.args = args;
@@ -932,28 +923,26 @@ var TickerBase = class {
   /**
    * The method that will be called every frame.
    * This method should be overridden and you can use GameWindowManager.addCanvasElement() to get the canvas element of the canvas, and edit them.
-   * @param t The ticker that is calling this method
-   * @param args The arguments that you passed when you added the ticker
-   * @param tags The tags of the canvas elements that are connected to this ticker
+   * @param _ticker The ticker that is calling this method
+   * @param _args The arguments that you passed when you added the ticker
+   * @param _tags The tags of the canvas elements that are connected to this ticker
+   * @param _tickerId The id of the ticker. You can use this to get the ticker from the {@link GameWindowManager.currentTickers}
    */
-  fn(_t, _args, _tags) {
+  fn(_ticker, _args, _tags, _tickerId) {
     throw new Error("[Pixi'VN] The method TickerBase.fn() must be overridden");
   }
 };
-var TickerFadeAlpha = class extends TickerBase {
-  /**
-   * The method that will be called every frame to fade the alpha of the canvas element of the canvas.
-   * @param delta The delta time
-   * @param args The arguments that are passed to the ticker
-   * @param tags The tags of the canvas element that are connected to this ticker
-   */
-  fn(t, args, tags) {
+
+// src/classes/ticker/FadeAlphaTicker.ts
+var FadeAlphaTicker = class extends TickerBase {
+  fn(ticker, args, tags, tickerId) {
     let type = args.type === void 0 ? "hide" : args.type;
-    let speed = args.speed === void 0 ? 0.1 : args.speed;
+    let duration = args.duration === void 0 ? 1 : args.duration;
+    let speed = 1 / (duration * 60);
     let limit = args.limit === void 0 ? type === "hide" ? 0 : 1 : args.limit;
-    let removeElementAfter = args.tagToRemoveAfter || [];
-    if (typeof removeElementAfter === "string") {
-      removeElementAfter = [removeElementAfter];
+    let tagToRemoveAfter2 = args.tagToRemoveAfter || [];
+    if (typeof tagToRemoveAfter2 === "string") {
+      tagToRemoveAfter2 = [tagToRemoveAfter2];
     }
     if (type === "hide" && limit < 0) {
       limit = 0;
@@ -974,61 +963,88 @@ var TickerFadeAlpha = class extends TickerBase {
       let element = GameWindowManager.getCanvasElement(tag);
       if (element && element instanceof Container) {
         if (type === "show" && element.alpha < limit) {
-          element.alpha += speed * t.deltaTime;
+          element.alpha += speed * ticker.deltaTime;
         } else if (type === "hide" && element.alpha > limit) {
-          element.alpha -= speed * t.deltaTime;
-        } else {
+          element.alpha -= speed * ticker.deltaTime;
+        }
+        if (type === "show" && element.alpha >= limit) {
+          element.alpha = limit;
+          GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
+        } else if (type === "hide" && element.alpha <= limit) {
           element.alpha = limit;
-          GameWindowManager.removeAssociationBetweenTickerCanvasElement(tag, this);
-          GameWindowManager.removeCanvasElement(removeElementAfter);
+          GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
         }
       }
     });
   }
 };
-TickerFadeAlpha = __decorateClass([
+FadeAlphaTicker = __decorateClass([
   tickerDecorator()
-], TickerFadeAlpha);
+], FadeAlphaTicker);
 
 // src/functions/TickerUtility.ts
 function updateTickerProgression(args, propertyName, progression) {
-  if (args.hasOwnProperty(propertyName) && typeof args[propertyName] !== "number") {
+  if (args[propertyName] === void 0 || !progression || args[propertyName] === progression.limit) {
     return;
   }
-  if (args[propertyName] !== void 0 && progression && args[propertyName] !== progression.limit) {
+  if (typeof args[propertyName] === "number") {
     if (progression.type === "linear") {
-      args[propertyName] += progression.amt;
-      if (progression.limit !== void 0) {
-        if (args[propertyName] > progression.limit && progression.amt > 0) {
-          args[propertyName] = progression.limit;
-        } else if (args[propertyName] < progression.limit && progression.amt < 0) {
-          args[propertyName] = progression.limit;
-        }
-      }
+      args[propertyName] = getLinearProgression(args[propertyName], progression);
     } else if (progression.type === "exponential") {
-      args[propertyName] += args[propertyName] * progression.percentage;
-      if (progression.limit !== void 0) {
-        if (args[propertyName] > progression.limit && progression.percentage > 0) {
-          args[propertyName] = progression.limit;
-        } else if (args[propertyName] < progression.limit && progression.percentage < 0) {
-          args[propertyName] = progression.limit;
-        }
-      }
+      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) {
+  if (progression.limit !== void 0) {
+    if (number > progression.limit && progression.amt > 0) {
+      return progression.limit;
+    } else if (number < progression.limit && progression.amt < 0) {
+      return progression.limit;
+    }
+  }
+  return number + progression.amt / 60;
+}
+function getExponentialProgression(number, progression) {
+  if (progression.limit !== void 0) {
+    if (number > progression.limit && progression.percentage > 0) {
+      return progression.limit;
+    } else if (number < progression.limit && progression.percentage < 0) {
+      return progression.limit;
+    }
+  }
+  return number + number * progression.percentage;
+}
 
-// src/classes/ticker/TickerMove.ts
-var TickerMove = class extends TickerBase {
-  /**
-   * The method that will be called every frame to move the canvas element of the canvas.
-   * @param t The ticker that is calling this method
-   * @param args The arguments that are passed to the ticker
-   * @param tags The tags of the canvas element that are connected to this ticker
-   */
-  fn(t, args, tags) {
-    let speed = args.speed === void 0 ? 0.1 : args.speed;
+// src/classes/ticker/MoveTicker.ts
+var MoveTicker = class extends TickerBase {
+  fn(ticker, args, tags, tickerId) {
+    let xSpeed = 1;
+    let ySpeed = 1;
+    if (args.speed) {
+      if (typeof args.speed === "number") {
+        xSpeed = args.speed;
+        ySpeed = args.speed;
+      } else {
+        xSpeed = args.speed.x;
+        ySpeed = args.speed.y;
+      }
+    }
+    xSpeed /= 60;
+    ySpeed /= 60;
     let destination = args.destination;
+    let tagToRemoveAfter2 = args.tagToRemoveAfter || [];
+    if (typeof tagToRemoveAfter2 === "string") {
+      tagToRemoveAfter2 = [tagToRemoveAfter2];
+    }
     tags.filter((tag) => {
       var _a;
       let element = GameWindowManager.getCanvasElement(tag);
@@ -1041,41 +1057,42 @@ var TickerMove = class extends TickerBase {
     }).forEach((tag) => {
       let element = GameWindowManager.getCanvasElement(tag);
       if (element && element instanceof Container) {
-        let xDistance = destination.x - element.x;
+        let xDistance = destination.x - element.x > 0 ? 1 : -1;
         if (xDistance != 0) {
-          element.x += xDistance / speed * t.deltaTime;
+          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;
+        let yDistance = destination.y - element.y > 0 ? 1 : -1;
         if (yDistance != 0) {
-          element.y += yDistance / speed * t.deltaTime;
+          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) {
+          GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
+        }
       }
     });
     if (args.speedProgression)
       updateTickerProgression(args, "speed", args.speedProgression);
   }
 };
-TickerMove = __decorateClass([
+MoveTicker = __decorateClass([
   tickerDecorator()
-], TickerMove);
-var TickerRotate = class extends TickerBase {
-  /**
-   * The method that will be called every frame to rotate the canvas element of the canvas.
-   * @param delta The delta time
-   * @param args The arguments that are passed to the ticker
-   * @param tags The tags of the canvas element that are connected to this ticker
-   */
-  fn(t, args, tags) {
-    let speed = args.speed === void 0 ? 0.1 : args.speed;
+], MoveTicker);
+var RotateTicker = class extends TickerBase {
+  fn(ticker, args, tags, tickerId) {
+    let speed = (args.speed === void 0 ? 1 : args.speed) / 60;
     let clockwise = args.clockwise === void 0 ? true : args.clockwise;
+    let tagToRemoveAfter2 = args.tagToRemoveAfter || [];
+    if (typeof tagToRemoveAfter2 === "string") {
+      tagToRemoveAfter2 = [tagToRemoveAfter2];
+    }
     tags.filter((tag) => {
       var _a;
       let element = GameWindowManager.getCanvasElement(tag);
@@ -1089,18 +1106,118 @@ var TickerRotate = class extends TickerBase {
       let element = GameWindowManager.getCanvasElement(tag);
       if (element && element instanceof Container) {
         if (clockwise)
-          element.rotation += speed * t.deltaTime;
+          element.rotation += speed * ticker.deltaTime;
         else
-          element.rotation -= speed * t.deltaTime;
+          element.rotation -= speed * ticker.deltaTime;
+        if (speed < 1e-5 && !(args.speedProgression && args.speedProgression.type == "linear" && args.speedProgression.amt != 0)) {
+          GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
+        }
+      }
+    });
+    if (args.speedProgression)
+      updateTickerProgression(args, "speed", args.speedProgression);
+  }
+};
+RotateTicker = __decorateClass([
+  tickerDecorator()
+], RotateTicker);
+var ZoomTicker = class extends TickerBase {
+  fn(ticker, args, tags, tickerId) {
+    let xSpeed = 0.1;
+    let ySpeed = 0.1;
+    if (args.speed) {
+      if (typeof args.speed === "number") {
+        xSpeed = args.speed;
+        ySpeed = args.speed;
+      } else {
+        xSpeed = args.speed.x;
+        ySpeed = args.speed.y;
+      }
+    }
+    xSpeed /= 60;
+    ySpeed /= 60;
+    let tagToRemoveAfter2 = args.tagToRemoveAfter || [];
+    if (typeof tagToRemoveAfter2 === "string") {
+      tagToRemoveAfter2 = [tagToRemoveAfter2];
+    }
+    let type = args.type || "zoom";
+    let xLimit = Infinity;
+    let yLimit = Infinity;
+    if (args.limit) {
+      if (typeof args.limit === "number") {
+        xLimit = args.limit;
+        yLimit = args.limit;
+      } else {
+        xLimit = args.limit.x;
+        yLimit = args.limit.y;
+      }
+    }
+    tags.filter((tag) => {
+      var _a;
+      let element = GameWindowManager.getCanvasElement(tag);
+      if (args.startOnlyIfHaveTexture) {
+        if (element && element instanceof Sprite && ((_a = element.texture) == null ? void 0 : _a.label) == "EMPTY") {
+          return false;
+        }
+      }
+      return true;
+    }).forEach((tag) => {
+      let element = GameWindowManager.getCanvasElement(tag);
+      if (element && element instanceof Container) {
+        if (type === "zoom" && (element.scale.x < xLimit || element.scale.y < yLimit)) {
+          element.scale.x += xSpeed * ticker.deltaTime;
+          element.scale.y += ySpeed * ticker.deltaTime;
+        } else if (type === "unzoom" && (element.scale.x > xLimit || element.scale.y > yLimit)) {
+          element.scale.x -= xSpeed * ticker.deltaTime;
+          element.scale.y -= ySpeed * ticker.deltaTime;
+        }
+        if (type === "zoom") {
+          if (element.scale.x > xLimit) {
+            element.scale.x = xLimit;
+          }
+          if (element.scale.y > yLimit) {
+            element.scale.y = yLimit;
+          }
+          if (element.scale.x >= xLimit && element.scale.y >= yLimit) {
+            element.scale.x = xLimit;
+            element.scale.y = yLimit;
+            GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
+          }
+        } else if (type === "unzoom") {
+          if (element.scale.x < xLimit) {
+            element.scale.x = xLimit;
+          }
+          if (element.scale.y < yLimit) {
+            element.scale.y = yLimit;
+          }
+          if (element.scale.x <= xLimit && element.scale.y <= yLimit) {
+            element.scale.x = xLimit;
+            element.scale.y = yLimit;
+            GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
+          }
+        }
+        if (xSpeed < 1e-5 && ySpeed < 1e-5 && !(args.speedProgression && args.speedProgression.type == "linear" && args.speedProgression.amt != 0)) {
+          GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
+        }
       }
     });
     if (args.speedProgression)
       updateTickerProgression(args, "speed", args.speedProgression);
   }
 };
-TickerRotate = __decorateClass([
+ZoomTicker = __decorateClass([
   tickerDecorator()
-], TickerRotate);
+], ZoomTicker);
+
+// src/constants.ts
+var PIXIVN_VERSION = "0.6.1";
+var Repeat = "repeat";
+function Pause(duration) {
+  return {
+    type: "pause",
+    duration
+  };
+}
 
 // src/functions/ImageUtility.ts
 function addImage(tag, imageUrl) {
@@ -1109,7 +1226,7 @@ function addImage(tag, imageUrl) {
   GameWindowManager.addCanvasElement(tag, image);
   return image;
 }
-function loadImages(canvasImages) {
+function loadImage(canvasImages) {
   return __async(this, null, function* () {
     if (!Array.isArray(canvasImages)) {
       return [canvasImages];
@@ -1130,39 +1247,92 @@ function loadImages(canvasImages) {
     });
   });
 }
+function showImage(tag, imageUrl) {
+  return __async(this, null, function* () {
+    let image = addImage(tag, imageUrl);
+    yield image.load();
+    return image;
+  });
+}
 function removeCanvasElement(tag) {
   GameWindowManager.removeCanvasElement(tag);
 }
-function showWithDissolveTransition(tag, image, speed, priority) {
-  return __async(this, null, function* () {
-    let specialTag = void 0;
+function showWithDissolveTransition(_0, _1) {
+  return __async(this, arguments, function* (tag, image, props = {}, priority) {
+    var _a;
+    let oldCanvasTag = void 0;
     if (GameWindowManager.getCanvasElement(tag)) {
-      specialTag = tag + "_temp_disolve";
-      GameWindowManager.editTagCanvasElement(tag, specialTag);
+      oldCanvasTag = tag + "_temp_disolve";
+      GameWindowManager.editCanvasElementTag(tag, oldCanvasTag);
     }
     let canvasElement;
     if (typeof image === "string") {
       canvasElement = addImage(tag, image);
     } else {
       canvasElement = image;
+      GameWindowManager.addCanvasElement(tag, canvasElement);
+    }
+    if (canvasElement instanceof CanvasImage && ((_a = canvasElement.texture) == null ? void 0 : _a.label) == "EMPTY") {
+      yield canvasElement.load();
     }
     canvasElement.alpha = 0;
-    let effect = new TickerFadeAlpha({
-      speed,
+    let effect = new FadeAlphaTicker(__spreadProps(__spreadValues({}, props), {
       type: "show",
-      tagToRemoveAfter: specialTag,
+      tagToRemoveAfter: oldCanvasTag,
       startOnlyIfHaveTexture: true
-    }, 1e4, priority);
+    }), 10, priority);
     GameWindowManager.addTicker(tag, effect);
-    if (canvasElement instanceof CanvasImage) {
-      return canvasElement.load();
-    }
     return;
   });
 }
-
-// src/constants.ts
-var PIXIVN_VERSION = "0.6.0";
+function removeWithDissolveTransition(tag, props = {}, priority) {
+  if (typeof tag === "string") {
+    tag = [tag];
+  }
+  let effect = new FadeAlphaTicker(__spreadProps(__spreadValues({}, props), {
+    type: "hide",
+    tagToRemoveAfter: tag,
+    startOnlyIfHaveTexture: true
+  }), 10, priority);
+  GameWindowManager.addTicker(tag, effect);
+}
+function showWithFadeTransition(_0, _1) {
+  return __async(this, arguments, function* (tag, image, props = {}, priority) {
+    var _a;
+    if (!GameWindowManager.getCanvasElement(tag)) {
+      return showWithDissolveTransition(tag, image, props, priority);
+    }
+    let oldCanvasTag = tag + "_temp_fade";
+    GameWindowManager.editCanvasElementTag(tag, oldCanvasTag);
+    let canvasElement;
+    if (typeof image === "string") {
+      canvasElement = addImage(tag, image);
+    } else {
+      canvasElement = image;
+      GameWindowManager.addCanvasElement(tag, canvasElement);
+    }
+    if (canvasElement instanceof CanvasImage && ((_a = canvasElement.texture) == null ? void 0 : _a.label) == "EMPTY") {
+      yield canvasElement.load();
+    }
+    canvasElement.alpha = 0;
+    GameWindowManager.addTickersSteps(oldCanvasTag, [
+      new FadeAlphaTicker(__spreadProps(__spreadValues({}, props), {
+        type: "hide",
+        startOnlyIfHaveTexture: true
+      }))
+    ]);
+    GameWindowManager.addTickersSteps(tag, [
+      Pause(props.duration || 1),
+      new FadeAlphaTicker(__spreadProps(__spreadValues({}, props), {
+        type: "show",
+        startOnlyIfHaveTexture: true
+      }))
+    ]);
+  });
+}
+function removeWithFadeTransition(tag, props = {}, priority) {
+  return removeWithDissolveTransition(tag, props, priority);
+}
 
 // src/functions/SavesUtility.ts
 function getSaveData() {
@@ -1339,6 +1509,9 @@ function asciiArtLog() {
     `);
 }
 
+// src/types/ticker/TagToRemoveAfterType.ts
+var tagToRemoveAfter = "tagToRemoveAfter";
+
 // src/managers/WindowManager.ts
 var _GameWindowManager = class _GameWindowManager {
   constructor() {
@@ -1521,25 +1694,25 @@ var _GameWindowManager = class _GameWindowManager {
   /**
    * Remove a canvas element from the canvas.
    * And remove all tickers that are not connected to any canvas element.
-   * @param tag The tag of the canvas element to be removed.
+   * @param tags The tag of the canvas element to be removed.
    * @returns 
    * @example
    * ```typescript
    * GameWindowManager.removeCanvasElement("bunny");
    * ```
    */
-  static removeCanvasElement(tag) {
-    if (typeof tag === "string") {
-      tag = [tag];
+  static removeCanvasElement(tags) {
+    if (typeof tags === "string") {
+      tags = [tags];
     }
-    tag.forEach((t) => {
-      if (_GameWindowManager._children[t]) {
-        _GameWindowManager.app.stage.removeChild(_GameWindowManager._children[t]);
-        delete _GameWindowManager._children[t];
+    tags.forEach((tag) => {
+      if (_GameWindowManager._children[tag]) {
+        _GameWindowManager.app.stage.removeChild(_GameWindowManager._children[tag]);
+        delete _GameWindowManager._children[tag];
+        _GameWindowManager.removeTickerByCanvasElement(tag);
       }
     });
-    _GameWindowManager.removeTickersWithoutAssociatedCanvasElement();
-    _GameWindowManager.childrenTagsOrder = _GameWindowManager.childrenTagsOrder.filter((t) => !tag.includes(t));
+    _GameWindowManager.childrenTagsOrder = _GameWindowManager.childrenTagsOrder.filter((t) => !tags.includes(t));
   }
   /**
    * Get a canvas element by the tag.
@@ -1569,18 +1742,43 @@ var _GameWindowManager = class _GameWindowManager {
     _GameWindowManager.app.stage.removeChildren();
     _GameWindowManager._children = {};
     _GameWindowManager.childrenTagsOrder = [];
-    _GameWindowManager.removeTickers();
+    _GameWindowManager.removeAllTickers();
   }
   /**
    * Edit the tag of a canvas element.
    * @param oldTag The old tag of the canvas element.
    * @param newTag The new tag of the canvas element.
    */
-  static editTagCanvasElement(oldTag, newTag) {
+  static editCanvasElementTag(oldTag, newTag) {
     if (_GameWindowManager._children[oldTag]) {
       _GameWindowManager._children[newTag] = _GameWindowManager._children[oldTag];
       delete _GameWindowManager._children[oldTag];
     }
+    if (_GameWindowManager._currentTickersSteps[oldTag]) {
+      _GameWindowManager._currentTickersSteps[newTag] = _GameWindowManager._currentTickersSteps[oldTag];
+      delete _GameWindowManager._currentTickersSteps[oldTag];
+    }
+    for (let id in _GameWindowManager._currentTickers) {
+      let ticker = _GameWindowManager._currentTickers[id];
+      if (ticker.canvasElementTags.includes(oldTag)) {
+        ticker.canvasElementTags = ticker.canvasElementTags.map((t) => t === oldTag ? newTag : t);
+        if (ticker.args.hasOwnProperty(tagToRemoveAfter)) {
+          let tagToRemoveAfter2 = ticker.args.tagToRemoveAfter;
+          if (typeof tagToRemoveAfter2 === "string") {
+            tagToRemoveAfter2 = [tagToRemoveAfter2];
+          }
+          if (Array.isArray(tagToRemoveAfter2)) {
+            ticker.args.tagToRemoveAfter = tagToRemoveAfter2.map((t) => t === oldTag ? newTag : t);
+          }
+        }
+      }
+    }
+    for (let timeout in _GameWindowManager._currentTickersTimeouts) {
+      let TickerTimeout = _GameWindowManager._currentTickersTimeouts[timeout];
+      if (TickerTimeout.tags.includes(oldTag)) {
+        TickerTimeout.tags = TickerTimeout.tags.map((t) => t === oldTag ? newTag : t);
+      }
+    }
   }
   /** Edit Tickers Methods */
   /**
@@ -1589,23 +1787,38 @@ var _GameWindowManager = class _GameWindowManager {
   static get currentTickers() {
     return _GameWindowManager._currentTickers;
   }
+  static get currentTickersList() {
+    return Object.values(_GameWindowManager._currentTickers);
+  }
+  static get currentTickersWithoutCreatedBySteps() {
+    return Object.fromEntries(Object.entries(_GameWindowManager._currentTickers).filter(([_, ticker]) => !ticker.createdByTicketStepsId));
+  }
   /**
    * The steps of the tickers
    */
   static get currentTickersSteps() {
     return _GameWindowManager._currentTickersSteps;
   }
+  static generateTickerId(tickerData) {
+    try {
+      return sha1(JSON.stringify(tickerData)).toString() + "_" + Math.random().toString(36).substring(7);
+    } catch (e) {
+      throw new Error(`[Pixi'VN] Error to generate ticker id: ${e}`);
+    }
+  }
   /**
-   * Run a ticker.
+   * Run a ticker. You can run multiple addTicker with the same tag and different tickerClasses.
+   * If you run a ticker with the same tag and tickerClass, the old ticker will be removed.
+   * If already exists a sequence of tickers with the same tag, it will be removed.
    * @param canvasEslementTag The tag of the canvas element that will use the ticker.
    * @param ticker The ticker class to be run.
    * @param args The arguments to be used in the ticker.
-   * @param duration The time to be used in the ticker. This number is in milliseconds. If it is undefined, the ticker will run forever.
+   * @param duration The time to be used in the ticker. This number is in seconds. If it is undefined, the ticker will run forever.
    * @param priority The priority to be used in the ticker.
    * @returns 
    * @example
    * ```typescript
-   * GameWindowManager.addTicker("alien", new TickerRotate({ speed: 0.2 }))
+   * GameWindowManager.addTicker("alien", new RotateTicker({ speed: 0.2 }))
    * ```
    */
   static addTicker(canvasElementTag, ticker) {
@@ -1613,82 +1826,88 @@ var _GameWindowManager = class _GameWindowManager {
     if (typeof canvasElementTag === "string") {
       canvasElementTag = [canvasElementTag];
     }
-    let t = geTickerInstanceByClassName(tickerName, ticker.args, ticker.duration, ticker.priority);
-    if (!t) {
+    if (!geTickerInstanceByClassName(tickerName, ticker.args, ticker.duration, ticker.priority)) {
       console.error(`[Pixi'VN] Ticker ${tickerName} not found`);
       return;
     }
-    _GameWindowManager.removeAssociationBetweenTickerCanvasElement(canvasElementTag, ticker);
     let tickerHistory = {
       fn: () => {
       },
       className: tickerName,
-      args: ticker.args,
+      args: createExportableElement(ticker.args),
       canvasElementTags: canvasElementTag,
       priority: ticker.priority,
       duration: ticker.duration
     };
-    _GameWindowManager.pushTicker(tickerHistory, t);
-    _GameWindowManager.removeTickersWithoutAssociatedCanvasElement();
+    let id = _GameWindowManager.generateTickerId(tickerHistory);
+    _GameWindowManager.pushTicker(id, tickerHistory, ticker);
     if (ticker.duration) {
       let timeout = setTimeout(() => {
         _GameWindowManager.removeTickerTimeoutInfo(timeout);
-        _GameWindowManager.nextTickerStep(canvasElementTag);
-      }, ticker.duration);
-      _GameWindowManager.addTickerTimeoutInfo(canvasElementTag, tickerName, timeout.toString());
+        let tickerTimeoutInfo = _GameWindowManager._currentTickersTimeouts[timeout.toString()];
+        if (tickerTimeoutInfo) {
+          _GameWindowManager.removeTicker(id);
+        }
+      }, ticker.duration * 1e3);
+      _GameWindowManager.addTickerTimeoutInfo(canvasElementTag, tickerName, timeout.toString(), true);
     }
   }
-  static pushTicker(tickerData, ticker) {
+  static pushTicker(id, tickerData, ticker) {
     _GameWindowManager.removeAssociationBetweenTickerCanvasElement(tickerData.canvasElementTags, tickerData);
-    _GameWindowManager._currentTickers.push(tickerData);
+    _GameWindowManager._currentTickers[id] = tickerData;
     tickerData.fn = (t) => {
-      ticker == null ? void 0 : ticker.fn(t, tickerData.args, tickerData.canvasElementTags);
+      let data = _GameWindowManager._currentTickers[id];
+      if (data) {
+        ticker == null ? void 0 : ticker.fn(t, data.args, data.canvasElementTags, id);
+      }
     };
     _GameWindowManager.app.ticker.add(tickerData.fn, void 0, tickerData.priority);
   }
   /**
-   * Run a sequence of tickers.
+   * Run a sequence of tickers. If exists a ticker steps with the same tag, it will be removed.
    * @param tag The tag of canvas element that will use the tickers.
    * @param steps The steps of the tickers.
+   * @param currentStepNumber The current step number. It is used to continue the sequence of tickers.
    * @returns
    * @example
    * ```typescript
    * GameWindowManager.addTickersSteps("alien", [
-   *     new TickerRotate({ speed: 0.1, clockwise: true }, 2000),
-   *     Pause(500),
-   *     new TickerRotate({ speed: 0.2, clockwise: false }, 2000),
+   *     new RotateTicker({ speed: 0.1, clockwise: true }, 2), // 2 seconds
+   *     Pause(1), // 1 second
+   *     new RotateTicker({ speed: 0.2, clockwise: false }, 2),
    *     Repeat,
    * ])
    * ```
    */
-  static addTickersSteps(tag, steps) {
+  static addTickersSteps(tag, steps, currentStepNumber = 0) {
     if (steps.length == 0) {
       console.warn("[Pixi'VN] The steps of the tickers is empty");
       return;
     }
-    let alredyExists = _GameWindowManager._currentTickersSteps[tag] !== void 0;
+    _GameWindowManager.removeTickerStepByCanvasElement(tag);
     _GameWindowManager._currentTickersSteps[tag] = {
-      currentStepNumber: 0,
-      steps: steps.map((s) => {
-        if (s === Repeat) {
-          return s;
-        }
-        if (!s.duration) {
-          console.warn("[Pixi'VN] Duration is not defined, so it will be set to 1000");
-          s.duration = 1e3;
+      currentStepNumber,
+      steps: steps.map((step) => {
+        if (step === Repeat) {
+          return step;
         }
-        if (s.hasOwnProperty("type") && s.type === PauseValueType) {
-          return s;
+        if (step.hasOwnProperty("type") && step.type === "pause") {
+          return step;
         }
-        let tickerName = s.constructor.name;
+        let tickerName = step.constructor.name;
         return {
           ticker: tickerName,
-          args: s.args,
-          duration: s.duration
+          args: createExportableElement(step.args),
+          duration: step.duration
         };
       })
     };
-    if (!alredyExists) {
+    _GameWindowManager.runTickersSteps(tag);
+  }
+  static restoneTickersSteps(data) {
+    for (let tag in data) {
+      let steps = data[tag];
+      _GameWindowManager._currentTickersSteps[tag] = steps;
       _GameWindowManager.runTickersSteps(tag);
     }
   }
@@ -1702,12 +1921,17 @@ var _GameWindowManager = class _GameWindowManager {
         return;
       }
     }
-    if (step.hasOwnProperty("type") && step.type === PauseValueType) {
+    if (step.hasOwnProperty("type") && step.type === "pause") {
       let timeout = setTimeout(() => {
+        let tickerTimeoutInfo = _GameWindowManager._currentTickersTimeouts[timeout.toString()];
+        if (tickerTimeoutInfo) {
+          tickerTimeoutInfo.tags.forEach((tag2) => {
+            _GameWindowManager.nextTickerStep(tag2);
+          });
+        }
         _GameWindowManager.removeTickerTimeoutInfo(timeout);
-        _GameWindowManager.nextTickerStep(tag);
-      }, step.duration);
-      _GameWindowManager.addTickerTimeoutInfo(tag, "steps", timeout.toString());
+      }, step.duration * 1e3);
+      _GameWindowManager.addTickerTimeoutInfo(tag, "steps", timeout.toString(), false);
       return;
     }
     let ticker = geTickerInstanceByClassName(step.ticker, step.args, step.duration, step.priority);
@@ -1715,57 +1939,88 @@ var _GameWindowManager = class _GameWindowManager {
       console.error(`[Pixi'VN] Ticker ${step.ticker} not found`);
       return;
     }
-    _GameWindowManager.addTicker(tag, ticker);
+    let tickerName = ticker.constructor.name;
+    let tickerHistory = {
+      fn: () => {
+      },
+      className: tickerName,
+      args: createExportableElement(ticker.args),
+      canvasElementTags: [tag],
+      priority: ticker.priority,
+      duration: ticker.duration,
+      createdByTicketStepsId: tag
+    };
+    let id = _GameWindowManager.generateTickerId(tickerHistory);
+    _GameWindowManager.pushTicker(id, tickerHistory, ticker);
+    if (ticker.duration) {
+      let timeout = setTimeout(() => {
+        let tickerTimeoutInfo = _GameWindowManager._currentTickersTimeouts[timeout.toString()];
+        if (tickerTimeoutInfo) {
+          _GameWindowManager.removeTicker(id);
+          tickerTimeoutInfo.tags.forEach((tag2) => {
+            _GameWindowManager.nextTickerStep(tag2);
+          });
+        }
+        _GameWindowManager.removeTickerTimeoutInfo(timeout);
+      }, ticker.duration * 1e3);
+      _GameWindowManager.addTickerTimeoutInfo(tag, tickerName, timeout.toString(), false);
+    }
   }
   static nextTickerStep(tag) {
-    if (typeof tag === "string") {
-      tag = [tag];
+    if (_GameWindowManager._currentTickersSteps[tag]) {
+      let steps = _GameWindowManager._currentTickersSteps[tag];
+      if (steps.currentStepNumber + 1 < steps.steps.length) {
+        steps.currentStepNumber++;
+        _GameWindowManager._currentTickersSteps[tag] = steps;
+        _GameWindowManager.runTickersSteps(tag);
+      } else {
+        _GameWindowManager.removeTickerStepByCanvasElement(tag);
+      }
     }
-    tag.forEach((tag2) => {
-      if (_GameWindowManager._currentTickersSteps[tag2]) {
-        let steps = _GameWindowManager._currentTickersSteps[tag2];
-        if (steps.currentStepNumber + 1 < steps.steps.length) {
-          steps.currentStepNumber++;
-          _GameWindowManager._currentTickersSteps[tag2] = steps;
-          _GameWindowManager.runTickersSteps(tag2);
-        } else {
-          delete _GameWindowManager._currentTickersSteps[tag2];
-        }
+  }
+  static onEndOfTicker(canvasElementTags, ticker, canvasElementTagsToDelete, tickerId) {
+    let tickerData = _GameWindowManager._currentTickers[tickerId];
+    _GameWindowManager.removeAssociationBetweenTickerCanvasElement(canvasElementTags, ticker);
+    _GameWindowManager.removeCanvasElement(canvasElementTagsToDelete);
+    if (tickerData) {
+      _GameWindowManager.removeTicker(tickerId);
+      if (tickerData.duration == void 0 && tickerData.createdByTicketStepsId) {
+        _GameWindowManager.nextTickerStep(tickerData.createdByTicketStepsId);
       }
-    });
+    }
   }
   /**
    * Remove a connection between a canvas element and a ticker.
    * And remove the ticker if there is no canvas element connected to it.
-   * @param tag The tag of the canvas element that will use the ticker.
+   * @param tags The tag of the canvas element that will use the ticker.
    * @param ticker The ticker class to be removed.
    * @example
    * ```typescript
-   * GameWindowManager.removeAssociationBetweenTickerCanvasElement("alien", TickerRotate)
+   * GameWindowManager.removeAssociationBetweenTickerCanvasElement("alien", RotateTicker)
    * ```
    */
-  static removeAssociationBetweenTickerCanvasElement(tag, ticker) {
+  static removeAssociationBetweenTickerCanvasElement(tags, ticker) {
     let tickerName;
-    if (ticker instanceof TickerBase) {
+    if (typeof ticker === "string") {
+      tickerName = ticker;
+    } else if (ticker instanceof TickerBase) {
       tickerName = ticker.constructor.name;
     } else {
       tickerName = ticker.name;
     }
-    if (typeof tag === "string") {
-      tag = [tag];
+    if (typeof tags === "string") {
+      tags = [tags];
     }
-    _GameWindowManager._currentTickers = _GameWindowManager._currentTickers.map((t) => {
-      if (t.className === tickerName) {
-        t.canvasElementTags = t.canvasElementTags.filter((e) => !tag.includes(e));
+    for (let id in _GameWindowManager._currentTickers) {
+      let ticker2 = _GameWindowManager._currentTickers[id];
+      if (ticker2.className === tickerName) {
+        _GameWindowManager._currentTickers[id].canvasElementTags = ticker2.canvasElementTags.filter((e) => !tags.includes(e));
       }
-      return t;
-    });
-    for (let timeout in _GameWindowManager.currentTickersTimeouts) {
-      let t = _GameWindowManager.currentTickersTimeouts[timeout].tags.filter((e) => !tag.includes(e));
-      if (t.length == 0) {
-        _GameWindowManager.removeTickerTimeoutInfo(timeout);
-      } else {
-        _GameWindowManager.currentTickersTimeouts[timeout].tags = t;
+    }
+    for (let timeout in _GameWindowManager._currentTickersTimeouts) {
+      let TickerTimeout = _GameWindowManager._currentTickersTimeouts[timeout];
+      if (TickerTimeout.ticker === tickerName && TickerTimeout.canBeDeletedBeforeEnd) {
+        _GameWindowManager._currentTickersTimeouts[timeout].tags = TickerTimeout.tags.filter((t) => !tags.includes(t));
       }
     }
     _GameWindowManager.removeTickersWithoutAssociatedCanvasElement();
@@ -1774,49 +2029,117 @@ var _GameWindowManager = class _GameWindowManager {
    * Remove all tickers that are not connected to any existing canvas element.
    */
   static removeTickersWithoutAssociatedCanvasElement() {
-    let currentTickers = _GameWindowManager._currentTickers.map((t) => {
-      t.canvasElementTags = t.canvasElementTags.filter((e) => _GameWindowManager._children[e]);
-      return t;
-    });
-    currentTickers.filter((t) => t.canvasElementTags.length === 0).forEach((t) => {
-      _GameWindowManager.app.ticker.remove(t.fn);
-    });
-    currentTickers = currentTickers.filter((t) => t.canvasElementTags.length > 0);
-    _GameWindowManager._currentTickers = currentTickers;
+    for (let id in _GameWindowManager._currentTickers) {
+      let ticker = _GameWindowManager._currentTickers[id];
+      ticker.canvasElementTags = ticker.canvasElementTags.filter((e) => _GameWindowManager._children[e]);
+      if (ticker.canvasElementTags.length === 0) {
+        _GameWindowManager.removeTicker(id);
+      }
+    }
     for (let tag in _GameWindowManager._currentTickersSteps) {
       if (_GameWindowManager._children[tag] === void 0) {
         delete _GameWindowManager._currentTickersSteps[tag];
       }
     }
+    Object.entries(_GameWindowManager._currentTickersTimeouts).forEach(([timeout, { tags }]) => {
+      if (tags.length === 0) {
+        _GameWindowManager.removeTickerTimeout(timeout);
+      }
+    });
   }
-  static addTickerTimeoutInfo(tags, ticker, timeout) {
+  static addTickerTimeoutInfo(tags, ticker, timeout, canBeDeletedBeforeEnd) {
     if (typeof tags === "string") {
       tags = [tags];
     }
-    _GameWindowManager.currentTickersTimeouts[timeout] = {
+    _GameWindowManager._currentTickersTimeouts[timeout] = {
       tags,
-      ticker
+      ticker,
+      canBeDeletedBeforeEnd
     };
   }
   static removeTickerTimeoutInfo(timeout) {
     if (typeof timeout !== "string") {
       timeout = timeout.toString();
     }
-    if (_GameWindowManager.currentTickersTimeouts[timeout]) {
-      delete _GameWindowManager.currentTickersTimeouts[timeout];
+    if (_GameWindowManager._currentTickersTimeouts[timeout]) {
+      delete _GameWindowManager._currentTickersTimeouts[timeout];
+    }
+  }
+  static removeTickerTimeout(timeout) {
+    if (typeof timeout !== "string") {
+      timeout = timeout.toString();
+    }
+    clearTimeout(Number(timeout));
+    _GameWindowManager.removeTickerTimeoutInfo(timeout);
+  }
+  static removeTickerTimeoutsByTag(tag, checkCanBeDeletedBeforeEnd) {
+    for (let timeout in _GameWindowManager._currentTickersTimeouts) {
+      let tagsWithoutTagToRemove = _GameWindowManager._currentTickersTimeouts[timeout].tags.filter((t) => t !== tag);
+      if (tagsWithoutTagToRemove.length === 0) {
+        let canBeDeletedBeforeEnd = _GameWindowManager._currentTickersTimeouts[timeout].canBeDeletedBeforeEnd;
+        if (!checkCanBeDeletedBeforeEnd || canBeDeletedBeforeEnd) {
+          _GameWindowManager.removeTickerTimeout(timeout);
+        }
+      } else {
+        _GameWindowManager._currentTickersTimeouts[timeout].tags = tagsWithoutTagToRemove;
+      }
     }
   }
   /**
    * Remove all tickers from the canvas.
    */
-  static removeTickers() {
+  static removeAllTickers() {
     _GameWindowManager._currentTickersSteps = {};
-    _GameWindowManager._currentTickers.forEach((t) => {
-      _GameWindowManager.app.ticker.remove(t.fn);
+    Object.keys(_GameWindowManager._currentTickers).forEach((id) => {
+      _GameWindowManager.removeTicker(id);
     });
-    _GameWindowManager._currentTickers = [];
-    for (let timeout in _GameWindowManager.currentTickersTimeouts) {
-      _GameWindowManager.removeTickerTimeoutInfo(timeout);
+    _GameWindowManager._currentTickers = {};
+    for (let timeout in _GameWindowManager._currentTickersTimeouts) {
+      _GameWindowManager.removeTickerTimeout(timeout);
+    }
+  }
+  /**
+   * Remove all tickers from a canvas element.
+   * @param tag The tag of the canvas element that will use the ticker.
+   */
+  static removeTickerByCanvasElement(tag) {
+    if (typeof tag === "string") {
+      tag = [tag];
+    }
+    tag.forEach((tag2) => {
+      for (let id in _GameWindowManager._currentTickers) {
+        let ticker = _GameWindowManager._currentTickers[id];
+        if (ticker.canvasElementTags.includes(tag2)) {
+          _GameWindowManager.removeTicker(id);
+        }
+      }
+      if (_GameWindowManager._currentTickersSteps[tag2]) {
+        delete _GameWindowManager._currentTickersSteps[tag2];
+      }
+      _GameWindowManager.removeTickerTimeoutsByTag(tag2, false);
+      delete _GameWindowManager._currentTickersSteps[tag2];
+    });
+  }
+  static removeTickerStepByCanvasElement(tag) {
+    if (_GameWindowManager._currentTickersSteps[tag]) {
+      delete _GameWindowManager._currentTickersSteps[tag];
+    }
+    for (let id in _GameWindowManager._currentTickers) {
+      let ticker = _GameWindowManager._currentTickers[id];
+      if (ticker.createdByTicketStepsId === tag) {
+        _GameWindowManager.removeTicker(id);
+      }
+    }
+  }
+  static removeTicker(tickerId) {
+    let ticker = _GameWindowManager._currentTickers[tickerId];
+    if (ticker) {
+      if (ticker.args.hasOwnProperty(tagToRemoveAfter)) {
+        let tagToRemoveAfter2 = ticker.args.tagToRemoveAfter;
+        _GameWindowManager.removeCanvasElement(tagToRemoveAfter2);
+      }
+      _GameWindowManager.app.ticker.remove(ticker.fn);
+      delete _GameWindowManager._currentTickers[tickerId];
     }
   }
   /**
@@ -1843,7 +2166,8 @@ var _GameWindowManager = class _GameWindowManager {
       currentElements[tag] = exportCanvasElement(_GameWindowManager._children[tag]);
     }
     return {
-      currentTickers: createExportableElement(_GameWindowManager._currentTickers),
+      currentTickers: createExportableElement(_GameWindowManager.currentTickersWithoutCreatedBySteps),
+      currentTickersSteps: createExportableElement(_GameWindowManager._currentTickersSteps),
       currentElements: createExportableElement(currentElements),
       childrenTagsOrder: createExportableElement(_GameWindowManager.childrenTagsOrder)
     };
@@ -1878,7 +2202,8 @@ var _GameWindowManager = class _GameWindowManager {
       }
       if (data.hasOwnProperty("currentTickers")) {
         let currentTickers = data["currentTickers"];
-        currentTickers.forEach((t) => {
+        for (let id in currentTickers) {
+          let t = currentTickers[id];
           let tags = t.canvasElementTags;
           let ticker = geTickerInstanceByClassName(t.className, t.args, t.duration, t.priority);
           if (ticker) {
@@ -1886,7 +2211,11 @@ var _GameWindowManager = class _GameWindowManager {
           } else {
             console.error(`[Pixi'VN] Ticker ${t.className} not found`);
           }
-        });
+        }
+      }
+      if (data.hasOwnProperty("currentTickersSteps")) {
+        let currentTickersSteps = data["currentTickersSteps"];
+        _GameWindowManager.restoneTickersSteps(currentTickersSteps);
       }
     } catch (e) {
       console.error("[Pixi'VN] Error importing data", e);
@@ -1900,9 +2229,9 @@ _GameWindowManager._children = {};
  * The order of the children tags.
  */
 _GameWindowManager.childrenTagsOrder = [];
-_GameWindowManager._currentTickers = [];
+_GameWindowManager._currentTickers = {};
 _GameWindowManager._currentTickersSteps = {};
-_GameWindowManager.currentTickersTimeouts = {};
+_GameWindowManager._currentTickersTimeouts = {};
 var GameWindowManager = _GameWindowManager;
 
 // src/managers/StepManager.ts
@@ -1969,7 +2298,8 @@ var _GameStepManager = class _GameStepManager {
         canvas: {
           childrenTagsOrder: [],
           currentElements: {},
-          currentTickers: []
+          currentTickers: {},
+          currentTickersSteps: {}
         },
         labelIndex: -1,
         openedLabels: []
@@ -2180,8 +2510,15 @@ var _GameStepManager = class _GameStepManager {
       }
       try {
         if (labelId === CLOSE_LABEL_ID) {
-          let closeLabel = newCloseLabel(choiseMade);
-          return _GameStepManager.closeChoiceMenu(closeLabel, props);
+          let closeCurrentLabel = newCloseLabel(choiseMade);
+          let choice = {
+            label: closeCurrentLabel,
+            text: "",
+            closeCurrentLabel: false,
+            type: "close",
+            props: {}
+          };
+          return _GameStepManager.closeChoiceMenu(choice, props);
         }
         let tempLabel = getLabelById(labelId);
         if (!tempLabel) {
@@ -2231,8 +2568,15 @@ var _GameStepManager = class _GameStepManager {
       }
       try {
         if (labelId === CLOSE_LABEL_ID) {
-          let closeLabel = newCloseLabel(choiseMade);
-          return _GameStepManager.closeChoiceMenu(closeLabel, props);
+          let closeCurrentLabel = newCloseLabel(choiseMade);
+          let choice = {
+            label: closeCurrentLabel,
+            text: "",
+            closeCurrentLabel: false,
+            type: "close",
+            props: {}
+          };
+          return _GameStepManager.closeChoiceMenu(choice, props);
         }
         let tempLabel = getLabelById(labelId);
         if (!tempLabel) {
@@ -2248,7 +2592,8 @@ var _GameStepManager = class _GameStepManager {
   }
   /**
    * When the player is in a choice menu, can use this function to exit to the choice menu.
-   * @param props The props to pass to the step.
+   * @param choice
+   * @param props
    * @returns StepLabelResultType or undefined.
    * @example
    * ```typescript
@@ -2259,12 +2604,16 @@ var _GameStepManager = class _GameStepManager {
    * })
    * ```
    */
-  static closeChoiceMenu(label, props) {
+  static closeChoiceMenu(choice, props) {
     return __async(this, null, function* () {
+      let label = choice.label;
       let choiseMade = void 0;
       if (typeof label.choiseIndex === "number") {
         choiseMade = label.choiseIndex;
       }
+      if (choice.closeCurrentLabel) {
+        _GameStepManager.closeCurrentLabel();
+      }
       return _GameStepManager.runNextStep(props, choiseMade);
     });
   }
@@ -2620,6 +2969,418 @@ var DialogueBaseModel = class {
   }
 };
 
-export { CanvasBase, CanvasContainer, CanvasEvent, CanvasImage, CanvasSprite, CanvasText, CharacterBaseModel2 as CharacterBaseModel, ChoiceMenuOption, ChoiceMenuOptionClose, Close, DialogueBaseModel, GameStepManager, GameStorageManager, GameWindowManager, Label, Pause, PauseValueType, Repeat, StoredClassModel, TickerBase, TickerFadeAlpha, TickerMove, TickerRotate, addImage, canvasElementDecorator, clearAllGameDatas, clearChoiceMenuOptions, clearDialogue, eventDecorator, getAllCharacters, getCharacterById, getChoiceMenuOptions, getDialogue, getDialogueHistory, getFlag, getLabelById, getSaveData, getSaveJson, getTexture, loadImages, loadSaveData, loadSaveJson, newLabel, removeCanvasElement, saveCharacter, setChoiceMenuOptions, setDialogue, setFlag, showWithDissolveTransition, tickerDecorator };
+// src/labels/TestConstant.ts
+var juliette = new CharacterBaseModel2("___pixivn_juliette___", {
+  name: "Juliette",
+  age: 25,
+  icon: "https://firebasestorage.googleapis.com/v0/b/pixi-vn.appspot.com/o/public%2Fcharacters%2Fjuliette-square.webp?alt=media&token=5856ae7b-d99e-4563-86ec-cbc48cc9c6b4",
+  color: "#ac0086"
+});
+saveCharacter(juliette);
+var eggHeadImage = "https://pixijs.com/assets/eggHead.png";
+var eggHeadName = `<span style="color:purple">Egg Head</span>`;
+var flowerTopImage = "https://pixijs.com/assets/flowerTop.png";
+var flowerTopName = `<span style="color:green">Flower Top</span>`;
+var helmlokImage = "https://pixijs.com/assets/helmlok.png";
+var helmlokName = `<span style="color:blue">Helmlok</span>`;
+var skullyImage = "https://pixijs.com/assets/skully.png";
+var skullyName = `<span style="color:red">Skully</span>`;
+
+// src/labels/MarkdownTest.ts
+var MARKDOWN_TEST_LABEL = "___pixi_vn_markdown_test___";
+var markdownTest = newLabel(MARKDOWN_TEST_LABEL, [
+  () => __async(void 0, null, function* () {
+    setDialogue({
+      character: juliette,
+      text: `
+# Markdown Test
+
+Hello, this is a test of the markdown parser. Pixi'VN does not manage markdown, but you can implement a markdown parser to display text with markdown syntax.
+
+For example in React, you can use the library [react-markdown](https://www.npmjs.com/package/react-markdown).
+
+## Colored Text
+
+<span style="color:blue">some *blue* text</span>.
+
+<span style="color:red">some *red* text</span>.
+
+<span style="color:green">some *green* text</span>.
+
+## Bold Text
+
+**This is bold text.**
+
+## Italic Text
+
+*This is italic text.*
+
+## Delete Text
+
+~~This is deleted text.~~
+
+## Link Test
+
+[Link to Google](https://www.google.com)
+
+## H2 Test
+
+### H3 Test
+
+#### H4 Test
+ 
+## Code Test
+
+\`Hello World\`
+
+\`\`\`js
+console.log("Hello World")
+\`\`\`
+
+## List Test
+
+- Item 1
+* Item 2
+- [x] Item 3
+
+## Table Test
+
+| Header 1 | Header 2 |
+| -------- | -------- |
+| Cell 1   | Cell 2   |
+
+## Separator Test
+
+***
+Footer
+
+`
+    });
+  })
+]);
+
+// src/labels/ShowImageTest.ts
+var IMAGE_ANIMAIONS_TEST_LABEL = "___pixi_vn_images_animations_test___";
+var imagesAnimationsTest = newLabel(IMAGE_ANIMAIONS_TEST_LABEL, [
+  () => __async(void 0, null, function* () {
+    setDialogue({ character: juliette, text: `These are my 4 puppets: ${eggHeadName}, ${flowerTopName}, ${helmlokName} and ${skullyName}. They can appear, disappear and animate at my will.` });
+    let eggHead = addImage("eggHead", eggHeadImage);
+    yield eggHead.load();
+    eggHead.x = 100;
+    eggHead.y = 100;
+    let flowerTop = addImage("flowerTop", flowerTopImage);
+    flowerTop.x = 300;
+    flowerTop.y = 100;
+    flowerTop.load();
+    let helmlok = addImage("helmlok", helmlokImage);
+    helmlok.x = 100;
+    helmlok.y = 300;
+    let skully = addImage("skully", skullyImage);
+    skully.x = 300;
+    skully.y = 300;
+    yield loadImage([helmlok, skully]);
+  }),
+  () => __async(void 0, null, function* () {
+    setDialogue({ character: juliette, text: "Here's what they can do." });
+    setChoiceMenuOptions([
+      new ChoiceMenuOption("Dissolve effect", imagesDissolveTest),
+      new ChoiceMenuOption("Fade effect", imagesFadeTest),
+      new ChoiceMenuOption("Rotate", imagesRotateTest),
+      new ChoiceMenuOption("Move", imagesMoveTest),
+      new ChoiceMenuOption("Zoom", imagesZoomTest),
+      new ChoiceMenuOptionClose("Cancel", true)
+    ]);
+  }),
+  (props) => GameStepManager.jumpLabel(IMAGE_ANIMAIONS_TEST_LABEL, props)
+]);
+var imagesDissolveTest = newLabel("___pixi_vn_images_dissolve_test___", [
+  () => {
+    setDialogue({
+      character: juliette,
+      text: `Here's what's going to happen:
+- ${eggHeadName} will disappear with a dissolve effect. If you go next, ${eggHeadName} reappears with a dissolve effect without stopping the dissolve effect
+- ${eggHeadName} will appear instead of ${flowerTopName}.
+- ${helmlokName} will disappear with a fade effect and reappear with a fade effect, and repeat.
+- ${skullyName} will disappear with a fade effect, wait for 0.5 seconds, and reappear with a fade effect.`
+    });
+    removeWithDissolveTransition(["eggHead"], { duration: 2 });
+    let eggHead = new CanvasImage({ x: 300, y: 100 }, eggHeadImage);
+    showWithDissolveTransition("flowerTop", eggHead, { duration: 1 });
+    GameWindowManager.addTickersSteps(
+      "helmlok",
+      [
+        new FadeAlphaTicker({
+          duration: 1,
+          type: "hide"
+        }, 1),
+        new FadeAlphaTicker({
+          duration: 1,
+          type: "show"
+        }, 1),
+        Repeat
+      ]
+    );
+    GameWindowManager.addTickersSteps(
+      "skully",
+      [
+        new FadeAlphaTicker({
+          duration: 0.5,
+          type: "hide",
+          limit: 0.3
+        }, 1),
+        Pause(0.5),
+        new FadeAlphaTicker({
+          duration: 1,
+          type: "show"
+        }, 1)
+      ]
+    );
+  },
+  () => __async(void 0, null, function* () {
+    showWithDissolveTransition("eggHead", eggHeadImage, { duration: 0.5 });
+  })
+]);
+var imagesFadeTest = newLabel("___pixi_vn_images_fade_test___", [
+  () => {
+    setDialogue({
+      character: juliette,
+      text: `Here's what's going to happen:
+- ${eggHeadName} will disappear with a dissolve effect. If you go next, ${eggHeadName} reappears with a dissolve effect with stopping the dissolve effect
+- ${eggHeadName} will appear instead of ${flowerTopName}.
+- ${helmlokName} will disappear with a fade effect and reappear with a fade effect, and repeat.
+- ${skullyName} will disappear with a fade effect, wait for 0.5 seconds, and reappear with a fade effect.`
+    });
+    removeWithFadeTransition(["eggHead"], { duration: 2 });
+    let eggHead = new CanvasImage({ x: 300, y: 100 }, eggHeadImage);
+    showWithFadeTransition("flowerTop", eggHead, { duration: 1 });
+    GameWindowManager.addTickersSteps(
+      "helmlok",
+      [
+        new FadeAlphaTicker({
+          duration: 1,
+          type: "hide"
+        }),
+        new FadeAlphaTicker({
+          duration: 1,
+          type: "show"
+        }),
+        Repeat
+      ]
+    );
+    GameWindowManager.addTickersSteps(
+      "skully",
+      [
+        new FadeAlphaTicker({
+          duration: 0.5,
+          type: "hide",
+          limit: 0.3
+        }),
+        Pause(0.5),
+        new FadeAlphaTicker({
+          duration: 1,
+          type: "show"
+        })
+      ]
+    );
+  },
+  () => __async(void 0, null, function* () {
+    let eggHeadOld = GameWindowManager.getCanvasElement("eggHead");
+    if (eggHeadOld)
+      eggHeadOld.alpha = 0;
+    showWithFadeTransition("eggHead", eggHeadImage, { duration: 0.5 });
+  })
+]);
+var imagesRotateTest = newLabel("___pixi_vn_images_rotate_test___", [
+  () => {
+    setDialogue({
+      character: juliette,
+      text: `Here's what's going to happen:
+- ${eggHeadName} will rotate with a anchor set to 0.
+- ${flowerTopName} will rotate with a anchor set to 0.5 and a exponential speed progression.
+- ${helmlokName} will rotate with a anchor set to 0.5, rotate 2 times, move to the right, rotate 5 times, and repeat.
+- ${skullyName} will rotate with a anchor set to 1, rotate 3 times, wait for 0.5 seconds, rotate 7 times.`
+    });
+    let eggHead = GameWindowManager.getCanvasElement("eggHead");
+    if (eggHead)
+      eggHead.anchor.set(0);
+    let flowerTop = GameWindowManager.getCanvasElement("flowerTop");
+    if (flowerTop)
+      flowerTop.anchor.set(0.5);
+    let helmlok = GameWindowManager.getCanvasElement("helmlok");
+    if (helmlok)
+      helmlok.anchor.set(0.5);
+    let skully = GameWindowManager.getCanvasElement("skully");
+    if (skully)
+      skully.anchor.set(1);
+    GameWindowManager.addTicker("eggHead", new RotateTicker({
+      speed: 6,
+      clockwise: true
+    }));
+    GameWindowManager.addTicker("flowerTop", new RotateTicker({
+      speed: 6,
+      clockwise: false,
+      speedProgression: { type: "exponential", percentage: 0.01, limit: 300 }
+    }));
+    GameWindowManager.addTickersSteps("helmlok", [
+      new RotateTicker({
+        speed: 6,
+        clockwise: true
+      }, 2),
+      new RotateTicker({
+        speed: 100,
+        clockwise: false,
+        speedProgression: { type: "exponential", percentage: -0.05 }
+      }),
+      Repeat
+    ]);
+    GameWindowManager.addTickersSteps("skully", [
+      new RotateTicker({
+        speed: 6,
+        clockwise: true
+      }, 3),
+      Pause(0.5),
+      new RotateTicker({
+        speed: 6,
+        clockwise: false
+      }, 7)
+    ]);
+  }
+]);
+var imagesMoveTest = newLabel("___pixi_vn_images_move_test___", [
+  () => {
+    setDialogue({
+      character: juliette,
+      text: `Here's what's going to happen:
+- ${eggHeadName} will move to { x: 500, y: 100 } with a speed of 0.4.
+- ${flowerTopName} will move to { x: 500, y: 300 } with a speed of 0.3.
+- ${helmlokName} will move to the right with a speed of 20 and a linear speed progression of -0.2, and then move to the left with a speed of 0.1 and a linear speed progression of 0.05.
+- ${skullyName} will move to { x: 500, y: 500 } with a speed of 0.5, wait for 0.5 seconds, and move to { x: 100, y: 100 } with a speed of 0.5.`
+    });
+    GameWindowManager.addTicker("eggHead", new MoveTicker({
+      destination: { x: 500, y: 100 },
+      speed: 24
+    }));
+    GameWindowManager.addTicker("flowerTop", new MoveTicker({
+      destination: { x: 500, y: 300 },
+      speed: 18
+    }));
+    GameWindowManager.addTickersSteps("helmlok", [
+      new MoveTicker({
+        destination: { x: 100, y: 500 },
+        speed: 1200,
+        speedProgression: { type: "linear", amt: -12, limit: 60 }
+      }),
+      new MoveTicker({
+        destination: { x: 1700, y: 500 },
+        speed: 6,
+        speedProgression: { type: "linear", amt: 3 }
+      }),
+      Repeat
+    ]);
+    GameWindowManager.addTickersSteps("skully", [
+      new MoveTicker({
+        destination: { x: 500, y: 500 },
+        speed: 60
+      }),
+      Pause(0.5),
+      new MoveTicker({
+        destination: { x: 100, y: 100 },
+        speed: 60
+      })
+    ]);
+  }
+]);
+var imagesZoomTest = newLabel("___pixi_vn_images_zoom_test___", [
+  () => {
+    setDialogue({
+      character: juliette,
+      text: `Here's what's going to happen:
+- ${eggHeadName} will zoom out with a speed of 3 and a limit of -0.5.
+- ${flowerTopName} will zoom in with a speed of 3 and a limit of 2.
+- ${helmlokName} will unzoom with a speed of 3 and a limit of -1, and zoom in with a speed of 3 and a limit of 1, and repeat.
+- ${skullyName} will zoom in with a speed of 0.1 and a limit of 5, wait for 0.5 seconds, and zoom out with a speed of 3 and a limit of 1.`
+    });
+    let eggHead = GameWindowManager.getCanvasElement("eggHead");
+    if (eggHead)
+      eggHead.scale.set(2);
+    let helmlok = GameWindowManager.getCanvasElement("helmlok");
+    if (helmlok)
+      helmlok.anchor.set(0.5);
+    GameWindowManager.addTicker("eggHead", new ZoomTicker({
+      speed: 3,
+      limit: -0.5,
+      type: "unzoom"
+    }));
+    GameWindowManager.addTicker("flowerTop", new ZoomTicker({
+      speed: 3,
+      limit: 2
+    }));
+    GameWindowManager.addTickersSteps("helmlok", [
+      new ZoomTicker({
+        speed: 3,
+        limit: -1,
+        type: "unzoom"
+      }),
+      new ZoomTicker({
+        speed: 3,
+        limit: 1
+      }),
+      Repeat
+    ]);
+    GameWindowManager.addTickersSteps("skully", [
+      new ZoomTicker({
+        speed: 0.1,
+        limit: 5,
+        speedProgression: { type: "exponential", percentage: 0.02 }
+      }),
+      Pause(0.5),
+      new ZoomTicker({
+        "type": "unzoom",
+        speed: 3,
+        limit: 1
+      })
+    ]);
+  }
+]);
+
+// 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";
+      } else if (hour >= 12 && hour < 18) {
+        currentTimeName = "afternoon";
+      } else if (hour >= 18 && hour < 22) {
+        currentTimeName = "evening";
+      } else {
+        currentTimeName = "night";
+      }
+      setDialogue({ character: juliette, text: `Good ${currentTimeName}! I'm ${juliette.name}, your virtual assistant. I'm here to help you with your tests.` });
+    },
+    () => setDialogue({ character: juliette, text: `You are running the Pixi\u2019VN test. This test will guide you through the different features of the library.` }),
+    (props) => GameStepManager.jumpLabel(pixivnTestStartLabel2, props)
+  ]
+);
+var RESTART_TEST_LABEL = "___pixi_vn_restart_test_label___";
+var pixivnTestStartLabel2 = newLabel(
+  RESTART_TEST_LABEL,
+  [
+    () => {
+      GameWindowManager.clear();
+      setDialogue({ character: juliette, text: "Which test would you like to start with?" });
+      setChoiceMenuOptions([
+        new ChoiceMenuOption("Images and Animations", imagesAnimationsTest),
+        new ChoiceMenuOption("Markdown Test", markdownTest)
+      ]);
+    },
+    (props) => GameStepManager.jumpLabel(RESTART_TEST_LABEL, props)
+  ]
+);
+
+export { CanvasBase, CanvasContainer, CanvasEvent, CanvasImage, CanvasSprite, CanvasText, CharacterBaseModel2 as CharacterBaseModel, ChoiceMenuOption, ChoiceMenuOptionClose, Close, DialogueBaseModel, FadeAlphaTicker, GameStepManager, GameStorageManager, GameWindowManager, Label, MoveTicker, Pause, Repeat, RotateTicker, StoredClassModel, TickerBase, ZoomTicker, addImage, canvasElementDecorator, clearAllGameDatas, clearChoiceMenuOptions, clearDialogue, eventDecorator, getAllCharacters, getCharacterById, getChoiceMenuOptions, getDialogue, getDialogueHistory, getFlag, getLabelById, getSaveData, getSaveJson, getTexture, juliette, loadImage, loadSaveData, loadSaveJson, newLabel, pixivnTestStartLabel, removeCanvasElement, removeWithDissolveTransition, removeWithFadeTransition, saveCharacter, setChoiceMenuOptions, setDialogue, setFlag, showImage, showWithDissolveTransition, showWithFadeTransition, tickerDecorator };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map