@drincs/pixi-vn 0.9.7 → 0.9.8

package/dist/{chunk-NB4Q3GFK.js → chunk-FXH7A6UR.js}

@@ -1,9 +1,6 @@
 import {
   aliasToRemoveAfter
 } from "./chunk-OMPJ74CO.js";
-import {
-  analizePositionsExtensionProps
-} from "./chunk-IRUKNG2Y.js";
 import {
   Close
 } from "./chunk-I6TNJEE3.js";
@@ -12,7 +9,7 @@ import {
 } from "./chunk-DPUSONJ3.js";
 import {
   CanvasManagerStatic
-} from "./chunk-WNOARCWH.js";
+} from "./chunk-3XKVLXKN.js";
 import {
   SoundManagerStatic
 } from "./chunk-6FAGAUDR.js";
@@ -37,7 +34,7 @@ import {
 import {
   FilterMemoryToFilter,
   FilterToFilterMemory
-} from "./chunk-PP5T5HEO.js";
+} from "./chunk-52ZSR3AN.js";
 import {
   updateTickerProgression
 } from "./chunk-ZZLQ3ILH.js";
@@ -72,28 +69,28 @@ import {
   filters,
   version,
   videoFormats
-} from "./chunk-TOG67Z7Q.js";
+} from "./chunk-DQ47ST7G.js";
 import {
   Sound,
   SoundLibrary,
   filters_exports,
   sound
-} from "./chunk-WS3FY4Q6.js";
+} from "./chunk-X55ALTH7.js";
 import {
   Assets,
   Text
-} from "./chunk-Z3NBKYVU.js";
+} from "./chunk-DZMWRZUL.js";
 import {
   FillGradient,
   TextStyle
-} from "./chunk-CAWOWL3P.js";
+} from "./chunk-IG7HSAEJ.js";
 import {
   Color,
   Container,
   Rectangle,
   Sprite,
   Texture
-} from "./chunk-PP3SBC3C.js";
+} from "./chunk-KAHX5SKO.js";
 import {
   CanvasEvent
 } from "./chunk-HKAY3U4R.js";
@@ -943,17 +940,17 @@ var ImageContainer = class extends Container2 {
   reloadPosition() {
     if (this._align) {
       if (this._align.x !== void 0) {
-        super.x = this._align.x * (canvas.screen.width - this.width) + this.pivot.x;
+        super.x = calculateAlign("width", this._align.x, this.width, this.pivot.x);
       }
       if (this._align.y !== void 0) {
-        super.y = this._align.y * (canvas.screen.height - this.height) + this.pivot.y;
+        super.y = calculateAlign("height", this._align.y, this.height, this.pivot.y);
       }
     } else if (this._percentagePosition) {
       if (this._percentagePosition.x !== void 0) {
-        super.x = this._percentagePosition.x * canvas.screen.width;
+        super.x = calculatePercentagePosition("width", this._percentagePosition.x);
       }
       if (this._percentagePosition.y !== void 0) {
-        super.y = this._percentagePosition.y * canvas.screen.height;
+        super.y = calculatePercentagePosition("height", this._percentagePosition.y);
       }
     }
   }
@@ -1782,27 +1779,30 @@ function getMemorySprite(element) {
   };
 }
 async function setMemorySprite(element, memory, options) {
+  let ignoreTexture = options?.ignoreTexture || false;
   await setMemoryContainer(element, memory);
-  if ("textureImage" in memory && memory.textureImage && memory.textureImage.image) {
-    let texture = await getTexture(memory.textureImage.image);
-    if (texture) {
-      element.texture = texture;
-    }
-  }
-  if ("textureData" in memory) {
-    if (memory.textureData.alias) {
-      element.textureAlias = memory.textureData.alias;
-    }
-    if (memory.textureData.url !== "EMPTY") {
-      let textureUrl = memory.textureData.url;
-      if (memory.textureData.alias && Assets.resolver.hasKey(memory.textureData.alias)) {
-        textureUrl = memory.textureData.alias;
-      }
-      let texture = await getTexture(textureUrl);
+  if (!ignoreTexture) {
+    if ("textureImage" in memory && memory.textureImage && memory.textureImage.image) {
+      let texture = await getTexture(memory.textureImage.image);
       if (texture) {
         element.texture = texture;
       }
     }
+    if ("textureData" in memory) {
+      if (memory.textureData.alias) {
+        element.textureAlias = memory.textureData.alias;
+      }
+      if (memory.textureData.url !== "EMPTY") {
+        let textureUrl = memory.textureData.url;
+        if (memory.textureData.alias && Assets.resolver.hasKey(memory.textureData.alias)) {
+          textureUrl = memory.textureData.alias;
+        }
+        let texture = await getTexture(textureUrl);
+        if (texture) {
+          element.texture = texture;
+        }
+      }
+    }
   }
   let half = options?.half;
   if (half) {
@@ -2115,11 +2115,11 @@ var CanvasManager = class {
     "height" in oldAlias && delete oldAlias.height;
     "width" in oldAlias && delete oldAlias.width;
     if (newAlias instanceof VideoSprite) {
-      await setMemoryVideoSprite(newAlias, oldAlias);
+      await setMemoryVideoSprite(newAlias, oldAlias, { ignoreTexture: true });
     } else if (newAlias instanceof ImageSprite) {
-      await setMemoryImageSprite(newAlias, oldAlias);
+      await setMemoryImageSprite(newAlias, oldAlias, { ignoreTexture: true });
     } else if (newAlias instanceof Sprite2) {
-      await setMemorySprite(newAlias, oldAlias);
+      await setMemorySprite(newAlias, oldAlias, { ignoreTexture: true });
     } else if (newAlias instanceof Text2) {
       await setMemoryText(newAlias, oldAlias);
     } else if (newAlias instanceof ImageContainer) {
@@ -3592,16 +3592,25 @@ var NarrationManager = class {
     return this.alreadyCurrentStepMadeChoicesObj?.find((choice) => choice.choiceIndex === index)?.madeTimes || 0;
   }
   /* Run Methods */
+  getCanGoNext(options) {
+    let showWarn = options?.showWarn || false;
+    let choiceMenuOptions = this.choiceMenuOptions;
+    if (choiceMenuOptions && choiceMenuOptions.length > 0) {
+      showWarn && console.warn("[Pixi\u2019VN] The player must make a choice");
+      return false;
+    }
+    if (this.isRequiredInput) {
+      showWarn && console.warn("[Pixi\u2019VN] The player must enter a value");
+      return false;
+    }
+    return true;
+  }
   /**
    * Return if can go to the next step.
    * @returns True if can go to the next step.
    */
   get canGoNext() {
-    let options = this.choiceMenuOptions;
-    if (options && options.length > 0) {
-      return false;
-    }
-    return true;
+    return this.getCanGoNext();
   }
   /**
    * Execute the next step and add it to the history.
@@ -3628,8 +3637,7 @@ var NarrationManager = class {
    * ```
    */
   async goNext(props, choiseMade) {
-    if (!this.canGoNext) {
-      console.warn("[Pixi\u2019VN] The player must make a choice");
+    if (!this.getCanGoNext({ showWarn: true })) {
       return;
     }
     if (this.currentLabel && this.currentLabel.onStepEnd) {
@@ -3999,6 +4007,7 @@ var NarrationManager = class {
       let glueDialogue = storage.getVariable(storage.keysSystem.CURRENT_DIALOGUE_MEMORY_KEY);
       if (glueDialogue) {
         dialogue.text = `${glueDialogue.text}${dialogue.text}`;
+        dialogue.character = dialogue.character || glueDialogue.character;
       }
       this.dialogGlue = false;
     }
@@ -4740,6 +4749,24 @@ FadeAlphaTicker = __decorateClass([
 ], FadeAlphaTicker);
 
 // src/classes/ticker/MoveTicker.ts
+function calculateDestination(args, element) {
+  let destination = createExportableElement(args.destination);
+  if (destination.type === "align") {
+    let anchorx = void 0;
+    let anchory = void 0;
+    if (element instanceof Sprite) {
+      anchorx = element.anchor.x;
+      anchory = element.anchor.y;
+    }
+    destination.x = calculateAlign("width", destination.x, element.width, element.pivot.x, anchorx);
+    destination.y = calculateAlign("height", destination.y, element.height, element.pivot.y, anchory);
+  }
+  if (destination.type === "percentage") {
+    destination.x = calculatePercentagePosition("width", destination.x);
+    destination.y = calculatePercentagePosition("height", destination.y);
+  }
+  return destination;
+}
 var MoveTicker = class extends TickerBase {
   fn(ticker, args, aliases, tickerId) {
     let xSpeed = 10;
@@ -4753,7 +4780,6 @@ var MoveTicker = class extends TickerBase {
         ySpeed = this.speedConvert(args.speed.y);
       }
     }
-    let destination = args.destination;
     let aliasToRemoveAfter2 = args.aliasToRemoveAfter || [];
     if (typeof aliasToRemoveAfter2 === "string") {
       aliasToRemoveAfter2 = [aliasToRemoveAfter2];
@@ -4776,6 +4802,7 @@ var MoveTicker = class extends TickerBase {
     }).forEach((alias) => {
       let element = canvas.find(alias);
       if (element && element instanceof Container) {
+        let destination = calculateDestination(args, element);
         let xDistance = destination.x - element.x > 0 ? 1 : -1;
         if (xDistance != 0) {
           element.x += xDistance * xSpeed * ticker.deltaTime;
@@ -4807,7 +4834,7 @@ var MoveTicker = class extends TickerBase {
     alias.forEach((alias2) => {
       let element = canvas.find(alias2);
       if (element) {
-        let destination = args.destination;
+        let destination = calculateDestination(args, element);
         element.x = destination.x;
         element.y = destination.y;
         if (args.isPushInOut && element.children.length > 0) {
@@ -5510,7 +5537,7 @@ var imagesMoveTest = newLabel("___pixi_vn_images_move_test___", [
       character: juliette,
       text: `Here's what's going to happen:
 - ${eggHeadName} will move to { x: 500, y: 100 } with a speed of 24.
-- ${flowerTopName} will move to { x: 500, y: 300 } with a speed of 18.
+- ${flowerTopName} will move to { x: 0.5, y: 0.5, type: "align" } with a speed of 18.
 - ${helmlokName} will move to { x: 100, y: 500 } with a speed of 150 and a linear speed progression of -2 ( limit 10 ), and then move to { x: 1700, y: 500 } with a speed of 10 and a linear speed progression of 2 ( limit 150 ), and repeat.
 - ${skullyName} will move to { x: 500, y: 500 } with a speed of 40, wait for 0.5 seconds, and move to { x: 100, y: 100 } with a speed of 40.`
     };
@@ -5519,7 +5546,7 @@ var imagesMoveTest = newLabel("___pixi_vn_images_move_test___", [
       speed: 24
     }));
     canvas.addTicker("flowerTop", new MoveTicker({
-      destination: { x: 500, y: 300 },
+      destination: { x: 0.5, y: 0.5, type: "align" },
       speed: 18
     }));
     canvas.addTickersSteps("helmlok", [
@@ -6113,6 +6140,142 @@ var pixivnTestStartLabel2 = newLabel(
   ]
 );
 
+// src/classes/canvas/AdditionalPositions.ts
+var AdditionalPositionsExtension2 = class extends Container {
+  /**
+   * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
+   * For example:
+   * - if you set align to 0.5, the element will be in the center of the canvas.
+   * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
+   * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
+   */
+  set align(_value) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
+   * For example:
+   * - if you set align to 0.5, the element will be in the center of the canvas.
+   * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
+   * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
+   */
+  set xAlign(_value) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
+   * For example:
+   * - if you set align to 0.5, the element will be in the center of the canvas.
+   * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
+   * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
+   */
+  set yAlign(_value) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * is a way to set the position of the element in the canvas calculated in percentage.
+   * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
+   * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
+   * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
+   * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
+   */
+  set percentagePosition(_value) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * is a way to set the position of the element in the canvas calculated in percentage.
+   * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
+   * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
+   * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
+   * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
+   */
+  set xPercentagePosition(_value) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * is a way to set the position of the element in the canvas calculated in percentage.
+   * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
+   * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
+   * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
+   * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
+   */
+  set yPercentagePosition(_value) {
+    throw new Error("Method not implemented.");
+  }
+};
+function analizePositionsExtensionProps(props) {
+  if (!props) {
+    return props;
+  }
+  if (typeof props.align !== "number") {
+    if (props.xAlign != void 0) {
+      if (props.align === void 0) {
+        props.align = { x: props.xAlign };
+        delete props.xAlign;
+      } else {
+        props.align.x = props.xAlign;
+        delete props.xAlign;
+      }
+    }
+    if (props.yAlign != void 0) {
+      if (props.align === void 0) {
+        props.align = { y: props.yAlign };
+        delete props.yAlign;
+      } else {
+        props.align.y = props.yAlign;
+        delete props.yAlign;
+      }
+    }
+  }
+  if (typeof props.percentagePosition !== "number") {
+    if (props.xPercentagePosition != void 0) {
+      if (props.percentagePosition === void 0) {
+        props.percentagePosition = { x: props.xPercentagePosition };
+        delete props.xPercentagePosition;
+      } else {
+        props.percentagePosition.x = props.xPercentagePosition;
+        delete props.xPercentagePosition;
+      }
+    }
+    if (props.yPercentagePosition != void 0) {
+      if (props.percentagePosition === void 0) {
+        props.percentagePosition = { y: props.yPercentagePosition };
+        delete props.yPercentagePosition;
+      } else {
+        props.percentagePosition.y = props.yPercentagePosition;
+        delete props.yPercentagePosition;
+      }
+    }
+  }
+  return props;
+}
+function calculateAlign(type, align, width, pivot, anchor = 0) {
+  if (type === "width") {
+    return align * (canvas.screen.width - width) + pivot + anchor * width;
+  } else {
+    return align * (canvas.screen.height - width) + pivot + anchor * width;
+  }
+}
+function calculatePercentagePosition(type, percentage) {
+  if (type === "width") {
+    return percentage * canvas.screen.width;
+  } else {
+    return percentage * canvas.screen.height;
+  }
+}
+
 // src/classes/canvas/ImageSprite.ts
 var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
@@ -6239,17 +6402,17 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   reloadPosition() {
     if (this._align) {
       if (this._align.x !== void 0) {
-        super.x = this._align.x * (canvas.screen.width - this.width) + this.pivot.x + this.anchor.x * this.width;
+        super.x = calculateAlign("width", this._align.x, this.width, this.pivot.x, this.anchor.x);
       }
       if (this._align.y !== void 0) {
-        super.y = this._align.y * (canvas.screen.height - this.height) + this.pivot.y + this.anchor.y * this.height;
+        super.y = calculateAlign("height", this._align.y, this.height, this.pivot.y, this.anchor.y);
       }
     } else if (this._percentagePosition) {
       if (this._percentagePosition.x !== void 0) {
-        super.x = this._percentagePosition.x * canvas.screen.width;
+        super.x = calculatePercentagePosition("width", this._percentagePosition.x);
       }
       if (this._percentagePosition.y !== void 0) {
-        super.y = this._percentagePosition.y * canvas.screen.height;
+        super.y = calculatePercentagePosition("height", this._percentagePosition.y);
       }
     }
   }
@@ -6278,17 +6441,21 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
     super.y = value;
   }
 };
-async function setMemoryImageSprite(element, memory) {
+async function setMemoryImageSprite(element, memory, options) {
+  let ignoreTexture = options?.ignoreTexture || false;
   memory = analizePositionsExtensionProps(memory);
   return await setMemorySprite(element, memory, {
     half: async () => {
       "align" in memory && memory.align !== void 0 && (element.align = memory.align);
       "percentagePosition" in memory && memory.percentagePosition !== void 0 && (element.percentagePosition = memory.percentagePosition);
-      "imageLink" in memory && memory.imageLink !== void 0 && (element.textureAlias = memory.imageLink);
+      if (!ignoreTexture) {
+        "imageLink" in memory && memory.imageLink !== void 0 && (element.textureAlias = memory.imageLink);
+      }
       if ("loadIsStarted" in memory && memory.loadIsStarted) {
         await element.load();
       }
-    }
+    },
+    ignoreTexture: options?.ignoreTexture
   });
 }
 
@@ -6399,8 +6566,8 @@ var VideoSprite = class _VideoSprite extends ImageSprite {
     }
   }
 };
-async function setMemoryVideoSprite(element, memory) {
-  await setMemoryImageSprite(element, memory);
+async function setMemoryVideoSprite(element, memory, options) {
+  await setMemoryImageSprite(element, memory, { ignoreTexture: options?.ignoreTexture });
   "loop" in memory && memory.loop !== void 0 && (element.loop = memory.loop);
   "currentTime" in memory && memory.currentTime !== void 0 && (element.currentTime = memory.currentTime);
   "paused" in memory && memory.paused !== void 0 && (element.paused = memory.paused);
@@ -6685,6 +6852,10 @@ export {
   getTexture,
   getTextStyle,
   checkIfTextureNotIsEmpty,
+  AdditionalPositionsExtension2 as AdditionalPositionsExtension,
+  analizePositionsExtensionProps,
+  calculateAlign,
+  calculatePercentagePosition,
   registeredCanvasElement,
   canvasElementDecorator,
   getCanvasElementTypeById,

package/dist/{chunk-6GJXIPNB.js → chunk-GEY6RTYO.js}

@@ -1,6 +1,6 @@
 import {
   Container
-} from "./chunk-PP3SBC3C.js";
+} from "./chunk-KAHX5SKO.js";
 
 // src/classes/canvas/CanvasBaseItem.ts
 var CanvasBaseItem = class extends Container {