@drincs/pixi-vn 0.9.6 → 0.9.7

package/dist/functions/canvas/canvas-transition.js

@@ -9,11 +9,11 @@ import {
   showWithFadeTransition,
   zoomIn,
   zoomOut
-} from "../../chunk-JMXJKUTS.js";
+} from "../../chunk-NB4Q3GFK.js";
 import "../../chunk-OMPJ74CO.js";
 import "../../chunk-2JGQWY5I.js";
 import "../../chunk-2BUPSB7O.js";
-import "../../chunk-SCOZ46ME.js";
+import "../../chunk-IRUKNG2Y.js";
 import "../../chunk-6GJXIPNB.js";
 import "../../chunk-I6TNJEE3.js";
 import "../../chunk-DPUSONJ3.js";
@@ -30,7 +30,7 @@ import "../../chunk-ZBUW3MBH.js";
 import "../../chunk-PIYIZHZL.js";
 import "../../chunk-B7XQM2BB.js";
 import "../../chunk-LEMOIFSV.js";
-import "../../chunk-AQPVWC55.js";
+import "../../chunk-TOG67Z7Q.js";
 import "../../chunk-WS3FY4Q6.js";
 import "../../chunk-Z3NBKYVU.js";
 import "../../chunk-SAUNZQHZ.js";

package/dist/functions/canvas/canvas-utility.cjs

@@ -57719,7 +57719,7 @@ extensions.add(soundAsset);
 var sound = setInstance(new SoundLibrary());
 
 // package.json
-var version = "0.9.6";
+var version = "0.9.7";
 
 // src/constants.ts
 var Repeat = "repeat";
@@ -58626,29 +58626,43 @@ function analizePositionsExtensionProps(props) {
   if (!props) {
     return props;
   }
-  if (props.align != void 0) {
-    if (typeof props.align === "number") {
-      props.xAlign = props.align;
-      props.yAlign = props.align;
-    } else {
-      if (props.align.x != void 0) {
-        props.xAlign = props.align.x;
+  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.align.y != void 0) {
-        props.yAlign = props.align.y;
+    }
+    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 (props.percentagePosition != void 0) {
-    if (typeof props.percentagePosition === "number") {
-      props.xPercentagePosition = props.percentagePosition;
-      props.yPercentagePosition = props.percentagePosition;
-    } else {
-      if (props.percentagePosition.x != void 0) {
-        props.xPercentagePosition = props.percentagePosition.x;
+  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.percentagePosition.y != void 0) {
-        props.yPercentagePosition = props.percentagePosition.y;
+    }
+    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;
       }
     }
   }
@@ -58690,12 +58704,15 @@ var Container2 = class extends Container {
     this.setMemory(value);
   }
   async setMemory(value) {
+    await this.importChildren(value);
+    return await setMemoryContainer(this, value);
+  }
+  async importChildren(value) {
     for (let i3 = 0; i3 < value.elements.length; i3++) {
       let child = value.elements[i3];
       let element = await importCanvasElement(child);
       this.addChild(element);
     }
-    return await setMemoryContainer(this, value);
   }
 };
 function getMemoryContainer(element) {
@@ -58787,10 +58804,10 @@ var ImageContainer = class extends Container2 {
     if (options?.anchor !== void 0) {
       this.anchor = options.anchor;
     }
-    if (options?.align !== void 0) {
+    if (options && "align" in options && options?.align !== void 0) {
       this.align = options.align;
     }
-    if (options?.percentagePosition !== void 0) {
+    if (options && "percentagePosition" in options && options?.percentagePosition !== void 0) {
       this.percentagePosition = options.percentagePosition;
     }
   }
@@ -58808,7 +58825,8 @@ var ImageContainer = class extends Container2 {
     this.setMemory(value);
   }
   async setMemory(value) {
-    await super.setMemory(value);
+    await this.importChildren(value);
+    await setMemoryImageContainer(this, value);
     this.reloadAnchor();
     this.reloadPosition();
   }
@@ -58982,11 +59000,13 @@ var ImageContainer = class extends Container2 {
   }
 };
 async function setMemoryImageContainer(element, memory, opstions) {
+  memory = analizePositionsExtensionProps(memory);
   setMemoryContainer(element, memory, {
     ...opstions,
     end: async () => {
       "anchor" in memory && memory.anchor !== void 0 && (element.anchor = memory.anchor);
       "align" in memory && memory.align !== void 0 && (element.align = memory.align);
+      "percentagePosition" in memory && memory.percentagePosition !== void 0 && (element.percentagePosition = memory.percentagePosition);
       if ("loadIsStarted" in memory && memory.loadIsStarted) {
         await element.load();
       }
@@ -60334,9 +60354,8 @@ var customPositionTest = newLabel("___pixi_vn_images_custom_position_test___", [
 - ${skullyName} will be added with the anchor set to 0.5 and align set to 0.25.`
     };
     canvas.removeAll();
-    let container = addImageCointainer("container", [eggHeadImage, flowerTopImage]);
-    container.anchor = 0.5;
-    container.align = 0.5;
+    let container = new ImageContainer({ anchor: 0.5, align: 0.5 }, [eggHeadImage, flowerTopImage]);
+    canvas.add("container", container);
     let helmlok = addImage("helmlok", helmlokImage);
     helmlok.anchor = 0.5;
     helmlok.xAlign = 1;
@@ -60796,6 +60815,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -60819,7 +60839,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
     this.setMemory(value);
   }
   async setMemory(value) {
-    await super.setMemory(value);
+    await setMemoryImageSprite(this, value);
     this.reloadPosition();
   }
   static from(source7, skipCache) {
@@ -60956,9 +60976,11 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   }
 };
 async function setMemoryImageSprite(element, memory) {
+  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 ("loadIsStarted" in memory && memory.loadIsStarted) {
         await element.load();
@@ -62633,7 +62655,6 @@ var CanvasManager = class {
    * @param data The object.
    */
   async import(data) {
-    this.clear();
     try {
       let tickersOnPause = data["tickersOnPause"] || {};
       if (data.hasOwnProperty("elementAliasesOrder") && data.hasOwnProperty("elements")) {
@@ -62641,6 +62662,7 @@ var CanvasManager = class {
         let elementAliasesOrder = data["elementAliasesOrder"];
         let promises = elementAliasesOrder.filter((alias) => currentElements[alias]).map((alias) => importCanvasElement(currentElements[alias]));
         let list = await Promise.all(promises);
+        this.clear();
         list.forEach((element, i3) => {
           let alias = elementAliasesOrder[i3];
           this.add(alias, element);

package/dist/functions/canvas/canvas-utility.js

@@ -2,11 +2,11 @@ import {
   checkIfVideo,
   getTextureMemory,
   removeCanvasElement
-} from "../../chunk-JMXJKUTS.js";
+} from "../../chunk-NB4Q3GFK.js";
 import "../../chunk-OMPJ74CO.js";
 import "../../chunk-2JGQWY5I.js";
 import "../../chunk-2BUPSB7O.js";
-import "../../chunk-SCOZ46ME.js";
+import "../../chunk-IRUKNG2Y.js";
 import "../../chunk-6GJXIPNB.js";
 import "../../chunk-I6TNJEE3.js";
 import "../../chunk-DPUSONJ3.js";
@@ -23,7 +23,7 @@ import "../../chunk-ZBUW3MBH.js";
 import "../../chunk-PIYIZHZL.js";
 import "../../chunk-B7XQM2BB.js";
 import "../../chunk-LEMOIFSV.js";
-import "../../chunk-AQPVWC55.js";
+import "../../chunk-TOG67Z7Q.js";
 import "../../chunk-WS3FY4Q6.js";
 import "../../chunk-Z3NBKYVU.js";
 import "../../chunk-SAUNZQHZ.js";

package/dist/functions/canvas/image-container-utility.cjs

@@ -57721,7 +57721,7 @@ extensions.add(soundAsset);
 var sound = setInstance(new SoundLibrary());
 
 // package.json
-var version = "0.9.6";
+var version = "0.9.7";
 
 // src/constants.ts
 var Repeat = "repeat";
@@ -58125,12 +58125,15 @@ var Container2 = class extends Container {
     this.setMemory(value);
   }
   async setMemory(value) {
+    await this.importChildren(value);
+    return await setMemoryContainer(this, value);
+  }
+  async importChildren(value) {
     for (let i3 = 0; i3 < value.elements.length; i3++) {
       let child = value.elements[i3];
       let element = await importCanvasElement(child);
       this.addChild(element);
     }
-    return await setMemoryContainer(this, value);
   }
 };
 function getMemoryContainer(element) {
@@ -58218,29 +58221,43 @@ function analizePositionsExtensionProps(props) {
   if (!props) {
     return props;
   }
-  if (props.align != void 0) {
-    if (typeof props.align === "number") {
-      props.xAlign = props.align;
-      props.yAlign = props.align;
-    } else {
-      if (props.align.x != void 0) {
-        props.xAlign = props.align.x;
+  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.align.y != void 0) {
-        props.yAlign = props.align.y;
+    }
+    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 (props.percentagePosition != void 0) {
-    if (typeof props.percentagePosition === "number") {
-      props.xPercentagePosition = props.percentagePosition;
-      props.yPercentagePosition = props.percentagePosition;
-    } else {
-      if (props.percentagePosition.x != void 0) {
-        props.xPercentagePosition = props.percentagePosition.x;
+  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.percentagePosition.y != void 0) {
-        props.yPercentagePosition = props.percentagePosition.y;
+    }
+    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;
       }
     }
   }
@@ -58260,10 +58277,10 @@ var ImageContainer = class extends Container2 {
     if (options?.anchor !== void 0) {
       this.anchor = options.anchor;
     }
-    if (options?.align !== void 0) {
+    if (options && "align" in options && options?.align !== void 0) {
       this.align = options.align;
     }
-    if (options?.percentagePosition !== void 0) {
+    if (options && "percentagePosition" in options && options?.percentagePosition !== void 0) {
       this.percentagePosition = options.percentagePosition;
     }
   }
@@ -58281,7 +58298,8 @@ var ImageContainer = class extends Container2 {
     this.setMemory(value);
   }
   async setMemory(value) {
-    await super.setMemory(value);
+    await this.importChildren(value);
+    await setMemoryImageContainer(this, value);
     this.reloadAnchor();
     this.reloadPosition();
   }
@@ -58455,11 +58473,13 @@ var ImageContainer = class extends Container2 {
   }
 };
 async function setMemoryImageContainer(element, memory, opstions) {
+  memory = analizePositionsExtensionProps(memory);
   setMemoryContainer(element, memory, {
     ...opstions,
     end: async () => {
       "anchor" in memory && memory.anchor !== void 0 && (element.anchor = memory.anchor);
       "align" in memory && memory.align !== void 0 && (element.align = memory.align);
+      "percentagePosition" in memory && memory.percentagePosition !== void 0 && (element.percentagePosition = memory.percentagePosition);
       if ("loadIsStarted" in memory && memory.loadIsStarted) {
         await element.load();
       }
@@ -60438,7 +60458,6 @@ var CanvasManager = class {
    * @param data The object.
    */
   async import(data) {
-    this.clear();
     try {
       let tickersOnPause = data["tickersOnPause"] || {};
       if (data.hasOwnProperty("elementAliasesOrder") && data.hasOwnProperty("elements")) {
@@ -60446,6 +60465,7 @@ var CanvasManager = class {
         let elementAliasesOrder = data["elementAliasesOrder"];
         let promises = elementAliasesOrder.filter((alias) => currentElements[alias]).map((alias) => importCanvasElement(currentElements[alias]));
         let list = await Promise.all(promises);
+        this.clear();
         list.forEach((element, i3) => {
           let alias = elementAliasesOrder[i3];
           this.add(alias, element);
@@ -63843,9 +63863,8 @@ var customPositionTest = newLabel("___pixi_vn_images_custom_position_test___", [
 - ${skullyName} will be added with the anchor set to 0.5 and align set to 0.25.`
     };
     canvas.removeAll();
-    let container = addImageCointainer("container", [eggHeadImage, flowerTopImage]);
-    container.anchor = 0.5;
-    container.align = 0.5;
+    let container = new ImageContainer({ anchor: 0.5, align: 0.5 }, [eggHeadImage, flowerTopImage]);
+    canvas.add("container", container);
     let helmlok = addImage("helmlok", helmlokImage);
     helmlok.anchor = 0.5;
     helmlok.xAlign = 1;
@@ -64156,6 +64175,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -64179,7 +64199,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
     this.setMemory(value);
   }
   async setMemory(value) {
-    await super.setMemory(value);
+    await setMemoryImageSprite(this, value);
     this.reloadPosition();
   }
   static from(source7, skipCache) {
@@ -64316,9 +64336,11 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   }
 };
 async function setMemoryImageSprite(element, memory) {
+  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 ("loadIsStarted" in memory && memory.loadIsStarted) {
         await element.load();

package/dist/functions/canvas/image-container-utility.d.cts

@@ -1,8 +1,8 @@
 import ImageContainer from '../../classes/canvas/ImageContainer.cjs';
 import 'pixi.js';
-import '../../ContainerChild-CEuXVx00.cjs';
-import '../../interface/canvas/TextureMemory.cjs';
+import '../../ContainerChild-WzyxEjAc.cjs';
 import '../../classes/canvas/AdditionalPositions.cjs';
+import '../../interface/canvas/TextureMemory.cjs';
 import '../../classes/canvas/AnchorExtension.cjs';
 import '../../types/CanvasEventNamesType.cjs';
 import '../../classes/CanvasEvent.cjs';

package/dist/functions/canvas/image-container-utility.d.ts

@@ -1,8 +1,8 @@
 import ImageContainer from '../../classes/canvas/ImageContainer.js';
 import 'pixi.js';
-import '../../ContainerChild-HBivknFV.js';
-import '../../interface/canvas/TextureMemory.js';
+import '../../ContainerChild-B5yD0BI8.js';
 import '../../classes/canvas/AdditionalPositions.js';
+import '../../interface/canvas/TextureMemory.js';
 import '../../classes/canvas/AnchorExtension.js';
 import '../../types/CanvasEventNamesType.js';
 import '../../classes/CanvasEvent.js';

package/dist/functions/canvas/image-container-utility.js

@@ -1,11 +1,11 @@
 import {
   addImageCointainer,
   showImageContainer
-} from "../../chunk-JMXJKUTS.js";
+} from "../../chunk-NB4Q3GFK.js";
 import "../../chunk-OMPJ74CO.js";
 import "../../chunk-2JGQWY5I.js";
 import "../../chunk-2BUPSB7O.js";
-import "../../chunk-SCOZ46ME.js";
+import "../../chunk-IRUKNG2Y.js";
 import "../../chunk-6GJXIPNB.js";
 import "../../chunk-I6TNJEE3.js";
 import "../../chunk-DPUSONJ3.js";
@@ -22,7 +22,7 @@ import "../../chunk-ZBUW3MBH.js";
 import "../../chunk-PIYIZHZL.js";
 import "../../chunk-B7XQM2BB.js";
 import "../../chunk-LEMOIFSV.js";
-import "../../chunk-AQPVWC55.js";
+import "../../chunk-TOG67Z7Q.js";
 import "../../chunk-WS3FY4Q6.js";
 import "../../chunk-Z3NBKYVU.js";
 import "../../chunk-SAUNZQHZ.js";

package/dist/functions/canvas/image-utility.cjs

@@ -57723,7 +57723,7 @@ extensions.add(soundAsset);
 var sound = setInstance(new SoundLibrary());
 
 // package.json
-var version = "0.9.6";
+var version = "0.9.7";
 
 // src/constants.ts
 var Repeat = "repeat";
@@ -58127,12 +58127,15 @@ var Container2 = class extends Container {
     this.setMemory(value);
   }
   async setMemory(value) {
+    await this.importChildren(value);
+    return await setMemoryContainer(this, value);
+  }
+  async importChildren(value) {
     for (let i3 = 0; i3 < value.elements.length; i3++) {
       let child = value.elements[i3];
       let element = await importCanvasElement(child);
       this.addChild(element);
     }
-    return await setMemoryContainer(this, value);
   }
 };
 function getMemoryContainer(element) {
@@ -58220,29 +58223,43 @@ function analizePositionsExtensionProps(props) {
   if (!props) {
     return props;
   }
-  if (props.align != void 0) {
-    if (typeof props.align === "number") {
-      props.xAlign = props.align;
-      props.yAlign = props.align;
-    } else {
-      if (props.align.x != void 0) {
-        props.xAlign = props.align.x;
+  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.align.y != void 0) {
-        props.yAlign = props.align.y;
+    }
+    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 (props.percentagePosition != void 0) {
-    if (typeof props.percentagePosition === "number") {
-      props.xPercentagePosition = props.percentagePosition;
-      props.yPercentagePosition = props.percentagePosition;
-    } else {
-      if (props.percentagePosition.x != void 0) {
-        props.xPercentagePosition = props.percentagePosition.x;
+  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.percentagePosition.y != void 0) {
-        props.yPercentagePosition = props.percentagePosition.y;
+    }
+    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;
       }
     }
   }
@@ -58262,10 +58279,10 @@ var ImageContainer = class extends Container2 {
     if (options?.anchor !== void 0) {
       this.anchor = options.anchor;
     }
-    if (options?.align !== void 0) {
+    if (options && "align" in options && options?.align !== void 0) {
       this.align = options.align;
     }
-    if (options?.percentagePosition !== void 0) {
+    if (options && "percentagePosition" in options && options?.percentagePosition !== void 0) {
       this.percentagePosition = options.percentagePosition;
     }
   }
@@ -58283,7 +58300,8 @@ var ImageContainer = class extends Container2 {
     this.setMemory(value);
   }
   async setMemory(value) {
-    await super.setMemory(value);
+    await this.importChildren(value);
+    await setMemoryImageContainer(this, value);
     this.reloadAnchor();
     this.reloadPosition();
   }
@@ -58457,11 +58475,13 @@ var ImageContainer = class extends Container2 {
   }
 };
 async function setMemoryImageContainer(element, memory, opstions) {
+  memory = analizePositionsExtensionProps(memory);
   setMemoryContainer(element, memory, {
     ...opstions,
     end: async () => {
       "anchor" in memory && memory.anchor !== void 0 && (element.anchor = memory.anchor);
       "align" in memory && memory.align !== void 0 && (element.align = memory.align);
+      "percentagePosition" in memory && memory.percentagePosition !== void 0 && (element.percentagePosition = memory.percentagePosition);
       if ("loadIsStarted" in memory && memory.loadIsStarted) {
         await element.load();
       }
@@ -60407,7 +60427,6 @@ var CanvasManager = class {
    * @param data The object.
    */
   async import(data) {
-    this.clear();
     try {
       let tickersOnPause = data["tickersOnPause"] || {};
       if (data.hasOwnProperty("elementAliasesOrder") && data.hasOwnProperty("elements")) {
@@ -60415,6 +60434,7 @@ var CanvasManager = class {
         let elementAliasesOrder = data["elementAliasesOrder"];
         let promises = elementAliasesOrder.filter((alias) => currentElements[alias]).map((alias) => importCanvasElement(currentElements[alias]));
         let list = await Promise.all(promises);
+        this.clear();
         list.forEach((element, i3) => {
           let alias = elementAliasesOrder[i3];
           this.add(alias, element);
@@ -63812,9 +63832,8 @@ var customPositionTest = newLabel("___pixi_vn_images_custom_position_test___", [
 - ${skullyName} will be added with the anchor set to 0.5 and align set to 0.25.`
     };
     canvas.removeAll();
-    let container = addImageCointainer("container", [eggHeadImage, flowerTopImage]);
-    container.anchor = 0.5;
-    container.align = 0.5;
+    let container = new ImageContainer({ anchor: 0.5, align: 0.5 }, [eggHeadImage, flowerTopImage]);
+    canvas.add("container", container);
     let helmlok = addImage("helmlok", helmlokImage);
     helmlok.anchor = 0.5;
     helmlok.xAlign = 1;
@@ -64125,6 +64144,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -64148,7 +64168,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
     this.setMemory(value);
   }
   async setMemory(value) {
-    await super.setMemory(value);
+    await setMemoryImageSprite(this, value);
     this.reloadPosition();
   }
   static from(source7, skipCache) {
@@ -64285,9 +64305,11 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   }
 };
 async function setMemoryImageSprite(element, memory) {
+  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 ("loadIsStarted" in memory && memory.loadIsStarted) {
         await element.load();

package/dist/functions/canvas/image-utility.d.cts

@@ -1,7 +1,7 @@
-import { I as ImageSprite } from '../../ContainerChild-CEuXVx00.cjs';
+import { I as ImageSprite } from '../../ContainerChild-WzyxEjAc.cjs';
 import 'pixi.js';
-import '../../interface/canvas/TextureMemory.cjs';
 import '../../classes/canvas/AdditionalPositions.cjs';
+import '../../interface/canvas/TextureMemory.cjs';
 import '../../classes/canvas/AnchorExtension.cjs';
 import '../../types/CanvasEventNamesType.cjs';
 import '../../classes/CanvasEvent.cjs';

package/dist/functions/canvas/image-utility.d.ts

@@ -1,7 +1,7 @@
-import { I as ImageSprite } from '../../ContainerChild-HBivknFV.js';
+import { I as ImageSprite } from '../../ContainerChild-B5yD0BI8.js';
 import 'pixi.js';
-import '../../interface/canvas/TextureMemory.js';
 import '../../classes/canvas/AdditionalPositions.js';
+import '../../interface/canvas/TextureMemory.js';
 import '../../classes/canvas/AnchorExtension.js';
 import '../../types/CanvasEventNamesType.js';
 import '../../classes/CanvasEvent.js';