@drincs/pixi-vn 0.6.2 → 0.6.3

package/dist/labels/TickerTestLabel.js

@@ -1,2675 +0,0 @@
-'use strict';
-
-var pixi_js = require('pixi.js');
-var deepDiff = require('deep-diff');
-var sha1 = require('crypto-js/sha1');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var sha1__default = /*#__PURE__*/_interopDefault(sha1);
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  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);
-  return result;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-function getTexture(imageUrl) {
-  return __async(this, null, function* () {
-    if (pixi_js.Assets.cache.has(imageUrl)) {
-      return pixi_js.Assets.get(imageUrl);
-    }
-    return pixi_js.Assets.load(imageUrl).then((texture) => {
-      if (!texture) {
-        console.error("[Pixi'VN] Texture not found", imageUrl);
-        return;
-      }
-      if (!(texture instanceof pixi_js.Texture)) {
-        console.error("[Pixi'VN] File not is a image", imageUrl);
-        return;
-      }
-      return texture;
-    }).catch((e) => {
-      console.error("[Pixi'VN] Error loading image", e);
-      return;
-    });
-  });
-}
-function getTextStyle(style) {
-  let fill = style.fill;
-  if (fill instanceof Object) {
-    console.warn("[Pixi'VN] CanvasText.style.fill is a FillGradient or FillPattern, this is not supported yet.", fill);
-    fill = "#00FF00";
-  }
-  return {
-    align: style.align,
-    breakWords: style.breakWords,
-    dropShadow: style.dropShadow,
-    fill,
-    fontFamily: style.fontFamily,
-    fontSize: style.fontSize,
-    fontStyle: style.fontStyle,
-    fontVariant: style.fontVariant,
-    fontWeight: style.fontWeight,
-    leading: style.leading,
-    letterSpacing: style.letterSpacing,
-    lineHeight: style.lineHeight,
-    padding: style.padding,
-    stroke: style.stroke,
-    textBaseline: style.textBaseline,
-    trim: style.trim,
-    whiteSpace: style.whiteSpace,
-    wordWrap: style.wordWrap,
-    wordWrapWidth: style.wordWrapWidth
-  };
-}
-
-// src/decorators/EventDecorator.ts
-var registeredEvents = {};
-function getEventTypeById(eventId) {
-  try {
-    let eventType = registeredEvents[eventId];
-    if (!eventType) {
-      console.error(`[Pixi'VN] Event ${eventId} not found`);
-      return;
-    }
-    new eventType();
-    return eventType;
-  } catch (e) {
-    console.error(`[Pixi'VN] Error while getting Event ${eventId}`, e);
-    return;
-  }
-}
-function getEventInstanceById(eventId) {
-  try {
-    let eventType = registeredEvents[eventId];
-    if (!eventType) {
-      console.error(`[Pixi'VN] Event ${eventId} not found`);
-      return;
-    }
-    let event = new eventType();
-    return event;
-  } catch (e) {
-    console.error(`[Pixi'VN] Error while getting Event ${eventId}`, e);
-    return;
-  }
-}
-
-// src/classes/canvas/CanvasSprite.ts
-var CANVAS_SPRITE_ID = "CanvasSprite";
-var CanvasSprite = class _CanvasSprite extends pixi_js.Sprite {
-  constructor(options) {
-    super(options);
-    this.pixivnId = CANVAS_SPRITE_ID;
-    this._onEvents = {};
-    this.pixivnId = this.constructor.prototype.pixivnId;
-  }
-  get memory() {
-    return getMemorySprite(this);
-  }
-  set memory(value) {
-    setMemorySprite(this, value);
-  }
-  get onEvents() {
-    return this._onEvents;
-  }
-  /**
-   * is same function as on(), but it keeps in memory the children.
-   * @param event The event type, e.g., 'click', 'mousedown', 'mouseup', 'pointerdown', etc.
-   * @param eventClass The class that extends CanvasEvent.
-   * @returns 
-   * @example
-   * ```typescript
-   * \@eventDecorator()
-   * export class EventTest extends CanvasEvent<CanvasSprite> {
-   *     override fn(event: CanvasEventNamesType, sprite: CanvasSprite): void {
-   *         if (event === 'pointerdown') {
-   *             sprite.scale.x *= 1.25;
-   *             sprite.scale.y *= 1.25;
-   *         }
-   *     }
-   * }
-   * ```
-   * 
-   * ```typescript
-   * let sprite = addImage("alien", 'https://pixijs.com/assets/eggHead.png')
-   * await sprite.load()
-   *
-   * sprite.eventMode = 'static';
-   * sprite.cursor = 'pointer';
-   * sprite.onEvent('pointerdown', EventTest);
-   *
-   * GameWindowManager.addCanvasElement("bunny", sprite);
-   * ```
-   */
-  onEvent(event, eventClass) {
-    let id = eventClass.prototype.id;
-    let instance = getEventInstanceById(id);
-    this._onEvents[event] = id;
-    if (instance) {
-      super.on(event, () => {
-        instance.fn(event, this);
-      });
-    }
-    return this;
-  }
-  /**
-   * on() does not keep in memory the event class, use onEvent() instead
-   * @deprecated
-   * @private
-   * @param event 
-   * @param fn 
-   * @param context 
-   */
-  on(event, fn, context) {
-    return super.on(event, fn, context);
-  }
-  static from(source, skipCache) {
-    let sprite = pixi_js.Sprite.from(source, skipCache);
-    let mySprite = new _CanvasSprite();
-    mySprite.texture = sprite.texture;
-    return mySprite;
-  }
-};
-function getMemorySprite(element) {
-  let temp = getMemoryContainer(element);
-  return __spreadProps(__spreadValues({}, temp), {
-    pixivnId: element.pixivnId,
-    textureImage: getTextureMemory(element.texture),
-    anchor: { x: element.anchor.x, y: element.anchor.y },
-    roundPixels: element.roundPixels,
-    onEvents: element.onEvents
-  });
-}
-function setMemorySprite(element, memory) {
-  setMemoryContainer(element, memory);
-  getTexture(memory.textureImage.image).then((texture) => {
-    if (texture) {
-      element.texture = texture;
-    }
-  });
-  if (memory.anchor) {
-    if (typeof memory.anchor === "number") {
-      element.anchor.set(memory.anchor, memory.anchor);
-    } else {
-      element.anchor.set(memory.anchor.x, memory.anchor.y);
-    }
-  }
-  memory.roundPixels && (element.roundPixels = memory.roundPixels);
-  for (let event in memory.onEvents) {
-    let id = memory.onEvents[event];
-    let instance = getEventTypeById(id);
-    if (instance) {
-      element.onEvent(event, instance);
-    }
-  }
-}
-
-// src/classes/canvas/CanvasImage.ts
-var CANVAS_IMAGE_ID = "CanvasImage";
-var CanvasImage = class _CanvasImage extends CanvasSprite {
-  constructor(options, imageLink) {
-    super(options);
-    this.pixivnId = CANVAS_IMAGE_ID;
-    this.imageLink = "";
-    if (imageLink) {
-      this.imageLink = imageLink;
-    }
-  }
-  get memory() {
-    return __spreadProps(__spreadValues({}, getMemorySprite(this)), {
-      pixivnId: this.pixivnId,
-      imageLink: this.imageLink
-    });
-  }
-  set memory(memory) {
-    setMemorySprite(this, memory);
-    this.imageLink = memory.imageLink;
-  }
-  static from(source, skipCache) {
-    let sprite = pixi_js.Sprite.from(source, skipCache);
-    let mySprite = new _CanvasImage();
-    mySprite.texture = sprite.texture;
-    return mySprite;
-  }
-  /** 
-   * Load the image from the link and set the texture of the sprite.
-   * @param image The link of the image. If it is not set, it will use the imageLink property.
-   * @returns A promise that resolves when the image is loaded.
-   */
-  load(image) {
-    return __async(this, null, function* () {
-      if (!image) {
-        image = this.imageLink;
-      }
-      return getTexture(this.imageLink).then((texture) => {
-        if (texture) {
-          this.texture = texture;
-        }
-      }).catch((e) => {
-        console.error("[Pixi'VN] Error into CanvasImage.load()", e);
-      });
-    });
-  }
-};
-var CANVAS_TEXT_ID = "CanvasText";
-var CanvasText = class extends pixi_js.Text {
-  constructor(options) {
-    super(options);
-    this.pixivnId = CANVAS_TEXT_ID;
-    this._onEvents = {};
-    this.pixivnId = this.constructor.prototype.pixivnId;
-  }
-  get memory() {
-    return getMemoryText(this);
-  }
-  set memory(value) {
-    setMemoryText(this, value);
-  }
-  get onEvents() {
-    return this._onEvents;
-  }
-  /**
-   * is same function as on(), but it keeps in memory the children.
-   * @param event The event type, e.g., 'click', 'mousedown', 'mouseup', 'pointerdown', etc.
-   * @param eventClass The class that extends CanvasEvent.
-   * @returns 
-   * @example
-   * ```typescript
-   * \@eventDecorator()
-   * export class EventTest extends CanvasEvent<CanvasText> {
-   *     override fn(event: CanvasEventNamesType, text: CanvasText): void {
-   *         if (event === 'pointerdown') {
-   *             text.scale.x *= 1.25;
-   *             text.scale.y *= 1.25;
-   *         }
-   *     }
-   * }
-   * ```
-   * 
-   * ```typescript
-   * const text = new CanvasText();
-   * text.text = "Hello World"
-   *
-   * text.eventMode = 'static';
-   * text.cursor = 'pointer';
-   * text.onEvent('pointerdown', EventTest);
-   *
-   * GameWindowManager.addCanvasElement("text", text);
-   * ```
-   */
-  onEvent(event, eventClass) {
-    let id = eventClass.prototype.id;
-    let instance = getEventInstanceById(id);
-    this._onEvents[event] = id;
-    if (instance) {
-      super.on(event, () => {
-        instance.fn(event, this);
-      });
-    }
-    return this;
-  }
-  /**
-   * on() does not keep in memory the event class, use onEvent() instead
-   * @deprecated
-   * @private
-   * @param event 
-   * @param fn 
-   * @param context 
-   */
-  on(event, fn, context) {
-    return super.on(event, fn, context);
-  }
-};
-function getMemoryText(element) {
-  let temp = getMemoryContainer(element);
-  return __spreadProps(__spreadValues({}, temp), {
-    pixivnId: element.pixivnId,
-    anchor: { x: element.anchor.x, y: element.anchor.y },
-    text: element.text,
-    resolution: element.resolution,
-    style: getTextStyle(element.style),
-    roundPixels: element.roundPixels,
-    onEvents: element.onEvents
-  });
-}
-function setMemoryText(element, memory) {
-  setMemoryContainer(element, memory);
-  if (memory.anchor) {
-    if (typeof memory.anchor === "number") {
-      element.anchor.set(memory.anchor, memory.anchor);
-    } else {
-      element.anchor.set(memory.anchor.x, memory.anchor.y);
-    }
-  }
-  memory.text && (element.text = memory.text);
-  memory.resolution && (element.resolution = memory.resolution);
-  memory.style && (element.style = memory.style);
-  memory.roundPixels && (element.roundPixels = memory.roundPixels);
-  for (let event in memory.onEvents) {
-    let id = memory.onEvents[event];
-    let instance = getEventTypeById(id);
-    if (instance) {
-      element.onEvent(event, instance);
-    }
-  }
-}
-
-// src/decorators/CanvasElementDecorator.ts
-var registeredCanvasElement = {};
-function getCanvasElementInstanceById(canvasId) {
-  try {
-    let eventType = registeredCanvasElement[canvasId];
-    if (!eventType) {
-      if (canvasId === CANVAS_CONTAINER_ID) {
-        eventType = CanvasContainer;
-      } else if (canvasId === CANVAS_IMAGE_ID) {
-        eventType = CanvasImage;
-      } else if (canvasId === CANVAS_SPRITE_ID) {
-        eventType = CanvasSprite;
-      } else if (canvasId === CANVAS_TEXT_ID) {
-        eventType = CanvasText;
-      }
-    }
-    if (!eventType) {
-      console.error(`[Pixi'VN] CanvasElement ${canvasId} not found`);
-      return;
-    }
-    let canvasElement = new eventType();
-    return canvasElement;
-  } catch (e) {
-    console.error(`[Pixi'VN] Error while getting CanvasElement ${canvasId}`, e);
-    return;
-  }
-}
-
-// src/functions/CanvasUtility.ts
-function getTextureMemory(texture) {
-  let sourceTexture = texture.source;
-  let textureMemory = {
-    image: sourceTexture.label
-  };
-  return textureMemory;
-}
-function exportCanvasElement(element) {
-  return element.memory;
-}
-function importCanvasElement(memory) {
-  let element = getCanvasElementInstanceById(memory.pixivnId);
-  if (element) {
-    element.memory = memory;
-  } else {
-    throw new Error("[Pixi'VN] The element " + memory.pixivnId + " could not be created");
-  }
-  return element;
-}
-
-// src/classes/canvas/CanvasContainer.ts
-var CANVAS_CONTAINER_ID = "CanvasContainer";
-var CanvasContainer = class extends pixi_js.Container {
-  constructor(options) {
-    super(options);
-    this.pixivnId = CANVAS_CONTAINER_ID;
-    this.pixivnId = this.constructor.prototype.pixivnId;
-  }
-  get memory() {
-    let memory = getMemoryContainer(this);
-    this.children.forEach((child) => {
-      memory.elements.push(exportCanvasElement(child));
-    });
-    return memory;
-  }
-  set memory(value) {
-    setMemoryContainer(this, value);
-    value.elements.forEach((child) => {
-      this.addChild(importCanvasElement(child));
-    });
-  }
-};
-function getMemoryContainer(element) {
-  let className = "CanvasContainer";
-  if (element.hasOwnProperty("pixivnId")) {
-    className = element.pixivnId;
-  }
-  return {
-    pixivnId: className,
-    elements: [],
-    width: element.width,
-    height: element.height,
-    isRenderGroup: element.isRenderGroup,
-    blendMode: element.blendMode,
-    tint: element.tint,
-    alpha: element.alpha,
-    angle: element.angle,
-    renderable: element.renderable,
-    rotation: element.rotation,
-    scale: { x: element.scale.x, y: element.scale.y },
-    pivot: { x: element.pivot.x, y: element.pivot.y },
-    position: { x: element.position.x, y: element.position.y },
-    skew: { x: element.skew.x, y: element.skew.y },
-    visible: element.visible,
-    culled: element.culled,
-    x: element.x,
-    y: element.y,
-    boundsArea: element.boundsArea,
-    cursor: element.cursor,
-    eventMode: element.eventMode,
-    interactive: element.interactive,
-    interactiveChildren: element.interactiveChildren,
-    hitArea: element.hitArea
-  };
-}
-function setMemoryContainer(element, memory) {
-  memory.width && (element.width = memory.width);
-  memory.height && (element.height = memory.height);
-  memory.isRenderGroup && (element.isRenderGroup = memory.isRenderGroup);
-  memory.blendMode && (element.blendMode = memory.blendMode);
-  memory.tint && (element.tint = memory.tint);
-  memory.alpha && (element.alpha = memory.alpha);
-  memory.angle && (element.angle = memory.angle);
-  memory.renderable && (element.renderable = memory.renderable);
-  memory.rotation && (element.rotation = memory.rotation);
-  if (memory.scale) {
-    if (typeof memory.scale === "number") {
-      element.scale.set(memory.scale, memory.scale);
-    } else {
-      element.scale.set(memory.scale.x, memory.scale.y);
-    }
-  }
-  if (memory.pivot) {
-    if (typeof memory.pivot === "number") {
-      element.pivot.set(memory.pivot, memory.pivot);
-    } else {
-      element.pivot.set(memory.pivot.x, memory.pivot.y);
-    }
-  }
-  memory.position && element.position.set(memory.position.x, memory.position.y);
-  memory.skew && element.skew.set(memory.skew.x, memory.skew.y);
-  memory.visible && (element.visible = memory.visible);
-  memory.culled && (element.culled = memory.culled);
-  memory.x && (element.x = memory.x);
-  memory.y && (element.y = memory.y);
-  memory.boundsArea && (element.boundsArea = memory.boundsArea);
-  memory.cursor && (element.cursor = memory.cursor);
-  memory.eventMode && (element.eventMode = memory.eventMode);
-  memory.interactive && (element.interactive = memory.interactive);
-  memory.interactiveChildren && (element.interactiveChildren = memory.interactiveChildren);
-  memory.hitArea && (element.hitArea = memory.hitArea);
-}
-function getStepSha1(step) {
-  let sha1String = sha1__default.default(step.toString().toLocaleLowerCase());
-  return sha1String.toString();
-}
-function checkIfStepsIsEqual(step1, step2) {
-  return step1 === step2;
-}
-
-// src/classes/Label.ts
-var Label = class {
-  /**
-   * @param id is the id of the label
-   * @param steps is the list of steps that the label will perform
-   * @param onStepRun is a function that will be executed before any step is executed, is useful for example to make sure all images used have been cached
-   * @param choiseIndex is the index of the choice that the label will perform
-   */
-  constructor(id, steps, onStepRun, choiseIndex) {
-    this._id = id;
-    this._steps = steps;
-    this._onStepRun = onStepRun;
-    this._choiseIndex = choiseIndex;
-  }
-  /**
-   * Get the id of the label. This variable is used in the system to get the label by id, {@link getLabelById}
-   */
-  get id() {
-    return this._id;
-  }
-  /**
-   * Get the steps of the label.
-   * This class should be extended and the steps method should be overridden.
-   * Every time you update this list will also be updated when the other game versions load.
-   */
-  get steps() {
-    if (typeof this._steps === "function") {
-      return this._steps();
-    }
-    return this._steps;
-  }
-  /**
-   * Get the corresponding steps number
-   * @param externalSteps
-   * @returns Numer of corresponding steps, for example, if externalSteps is [ABC, DEF, GHI] and the steps of the label is [ABC, GHT], the result will be 1
-   */
-  getCorrespondingStepsNumber(externalSteps) {
-    if (externalSteps.length === 0) {
-      return 0;
-    }
-    let res = 0;
-    externalSteps.forEach((step, index) => {
-      if (checkIfStepsIsEqual(step, this.steps[index])) {
-        res = index;
-      }
-    });
-    return res;
-  }
-  /**
-   * Get the function that will be executed before any step is executed, is useful for example to make sure all images used have been cached
-   * @returns Promise<void> or void
-   * @example
-   * ```typescript
-   * newLabel("id", [], () => {
-   *     Assets.load('path/to/image1.png')
-   *     Assets.load('path/to/image2.png')
-   * })
-   * ```
-   */
-  get onStepRun() {
-    return this._onStepRun;
-  }
-  get choiseIndex() {
-    return this._choiseIndex;
-  }
-};
-
-// src/classes/CloseLabel.ts
-var CLOSE_LABEL_ID = "__close-label-id__";
-function newCloseLabel(choiseIndex) {
-  return new Label(CLOSE_LABEL_ID, [], void 0, choiseIndex);
-}
-
-// src/types/CloseType.ts
-var Close = "close";
-
-// src/functions/DialogueUtility.ts
-function setDialogue(props) {
-  let text = "";
-  let character = void 0;
-  let dialogue;
-  if (typeof props === "string") {
-    text = props;
-    dialogue = new DialogueBaseModel(text, character);
-  } else if (!(props instanceof DialogueBaseModel)) {
-    text = props.text;
-    if (props.character) {
-      if (typeof props.character === "string") {
-        character = props.character;
-      } else {
-        character = props.character.id;
-      }
-    }
-    dialogue = new DialogueBaseModel(text, character);
-  } else {
-    dialogue = props;
-  }
-  GameStorageManager.setVariable(GameStorageManager.keysSystem.CURRENT_DIALOGUE_MEMORY_KEY, dialogue);
-  GameStorageManager.setVariable(GameStorageManager.keysSystem.LAST_DIALOGUE_ADDED_IN_STEP_MEMORY_KEY, GameStepManager.lastStepIndex);
-}
-function getDialogue() {
-  return GameStorageManager.getVariable(GameStorageManager.keysSystem.CURRENT_DIALOGUE_MEMORY_KEY);
-}
-function getChoiceMenuOptions() {
-  let d = GameStorageManager.getVariable(GameStorageManager.keysSystem.CURRENT_MENU_OPTIONS_MEMORY_KEY);
-  if (d) {
-    let options = [];
-    d.forEach((option, index) => {
-      if (option.type === Close) {
-        let itemLabel = newCloseLabel(index);
-        options.push({
-          text: option.text,
-          label: itemLabel,
-          type: Close,
-          closeCurrentLabel: option.closeCurrentLabel,
-          props: {}
-        });
-        return;
-      }
-      let label = getLabelById(option.label);
-      if (label) {
-        let itemLabel = new Label(label.id, label.steps, label.onStepRun, index);
-        options.push(__spreadProps(__spreadValues({}, option), {
-          label: itemLabel
-        }));
-      }
-    });
-    return options;
-  }
-  return void 0;
-}
-
-// src/functions/TickerUtility.ts
-function updateTickerProgression(args, propertyName, progression) {
-  if (args[propertyName] === void 0 || !progression || args[propertyName] === progression.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) {
-  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/TickerBase.ts
-var TickerBase = class {
-  /**
-   * @param args The arguments that you want to pass to the ticker.
-   * @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) {
-    /**
-     * Get the id of the ticker. This variable is used in the system to get the ticker by id, {@link geTickerInstanceById}
-     */
-    this.id = "ticker_id_not_set";
-    this.args = args;
-    this.duration = duration;
-    this.priority = priority;
-    this.id = this.constructor.prototype.id;
-  }
-  /**
-   * 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 _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(_ticker, _args, _tags, _tickerId) {
-    throw new Error("[Pixi'VN] The method TickerBase.fn() must be overridden");
-  }
-};
-
-// src/classes/ticker/ZoomTicker.ts
-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 = 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;
-      }
-    }
-    tags.filter((tag) => {
-      var _a;
-      let element = GameWindowManager.getCanvasElement(tag);
-      if (args.startOnlyIfHaveTexture) {
-        if (element && element instanceof pixi_js.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 pixi_js.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;
-            this.onEndOfTicker(tag, tickerId, element, tagToRemoveAfter2);
-          }
-        } 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;
-            this.onEndOfTicker(tag, tickerId, element, tagToRemoveAfter2);
-          }
-        }
-        if (xSpeed < 1e-5 && ySpeed < 1e-5 && !(args.speedProgression && args.speedProgression.type == "linear" && args.speedProgression.amt != 0)) {
-          this.onEndOfTicker(tag, tickerId, element, tagToRemoveAfter2);
-        }
-      }
-    });
-    if (args.speedProgression)
-      updateTickerProgression(args, "speed", args.speedProgression);
-  }
-  onEndOfTicker(tag, tickerId, _element, tagToRemoveAfter2) {
-    GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
-  }
-};
-ZoomTicker = __decorateClass([
-  tickerDecorator()
-], ZoomTicker);
-
-// src/constants.ts
-var Repeat = "repeat";
-function Pause(duration) {
-  return {
-    type: "pause",
-    duration
-  };
-}
-
-// src/functions/ImageUtility.ts
-function removeCanvasElement(tag) {
-  GameWindowManager.removeCanvasElement(tag);
-}
-
-// src/functions/ExportUtility.ts
-function createExportableElement(element) {
-  try {
-    let elementString = JSON.stringify(element);
-    return JSON.parse(elementString);
-  } catch (e) {
-    console.error("[Pixi'VN] Error creating exportable element", e);
-    throw new Error("[Pixi'VN] Error creating exportable element");
-  }
-}
-
-// src/functions/DiffUtility.ts
-function restoreDeepDiffChanges(data, differences) {
-  let result = createExportableElement(data);
-  differences.forEach((diff2) => {
-    let dataToEdit = result;
-    if (diff2.path && diff2.path.length > 0) {
-      diff2.path.forEach((path, index) => {
-        if (diff2.path && index === diff2.path.length - 1) {
-          if (diff2.kind === "E" || diff2.kind === "D") {
-            dataToEdit[path] = diff2.lhs;
-          } else if (diff2.kind === "N") {
-            if (Number.isInteger(path)) {
-              if (Array.isArray(dataToEdit)) {
-                dataToEdit.splice(path, 1);
-              }
-            } else if (typeof path === "string") {
-              delete dataToEdit[path];
-            }
-          } else if (diff2.kind === "A") {
-            let index2 = diff2.index;
-            if (diff2.item.kind === "N") {
-              dataToEdit[path].splice(index2, 1);
-            } else if (diff2.item.kind === "E" || diff2.item.kind === "D") {
-              dataToEdit[path][index2] = diff2.item.lhs;
-            } else if (diff2.item.kind === "A") {
-              console.warn("[Pixi'VN] Nested array found, skipping diff", diff2);
-            } else {
-              console.warn("[Pixi'VN] No array found, skipping diff", diff2);
-            }
-          }
-        } else {
-          dataToEdit = dataToEdit[path];
-        }
-      });
-    } else {
-      console.warn("[Pixi'VN] No path found, skipping diff", diff2);
-    }
-  });
-  return result;
-}
-
-// src/managers/StorageManager.ts
-var _GameStorageManager = class _GameStorageManager {
-  constructor() {
-  }
-  static get keysSystem() {
-    return {
-      CURRENT_DIALOGUE_MEMORY_KEY: "___current_dialogue_memory___",
-      LAST_DIALOGUE_ADDED_IN_STEP_MEMORY_KEY: "___last_dialogue_added_in_step_memory___",
-      CURRENT_MENU_OPTIONS_MEMORY_KEY: "___current_menu_options_memory___",
-      LAST_MENU_OPTIONS_ADDED_IN_STEP_MEMORY_KEY: "___last_menu_options_added_in_step_memory___",
-      CHARACTER_CATEGORY_KEY: "___character___",
-      FLAGS_CATEGORY_KEY: "___flags___"
-    };
-  }
-  /**
-   * Set a variable in the storage
-   * @param key The key of the variable
-   * @param value The value of the variable. If undefined, the variable will be removed
-   * @returns
-   */
-  static setVariable(key, value) {
-    key = key.toLowerCase();
-    if (value === void 0 || value === null) {
-      if (_GameStorageManager.storage.hasOwnProperty(key)) {
-        delete _GameStorageManager.storage[key];
-      }
-      return;
-    }
-    _GameStorageManager.storage[key] = value;
-  }
-  /**
-   * Get a variable from the storage
-   * @param key The key of the variable
-   * @returns The value of the variable. If the variable does not exist, it will return undefined
-   */
-  static getVariable(key) {
-    key = key.toLowerCase();
-    if (_GameStorageManager.storage.hasOwnProperty(key)) {
-      return _GameStorageManager.storage[key];
-    }
-    return void 0;
-  }
-  /**
-   * Remove a variable from the storage
-   * @param key The key of the variable
-   * @returns
-   */
-  static removeVariable(key) {
-    key = key.toLowerCase();
-    if (_GameStorageManager.storage.hasOwnProperty(key)) {
-      delete _GameStorageManager.storage[key];
-    }
-  }
-  /**
-   * Clear the storage and the oidsUsed
-   * @returns
-   */
-  static clear() {
-    _GameStorageManager.storage = {};
-  }
-  static exportJson() {
-    return JSON.stringify(this.export());
-  }
-  static export() {
-    return createExportableElement(_GameStorageManager.storage);
-  }
-  static importJson(dataString) {
-    _GameStorageManager.import(JSON.parse(dataString));
-  }
-  static import(data) {
-    _GameStorageManager.clear();
-    try {
-      if (data) {
-        _GameStorageManager.storage = data;
-      } else {
-        console.warn("[Pixi'VN] No storage data found");
-      }
-    } catch (e) {
-      console.error("[Pixi'VN] Error importing data", e);
-    }
-  }
-};
-_GameStorageManager.storage = {};
-var GameStorageManager = _GameStorageManager;
-
-// src/decorators/TickerDecorator.ts
-var registeredTickers = {};
-function tickerDecorator(name) {
-  return function(target) {
-    if (!name) {
-      name = target.name;
-    }
-    if (registeredTickers[name]) {
-      console.info(`[Pixi'VN] Ticker ${name} already exists, it will be overwritten`);
-    }
-    target.prototype.id = name;
-    registeredTickers[name] = target;
-  };
-}
-function geTickerInstanceById(tickerId, args, duration, priority) {
-  try {
-    let ticker = registeredTickers[tickerId];
-    if (!ticker) {
-      console.error(`[Pixi'VN] Ticker ${tickerId} not found`);
-      return;
-    }
-    return new ticker(args, duration, priority);
-  } catch (e) {
-    console.error(`[Pixi'VN] Error while getting Ticker ${tickerId}`, e);
-    return;
-  }
-}
-
-// src/functions/EasterEgg.ts
-function asciiArtLog() {
-  console.info(`
-    ____  _      _ ___     ___   _ 
-    |  _ \\(_)_  _(_| ) \\   / / \\ | |
-    | |_) | \\ \\/ / |/ \\ \\ / /|  \\| |
-    |  __/| |>  <| |   \\ V / | |\\  |
-    |_|   |_/_/\\_\\_|    \\_/  |_| \\_|
-    `);
-}
-
-// src/types/ticker/TagToRemoveAfterType.ts
-var tagToRemoveAfter = "tagToRemoveAfter";
-
-// src/managers/WindowManager.ts
-var _GameWindowManager = class _GameWindowManager {
-  constructor() {
-  }
-  /**
-   * The PIXI Application instance.
-   * It not recommended to use this property directly.
-   */
-  static get app() {
-    if (!_GameWindowManager._app) {
-      throw new Error("[Pixi'VN] GameWindowManager.app is undefined");
-    }
-    return _GameWindowManager._app;
-  }
-  /**
-   * If the manager is initialized.
-   */
-  static get isInitialized() {
-    return _GameWindowManager._isInitialized;
-  }
-  static get screen() {
-    return _GameWindowManager.app.screen;
-  }
-  /**
-   * Initialize the PIXI Application and the interface div.
-   * This method should be called before any other method.
-   * @param element The html element where I will put the canvas. Example: document.body
-   * @param width The width of the canvas
-   * @param height The height of the canvas
-   * @param options The options of PIXI Application
-   * @example
-   * ```typescript
-   * const body = document.body
-   * if (!body) {
-   *     throw new Error('body element not found')
-   * }
-   * await GameWindowManager.initialize(body, 1920, 1080, {
-   *     backgroundColor: "#303030"
-   * })
-   * ```
-   */
-  static initialize(element, width, height, options) {
-    return __async(this, null, function* () {
-      _GameWindowManager.canvasWidth = width;
-      _GameWindowManager.canvasHeight = height;
-      _GameWindowManager._app = new pixi_js.Application();
-      return _GameWindowManager.app.init(__spreadValues({
-        resolution: window.devicePixelRatio || 1,
-        autoDensity: true,
-        width,
-        height
-      }, options)).then(() => {
-        _GameWindowManager._isInitialized = true;
-        this.addCanvasIntoElement(element);
-        window.addEventListener("resize", _GameWindowManager.resize);
-        _GameWindowManager.resize();
-        asciiArtLog();
-      });
-    });
-  }
-  /**
-   * Add the canvas into a html element.
-   * @param element it is the html element where I will put the canvas. Example: document.body
-   */
-  static addCanvasIntoElement(element) {
-    if (_GameWindowManager.isInitialized) {
-      element.appendChild(_GameWindowManager.app.canvas);
-    } else {
-      console.error("[Pixi'VN] GameWindowManager is not initialized");
-    }
-  }
-  /**
-   * Initialize the interface div and add it into a html element.
-   * @param element it is the html element where I will put the interface div. Example: document.getElementById('root')
-   * @example
-   * ```tsx
-   * const root = document.getElementById('root')
-   * if (!root) {
-   *     throw new Error('root element not found')
-   * }
-   * GameWindowManager.initializeHTMLLayout(root)
-   * const reactRoot = createRoot(GameWindowManager.htmlLayout)
-   * reactRoot.render(
-   *     <App />
-   * )
-   * ```
-   */
-  static initializeHTMLLayout(element) {
-    let div = document.createElement("div");
-    div.style.position = "absolute";
-    div.style.pointerEvents = "none";
-    element.appendChild(div);
-    _GameWindowManager.htmlLayout = div;
-    _GameWindowManager.resize();
-  }
-  /* Resize Metods */
-  /**
-   * This method returns the scale of the screen.
-   */
-  static get screenScale() {
-    let screenWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
-    let screenHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
-    return Math.min(screenWidth / _GameWindowManager.canvasWidth, screenHeight / _GameWindowManager.canvasHeight);
-  }
-  /**
-   * This method returns the width of the screen enlarged by the scale.
-   */
-  static get screenWidth() {
-    return Math.floor(_GameWindowManager.screenScale * _GameWindowManager.canvasWidth);
-  }
-  /**
-   * This method returns the height of the screen enlarged by the scale.
-   */
-  static get screenHeight() {
-    return Math.floor(_GameWindowManager.screenScale * _GameWindowManager.canvasHeight);
-  }
-  /**
-   * This method returns the horizontal margin of the screen.
-   */
-  static get horizontalMargin() {
-    let screenWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
-    return (screenWidth - _GameWindowManager.screenWidth) / 2;
-  }
-  /**
-   * This method returns the vertical margin of the screen.
-   */
-  static get verticalMargin() {
-    let screenHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
-    return (screenHeight - _GameWindowManager.screenHeight) / 2;
-  }
-  /**
-   * This method is called when the screen is resized.
-   */
-  static resize() {
-    if (_GameWindowManager.isInitialized) {
-      let style = _GameWindowManager.app.canvas.style;
-      style.width = `${_GameWindowManager.screenWidth}px`;
-      style.height = `${_GameWindowManager.screenHeight}px`;
-      style.marginLeft = `${_GameWindowManager.horizontalMargin}px`;
-      style.marginRight = `${_GameWindowManager.horizontalMargin}px`;
-      style.marginTop = `${_GameWindowManager.verticalMargin}px`;
-      style.marginBottom = `${_GameWindowManager.verticalMargin}px`;
-    }
-    if (_GameWindowManager.htmlLayout) {
-      _GameWindowManager.htmlLayout.style.width = `${_GameWindowManager.screenWidth}px`;
-      _GameWindowManager.htmlLayout.style.height = `${_GameWindowManager.screenHeight}px`;
-      _GameWindowManager.htmlLayout.style.marginLeft = `${_GameWindowManager.horizontalMargin}px`;
-      _GameWindowManager.htmlLayout.style.marginRight = `${_GameWindowManager.horizontalMargin}px`;
-      _GameWindowManager.htmlLayout.style.marginTop = `${_GameWindowManager.verticalMargin}px`;
-      _GameWindowManager.htmlLayout.style.marginBottom = `${_GameWindowManager.verticalMargin}px`;
-    }
-  }
-  /* Edit Canvas Elements Methods */
-  /**
-   * This is a dictionary that contains all Canvas Elements of Canvas, currently.
-   */
-  static get currentCanvasElements() {
-    return _GameWindowManager._children;
-  }
-  /**
-   * Add a canvas element to the canvas.
-   * If there is a canvas element with the same tag, it will be removed.
-   * @param tag The tag of the canvas element.
-   * @param canvasElement The canvas elements to be added.
-   * @example
-   * ```typescript
-   * const texture = await Assets.load('https://pixijs.com/assets/bunny.png');
-   * const sprite = CanvasSprite.from(texture);
-   * GameWindowManager.addCanvasElement("bunny", sprite);
-   * ```
-   */
-  static addCanvasElement(tag, canvasElement) {
-    if (_GameWindowManager._children[tag]) {
-      _GameWindowManager.removeCanvasElement(tag);
-    }
-    _GameWindowManager.app.stage.addChild(canvasElement);
-    _GameWindowManager._children[tag] = canvasElement;
-    _GameWindowManager.childrenTagsOrder.push(tag);
-  }
-  /**
-   * Remove a canvas element from the canvas.
-   * And remove all tickers that are not connected to any canvas element.
-   * @param tags The tag of the canvas element to be removed.
-   * @returns 
-   * @example
-   * ```typescript
-   * GameWindowManager.removeCanvasElement("bunny");
-   * ```
-   */
-  static removeCanvasElement(tags) {
-    if (typeof tags === "string") {
-      tags = [tags];
-    }
-    tags.forEach((tag) => {
-      if (_GameWindowManager._children[tag]) {
-        _GameWindowManager.app.stage.removeChild(_GameWindowManager._children[tag]);
-        delete _GameWindowManager._children[tag];
-        _GameWindowManager.removeTickerByCanvasElement(tag);
-      }
-    });
-    _GameWindowManager.childrenTagsOrder = _GameWindowManager.childrenTagsOrder.filter((t) => !tags.includes(t));
-  }
-  /**
-   * Get a canvas element by the tag.
-   * @param tag The tag of the canvas element.
-   * @returns The canvas element.
-   * @example
-   * ```typescript
-   * const sprite = GameWindowManager.getCanvasElement<CanvasSprite>("bunny");
-   * ```
-   */
-  static getCanvasElement(tag) {
-    return _GameWindowManager._children[tag];
-  }
-  /**
-   * Check if a DisplayObject is on the canvas.
-   * @param pixiElement The DisplayObject to be checked.
-   * @returns If the DisplayObject is on the canvas.
-   */
-  static canvasElementIsOnCanvas(pixiElement) {
-    return _GameWindowManager.app.stage.children.includes(pixiElement);
-  }
-  /**
-   * Remove all canvas elements from the canvas.
-   * And remove all tickers that are not connected to any canvas element.
-   */
-  static removeCanvasElements() {
-    _GameWindowManager.app.stage.removeChildren();
-    _GameWindowManager._children = {};
-    _GameWindowManager.childrenTagsOrder = [];
-    _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 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 */
-  /**
-   * Currently tickers that are running.
-   */
-  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__default.default(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. 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 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 RotateTicker({ speed: 0.2 }))
-   * ```
-   */
-  static addTicker(canvasElementTag, ticker) {
-    let tickerId = ticker.id;
-    if (typeof canvasElementTag === "string") {
-      canvasElementTag = [canvasElementTag];
-    }
-    if (!geTickerInstanceById(tickerId, ticker.args, ticker.duration, ticker.priority)) {
-      console.error(`[Pixi'VN] Ticker ${tickerId} not found`);
-      return;
-    }
-    let tickerHistory = {
-      fn: () => {
-      },
-      id: tickerId,
-      args: createExportableElement(ticker.args),
-      canvasElementTags: canvasElementTag,
-      priority: ticker.priority,
-      duration: ticker.duration
-    };
-    let id = _GameWindowManager.generateTickerId(tickerHistory);
-    _GameWindowManager.pushTicker(id, tickerHistory, ticker);
-    if (ticker.duration) {
-      let timeout = setTimeout(() => {
-        _GameWindowManager.removeTickerTimeoutInfo(timeout);
-        let tickerTimeoutInfo = _GameWindowManager._currentTickersTimeouts[timeout.toString()];
-        if (tickerTimeoutInfo) {
-          _GameWindowManager.removeTicker(id);
-        }
-      }, ticker.duration * 1e3);
-      _GameWindowManager.addTickerTimeoutInfo(canvasElementTag, tickerId, timeout.toString(), true);
-    }
-  }
-  static pushTicker(id, tickerData, ticker) {
-    _GameWindowManager.removeAssociationBetweenTickerCanvasElement(tickerData.canvasElementTags, ticker);
-    _GameWindowManager._currentTickers[id] = tickerData;
-    tickerData.fn = (t) => {
-      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. 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 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, currentStepNumber = 0) {
-    if (steps.length == 0) {
-      console.warn("[Pixi'VN] The steps of the tickers is empty");
-      return;
-    }
-    _GameWindowManager.removeTickerStepByCanvasElement(tag);
-    _GameWindowManager._currentTickersSteps[tag] = {
-      currentStepNumber,
-      steps: steps.map((step) => {
-        if (step === Repeat) {
-          return step;
-        }
-        if (step.hasOwnProperty("type") && step.type === "pause") {
-          return step;
-        }
-        let tickerId = step.id;
-        return {
-          ticker: tickerId,
-          args: createExportableElement(step.args),
-          duration: step.duration
-        };
-      })
-    };
-    _GameWindowManager.runTickersSteps(tag);
-  }
-  static restoneTickersSteps(data) {
-    for (let tag in data) {
-      let steps = data[tag];
-      _GameWindowManager._currentTickersSteps[tag] = steps;
-      _GameWindowManager.runTickersSteps(tag);
-    }
-  }
-  static runTickersSteps(tag) {
-    let step = _GameWindowManager._currentTickersSteps[tag].steps[_GameWindowManager._currentTickersSteps[tag].currentStepNumber];
-    if (step === Repeat) {
-      step = _GameWindowManager._currentTickersSteps[tag].steps[0];
-      _GameWindowManager._currentTickersSteps[tag].currentStepNumber = 0;
-      if (step === Repeat) {
-        console.error("[Pixi'VN] TikersSteps has a RepeatType in the first step");
-        return;
-      }
-    }
-    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);
-      }, step.duration * 1e3);
-      _GameWindowManager.addTickerTimeoutInfo(tag, "steps", timeout.toString(), false);
-      return;
-    }
-    let ticker = geTickerInstanceById(step.ticker, step.args, step.duration, step.priority);
-    if (!ticker) {
-      console.error(`[Pixi'VN] Ticker ${step.ticker} not found`);
-      return;
-    }
-    let tickerName = ticker.id;
-    let tickerHistory = {
-      fn: () => {
-      },
-      id: 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 (_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);
-      }
-    }
-  }
-  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 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", RotateTicker)
-   * ```
-   */
-  static removeAssociationBetweenTickerCanvasElement(tags, ticker) {
-    let tickerId;
-    if (typeof ticker === "string") {
-      tickerId = ticker;
-    } else if (ticker instanceof TickerBase) {
-      tickerId = ticker.id;
-    } else {
-      tickerId = ticker.prototype.id;
-    }
-    if (typeof tags === "string") {
-      tags = [tags];
-    }
-    for (let id in _GameWindowManager._currentTickers) {
-      let ticker2 = _GameWindowManager._currentTickers[id];
-      if (ticker2.id === tickerId) {
-        _GameWindowManager._currentTickers[id].canvasElementTags = ticker2.canvasElementTags.filter((e) => !tags.includes(e));
-      }
-    }
-    for (let timeout in _GameWindowManager._currentTickersTimeouts) {
-      let TickerTimeout = _GameWindowManager._currentTickersTimeouts[timeout];
-      if (TickerTimeout.ticker === tickerId && TickerTimeout.canBeDeletedBeforeEnd) {
-        _GameWindowManager._currentTickersTimeouts[timeout].tags = TickerTimeout.tags.filter((t) => !tags.includes(t));
-      }
-    }
-    _GameWindowManager.removeTickersWithoutAssociatedCanvasElement();
-  }
-  /**
-   * Remove all tickers that are not connected to any existing canvas element.
-   */
-  static removeTickersWithoutAssociatedCanvasElement() {
-    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, canBeDeletedBeforeEnd) {
-    if (typeof tags === "string") {
-      tags = [tags];
-    }
-    _GameWindowManager._currentTickersTimeouts[timeout] = {
-      tags,
-      ticker,
-      canBeDeletedBeforeEnd
-    };
-  }
-  static removeTickerTimeoutInfo(timeout) {
-    if (typeof timeout !== "string") {
-      timeout = timeout.toString();
-    }
-    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 removeAllTickers() {
-    _GameWindowManager._currentTickersSteps = {};
-    Object.keys(_GameWindowManager._currentTickers).forEach((id) => {
-      _GameWindowManager.removeTicker(id);
-    });
-    _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];
-    }
-  }
-  /**
-   * Clear the canvas and the tickers.
-   */
-  static clear() {
-    _GameWindowManager.removeCanvasElements();
-  }
-  /* Export and Import Methods */
-  /**
-   * Export the canvas and the tickers to a JSON string.
-   * @returns The JSON string.
-   */
-  static exportJson() {
-    return JSON.stringify(this.export());
-  }
-  /**
-   * Export the canvas and the tickers to an object.
-   * @returns The object.
-   */
-  static export() {
-    let currentElements = {};
-    for (let tag in _GameWindowManager._children) {
-      currentElements[tag] = exportCanvasElement(_GameWindowManager._children[tag]);
-    }
-    return {
-      currentTickers: createExportableElement(_GameWindowManager.currentTickersWithoutCreatedBySteps),
-      currentTickersSteps: createExportableElement(_GameWindowManager._currentTickersSteps),
-      currentElements: createExportableElement(currentElements),
-      childrenTagsOrder: createExportableElement(_GameWindowManager.childrenTagsOrder)
-    };
-  }
-  /**
-   * Import the canvas and the tickers from a JSON string.
-   * @param dataString The JSON string.
-   */
-  static importJson(dataString) {
-    _GameWindowManager.import(JSON.parse(dataString));
-  }
-  /**
-   * Import the canvas and the tickers from an object.
-   * @param data The object.
-   */
-  static import(data) {
-    _GameWindowManager.clear();
-    try {
-      if (data.hasOwnProperty("childrenTagsOrder") && data.hasOwnProperty("currentElements")) {
-        let currentElements = data["currentElements"];
-        let childrenTagsOrder = data["childrenTagsOrder"];
-        childrenTagsOrder.forEach((tag) => {
-          if (currentElements[tag]) {
-            let element = importCanvasElement(currentElements[tag]);
-            _GameWindowManager.addCanvasElement(tag, element);
-            _GameWindowManager.childrenTagsOrder.push(tag);
-          }
-        });
-      } else {
-        console.error("[Pixi'VN] The data does not have the properties childrenTagsOrder and currentElements");
-        return;
-      }
-      if (data.hasOwnProperty("currentTickers")) {
-        let currentTickers = data["currentTickers"];
-        for (let id in currentTickers) {
-          let t = currentTickers[id];
-          let tags = t.canvasElementTags;
-          let ticker = geTickerInstanceById(t.id, t.args, t.duration, t.priority);
-          if (ticker) {
-            _GameWindowManager.addTicker(tags, ticker);
-          } else {
-            console.error(`[Pixi'VN] Ticker ${t.id} not found`);
-          }
-        }
-      }
-      if (data.hasOwnProperty("currentTickersSteps")) {
-        let currentTickersSteps = data["currentTickersSteps"];
-        _GameWindowManager.restoneTickersSteps(currentTickersSteps);
-      }
-    } catch (e) {
-      console.error("[Pixi'VN] Error importing data", e);
-    }
-  }
-};
-_GameWindowManager._app = void 0;
-_GameWindowManager._isInitialized = false;
-_GameWindowManager._children = {};
-/**
- * The order of the children tags.
- */
-_GameWindowManager.childrenTagsOrder = [];
-_GameWindowManager._currentTickers = {};
-_GameWindowManager._currentTickersSteps = {};
-_GameWindowManager._currentTickersTimeouts = {};
-var GameWindowManager = _GameWindowManager;
-
-// src/managers/StepManager.ts
-var _GameStepManager = class _GameStepManager {
-  constructor() {
-  }
-  static get stepsHistory() {
-    return _GameStepManager._stepsHistory;
-  }
-  /**
-   * lastStepIndex is the last step index that occurred during the progression of the steps. **Not is the length of the stepsHistory - 1.**
-   */
-  static get lastStepIndex() {
-    return _GameStepManager._lastStepIndex;
-  }
-  /**
-   * Increase the last step index that occurred during the progression of the steps.
-   */
-  static increaseLastStepIndex() {
-    _GameStepManager._lastStepIndex++;
-  }
-  static get openedLabels() {
-    return _GameStepManager._openedLabels;
-  }
-  /**
-   * currentLabelId is the current label id that occurred during the progression of the steps.
-   */
-  static get currentLabelId() {
-    if (_GameStepManager._openedLabels.length > 0) {
-      let item = _GameStepManager._openedLabels[_GameStepManager._openedLabels.length - 1];
-      return item.label;
-    }
-    return void 0;
-  }
-  /**
-   * currentLabel is the current label that occurred during the progression of the steps.
-   */
-  static get currentLabel() {
-    if (_GameStepManager.currentLabelId) {
-      return getLabelById(_GameStepManager.currentLabelId);
-    }
-  }
-  static get currentLabelStepIndex() {
-    if (_GameStepManager._openedLabels.length > 0) {
-      let item = _GameStepManager._openedLabels[_GameStepManager._openedLabels.length - 1];
-      return item.currentStepIndex;
-    }
-    return null;
-  }
-  /**
-   * lastHistoryStep is the last history step that occurred during the progression of the steps.
-   */
-  static get lastHistoryStep() {
-    if (_GameStepManager._stepsHistory.length > 0) {
-      return _GameStepManager._stepsHistory[_GameStepManager._stepsHistory.length - 1];
-    }
-    return null;
-  }
-  static get originalStepData() {
-    if (!_GameStepManager._originalStepData) {
-      return {
-        path: "",
-        storage: {},
-        canvas: {
-          childrenTagsOrder: [],
-          currentElements: {},
-          currentTickers: {},
-          currentTickersSteps: {}
-        },
-        labelIndex: -1,
-        openedLabels: []
-      };
-    }
-    return createExportableElement(_GameStepManager._originalStepData);
-  }
-  static set originalStepData(value) {
-    _GameStepManager._originalStepData = createExportableElement(value);
-  }
-  /* Edit History Methods */
-  /**
-   * Add a label to the history.
-   * @param label The label to add to the history.
-   */
-  static addStepHistory(step, choiseMade) {
-    let stepHistory = getStepSha1(step);
-    let historyStep = {
-      path: window.location.pathname,
-      storage: GameStorageManager.export(),
-      canvas: GameWindowManager.export(),
-      labelIndex: _GameStepManager.currentLabelStepIndex || 0,
-      openedLabels: createExportableElement(_GameStepManager._openedLabels)
-    };
-    if (_GameStepManager.originalStepData) {
-      if (_GameStepManager.originalStepData.openedLabels.length === historyStep.openedLabels.length) {
-        try {
-          let lastStepDataOpenedLabelsString = JSON.stringify(_GameStepManager.originalStepData.openedLabels);
-          let historyStepOpenedLabelsString = JSON.stringify(historyStep.openedLabels);
-          if (lastStepDataOpenedLabelsString === historyStepOpenedLabelsString && _GameStepManager.originalStepData.path === historyStep.path && _GameStepManager.originalStepData.labelIndex === historyStep.labelIndex) {
-            return;
-          }
-        } catch (e) {
-          console.error("[Pixi'VN] Error comparing openedLabels", e);
-        }
-      }
-    }
-    let data = deepDiff.diff(_GameStepManager.originalStepData, historyStep);
-    if (data) {
-      let dialoge = void 0;
-      let requiredChoices = void 0;
-      if (GameStorageManager.getVariable(GameStorageManager.keysSystem.LAST_DIALOGUE_ADDED_IN_STEP_MEMORY_KEY) === _GameStepManager.lastStepIndex) {
-        dialoge = getDialogue();
-      }
-      if (GameStorageManager.getVariable(GameStorageManager.keysSystem.LAST_MENU_OPTIONS_ADDED_IN_STEP_MEMORY_KEY) === _GameStepManager.lastStepIndex) {
-        requiredChoices = GameStorageManager.getVariable(GameStorageManager.keysSystem.CURRENT_MENU_OPTIONS_MEMORY_KEY);
-      }
-      _GameStepManager._stepsHistory.push({
-        diff: data,
-        currentLabel: _GameStepManager.currentLabelId,
-        dialoge,
-        choices: requiredChoices,
-        stepSha1: stepHistory,
-        index: _GameStepManager.lastStepIndex,
-        choiceIndexMade: choiseMade
-      });
-      _GameStepManager.originalStepData = historyStep;
-    }
-    _GameStepManager.increaseLastStepIndex();
-  }
-  /**
-   * Add a label to the history.
-   * @param label The label to add to the history.
-   */
-  static pushNewLabel(label) {
-    let currentLabel = getLabelById(label);
-    if (!currentLabel) {
-      throw new Error(`[Pixi'VN] Label ${label} not found`);
-    }
-    _GameStepManager._openedLabels.push({
-      label,
-      currentStepIndex: 0
-    });
-  }
-  /**
-   * Close the current label and add it to the history.
-   * @returns 
-   */
-  static closeCurrentLabel() {
-    if (!_GameStepManager.currentLabelId) {
-      console.warn("[Pixi'VN] No label to close");
-      return;
-    }
-    if (!_GameStepManager.currentLabel) {
-      console.error("[Pixi'VN] currentLabel not found");
-      return;
-    }
-    _GameStepManager._openedLabels.pop();
-  }
-  /**
-   * Close all labels and add them to the history. **Attention: This method can cause an unhandled game ending.**
-   */
-  static closeAllLabels() {
-    while (_GameStepManager._openedLabels.length > 0) {
-      _GameStepManager.closeCurrentLabel();
-    }
-  }
-  /**
-   * Increase the current step index of the current label.
-   */
-  static increaseCurrentStepIndex() {
-    let item = _GameStepManager._openedLabels[_GameStepManager._openedLabels.length - 1];
-    _GameStepManager._openedLabels[_GameStepManager._openedLabels.length - 1] = __spreadProps(__spreadValues({}, item), {
-      currentStepIndex: item.currentStepIndex + 1
-    });
-  }
-  static restorLastLabelList() {
-    _GameStepManager._openedLabels = _GameStepManager.originalStepData.openedLabels;
-  }
-  /* Run Methods */
-  static get canGoNext() {
-    let options = getChoiceMenuOptions();
-    if (options && options.length > 0) {
-      return false;
-    }
-    return true;
-  }
-  /**
-   * Execute the next step and add it to the history.
-   * @param props The props to pass to the step.
-   * @param choiseMade The index of the choise made by the player. (This params is used in the choice menu)
-   * @returns StepLabelResultType or undefined.
-   * @example
-   * ```typescript
-   *     function nextOnClick() {
-   *     setLoading(true)
-   *     GameStepManager.goNext(yourParams)
-   *         .then((result) => {
-   *             setUpdate((p) => p + 1)
-   *             setLoading(false)
-   *             if (result) {
-   *                 // your code
-   *             }
-   *         })
-   *         .catch((e) => {
-   *             setLoading(false)
-   *             console.error(e)
-   *         })
-   * }
-   * ```
-   */
-  static goNext(props, choiseMade) {
-    return __async(this, null, function* () {
-      if (!_GameStepManager.canGoNext) {
-        console.warn("[Pixi'VN] The player must make a choice");
-        return;
-      }
-      _GameStepManager.increaseCurrentStepIndex();
-      return yield _GameStepManager.runCurrentStep(props, choiseMade);
-    });
-  }
-  /**
-   * Execute the current step and add it to the history.
-   * @param props The props to pass to the step.
-   * @param choiseMade The choise made by the player.
-   * @returns StepLabelResultType or undefined.
-   */
-  static runCurrentStep(props, choiseMade) {
-    return __async(this, null, function* () {
-      if (_GameStepManager.currentLabelId) {
-        let currentLabelStepIndex = _GameStepManager.currentLabelStepIndex;
-        if (currentLabelStepIndex === null) {
-          console.error("[Pixi'VN] currentLabelStepIndex is null");
-          return;
-        }
-        let currentLabel = _GameStepManager.currentLabel;
-        if (!currentLabel) {
-          console.error("[Pixi'VN] currentLabel not found");
-          return;
-        }
-        if (currentLabel.steps.length > currentLabelStepIndex) {
-          let step = currentLabel.steps[currentLabelStepIndex];
-          let result = yield step(props);
-          _GameStepManager.addStepHistory(step, choiseMade);
-          return result;
-        } else if (_GameStepManager.openedLabels.length > 1) {
-          _GameStepManager.closeCurrentLabel();
-          return yield _GameStepManager.goNext(props, choiseMade);
-        } else {
-          _GameStepManager.restorLastLabelList();
-          console.error("[Pixi'VN] The end of the game is not managed, so the game is blocked. Read this documentation to know how to manage the end of the game: https://pixi-vn.web.app/start/labels.html#how-manage-the-end-of-the-game");
-          return;
-        }
-      }
-    });
-  }
-  /**
-   * Execute the label and add it to the history. (It's similar to Ren'Py's call function)
-   * @param label The label to execute or the id of the label
-   * @param props The props to pass to the label.
-   * @returns StepLabelResultType or undefined.
-   * @example
-   * ```typescript
-   * GameStepManager.callLabel(startLabel, yourParams).then((result) => {
-   *     if (result) {
-   *         // your code
-   *     }
-   * })
-   * ```
-   * @example
-   * ```typescript
-   * // if you use it in a step label you should return the result.
-   * return GameStepManager.callLabel(startLabel).then((result) => {
-   *     return result
-   * })
-   * ```
-   */
-  static callLabel(label, props) {
-    return __async(this, null, function* () {
-      let choiseMade = void 0;
-      let labelId;
-      if (typeof label === "string") {
-        labelId = label;
-      } else {
-        labelId = label.id;
-        if (typeof label.choiseIndex === "number") {
-          choiseMade = label.choiseIndex;
-        }
-      }
-      try {
-        if (labelId === CLOSE_LABEL_ID) {
-          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) {
-          throw new Error(`[Pixi'VN] Label ${labelId} not found`);
-        }
-        _GameStepManager.pushNewLabel(tempLabel.id);
-      } catch (e) {
-        console.error("[Pixi'VN] Error calling label", e);
-        return;
-      }
-      return yield _GameStepManager.runCurrentStep(props, choiseMade);
-    });
-  }
-  /**
-   * Execute the label, close the current label, execute the new label and add the new label to the history. (It's similar to Ren'Py's jump function)
-   * @param label The label to execute.
-   * @param props The props to pass to the label or the id of the label
-   * @returns StepLabelResultType or undefined.
-   * @example
-   * ```typescript
-   * GameStepManager.jumpLabel(startLabel, yourParams).then((result) => {
-   *     if (result) {
-   *         // your code
-   *     }
-   * })
-   * ```
-   * @example
-   * ```typescript
-   * // if you use it in a step label you should return the result.
-   * return GameStepManager.jumpLabel(startLabel).then((result) => {
-   *     return result
-   * })
-   * ```
-   */
-  static jumpLabel(label, props) {
-    return __async(this, null, function* () {
-      _GameStepManager.closeCurrentLabel();
-      let choiseMade = void 0;
-      let labelId;
-      if (typeof label === "string") {
-        labelId = label;
-      } else {
-        labelId = label.id;
-        if (typeof label.choiseIndex === "number") {
-          choiseMade = label.choiseIndex;
-        }
-      }
-      try {
-        if (labelId === CLOSE_LABEL_ID) {
-          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) {
-          throw new Error(`[Pixi'VN] Label ${labelId} not found`);
-        }
-        _GameStepManager.pushNewLabel(tempLabel.id);
-      } catch (e) {
-        console.error("[Pixi'VN] Error jumping label", e);
-        return;
-      }
-      return yield _GameStepManager.runCurrentStep(props, choiseMade);
-    });
-  }
-  /**
-   * When the player is in a choice menu, can use this function to exit to the choice menu.
-   * @param choice
-   * @param props
-   * @returns StepLabelResultType or undefined.
-   * @example
-   * ```typescript
-   * GameStepManager.closeChoiceMenu(yourParams).then((result) => {
-   *     if (result) {
-   *         // your code
-   *     }
-   * })
-   * ```
-   */
-  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.goNext(props, choiseMade);
-    });
-  }
-  /* After Update Methods */
-  // /**
-  //  * After the update or code edit, some steps or labels may no longer match.
-  //  * - In case of step mismatch, the game will be updated to the last matching step.
-  //  * - In case of label mismatch, the game gives an error.
-  //  * @returns 
-  //  */
-  // private static afterUpdate() {
-  //     // TODO: implement
-  //     if (!GameStepManager.currentLabel) {
-  //         // TODO: implement
-  //         return
-  //     }
-  //     let currentLabel = getLabelInstanceByClassName(GameStepManager.currentLabel)
-  //     if (!currentLabel) {
-  //         console.error("Label not found")
-  //         return
-  //     }
-  //     let oldSteps = GameStepManager.stepsAfterLastHistoryLabel
-  //     let currentStepIndex = currentLabel.getCorrespondingStepsNumber(oldSteps)
-  //     let stepToRemove = oldSteps.length - currentStepIndex
-  //     GameStepManager.removeLastHistoryNodes(stepToRemove)
-  //     GameStepManager.loadLastStep()
-  // }
-  // private static loadLastStep() {
-  //     // TODO: implement
-  // }
-  // /**
-  //  * Remove a number of items from the last of the history.
-  //  * @param itemNumber The number of items to remove from the last of the history.
-  //  */
-  // private static removeLastHistoryNodes(itemNumber: number) {
-  //     // TODO: implement
-  //     for (let i = 0; i < itemNumber; i++) {
-  //         GameStepManager._stepsHistory.pop()
-  //     }
-  // }
-  // /**
-  //  * stepsAfterLastHistoryLabel is a list of steps that occurred after the last history label.
-  //  */
-  // private static get stepsAfterLastHistoryLabel(): StepHistoryDataType[] {
-  //     let length = GameStepManager._stepsHistory.length
-  //     let steps: StepHistoryDataType[] = []
-  //     for (let i = length - 1; i >= 0; i--) {
-  //         let element = GameStepManager._stepsHistory[i]
-  //         if (typeof element === "object" && "stepSha1" in element) {
-  //             steps.push(element.stepSha1)
-  //         }
-  //         else {
-  //             break
-  //         }
-  //     }
-  //     steps = steps.reverse()
-  //     return steps
-  // }
-  /* Go Back & Refresh Methods */
-  /**
-   * Go back to the last step and add it to the history.
-   * @param navigate The navigate function.
-   * @param steps The number of steps to go back.
-   * @returns 
-   * @example
-   * ```typescript
-   * export function goBack(navigate: (path: string) => void, afterBack?: () => void) {
-   *     GameStepManager.goBack(navigate)
-   *     afterBack && afterBack()
-   * }
-   * ```
-   */
-  static goBack(navigate, steps = 1) {
-    if (steps <= 0) {
-      console.warn("[Pixi'VN] Steps must be greater than 0");
-      return;
-    }
-    if (_GameStepManager._stepsHistory.length <= 1) {
-      console.warn("[Pixi'VN] No steps to go back");
-      return;
-    }
-    let restoredStep = _GameStepManager.goBackInternal(steps, _GameStepManager.originalStepData);
-    if (restoredStep) {
-      _GameStepManager._originalStepData = restoredStep;
-      _GameStepManager._openedLabels = createExportableElement(restoredStep.openedLabels);
-      GameStorageManager.import(createExportableElement(restoredStep.storage));
-      GameWindowManager.import(createExportableElement(restoredStep.canvas));
-      navigate(restoredStep.path);
-    } else {
-      console.error("[Pixi'VN] Error going back");
-    }
-  }
-  static goBackInternal(steps, restoredStep) {
-    if (steps <= 0) {
-      return restoredStep;
-    }
-    if (_GameStepManager._stepsHistory.length == 0) {
-      return restoredStep;
-    }
-    let lastHistoryStep = _GameStepManager.lastHistoryStep;
-    if (lastHistoryStep) {
-      try {
-        let result = restoreDeepDiffChanges(restoredStep, lastHistoryStep.diff);
-        _GameStepManager._lastStepIndex = lastHistoryStep.index;
-        _GameStepManager._stepsHistory.pop();
-        return _GameStepManager.goBackInternal(steps - 1, result);
-      } catch (e) {
-        console.error("[Pixi'VN] Error applying diff", e);
-        return restoredStep;
-      }
-    } else {
-      return restoredStep;
-    }
-  }
-  /**
-   * Return true if it is possible to go back.
-   */
-  static get canGoBack() {
-    return _GameStepManager._stepsHistory.length > 1;
-  }
-  /**
-   * Add a label to the history.
-   */
-  static clear() {
-    _GameStepManager._stepsHistory = [];
-    _GameStepManager._openedLabels = [];
-  }
-  /* Export and Import Methods */
-  /**
-   * Export the history to a JSON string.
-   * @returns The history in a JSON string.
-   */
-  static exportJson() {
-    return JSON.stringify(this.export());
-  }
-  /**
-   * Export the history to an object.
-   * @returns The history in an object.
-   */
-  static export() {
-    return {
-      stepsHistory: _GameStepManager._stepsHistory,
-      openedLabels: _GameStepManager._openedLabels,
-      lastStepIndex: _GameStepManager._lastStepIndex,
-      originalStepData: _GameStepManager._originalStepData
-    };
-  }
-  /**
-   * Import the history from a JSON string.
-   * @param dataString The history in a JSON string.
-   */
-  static importJson(dataString) {
-    _GameStepManager.import(JSON.parse(dataString));
-  }
-  /**
-   * Import the history from an object.
-   * @param data The history in an object.
-   */
-  static import(data) {
-    _GameStepManager.clear();
-    try {
-      if (data.hasOwnProperty("stepsHistory")) {
-        _GameStepManager._stepsHistory = data["stepsHistory"];
-      } else {
-        console.warn("[Pixi'VN] Could not import stepsHistory data, so will be ignored");
-      }
-      if (data.hasOwnProperty("openedLabels")) {
-        _GameStepManager._openedLabels = data["openedLabels"];
-      } else {
-        console.warn("[Pixi'VN] Could not import openedLabels data, so will be ignored");
-      }
-      if (data.hasOwnProperty("lastStepIndex")) {
-        _GameStepManager._lastStepIndex = data["lastStepIndex"];
-      } else {
-        console.warn("[Pixi'VN] Could not import lastStepIndex data, so will be ignored");
-      }
-      if (data.hasOwnProperty("originalStepData")) {
-        _GameStepManager._originalStepData = data["originalStepData"];
-      } else {
-        console.warn("[Pixi'VN] Could not import originalStepData data, so will be ignored");
-      }
-    } catch (e) {
-      console.error("[Pixi'VN] Error importing data", e);
-    }
-  }
-};
-/**
- * stepHistory is a list of label events and steps that occurred during the progression of the steps.
- */
-_GameStepManager._stepsHistory = [];
-_GameStepManager._lastStepIndex = 0;
-_GameStepManager._openedLabels = [];
-_GameStepManager._originalStepData = void 0;
-var GameStepManager = _GameStepManager;
-
-// src/classes/DialogueBaseModel.ts
-var DialogueBaseModel = class {
-  /**
-   * @param text The text of the dialogue.
-   * @param character The id of the character that is speaking. 
-   * @param oltherParams Other parameters that can be stored in the dialogue.
-   */
-  constructor(text, character, oltherParams = {}) {
-    /**
-     * The text of the dialogue.
-     */
-    this.text = "";
-    /**
-     * Other parameters that can be stored in the dialogue.
-     */
-    this.oltherParams = {};
-    if (typeof text === "string") {
-      this.text = text;
-      if (typeof character === "string") {
-        this.character = character;
-      } else {
-        this.character = character == null ? void 0 : character.id;
-      }
-      this.oltherParams = oltherParams;
-    } else {
-      this.text = text.text;
-      if (text.character) {
-        this.character = text.character;
-      }
-      this.oltherParams = text.oltherParams || {};
-    }
-  }
-  /**
-   * Export the dialogue to a DialogueBaseData object.
-   * 
-   * @returns The data of the dialogue.
-   */
-  export() {
-    return {
-      text: this.text,
-      character: this.character,
-      oltherParams: this.oltherParams
-    };
-  }
-};
-
-// src/decorators/LabelDecorator.ts
-var registeredLabels = {};
-function newLabel(id, steps, onStepRun) {
-  if (registeredLabels[id]) {
-    console.info(`[Pixi'VN] Label ${id} already exists, it will be overwritten`);
-  }
-  let label = new Label(id, steps, onStepRun);
-  registeredLabels[id] = label;
-  return label;
-}
-function getLabelById(id) {
-  let label = registeredLabels[id];
-  if (!label) {
-    console.error(`[Pixi'VN] Label ${id} not found`);
-    return;
-  }
-  return label;
-}
-
-// 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 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 tagToRemoveAfter2 = args.tagToRemoveAfter || [];
-    if (typeof tagToRemoveAfter2 === "string") {
-      tagToRemoveAfter2 = [tagToRemoveAfter2];
-    }
-    if (type === "hide" && limit < 0) {
-      limit = 0;
-    }
-    if (type === "show" && limit > 1) {
-      limit = 1;
-    }
-    tags.filter((tag) => {
-      var _a;
-      let element = GameWindowManager.getCanvasElement(tag);
-      if (args.startOnlyIfHaveTexture) {
-        if (element && element instanceof pixi_js.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 pixi_js.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) {
-          element.alpha = limit;
-          GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
-        } else if (type === "hide" && element.alpha <= limit) {
-          element.alpha = limit;
-          GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
-        }
-      }
-    });
-  }
-};
-FadeAlphaTicker = __decorateClass([
-  tickerDecorator()
-], FadeAlphaTicker);
-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);
-      if (args.startOnlyIfHaveTexture) {
-        if (element && element instanceof pixi_js.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 pixi_js.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) {
-          GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
-        }
-      }
-    });
-    if (args.speedProgression)
-      updateTickerProgression(args, "speed", args.speedProgression);
-  }
-};
-MoveTicker = __decorateClass([
-  tickerDecorator()
-], 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);
-      if (args.startOnlyIfHaveTexture) {
-        if (element && element instanceof pixi_js.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 pixi_js.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)) {
-          GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
-        }
-      }
-    });
-    if (args.speedProgression)
-      updateTickerProgression(args, "speed", args.speedProgression);
-  }
-};
-RotateTicker = __decorateClass([
-  tickerDecorator()
-], RotateTicker);
-
-// src/labels/TickerTestLabel.ts
-var alien1Tag = "alien1";
-var alien2Tag = "alien2";
-var alien3Tag = "alien3";
-var alien4Tag = "alien4";
-var tickerTestLabel = newLabel(
-  "TickerTestLabel",
-  [
-    () => __async(void 0, null, function* () {
-      let my_speed = 0.1;
-      const texture = yield pixi_js.Assets.load("https://pixijs.com/assets/eggHead.png");
-      const alien = CanvasSprite.from(texture);
-      alien.anchor.set(0.5);
-      GameWindowManager.addCanvasElement(alien1Tag, alien);
-      alien.x = 100;
-      alien.y = 100;
-      GameWindowManager.addTicker(alien1Tag, new RotateTicker({ speed: my_speed }));
-      setDialogue(`I have added a image with a tag ${alien1Tag} and I connected a RotateTicker with a speed of ${my_speed} to it.`);
-    }),
-    () => __async(void 0, null, function* () {
-      let my_speed = 0.1;
-      const texture = yield pixi_js.Assets.load("https://pixijs.com/assets/eggHead.png");
-      const alien = CanvasSprite.from(texture);
-      alien.anchor.set(0.5);
-      GameWindowManager.addCanvasElement(alien2Tag, alien);
-      alien.x = 300;
-      alien.y = 100;
-      GameWindowManager.addTicker(alien2Tag, new RotateTicker({ speed: my_speed }));
-      setDialogue(`I have added a image with a tag ${alien2Tag} and I connected a RotateTicker with a speed of ${my_speed} to it.`);
-    }),
-    () => setDialogue(`Since ${alien1Tag} and ${alien2Tag} they have the same ticker with the same speed, only one RotateTicker will be performed`),
-    () => {
-      GameWindowManager.addTicker(alien1Tag, new RotateTicker({ speed: 0.2 }));
-      setDialogue(`I have changed the speed of the RotateTicker connected to ${alien1Tag} to 0.2`);
-    },
-    () => setDialogue(`Since ${alien1Tag} have a different speed, it will perform a different RotateTicker`),
-    () => {
-      removeCanvasElement(alien1Tag);
-      setDialogue(`I have remove the image with the tag ${alien1Tag}`);
-    },
-    () => setDialogue(`Since ${alien1Tag} is removed, the RotateTicker connected to it will not be performed`),
-    () => {
-      GameWindowManager.removeAssociationBetweenTickerCanvasElement(alien2Tag, RotateTicker);
-      setDialogue(`I have removed the RotateTicker connected to ${alien2Tag}`);
-    },
-    () => __async(void 0, null, function* () {
-      removeCanvasElement(alien2Tag);
-      let duration = 7e3;
-      const texture = yield pixi_js.Assets.load("https://pixijs.com/assets/eggHead.png");
-      const alien = CanvasSprite.from(texture);
-      alien.anchor.set(0.5);
-      GameWindowManager.addCanvasElement(alien3Tag, alien);
-      alien.x = 500;
-      alien.y = 100;
-      GameWindowManager.addTicker(alien3Tag, new RotateTicker({ speed: 0.1 }, duration));
-      setDialogue(`I have added a image with a tag ${alien3Tag} and I connected a RotateTicker with a speed of 0.1 and a duration of ${duration} to it. After ${duration}ms, the RotateTicker will be removed.`);
-    }),
-    () => __async(void 0, null, function* () {
-      let my_speed = 0.1;
-      let my_speed2 = 0.3;
-      const texture = yield pixi_js.Assets.load("https://pixijs.com/assets/eggHead.png");
-      const alien = CanvasSprite.from(texture);
-      alien.anchor.set(0.5);
-      GameWindowManager.addCanvasElement(alien1Tag, alien);
-      alien.x = 100;
-      alien.y = 100;
-      GameWindowManager.addTickersSteps(alien1Tag, [
-        new RotateTicker({ speed: my_speed }, 1e3),
-        new RotateTicker({ speed: my_speed2 }, 1e3)
-      ]);
-      setDialogue(`I have added a image with a tag ${alien1Tag} and I connected a RotateTicker with a speed of ${my_speed} and a duration of 1000ms and then I connected a RotateTicker with a speed of ${my_speed2} and a duration of 1000ms to it.`);
-    }),
-    () => __async(void 0, null, function* () {
-      const texture = yield pixi_js.Assets.load("https://pixijs.com/assets/eggHead.png");
-      const alien = CanvasSprite.from(texture);
-      alien.anchor.set(0.5);
-      GameWindowManager.addCanvasElement(alien2Tag, alien);
-      alien.x = 300;
-      alien.y = 100;
-      GameWindowManager.addTickersSteps(alien2Tag, [
-        new RotateTicker({ speed: 0.1, clockwise: true }, 2e3),
-        Pause(500),
-        new RotateTicker({ speed: 0.2, clockwise: false }, 2e3),
-        Repeat
-      ]);
-      setDialogue(`I have added a image with a tag ${alien2Tag} and I connected a RotateTicker with a speed of 0.1 and a duration of 2000ms and then I connected a RotateTicker with a speed of 0.2 and a duration of 2000ms to it. After 500ms, the RotateTicker will be repeated.`);
-    }),
-    () => __async(void 0, null, function* () {
-      const texture = yield pixi_js.Assets.load("https://pixijs.com/assets/eggHead.png");
-      const alien = CanvasSprite.from(texture);
-      alien.anchor.set(0.5);
-      GameWindowManager.addCanvasElement(alien4Tag, alien);
-      alien.x = 700;
-      alien.y = 100;
-      let speed = 0;
-      let speedLimit = 0.5;
-      let amt = 1e-3;
-      GameWindowManager.addTicker(alien4Tag, new RotateTicker({ speed, speedProgression: { type: "linear", amt, limit: speedLimit } }));
-      GameWindowManager.addTickersSteps(
-        alien2Tag,
-        [
-          new FadeAlphaTicker({
-            duration: 1,
-            type: "hide"
-          }, 3e3),
-          new FadeAlphaTicker({
-            duration: 1,
-            type: "show"
-          }, 3e3),
-          Repeat
-        ]
-      );
-      setDialogue(`I have added a image with a tag ${alien4Tag} and I connected a RotateTicker with a speed of ${speed} and a linear speed progression of ${amt} and a limit of ${speedLimit} to it.`);
-    })
-  ]
-);
-
-exports.tickerTestLabel = tickerTestLabel;
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=TickerTestLabel.js.map