@drincs/pixi-vn 0.9.7 → 0.9.9

package/dist/{chunk-WNOARCWH.js → chunk-LZNY6NEZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZBUW3MBH.js";
 import {
   Application
-} from "./chunk-Z3NBKYVU.js";
+} from "./chunk-MQPMJVDR.js";
 import {
   require_sha1
 } from "./chunk-IILCLBL2.js";
@@ -18,7 +18,7 @@ async function i(p) {
     importPixi: false,
     ...p
   };
-  e.app && (e.renderer = e.app.renderer, e.stage = e.app.stage), e.importPixi && !e.pixi && (e.pixi = await import("./lib-6FCVILMQ.js")), window.__PIXI_DEVTOOLS__ = {
+  e.app && (e.renderer = e.app.renderer, e.stage = e.app.stage), e.importPixi && !e.pixi && (e.pixi = await import("./lib-EBGYUC35.js")), window.__PIXI_DEVTOOLS__ = {
     ...window.__PIXI_DEVTOOLS__ || {},
     app: e.app,
     stage: e.stage,

package/dist/{chunk-Z3NBKYVU.js → chunk-MQPMJVDR.js}

@@ -32,12 +32,12 @@ import {
   require_earcut,
   squaredDistanceToLineSegment,
   transformVertices
-} from "./chunk-CAWOWL3P.js";
+} from "./chunk-IG7HSAEJ.js";
 import {
   AbstractRenderer,
   ApplicationInitHook,
   Filter
-} from "./chunk-5VX2VTDZ.js";
+} from "./chunk-BJGKFUMU.js";
 import {
   Bounds,
   Buffer,
@@ -72,7 +72,7 @@ import {
   groupD8,
   v8_0_0,
   warn
-} from "./chunk-PP3SBC3C.js";
+} from "./chunk-KAHX5SKO.js";
 import {
   __commonJS,
   __toESM
@@ -4600,7 +4600,7 @@ var browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-2HD5EH7K.js");
+    await import("./browserAll-S4EPEXZD.js");
   }
 };
 
@@ -4613,7 +4613,7 @@ var webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-GSRT3S6X.js");
+    await import("./webworkerAll-XFBJBJMM.js");
   }
 };
 
@@ -5988,14 +5988,14 @@ async function autoDetectRenderer(options) {
   for (let i = 0; i < preferredOrder.length; i++) {
     const rendererType = preferredOrder[i];
     if (rendererType === "webgpu" && await isWebGPUSupported()) {
-      const { WebGPURenderer: WebGPURenderer2 } = await import("./WebGPURenderer-EYIZ7IXV.js");
+      const { WebGPURenderer: WebGPURenderer2 } = await import("./WebGPURenderer-46NKQGBG.js");
       RendererClass = WebGPURenderer2;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer: WebGLRenderer2 } = await import("./WebGLRenderer-U57ZOBH6.js");
+      const { WebGLRenderer: WebGLRenderer2 } = await import("./WebGLRenderer-CWVLYTYY.js");
       RendererClass = WebGLRenderer2;
       finalOptions = { ...options, ...options.webgl };
       break;
@@ -6907,7 +6907,7 @@ var loadWebFont = {
   },
   unload(font) {
     (Array.isArray(font) ? font : [font]).forEach((t) => {
-      Cache.remove(t.family);
+      Cache.remove(`${t.family}-and-url`);
       DOMAdapter.get().getFontFaceSet().delete(t);
     });
   }
@@ -11534,9 +11534,10 @@ var Triangle = class _Triangle {
    * @param pointX - The X coordinate of the point to test
    * @param pointY - The Y coordinate of the point to test
    * @param strokeWidth - The width of the line to check
+   * @param _alignment - The alignment of the stroke
    * @returns Whether the x/y coordinates are within this triangle
    */
-  strokeContains(pointX, pointY, strokeWidth) {
+  strokeContains(pointX, pointY, strokeWidth, _alignment = 0.5) {
     const halfStrokeWidth = strokeWidth / 2;
     const halfStrokeWidthSquared = halfStrokeWidth * halfStrokeWidth;
     const { x, x2, x3, y, y2, y3 } = this;

package/dist/{chunk-Y3WNBACN.js → chunk-R4J2U4HN.js}

@@ -15,10 +15,10 @@ import {
   ResizePlugin,
   TickerPlugin,
   TilingSpritePipe
-} from "./chunk-CAWOWL3P.js";
+} from "./chunk-IG7HSAEJ.js";
 import {
   extensions
-} from "./chunk-PP3SBC3C.js";
+} from "./chunk-KAHX5SKO.js";
 
 // node_modules/pixi.js/lib/app/init.mjs
 extensions.add(ResizePlugin);

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

@@ -1,21 +1,18 @@
 import {
   aliasToRemoveAfter
 } from "./chunk-OMPJ74CO.js";
-import {
-  analizePositionsExtensionProps
-} from "./chunk-IRUKNG2Y.js";
-import {
-  Close
-} from "./chunk-I6TNJEE3.js";
 import {
   StorageManagerStatic
 } from "./chunk-DPUSONJ3.js";
 import {
   CanvasManagerStatic
-} from "./chunk-WNOARCWH.js";
+} from "./chunk-LZNY6NEZ.js";
 import {
   SoundManagerStatic
 } from "./chunk-6FAGAUDR.js";
+import {
+  Close
+} from "./chunk-I6TNJEE3.js";
 import {
   bunnyImage,
   bunnyName,
@@ -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-V7WJOX65.js";
 import {
   Sound,
   SoundLibrary,
   filters_exports,
   sound
-} from "./chunk-WS3FY4Q6.js";
+} from "./chunk-X55ALTH7.js";
 import {
   Assets,
   Text
-} from "./chunk-Z3NBKYVU.js";
+} from "./chunk-MQPMJVDR.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);
       }
     }
   }
@@ -1100,7 +1097,7 @@ function checkIfVideo(imageUrl) {
 }
 
 // src/functions/canvas/image-utility.ts
-function addImage(alias, imageUrl) {
+function addImage(alias, imageUrl, options) {
   if (!imageUrl) {
     if (Assets.resolver.hasKey(alias)) {
       imageUrl = alias;
@@ -1108,8 +1105,7 @@ function addImage(alias, imageUrl) {
       throw new Error(`The image ${alias} does not exist in the cache.`);
     }
   }
-  let image = new ImageSprite();
-  image.textureAlias = imageUrl;
+  let image = new ImageSprite(options, imageUrl);
   canvas.add(alias, image);
   return image;
 }
@@ -1132,14 +1128,22 @@ async function loadImage(canvasImages) {
     });
   });
 }
-async function showImage(alias, imageUrl) {
-  let image = addImage(alias, imageUrl);
+async function showImage(alias, imageUrl, options) {
+  if (!imageUrl) {
+    if (Assets.resolver.hasKey(alias)) {
+      imageUrl = alias;
+    } else {
+      throw new Error(`The image ${alias} does not exist in the cache.`);
+    }
+  }
+  let image = new ImageSprite(options, imageUrl);
   await image.load();
+  canvas.add(alias, image);
   return image;
 }
 
 // src/functions/canvas/video-utility.ts
-function addVideo(alias, videoUrl) {
+function addVideo(alias, videoUrl, options) {
   if (!videoUrl) {
     if (Assets.resolver.hasKey(alias)) {
       videoUrl = alias;
@@ -1147,8 +1151,7 @@ function addVideo(alias, videoUrl) {
       throw new Error(`The video ${alias} does not exist in the cache.`);
     }
   }
-  let video = new VideoSprite();
-  video.textureAlias = videoUrl;
+  let video = new VideoSprite(options, videoUrl);
   canvas.add(alias, video);
   return video;
 }
@@ -1171,9 +1174,17 @@ async function loadVideo(canvasVideos) {
     });
   });
 }
-async function showVideo(alias, videoUrl) {
-  let video = addVideo(alias, videoUrl);
+async function showVideo(alias, videoUrl, options) {
+  if (!videoUrl) {
+    if (Assets.resolver.hasKey(alias)) {
+      videoUrl = alias;
+    } else {
+      throw new Error(`The video ${alias} does not exist in the cache.`);
+    }
+  }
+  let video = new VideoSprite(options, videoUrl);
   await video.load();
+  canvas.add(alias, video);
   return video;
 }
 
@@ -1594,14 +1605,15 @@ function pushOut(alias, props = { direction: "right" }, priority) {
 }
 
 // src/functions/canvas/image-container-utility.ts
-function addImageCointainer(alias, imageUrls) {
-  let container = new ImageContainer(void 0, imageUrls);
+function addImageCointainer(alias, imageUrls, options) {
+  let container = new ImageContainer(options, imageUrls);
   canvas.add(alias, container);
   return container;
 }
-async function showImageContainer(alias, imageUrls) {
-  let container = addImageCointainer(alias, imageUrls);
+async function showImageContainer(alias, imageUrls, options) {
+  let container = new ImageContainer(options, imageUrls);
   await container.load();
+  canvas.add(alias, container);
   return container;
 }
 
@@ -1782,27 +1794,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 +2130,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 +3607,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 +3652,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 +4022,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 +4764,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 +4795,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 +4817,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 +4849,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 +5552,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 +5561,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 +6155,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 +6417,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 +6456,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 +6581,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 +6867,10 @@ export {
   getTexture,
   getTextStyle,
   checkIfTextureNotIsEmpty,
+  AdditionalPositionsExtension2 as AdditionalPositionsExtension,
+  analizePositionsExtensionProps,
+  calculateAlign,
+  calculatePercentagePosition,
   registeredCanvasElement,
   canvasElementDecorator,
   getCanvasElementTypeById,