@drincs/pixi-vn 0.9.5 → 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-IRUKNG2Y.js

@@ -0,0 +1,130 @@
+import {
+  Container
+} from "./chunk-PP3SBC3C.js";
+
+// src/classes/canvas/AdditionalPositions.ts
+var AdditionalPositionsExtension = class extends Container {
+  /**
+   * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
+   * For example:
+   * - if you set align to 0.5, the element will be in the center of the canvas.
+   * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
+   * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
+   */
+  set align(_value) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
+   * For example:
+   * - if you set align to 0.5, the element will be in the center of the canvas.
+   * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
+   * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
+   */
+  set xAlign(_value) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
+   * For example:
+   * - if you set align to 0.5, the element will be in the center of the canvas.
+   * - if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
+   * - if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does not affect the alignment.
+   */
+  set yAlign(_value) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * is a way to set the position of the element in the canvas calculated in percentage.
+   * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
+   * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
+   * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
+   * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
+   */
+  set percentagePosition(_value) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * is a way to set the position of the element in the canvas calculated in percentage.
+   * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
+   * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
+   * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
+   * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
+   */
+  set xPercentagePosition(_value) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * is a way to set the position of the element in the canvas calculated in percentage.
+   * For example, if you set the {@link PixiContainer.pivot} to 0.5, and:
+   * - if you set percentagePosition to 0.5, the element will be in the center of the canvas.
+   * - If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
+   * - If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.
+   * 
+   * **Important:** The {@link PixiContainer.pivot} field does affect the percentagePosition.
+   */
+  set yPercentagePosition(_value) {
+    throw new Error("Method not implemented.");
+  }
+};
+function analizePositionsExtensionProps(props) {
+  if (!props) {
+    return props;
+  }
+  if (typeof props.align !== "number") {
+    if (props.xAlign != void 0) {
+      if (props.align === void 0) {
+        props.align = { x: props.xAlign };
+        delete props.xAlign;
+      } else {
+        props.align.x = props.xAlign;
+        delete props.xAlign;
+      }
+    }
+    if (props.yAlign != void 0) {
+      if (props.align === void 0) {
+        props.align = { y: props.yAlign };
+        delete props.yAlign;
+      } else {
+        props.align.y = props.yAlign;
+        delete props.yAlign;
+      }
+    }
+  }
+  if (typeof props.percentagePosition !== "number") {
+    if (props.xPercentagePosition != void 0) {
+      if (props.percentagePosition === void 0) {
+        props.percentagePosition = { x: props.xPercentagePosition };
+        delete props.xPercentagePosition;
+      } else {
+        props.percentagePosition.x = props.xPercentagePosition;
+        delete props.xPercentagePosition;
+      }
+    }
+    if (props.yPercentagePosition != void 0) {
+      if (props.percentagePosition === void 0) {
+        props.percentagePosition = { y: props.yPercentagePosition };
+        delete props.yPercentagePosition;
+      } else {
+        props.percentagePosition.y = props.yPercentagePosition;
+        delete props.yPercentagePosition;
+      }
+    }
+  }
+  return props;
+}
+
+export {
+  AdditionalPositionsExtension,
+  analizePositionsExtensionProps
+};

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

@@ -1,6 +1,12 @@
 import {
   aliasToRemoveAfter
 } from "./chunk-OMPJ74CO.js";
+import {
+  analizePositionsExtensionProps
+} from "./chunk-IRUKNG2Y.js";
+import {
+  Close
+} from "./chunk-I6TNJEE3.js";
 import {
   StorageManagerStatic
 } from "./chunk-DPUSONJ3.js";
@@ -10,9 +16,6 @@ import {
 import {
   SoundManagerStatic
 } from "./chunk-6FAGAUDR.js";
-import {
-  Close
-} from "./chunk-I6TNJEE3.js";
 import {
   bunnyImage,
   bunnyName,
@@ -69,7 +72,7 @@ import {
   filters,
   version,
   videoFormats
-} from "./chunk-K7XIRQGF.js";
+} from "./chunk-TOG67Z7Q.js";
 import {
   Sound,
   SoundLibrary,
@@ -684,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) {
@@ -772,6 +778,7 @@ async function setMemoryContainer(element, memory, opstions) {
 var ImageContainer = class extends Container2 {
   constructor(options, textureAliases = []) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAliases) {
       textureAliases.forEach((textureAlias) => {
         this.addChild(new ImageSprite(void 0, textureAlias));
@@ -780,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;
     }
   }
@@ -801,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();
   }
@@ -888,13 +896,17 @@ var ImageContainer = class extends Container2 {
     this.reloadPosition();
   }
   set xAlign(value) {
-    this._percentagePosition = void 0;
+    if (this._percentagePosition) {
+      this._percentagePosition.x = void 0;
+    }
     this._align === void 0 && (this._align = {});
     this._align.x = value;
     this.reloadPosition();
   }
   set yAlign(value) {
-    this._percentagePosition = void 0;
+    if (this._percentagePosition) {
+      this._percentagePosition.y = void 0;
+    }
     this._align === void 0 && (this._align = {});
     this._align.y = value;
     this.reloadPosition();
@@ -913,13 +925,17 @@ var ImageContainer = class extends Container2 {
     this.reloadPosition();
   }
   set xPercentagePosition(_value) {
-    this._align = void 0;
+    if (this._align) {
+      this._align.x = void 0;
+    }
     this._percentagePosition === void 0 && (this._percentagePosition = {});
     this._percentagePosition.x = _value;
     this.reloadPosition();
   }
   set yPercentagePosition(_value) {
-    this._align = void 0;
+    if (this._align) {
+      this._align.y = void 0;
+    }
     this._percentagePosition === void 0 && (this._percentagePosition = {});
     this._percentagePosition.y = _value;
     this.reloadPosition();
@@ -967,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();
       }
@@ -2803,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")) {
@@ -2811,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);
@@ -5788,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;
@@ -6101,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;
     }
@@ -6124,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) {
@@ -6261,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-K7XIRQGF.js → chunk-TOG67Z7Q.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-WS3FY4Q6.js";
 
 // package.json
-var version = "0.9.5";
+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.5";
+var version = "0.9.7";
 
 // src/constants.ts
 var Repeat = "repeat";
@@ -58618,6 +58618,55 @@ async function shakeEffect(alias, props = {}, priority) {
 // src/classes/canvas/ImageContainer.ts
 init_lib();
 
+// src/classes/canvas/AdditionalPositions.ts
+init_lib();
+function analizePositionsExtensionProps(props) {
+  if (!props) {
+    return props;
+  }
+  if (typeof props.align !== "number") {
+    if (props.xAlign != void 0) {
+      if (props.align === void 0) {
+        props.align = { x: props.xAlign };
+        delete props.xAlign;
+      } else {
+        props.align.x = props.xAlign;
+        delete props.xAlign;
+      }
+    }
+    if (props.yAlign != void 0) {
+      if (props.align === void 0) {
+        props.align = { y: props.yAlign };
+        delete props.yAlign;
+      } else {
+        props.align.y = props.yAlign;
+        delete props.yAlign;
+      }
+    }
+  }
+  if (typeof props.percentagePosition !== "number") {
+    if (props.xPercentagePosition != void 0) {
+      if (props.percentagePosition === void 0) {
+        props.percentagePosition = { x: props.xPercentagePosition };
+        delete props.xPercentagePosition;
+      } else {
+        props.percentagePosition.x = props.xPercentagePosition;
+        delete props.xPercentagePosition;
+      }
+    }
+    if (props.yPercentagePosition != void 0) {
+      if (props.percentagePosition === void 0) {
+        props.percentagePosition = { y: props.yPercentagePosition };
+        delete props.yPercentagePosition;
+      } else {
+        props.percentagePosition.y = props.yPercentagePosition;
+        delete props.yPercentagePosition;
+      }
+    }
+  }
+  return props;
+}
+
 // src/classes/canvas/Container.ts
 init_lib();
 
@@ -58653,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) {
@@ -58741,6 +58793,7 @@ async function setMemoryContainer(element, memory, opstions) {
 var ImageContainer = class extends Container2 {
   constructor(options, textureAliases = []) {
     super(options);
+    options = analizePositionsExtensionProps(options);
     if (textureAliases) {
       textureAliases.forEach((textureAlias) => {
         this.addChild(new ImageSprite(void 0, textureAlias));
@@ -58749,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;
     }
   }
@@ -58770,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();
   }
@@ -58857,13 +58911,17 @@ var ImageContainer = class extends Container2 {
     this.reloadPosition();
   }
   set xAlign(value) {
-    this._percentagePosition = void 0;
+    if (this._percentagePosition) {
+      this._percentagePosition.x = void 0;
+    }
     this._align === void 0 && (this._align = {});
     this._align.x = value;
     this.reloadPosition();
   }
   set yAlign(value) {
-    this._percentagePosition = void 0;
+    if (this._percentagePosition) {
+      this._percentagePosition.y = void 0;
+    }
     this._align === void 0 && (this._align = {});
     this._align.y = value;
     this.reloadPosition();
@@ -58882,13 +58940,17 @@ var ImageContainer = class extends Container2 {
     this.reloadPosition();
   }
   set xPercentagePosition(_value) {
-    this._align = void 0;
+    if (this._align) {
+      this._align.x = void 0;
+    }
     this._percentagePosition === void 0 && (this._percentagePosition = {});
     this._percentagePosition.x = _value;
     this.reloadPosition();
   }
   set yPercentagePosition(_value) {
-    this._align = void 0;
+    if (this._align) {
+      this._align.y = void 0;
+    }
     this._percentagePosition === void 0 && (this._percentagePosition = {});
     this._percentagePosition.y = _value;
     this.reloadPosition();
@@ -58936,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();
       }
@@ -60305,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;
@@ -60767,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;
     }
@@ -60790,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) {
@@ -60927,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();
@@ -62662,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")) {
@@ -62670,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,14 +1,15 @@
 import {
   CharacterBaseModel
-} from "../chunk-RFNGGK7X.js";
+} from "../chunk-NB4Q3GFK.js";
 import "../chunk-OMPJ74CO.js";
 import "../chunk-2JGQWY5I.js";
-import "../chunk-DPUSONJ3.js";
-import "../chunk-6GJXIPNB.js";
 import "../chunk-2BUPSB7O.js";
+import "../chunk-IRUKNG2Y.js";
+import "../chunk-6GJXIPNB.js";
+import "../chunk-I6TNJEE3.js";
+import "../chunk-DPUSONJ3.js";
 import "../chunk-WNOARCWH.js";
 import "../chunk-6FAGAUDR.js";
-import "../chunk-I6TNJEE3.js";
 import "../chunk-RI37WOHP.js";
 import "../chunk-ETZISN54.js";
 import "../chunk-VXCA724Z.js";
@@ -20,7 +21,7 @@ import "../chunk-ZBUW3MBH.js";
 import "../chunk-PIYIZHZL.js";
 import "../chunk-B7XQM2BB.js";
 import "../chunk-LEMOIFSV.js";
-import "../chunk-K7XIRQGF.js";
+import "../chunk-TOG67Z7Q.js";
 import "../chunk-WS3FY4Q6.js";
 import "../chunk-Z3NBKYVU.js";
 import "../chunk-SAUNZQHZ.js";