@drincs/pixi-vn 0.9.6 → 0.9.7

package/dist/{ContainerChild-HBivknFV.d.ts → ContainerChild-B5yD0BI8.d.ts}

@@ -1,6 +1,6 @@
 import { ContainerOptions, PointData, SpriteOptions, TextOptions, Container, Sprite as Sprite$1, Texture, ContainerEvents, ContainerChild as ContainerChild$1, EventEmitter, TextureSourceLike, TextureSource, ObservablePoint } from 'pixi.js';
-import TextureMemory from './interface/canvas/TextureMemory.js';
 import AdditionalPositionsExtension, { AdditionalPositionsExtensionProps } from './classes/canvas/AdditionalPositions.js';
+import TextureMemory from './interface/canvas/TextureMemory.js';
 import { AnchorExtensionProps } from './classes/canvas/AnchorExtension.js';
 import CanvasEventNamesType from './types/CanvasEventNamesType.js';
 import CanvasEvent from './classes/CanvasEvent.js';
@@ -21,11 +21,9 @@ interface ContainerMemory<C extends ContainerChild = ContainerChild> extends Con
 /**
  * Interface for the canvas container memory
  */
-interface ImageContainerMemory extends ContainerMemory<ImageSprite> {
+interface ImageContainerMemory extends ContainerMemory<ImageSprite>, AdditionalPositionsExtensionProps {
     elements: ImageSpriteMemory[];
     anchor?: PointData;
-    align?: Partial<PointData>;
-    percentagePosition?: Partial<PointData>;
     loadIsStarted: boolean;
 }
 interface SpriteBaseMemory extends SpriteOptions, CanvasBaseItemMemory {
@@ -54,13 +52,11 @@ interface TextMemory extends TextOptions, CanvasBaseItemMemory {
 /**
  * The memory of the image. It uses for save the state of the image.
  */
-interface ImageSpriteMemory extends SpriteBaseMemory {
+interface ImageSpriteMemory extends SpriteBaseMemory, AdditionalPositionsExtensionProps {
     /**
      * @deprecated use SpriteBaseMemory.textureAlias
      */
     imageLink?: string;
-    align?: Partial<PointData>;
-    percentagePosition?: Partial<PointData>;
     loadIsStarted: boolean;
 }
 /**

package/dist/{ContainerChild-CEuXVx00.d.cts → ContainerChild-WzyxEjAc.d.cts}

@@ -1,6 +1,6 @@
 import { ContainerOptions, PointData, SpriteOptions, TextOptions, Container, Sprite as Sprite$1, Texture, ContainerEvents, ContainerChild as ContainerChild$1, EventEmitter, TextureSourceLike, TextureSource, ObservablePoint } from 'pixi.js';
-import TextureMemory from './interface/canvas/TextureMemory.cjs';
 import AdditionalPositionsExtension, { AdditionalPositionsExtensionProps } from './classes/canvas/AdditionalPositions.cjs';
+import TextureMemory from './interface/canvas/TextureMemory.cjs';
 import { AnchorExtensionProps } from './classes/canvas/AnchorExtension.cjs';
 import CanvasEventNamesType from './types/CanvasEventNamesType.cjs';
 import CanvasEvent from './classes/CanvasEvent.cjs';
@@ -21,11 +21,9 @@ interface ContainerMemory<C extends ContainerChild = ContainerChild> extends Con
 /**
  * Interface for the canvas container memory
  */
-interface ImageContainerMemory extends ContainerMemory<ImageSprite> {
+interface ImageContainerMemory extends ContainerMemory<ImageSprite>, AdditionalPositionsExtensionProps {
     elements: ImageSpriteMemory[];
     anchor?: PointData;
-    align?: Partial<PointData>;
-    percentagePosition?: Partial<PointData>;
     loadIsStarted: boolean;
 }
 interface SpriteBaseMemory extends SpriteOptions, CanvasBaseItemMemory {
@@ -54,13 +52,11 @@ interface TextMemory extends TextOptions, CanvasBaseItemMemory {
 /**
  * The memory of the image. It uses for save the state of the image.
  */
-interface ImageSpriteMemory extends SpriteBaseMemory {
+interface ImageSpriteMemory extends SpriteBaseMemory, AdditionalPositionsExtensionProps {
     /**
      * @deprecated use SpriteBaseMemory.textureAlias
      */
     imageLink?: string;
-    align?: Partial<PointData>;
-    percentagePosition?: Partial<PointData>;
     loadIsStarted: boolean;
 }
 /**

package/dist/{chunk-SCOZ46ME.js → chunk-IRUKNG2Y.js}

@@ -81,29 +81,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;
       }
     }
   }

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-OMPJ74CO.js";
 import {
   analizePositionsExtensionProps
-} from "./chunk-SCOZ46ME.js";
+} from "./chunk-IRUKNG2Y.js";
 import {
   Close
 } from "./chunk-I6TNJEE3.js";
@@ -72,7 +72,7 @@ import {
   filters,
   version,
   videoFormats
-} from "./chunk-AQPVWC55.js";
+} from "./chunk-TOG67Z7Q.js";
 import {
   Sound,
   SoundLibrary,
@@ -687,12 +687,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 i = 0; i < value.elements.length; i++) {
       let child = value.elements[i];
       let element = await importCanvasElement(child);
       this.addChild(element);
     }
-    return await setMemoryContainer(this, value);
   }
 };
 function getMemoryContainer(element) {
@@ -784,10 +787,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;
     }
   }
@@ -805,7 +808,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();
   }
@@ -979,11 +983,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();
       }
@@ -2815,7 +2821,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")) {
@@ -2823,6 +2828,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, i) => {
           let alias = elementAliasesOrder[i];
           this.add(alias, element);
@@ -5800,9 +5806,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;
@@ -6113,6 +6118,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -6136,7 +6142,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(source, skipCache) {
@@ -6273,9 +6279,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/{chunk-AQPVWC55.js → chunk-TOG67Z7Q.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-WS3FY4Q6.js";
 
 // package.json
-var version = "0.9.6";
+var version = "0.9.7";
 
 // src/constants.ts
 var Repeat = "repeat";

package/dist/classes/CharacterBaseModel.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";
@@ -58624,29 +58624,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;
       }
     }
   }
@@ -58688,12 +58702,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) {
@@ -58785,10 +58802,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;
     }
   }
@@ -58806,7 +58823,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();
   }
@@ -58980,11 +58998,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();
       }
@@ -60349,9 +60369,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;
@@ -60811,6 +60830,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -60834,7 +60854,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) {
@@ -60971,9 +60991,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();
@@ -62706,7 +62728,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")) {
@@ -62714,6 +62735,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/classes/CharacterBaseModel.js

@@ -1,10 +1,10 @@
 import {
   CharacterBaseModel
-} 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/classes/CharacterStoredClass.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";
@@ -58624,29 +58624,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;
       }
     }
   }
@@ -58688,12 +58702,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) {
@@ -58785,10 +58802,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;
     }
   }
@@ -58806,7 +58823,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();
   }
@@ -58980,11 +58998,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();
       }
@@ -60349,9 +60369,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;
@@ -60811,6 +60830,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -60834,7 +60854,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) {
@@ -60971,9 +60991,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();
@@ -62706,7 +62728,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")) {
@@ -62714,6 +62735,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);