@drincs/pixi-vn 0.9.6 → 0.9.7

package/dist/decorators/label-decorator.js

@@ -3,11 +3,11 @@ import {
   newLabel,
   registeredLabels,
   saveLabel
-} 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";
@@ -24,7 +24,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-effect.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";
@@ -57867,29 +57867,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;
       }
     }
   }
@@ -57931,12 +57945,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) {
@@ -58028,10 +58045,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;
     }
   }
@@ -58049,7 +58066,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();
   }
@@ -58223,11 +58241,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();
       }
@@ -59769,7 +59789,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")) {
@@ -59777,6 +59796,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);
@@ -63310,9 +63330,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;
@@ -63623,6 +63642,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -63646,7 +63666,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) {
@@ -63783,9 +63803,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/canvas-effect.js

@@ -1,10 +1,10 @@
 import {
   shakeEffect
-} 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";
@@ -21,7 +21,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-memory-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";
@@ -58065,12 +58065,15 @@ var Container3 = 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) {
@@ -58158,29 +58161,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;
       }
     }
   }
@@ -58200,10 +58217,10 @@ var ImageContainer = class extends Container3 {
     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;
     }
   }
@@ -58221,7 +58238,8 @@ var ImageContainer = class extends Container3 {
     this.setMemory(value);
   }
   async setMemory(value) {
-    await super.setMemory(value);
+    await this.importChildren(value);
+    await setMemoryImageContainer(this, value);
     this.reloadAnchor();
     this.reloadPosition();
   }
@@ -58395,11 +58413,13 @@ var ImageContainer = class extends Container3 {
   }
 };
 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();
       }
@@ -60385,7 +60405,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")) {
@@ -60393,6 +60412,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);
@@ -63790,9 +63810,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;
@@ -64103,6 +64122,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -64126,7 +64146,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) {
@@ -64263,9 +64283,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/canvas-memory-utility.d.cts

@@ -1,7 +1,7 @@
-import { C as CanvasBaseItem, a as CanvasBaseItemMemory } from '../../ContainerChild-CEuXVx00.cjs';
+import { C as CanvasBaseItem, a as CanvasBaseItemMemory } 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/canvas-memory-utility.d.ts

@@ -1,7 +1,7 @@
-import { C as CanvasBaseItem, a as CanvasBaseItemMemory } from '../../ContainerChild-HBivknFV.js';
+import { C as CanvasBaseItem, a as CanvasBaseItemMemory } 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';

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

@@ -1,11 +1,11 @@
 import {
   exportCanvasElement,
   importCanvasElement
-} 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/canvas-transition.cjs

@@ -57729,7 +57729,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";
@@ -58133,12 +58133,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) {
@@ -58226,29 +58229,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;
       }
     }
   }
@@ -58268,10 +58285,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;
     }
   }
@@ -58289,7 +58306,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();
   }
@@ -58463,11 +58481,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();
       }
@@ -60037,7 +60057,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")) {
@@ -60045,6 +60064,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);
@@ -63442,9 +63462,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;
@@ -63755,6 +63774,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -63778,7 +63798,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) {
@@ -63915,9 +63935,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/canvas-transition.d.cts

@@ -1,8 +1,8 @@
 import { UPDATE_PRIORITY } from 'pixi.js';
-import { C as CanvasBaseItem } from '../../ContainerChild-CEuXVx00.cjs';
+import { C as CanvasBaseItem } from '../../ContainerChild-WzyxEjAc.cjs';
 import { ShowWithDissolveTransitionProps, ShowWithFadeTransitionProps, MoveInOutProps, ZoomInOutProps } from '../../interface/canvas/transition-props.cjs';
-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/canvas-transition.d.ts

@@ -1,8 +1,8 @@
 import { UPDATE_PRIORITY } from 'pixi.js';
-import { C as CanvasBaseItem } from '../../ContainerChild-HBivknFV.js';
+import { C as CanvasBaseItem } from '../../ContainerChild-B5yD0BI8.js';
 import { ShowWithDissolveTransitionProps, ShowWithFadeTransitionProps, MoveInOutProps, ZoomInOutProps } from '../../interface/canvas/transition-props.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';