@drincs/pixi-vn 0.9.6 → 0.9.7

package/dist/decorators/canvas-element-decorator.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";
@@ -58083,12 +58083,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) {
@@ -58176,29 +58179,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;
       }
     }
   }
@@ -58218,10 +58235,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;
     }
   }
@@ -58239,7 +58256,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();
   }
@@ -58413,11 +58431,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();
       }
@@ -60403,7 +60423,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")) {
@@ -60411,6 +60430,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);
@@ -63808,9 +63828,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;
@@ -64121,6 +64140,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -64144,7 +64164,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) {
@@ -64281,9 +64301,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/decorators/canvas-element-decorator.d.cts

@@ -1,8 +1,8 @@
-import { C as CanvasBaseItem } from '../ContainerChild-CEuXVx00.cjs';
+import { C as CanvasBaseItem } from '../ContainerChild-WzyxEjAc.cjs';
 import { CanvasElementAliasType } from '../types/CanvasElementAliasType.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/decorators/canvas-element-decorator.d.ts

@@ -1,8 +1,8 @@
-import { C as CanvasBaseItem } from '../ContainerChild-HBivknFV.js';
+import { C as CanvasBaseItem } from '../ContainerChild-B5yD0BI8.js';
 import { CanvasElementAliasType } from '../types/CanvasElementAliasType.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/decorators/canvas-element-decorator.js

@@ -3,11 +3,11 @@ import {
   getCanvasElementInstanceById,
   getCanvasElementTypeById,
   registeredCanvasElement
-} 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/decorators/event-decorator.d.cts

@@ -1,9 +1,9 @@
-import { C as CanvasBaseItem } from '../ContainerChild-CEuXVx00.cjs';
+import { C as CanvasBaseItem } from '../ContainerChild-WzyxEjAc.cjs';
 import { EventIdType } from '../types/EventIdType.cjs';
 import CanvasEvent from '../classes/CanvasEvent.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';
 

package/dist/decorators/event-decorator.d.ts

@@ -1,9 +1,9 @@
-import { C as CanvasBaseItem } from '../ContainerChild-HBivknFV.js';
+import { C as CanvasBaseItem } from '../ContainerChild-B5yD0BI8.js';
 import { EventIdType } from '../types/EventIdType.js';
 import CanvasEvent from '../classes/CanvasEvent.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';
 

package/dist/decorators/index.cjs

@@ -57728,7 +57728,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";
@@ -57974,12 +57974,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) {
@@ -58067,29 +58070,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;
       }
     }
   }
@@ -58109,10 +58126,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;
     }
   }
@@ -58130,7 +58147,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();
   }
@@ -58304,11 +58322,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();
       }
@@ -60365,7 +60385,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")) {
@@ -60373,6 +60392,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);
@@ -63792,9 +63812,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;
@@ -64105,6 +64124,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -64128,7 +64148,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) {
@@ -64265,9 +64285,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/decorators/index.d.cts

@@ -3,10 +3,10 @@ export { getAllCharacters, getCharacterById, saveCharacter } from './character-d
 export { default as eventDecorator } from './event-decorator.cjs';
 export { getLabelById, newLabel, saveLabel } from './label-decorator.cjs';
 export { default as tickerDecorator } from './ticker-decorator.cjs';
-import '../ContainerChild-CEuXVx00.cjs';
+import '../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/decorators/index.d.ts

@@ -3,10 +3,10 @@ export { getAllCharacters, getCharacterById, saveCharacter } from './character-d
 export { default as eventDecorator } from './event-decorator.js';
 export { getLabelById, newLabel, saveLabel } from './label-decorator.js';
 export { default as tickerDecorator } from './ticker-decorator.js';
-import '../ContainerChild-HBivknFV.js';
+import '../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/decorators/index.js

@@ -3,11 +3,11 @@ import {
   getLabelById,
   newLabel,
   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";
@@ -32,7 +32,7 @@ import {
 import {
   eventDecorator
 } from "../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/decorators/label-decorator.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";
@@ -58108,12 +58108,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) {
@@ -58201,29 +58204,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;
       }
     }
   }
@@ -58243,10 +58260,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;
     }
   }
@@ -58264,7 +58281,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();
   }
@@ -58438,11 +58456,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();
       }
@@ -60428,7 +60448,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")) {
@@ -60436,6 +60455,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);
@@ -63833,9 +63853,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;
@@ -64146,6 +64165,7 @@ var ImageSprite = class _ImageSprite extends Sprite2 {
   pixivnId = CANVAS_IMAGE_ID;
   constructor(options, textureAlias) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAlias) {
       this.textureAlias = textureAlias;
     }
@@ -64169,7 +64189,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) {
@@ -64306,9 +64326,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();