@drincs/pixi-vn 0.4.7 → 0.4.8

package/dist/classes/canvas/CanvasSprite.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/classes/canvas/CanvasSprite.ts","../../../src/decorators/EventDecorator.ts","../../../src/classes/canvas/CanvasBase.ts","../../../src/classes/canvas/CanvasContainer.ts","../../../src/classes/canvas/CanvasImage.ts","../../../src/functions/TextureUtility.ts","../../../src/classes/canvas/CanvasText.ts","../../../src/functions/CanvasUtility.ts"],"names":["Sprite","Container"],"mappings":"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","sourcesContent":["import { ContainerChild, ContainerEvents, EventEmitter, Sprite, SpriteOptions, Texture, TextureSourceLike } from \"pixi.js\";\nimport { getEventInstanceByClassName, getEventTypeByClassName } from \"../../decorators/EventDecorator\";\nimport { getTextureMemory } from \"../../functions/CanvasUtility\";\nimport { getTexture } from \"../../functions/TextureUtility\";\nimport ICanvasBaseMemory from \"../../interface/canvas/ICanvasBaseMemory\";\nimport ICanvasSpriteMemory, { ICanvasSpriteBaseMemory } from \"../../interface/canvas/ICanvasSpriteMemory\";\nimport { CanvasEventNamesType } from \"../../types/CanvasEventNamesType\";\nimport { EventIdType } from \"../../types/EventIdType\";\nimport CanvasEvent from \"../CanvasEvent\";\nimport CanvasBase from \"./CanvasBase\";\nimport { getMemoryContainer, setMemoryContainer } from \"./CanvasContainer\";\n\n/**\n * This class is a extension of the [PIXI.Sprite class](https://pixijs.com/8.x/examples/sprite/basic), it has the same properties and methods,\n * but it has the ability to be saved and loaded by the Pixi'VN library.\n * @example\n * ```typescript\n * const texture = await Assets.load('https://pixijs.com/assets/bunny.png');\n * const sprite = CanvasSprite.from(texture);\n *\n * sprite.anchor.set(0.5);\n * sprite.x = GameWindowManager.screen.width / 2;\n * sprite.y = GameWindowManager.screen.height / 2;\n *\n * sprite.eventMode = 'static';\n * sprite.cursor = 'pointer';\n * sprite.onEvent('pointerdown', EventTest);\n *\n * GameWindowManager.addCanvasElement(\"bunny\", sprite);\n * ```\n */\nexport default class CanvasSprite<Memory extends SpriteOptions & ICanvasBaseMemory = ICanvasSpriteMemory> extends Sprite implements CanvasBase<Memory | ICanvasSpriteMemory> {\n    get memory(): Memory | ICanvasSpriteMemory {\n        return getMemorySprite(this)\n    }\n    set memory(value: ICanvasSpriteMemory) {\n        setMemorySprite(this, value)\n    }\n    private _onEvents: { [name: CanvasEventNamesType]: EventIdType } = {}\n    get onEvents() {\n        return this._onEvents\n    }\n    /**\n     * is same function as on(), but it keeps in memory the children.\n     * @param event The event type, e.g., 'click', 'mousedown', 'mouseup', 'pointerdown', etc.\n     * @param eventClass The class that extends CanvasEvent.\n     * @returns \n     * @example\n     * ```typescript\n     * \\@eventDecorator()\n     * export class EventTest extends CanvasEvent<CanvasSprite> {\n     *     override fn(event: CanvasEventNamesType, sprite: CanvasSprite): void {\n     *         if (event === 'pointerdown') {\n     *             sprite.scale.x *= 1.25;\n     *             sprite.scale.y *= 1.25;\n     *         }\n     *     }\n     * }\n     * ```\n     * \n     * ```typescript\n     * let sprite = addImage(\"alien\", 'https://pixijs.com/assets/eggHead.png')\n     * await sprite.load()\n     *\n     * sprite.eventMode = 'static';\n     * sprite.cursor = 'pointer';\n     * sprite.onEvent('pointerdown', EventTest);\n     *\n     * GameWindowManager.addCanvasElement(\"bunny\", sprite);\n     * ```\n     */\n    onEvent<T extends CanvasEventNamesType, T2 extends typeof CanvasEvent<typeof this>>(event: T, eventClass: T2) {\n        let className = eventClass.name\n        let instance = getEventInstanceByClassName(className)\n        this._onEvents[event] = className\n        if (instance) {\n            super.on(event, () => {\n                (instance as CanvasEvent<CanvasBase<any>>).fn(event, this)\n            })\n        }\n        return this\n    }\n    /**\n     * on() does not keep in memory the event class, use onEvent() instead\n     * @deprecated\n     * @private\n     * @param event \n     * @param fn \n     * @param context \n     */\n    override on<T extends keyof ContainerEvents<ContainerChild> | keyof { [K: symbol]: any;[K: {} & string]: any; }>(event: T, fn: (...args: EventEmitter.ArgumentMap<ContainerEvents<ContainerChild> & { [K: symbol]: any;[K: {} & string]: any; }>[Extract<T, keyof ContainerEvents<ContainerChild> | keyof { [K: symbol]: any;[K: {} & string]: any; }>]) => void, context?: any): this {\n        return super.on(event, fn, context)\n    }\n    static override from(source: Texture | TextureSourceLike, skipCache?: boolean): CanvasSprite<any> {\n        let sprite = Sprite.from(source, skipCache)\n        let mySprite = new CanvasSprite()\n        mySprite.texture = sprite.texture\n        return mySprite\n    }\n}\n\nexport function getMemorySprite<T extends CanvasSprite<any>>(element: T | CanvasSprite<any>): ICanvasSpriteMemory {\n    let temp = getMemoryContainer(element)\n    return {\n        ...temp,\n        className: \"CanvasSprite\",\n        textureImage: getTextureMemory((element as any).texture),\n        anchor: { x: element.anchor.x, y: element.anchor.y },\n        roundPixels: element.roundPixels,\n        onEvents: element.onEvents,\n    }\n}\n\nexport function setMemorySprite<Memory extends ICanvasSpriteBaseMemory>(element: CanvasSprite<any>, memory: Memory) {\n    setMemoryContainer(element, memory)\n    getTexture(memory.textureImage.image).then((texture) => {\n        if (texture) {\n            element.texture = texture\n        }\n    })\n    if (memory.anchor) {\n        if (typeof memory.anchor === \"number\") {\n            element.anchor.set(memory.anchor, memory.anchor)\n        }\n        else {\n            element.anchor.set(memory.anchor.x, memory.anchor.y)\n        }\n    }\n    memory.roundPixels && (element.roundPixels = memory.roundPixels)\n    for (let event in memory.onEvents) {\n        let className = memory.onEvents[event]\n        let instance = getEventTypeByClassName(className)\n        if (instance) {\n            element.onEvent(event, instance)\n        }\n    }\n}\n","import { CanvasEvent } from \"../classes\"\nimport CanvasBase from \"../classes/canvas/CanvasBase\"\nimport { CanvasEventNamesType } from \"../types/CanvasEventNamesType\"\nimport { EventIdType } from \"../types/EventIdType\"\n\n/**\n * Canvas Event Register\n */\nexport const registeredEvents: { [name: EventIdType]: typeof CanvasEvent<CanvasEventNamesType> } = {}\n/**\n * Is a decorator that register a event in the game.\n * Is a required decorator for use the event in the game.\n * Thanks to this decoration the game has the possibility of updating the events to the latest modification and saving the game.\n * @param name is th identifier of the event, by default is the name of the class\n * @returns \n */\nexport default function eventDecorator(name?: EventIdType) {\n    return function (target: typeof CanvasEvent<any>) {\n        if (!name) {\n            name = target.name\n        }\n        if (registeredEvents[name]) {\n            console.warn(`[Pixi'VN] Event ${name} already exists, it will be overwritten`)\n        }\n        registeredEvents[name] = target\n    }\n}\n\n/**\n * Get an event type by the class name.\n * @param eventName The name of the class.\n * @returns The event type.\n */\nexport function getEventTypeByClassName<T = typeof CanvasEvent<CanvasBase<any>>>(eventName: EventIdType): T | undefined {\n    try {\n        let eventType = registeredEvents[eventName]\n        if (!eventType) {\n            console.error(`[Pixi'VN] Event ${eventName} not found`)\n            return\n        }\n        new eventType()\n        return eventType as T\n    }\n    catch (e) {\n        console.error(`[Pixi'VN] Error while getting Event ${eventName}`, e)\n        return\n    }\n}\n\n/**\n * Get an event instance by the class name.\n * @param eventName The name of the class.\n * @returns The event instance.\n */\nexport function getEventInstanceByClassName<T = CanvasEvent<CanvasBase<any>>>(eventName: EventIdType): T | undefined {\n    try {\n        let eventType = registeredEvents[eventName]\n        if (!eventType) {\n            console.error(`[Pixi'VN] Event ${eventName} not found`)\n            return\n        }\n        let event = new eventType()\n        return event as T\n    }\n    catch (e) {\n        console.error(`[Pixi'VN] Error while getting Event ${eventName}`, e)\n        return\n    }\n}\n","import { Container } from \"pixi.js\";\nimport { ICanvasBaseMemory } from \"../../interface/canvas\";\n\n/**\n * This class is used to create a canvas element to add into a Pixi Application.\n * You can use GameWindowManager.addCanvasElement() to add this element into the application.\n * This class should be implemented and the memory method should be overridden.\n * You must use the canvasElementDecorator to register the canvas in the game.\n * In Ren'Py is a displayable.\n * @example\n * ```typescript\n * \\@canvasElementDecorator() // this is equivalent to canvasElementDecorator(\"CanvasExample\")\n * export class CanvasExample extends Container implements CanvasBase<ICanvasExampleMemory> {\n *     get memory(): ICanvasExampleMemory {\n *         return {\n *             className: \"CanvasExample\",\n *             // ... other properties\n *         }\n *     }\n *     set memory(value: ICanvasExampleMemory) {\n *         // ... set other properties\n *     }\n * }\n * ```\n */\nexport default class CanvasBase<T2 extends ICanvasBaseMemory> extends Container {\n    /**\n     * This method return the memory of the canvas element.\n     */\n    get memory(): T2 { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n    /**\n     * This method set the memory of the canvas element.\n     */\n    set memory(_value: T2) { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n}\n","import { Container, ContainerOptions } from \"pixi.js\";\nimport { exportCanvasElement, importCanvasElement } from \"../../functions/CanvasUtility\";\nimport ICanvasContainerMemory from \"../../interface/canvas/ICanvasContainerMemory\";\nimport CanvasBase from \"./CanvasBase\";\n\n/**\n * This class is a extension of the [PIXI.Container class](https://pixijs.com/8.x/examples/basic/container), it has the same properties and methods, \n * but it has the ability to be saved and loaded by the Pixi'VN library.\n * @example\n * ```typescript\n *  const container = new CanvasContainer();\n *  GameWindowManager.addCanvasElement(container);\n *  const texture = await Assets.load('https://pixijs.com/assets/bunny.png');\n *  for (let i = 0; i < 25; i++)\n *  {\n *      const bunny = new CanvasSprite(texture);\n *      bunny.x = (i % 5) * 40;\n *      bunny.y = Math.floor(i / 5) * 40;\n *      container.addChild(bunny);\n *  }\n * ```\n */\nexport default class CanvasContainer extends Container implements CanvasBase<ICanvasContainerMemory> {\n    get memory(): ICanvasContainerMemory {\n        let memory = getMemoryContainer(this)\n        this.children.forEach(child => {\n            memory.elements.push(exportCanvasElement(child as CanvasBase<any>))\n        })\n        return memory\n    }\n    set memory(value: ICanvasContainerMemory) {\n        setMemoryContainer(this, value)\n        value.elements.forEach(child => {\n            this.addChild(importCanvasElement(child))\n        })\n    }\n}\n\nexport function getMemoryContainer<T extends Container>(element: T): ICanvasContainerMemory {\n    return {\n        className: \"CanvasContainer\",\n        elements: [],\n\n        width: element.width,\n        height: element.height,\n\n        isRenderGroup: element.isRenderGroup,\n        blendMode: element.blendMode,\n        tint: element.tint,\n        alpha: element.alpha,\n        angle: element.angle,\n        renderable: element.renderable,\n        rotation: element.rotation,\n        scale: { x: element.scale.x, y: element.scale.y },\n        pivot: { x: element.pivot.x, y: element.pivot.y },\n        position: { x: element.position.x, y: element.position.y },\n        skew: { x: element.skew.x, y: element.skew.y },\n        visible: element.visible,\n        culled: element.culled,\n        x: element.x,\n        y: element.y,\n        boundsArea: element.boundsArea,\n\n        cursor: element.cursor,\n        eventMode: element.eventMode,\n        interactive: element.interactive,\n        interactiveChildren: element.interactiveChildren,\n        hitArea: element.hitArea\n    }\n}\n\nexport function setMemoryContainer<T extends Container>(element: T | Container, memory: ContainerOptions) {\n    memory.width && (element.width = memory.width)\n    memory.height && (element.height = memory.height)\n\n    memory.isRenderGroup && (element.isRenderGroup = memory.isRenderGroup)\n    memory.blendMode && (element.blendMode = memory.blendMode)\n    memory.tint && (element.tint = memory.tint)\n    memory.alpha && (element.alpha = memory.alpha)\n    memory.angle && (element.angle = memory.angle)\n    memory.renderable && (element.renderable = memory.renderable)\n    memory.rotation && (element.rotation = memory.rotation)\n    if (memory.scale) {\n        if (typeof memory.scale === \"number\") {\n            element.scale.set(memory.scale, memory.scale)\n        }\n        else {\n            element.scale.set(memory.scale.x, memory.scale.y)\n        }\n    }\n    if (memory.pivot) {\n        if (typeof memory.pivot === \"number\") {\n            element.pivot.set(memory.pivot, memory.pivot)\n        }\n        else {\n            element.pivot.set(memory.pivot.x, memory.pivot.y)\n        }\n    }\n    memory.position && (element.position.set(memory.position.x, memory.position.y))\n    memory.skew && (element.skew.set(memory.skew.x, memory.skew.y))\n    memory.visible && (element.visible = memory.visible)\n    memory.culled && (element.culled = memory.culled)\n    memory.x && (element.x = memory.x)\n    memory.y && (element.y = memory.y)\n    memory.boundsArea && (element.boundsArea = memory.boundsArea)\n\n    memory.cursor && (element.cursor = memory.cursor)\n    memory.eventMode && (element.eventMode = memory.eventMode)\n    memory.interactive && (element.interactive = memory.interactive)\n    memory.interactiveChildren && (element.interactiveChildren = memory.interactiveChildren)\n    memory.hitArea && (element.hitArea = memory.hitArea)\n}\n","import { Sprite, SpriteOptions, Texture, TextureSourceLike } from \"pixi.js\";\nimport { getTexture } from \"../../functions/TextureUtility\";\nimport ICanvasImageMemory from \"../../interface/canvas/ICanvasImageMemory\";\nimport CanvasSprite, { getMemorySprite, setMemorySprite } from \"./CanvasSprite\";\n\n/**\n * This class is a extension of the CanvasSprite class, it has the same properties and methods,\n * but it has some features that make texture management easier.\n * You need to use CanvasImage.load() to show the image in the canvas.\n * This class is used for functions like addImage, loadImages and showWithDissolveTransition.\n * @example\n * ```typescript\n * let alien = new CanvasImage({\n *     anchor: { x: 0.5, y: 0.5 },\n *     x: 100,\n *     y: 100,\n * }, 'https://pixijs.com/assets/eggHead.png')\n * await alien.load()\n * GameWindowManager.addCanvasElement(\"alien\", alien)\n * ```\n * @example\n * ```typescript\n * let alien = addImage(\"alien\", 'https://pixijs.com/assets/eggHead.png')\n * alien.anchor.set(0.5);\n * alien.x = 100\n * alien.y = 100\n * await alien.load()\n * ```\n */\nexport default class CanvasImage extends CanvasSprite<ICanvasImageMemory> {\n    constructor(options?: SpriteOptions | Texture | undefined, imageLink?: string) {\n        super(options)\n        if (imageLink) {\n            this.imageLink = imageLink\n        }\n    }\n    override get memory(): ICanvasImageMemory {\n        return {\n            ...getMemorySprite(this),\n            className: \"CanvasImage\",\n            textureImage: { image: this.imageLink },\n        }\n    }\n    override set memory(memory: ICanvasImageMemory) {\n        setMemorySprite(this, memory)\n    }\n    imageLink: string = \"\"\n    static override from(source: Texture | TextureSourceLike, skipCache?: boolean) {\n        let sprite = Sprite.from(source, skipCache)\n        let mySprite = new CanvasImage()\n        mySprite.texture = sprite.texture\n        return mySprite\n    }\n    /** \n     * Load the image from the link and set the texture of the sprite.\n     * @param image The link of the image. If it is not set, it will use the imageLink property.\n     * @returns A promise that resolves when the image is loaded.\n     */\n    async load(image?: string) {\n        if (!image) {\n            image = this.imageLink\n        }\n        return getTexture(this.imageLink)\n            .then((texture) => {\n                if (texture) {\n                    this.texture = texture\n                }\n            })\n            .catch((e) => {\n                console.error(\"[Pixi'VN] Error into CanvasImage.load()\", e)\n            })\n    }\n}\n","import { Assets, TextStyle, TextStyleOptions, Texture } from 'pixi.js';\n\n/**\n * Get a texture from a url.\n * @param imageUrl is the url of the image.\n * @returns the texture of the image, or a text with the error.\n */\nexport async function getTexture(imageUrl: string): Promise<Texture | void> {\n    if (Assets.cache.has(imageUrl)) {\n        return Assets.get(imageUrl)\n    }\n    return Assets.load(imageUrl)\n        .then((texture) => {\n            if (!texture) {\n                console.error(\"[Pixi'VN] Texture not found\", imageUrl)\n                return\n            }\n            // if texture not is a Texture, then it is a TextureResource\n            if (!(texture instanceof Texture)) {\n                console.error(\"[Pixi'VN] File not is a image\", imageUrl)\n                return\n            }\n\n            return texture\n        })\n        .catch((e) => {\n            console.error(\"[Pixi'VN] Error loading image\", e)\n            return\n        })\n}\n\nexport function getTextStyle(style: TextStyle): TextStyleOptions {\n    let fill = style.fill\n    if (fill instanceof Object) {\n        // TODO: FillGradient and FillPattern are not supported yet\n        console.warn(\"[Pixi'VN] CanvasText.style.fill is a FillGradient or FillPattern, this is not supported yet.\", fill)\n        fill = \"#00FF00\"\n    }\n    return {\n        align: style.align,\n        breakWords: style.breakWords,\n        dropShadow: style.dropShadow,\n        fill: fill,\n        fontFamily: style.fontFamily,\n        fontSize: style.fontSize,\n        fontStyle: style.fontStyle,\n        fontVariant: style.fontVariant,\n        fontWeight: style.fontWeight,\n        leading: style.leading,\n        letterSpacing: style.letterSpacing,\n        lineHeight: style.lineHeight,\n        padding: style.padding,\n        stroke: style.stroke,\n        textBaseline: style.textBaseline,\n        trim: style.trim,\n        whiteSpace: style.whiteSpace,\n        wordWrap: style.wordWrap,\n        wordWrapWidth: style.wordWrapWidth,\n    }\n}\n","import { ContainerChild, ContainerEvents, EventEmitter, Text } from \"pixi.js\";\nimport { getEventInstanceByClassName, getEventTypeByClassName } from \"../../decorators/EventDecorator\";\nimport { getTextStyle } from \"../../functions/TextureUtility\";\nimport ICanvasTextMemory from \"../../interface/canvas/ICanvasTextTextMemory\";\nimport { CanvasEventNamesType } from \"../../types/CanvasEventNamesType\";\nimport { EventIdType } from \"../../types/EventIdType\";\nimport CanvasEvent from \"../CanvasEvent\";\nimport CanvasBase from \"./CanvasBase\";\nimport { getMemoryContainer, setMemoryContainer } from \"./CanvasContainer\";\n\n/**\n * This class is a extension of the [PIXI.Text class](https://pixijs.com/8.x/examples/text/pixi-text), it has the same properties and methods,\n * but it has the ability to be saved and loaded by the Pixi'VN library.\n * @example\n * ```typescript\n * const text = new CanvasText();\n * text.text = \"Hello World\"\n * GameWindowManager.addCanvasElement(\"text\", text);\n * ```\n */\nexport default class CanvasText extends Text implements CanvasBase<ICanvasTextMemory> {\n    get memory(): ICanvasTextMemory {\n        return getMemoryText(this)\n    }\n    set memory(value: ICanvasTextMemory) {\n        setMemoryText(this, value)\n    }\n    private _onEvents: { [name: CanvasEventNamesType]: EventIdType } = {}\n    get onEvents() {\n        return this._onEvents\n    }\n    /**\n     * is same function as on(), but it keeps in memory the children.\n     * @param event The event type, e.g., 'click', 'mousedown', 'mouseup', 'pointerdown', etc.\n     * @param eventClass The class that extends CanvasEvent.\n     * @returns \n     * @example\n     * ```typescript\n     * \\@eventDecorator()\n     * export class EventTest extends CanvasEvent<CanvasText> {\n     *     override fn(event: CanvasEventNamesType, text: CanvasText): void {\n     *         if (event === 'pointerdown') {\n     *             text.scale.x *= 1.25;\n     *             text.scale.y *= 1.25;\n     *         }\n     *     }\n     * }\n     * ```\n     * \n     * ```typescript\n     * const text = new CanvasText();\n     * text.text = \"Hello World\"\n     *\n     * text.eventMode = 'static';\n     * text.cursor = 'pointer';\n     * text.onEvent('pointerdown', EventTest);\n     *\n     * GameWindowManager.addCanvasElement(\"text\", text);\n     * ```\n     */\n    onEvent<T extends CanvasEventNamesType, T2 extends typeof CanvasEvent<typeof this>>(event: T, eventClass: T2) {\n        let className = eventClass.name\n        let instance = getEventInstanceByClassName(className)\n        this._onEvents[event] = className\n        if (instance) {\n            super.on(event, () => {\n                (instance as CanvasEvent<CanvasBase<any>>).fn(event, this)\n            })\n        }\n        return this\n    }\n    /**\n     * on() does not keep in memory the event class, use onEvent() instead\n     * @deprecated\n     * @private\n     * @param event \n     * @param fn \n     * @param context \n     */\n    override on<T extends keyof ContainerEvents<ContainerChild> | keyof { [K: symbol]: any;[K: {} & string]: any; }>(event: T, fn: (...args: EventEmitter.ArgumentMap<ContainerEvents<ContainerChild> & { [K: symbol]: any;[K: {} & string]: any; }>[Extract<T, keyof ContainerEvents<ContainerChild> | keyof { [K: symbol]: any;[K: {} & string]: any; }>]) => void, context?: any): this {\n        return super.on(event, fn, context)\n    }\n}\n\nexport function getMemoryText<T extends CanvasText>(element: T | CanvasText): ICanvasTextMemory {\n    let temp = getMemoryContainer(element)\n    return {\n        ...temp,\n        className: \"CanvasText\",\n        anchor: { x: element.anchor.x, y: element.anchor.y },\n        text: element.text,\n        resolution: element.resolution,\n        style: getTextStyle(element.style),\n        roundPixels: element.roundPixels,\n        onEvents: element.onEvents,\n    }\n}\n\nexport function setMemoryText(element: CanvasText, memory: ICanvasTextMemory) {\n    setMemoryContainer(element, memory)\n    if (memory.anchor) {\n        if (typeof memory.anchor === \"number\") {\n            element.anchor.set(memory.anchor, memory.anchor)\n        }\n        else {\n            element.anchor.set(memory.anchor.x, memory.anchor.y)\n        }\n    }\n    memory.text && (element.text = memory.text)\n    memory.resolution && (element.resolution = memory.resolution)\n    memory.style && (element.style = memory.style)\n    memory.roundPixels && (element.roundPixels = memory.roundPixels)\n    for (let event in memory.onEvents) {\n        let className = memory.onEvents[event]\n        let instance = getEventTypeByClassName(className)\n        if (instance) {\n            element.onEvent(event as CanvasEventNamesType, instance)\n        }\n    }\n}\n","import { Texture } from \"pixi.js\";\nimport { CanvasBase } from \"../classes/canvas\";\nimport { getCanvasElementInstanceByClassName } from \"../decorators/CanvasElementDecorator\";\nimport { ICanvasBaseMemory, ITextureMemory } from \"../interface/canvas\";\n\n/**\n * Get the memory object of the PixiJS texture\n * @param texture PixiJS Texture object\n * @returns Memory object of the texture\n */\nexport function getTextureMemory(texture: Texture): ITextureMemory {\n    let sourceTexture = texture.source\n    let textureMemory: ITextureMemory = {\n        image: sourceTexture.label\n    }\n    return textureMemory\n}\n\n/**\n * Export a Canvas element to a memory object\n * @param element Canvas element\n * @returns Memory object of the canvas\n */\nexport function exportCanvasElement<T extends CanvasBase<any>>(\n    element: T,\n): ICanvasBaseMemory {\n    return element.memory\n}\n\n/**\n * Import a Canvas element from a memory object\n * @param memory Memory object of the canvas\n * @returns Canvas element\n */\nexport function importCanvasElement<T extends CanvasBase<any>>(\n    memory: ICanvasBaseMemory,\n): T {\n    let element = getCanvasElementInstanceByClassName<T>(memory.className)\n    if (element) {\n        element.memory = memory\n    }\n    else {\n        throw new Error(\"[Pixi'VN] The element \" + memory.className + \" could not be created\")\n    }\n\n    return element\n}\n"]}

package/dist/classes/canvas/CanvasText.d.mts

@@ -0,0 +1,79 @@
+import { Text, ContainerEvents, ContainerChild, EventEmitter } from 'pixi.js';
+import ICanvasTextMemory from '../../interface/canvas/ICanvasTextTextMemory.mjs';
+import { CanvasEventNamesType } from '../../types/CanvasEventNamesType.mjs';
+import CanvasEvent from '../CanvasEvent.mjs';
+import CanvasBase from './CanvasBase.mjs';
+import '../../types/EventIdType.mjs';
+import '../../interface/canvas/ICanvasBaseMemory.mjs';
+
+/**
+ * This class is a extension of the [PIXI.Text class](https://pixijs.com/8.x/examples/text/pixi-text), it has the same properties and methods,
+ * but it has the ability to be saved and loaded by the Pixi'VN library.
+ * @example
+ * ```typescript
+ * const text = new CanvasText();
+ * text.text = "Hello World"
+ * GameWindowManager.addCanvasElement("text", text);
+ * ```
+ */
+declare class CanvasText extends Text implements CanvasBase<ICanvasTextMemory> {
+    get memory(): ICanvasTextMemory;
+    set memory(value: ICanvasTextMemory);
+    private _onEvents;
+    get onEvents(): {
+        [name: string]: string;
+        [name: symbol]: string;
+    };
+    /**
+     * is same function as on(), but it keeps in memory the children.
+     * @param event The event type, e.g., 'click', 'mousedown', 'mouseup', 'pointerdown', etc.
+     * @param eventClass The class that extends CanvasEvent.
+     * @returns
+     * @example
+     * ```typescript
+     * \@eventDecorator()
+     * export class EventTest extends CanvasEvent<CanvasText> {
+     *     override fn(event: CanvasEventNamesType, text: CanvasText): void {
+     *         if (event === 'pointerdown') {
+     *             text.scale.x *= 1.25;
+     *             text.scale.y *= 1.25;
+     *         }
+     *     }
+     * }
+     * ```
+     *
+     * ```typescript
+     * const text = new CanvasText();
+     * text.text = "Hello World"
+     *
+     * text.eventMode = 'static';
+     * text.cursor = 'pointer';
+     * text.onEvent('pointerdown', EventTest);
+     *
+     * GameWindowManager.addCanvasElement("text", text);
+     * ```
+     */
+    onEvent<T extends CanvasEventNamesType, T2 extends typeof CanvasEvent<typeof this>>(event: T, eventClass: T2): this;
+    /**
+     * on() does not keep in memory the event class, use onEvent() instead
+     * @deprecated
+     * @private
+     * @param event
+     * @param fn
+     * @param context
+     */
+    on<T extends keyof ContainerEvents<ContainerChild> | keyof {
+        [K: symbol]: any;
+        [K: {} & string]: any;
+    }>(event: T, fn: (...args: EventEmitter.ArgumentMap<ContainerEvents<ContainerChild> & {
+        [K: symbol]: any;
+        [K: {} & string]: any;
+    }>[Extract<T, keyof ContainerEvents<ContainerChild> | keyof {
+        [K: symbol]: any;
+        [K: {} & string]: any;
+    }>]) => void, context?: any): this;
+}
+declare function getMemoryText<T extends CanvasText>(element: T | CanvasText): ICanvasTextMemory;
+declare function setMemoryText(element: CanvasText, memory: ICanvasTextMemory): void;
+
+export { CanvasText as default, getMemoryText, setMemoryText };

package/dist/classes/canvas/CanvasText.d.ts

@@ -0,0 +1,79 @@
+import { Text, ContainerEvents, ContainerChild, EventEmitter } from 'pixi.js';
+import ICanvasTextMemory from '../../interface/canvas/ICanvasTextTextMemory.js';
+import { CanvasEventNamesType } from '../../types/CanvasEventNamesType.js';
+import CanvasEvent from '../CanvasEvent.js';
+import CanvasBase from './CanvasBase.js';
+import '../../types/EventIdType.js';
+import '../../interface/canvas/ICanvasBaseMemory.js';
+
+/**
+ * This class is a extension of the [PIXI.Text class](https://pixijs.com/8.x/examples/text/pixi-text), it has the same properties and methods,
+ * but it has the ability to be saved and loaded by the Pixi'VN library.
+ * @example
+ * ```typescript
+ * const text = new CanvasText();
+ * text.text = "Hello World"
+ * GameWindowManager.addCanvasElement("text", text);
+ * ```
+ */
+declare class CanvasText extends Text implements CanvasBase<ICanvasTextMemory> {
+    get memory(): ICanvasTextMemory;
+    set memory(value: ICanvasTextMemory);
+    private _onEvents;
+    get onEvents(): {
+        [name: string]: string;
+        [name: symbol]: string;
+    };
+    /**
+     * is same function as on(), but it keeps in memory the children.
+     * @param event The event type, e.g., 'click', 'mousedown', 'mouseup', 'pointerdown', etc.
+     * @param eventClass The class that extends CanvasEvent.
+     * @returns
+     * @example
+     * ```typescript
+     * \@eventDecorator()
+     * export class EventTest extends CanvasEvent<CanvasText> {
+     *     override fn(event: CanvasEventNamesType, text: CanvasText): void {
+     *         if (event === 'pointerdown') {
+     *             text.scale.x *= 1.25;
+     *             text.scale.y *= 1.25;
+     *         }
+     *     }
+     * }
+     * ```
+     *
+     * ```typescript
+     * const text = new CanvasText();
+     * text.text = "Hello World"
+     *
+     * text.eventMode = 'static';
+     * text.cursor = 'pointer';
+     * text.onEvent('pointerdown', EventTest);
+     *
+     * GameWindowManager.addCanvasElement("text", text);
+     * ```
+     */
+    onEvent<T extends CanvasEventNamesType, T2 extends typeof CanvasEvent<typeof this>>(event: T, eventClass: T2): this;
+    /**
+     * on() does not keep in memory the event class, use onEvent() instead
+     * @deprecated
+     * @private
+     * @param event
+     * @param fn
+     * @param context
+     */
+    on<T extends keyof ContainerEvents<ContainerChild> | keyof {
+        [K: symbol]: any;
+        [K: {} & string]: any;
+    }>(event: T, fn: (...args: EventEmitter.ArgumentMap<ContainerEvents<ContainerChild> & {
+        [K: symbol]: any;
+        [K: {} & string]: any;
+    }>[Extract<T, keyof ContainerEvents<ContainerChild> | keyof {
+        [K: symbol]: any;
+        [K: {} & string]: any;
+    }>]) => void, context?: any): this;
+}
+declare function getMemoryText<T extends CanvasText>(element: T | CanvasText): ICanvasTextMemory;
+declare function setMemoryText(element: CanvasText, memory: ICanvasTextMemory): void;
+
+export { CanvasText as default, getMemoryText, setMemoryText };

package/dist/classes/canvas/CanvasText.js

@@ -0,0 +1,259 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var pixi_js = require('pixi.js');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/decorators/EventDecorator.ts
+var registeredEvents = {};
+function getEventTypeByClassName(eventName) {
+  try {
+    let eventType = registeredEvents[eventName];
+    if (!eventType) {
+      console.error(`[Pixi'VN] Event ${eventName} not found`);
+      return;
+    }
+    new eventType();
+    return eventType;
+  } catch (e) {
+    console.error(`[Pixi'VN] Error while getting Event ${eventName}`, e);
+    return;
+  }
+}
+function getEventInstanceByClassName(eventName) {
+  try {
+    let eventType = registeredEvents[eventName];
+    if (!eventType) {
+      console.error(`[Pixi'VN] Event ${eventName} not found`);
+      return;
+    }
+    let event = new eventType();
+    return event;
+  } catch (e) {
+    console.error(`[Pixi'VN] Error while getting Event ${eventName}`, e);
+    return;
+  }
+}
+function getTextStyle(style) {
+  let fill = style.fill;
+  if (fill instanceof Object) {
+    console.warn("[Pixi'VN] CanvasText.style.fill is a FillGradient or FillPattern, this is not supported yet.", fill);
+    fill = "#00FF00";
+  }
+  return {
+    align: style.align,
+    breakWords: style.breakWords,
+    dropShadow: style.dropShadow,
+    fill,
+    fontFamily: style.fontFamily,
+    fontSize: style.fontSize,
+    fontStyle: style.fontStyle,
+    fontVariant: style.fontVariant,
+    fontWeight: style.fontWeight,
+    leading: style.leading,
+    letterSpacing: style.letterSpacing,
+    lineHeight: style.lineHeight,
+    padding: style.padding,
+    stroke: style.stroke,
+    textBaseline: style.textBaseline,
+    trim: style.trim,
+    whiteSpace: style.whiteSpace,
+    wordWrap: style.wordWrap,
+    wordWrapWidth: style.wordWrapWidth
+  };
+}
+
+// src/classes/canvas/CanvasContainer.ts
+function getMemoryContainer(element) {
+  return {
+    className: "CanvasContainer",
+    elements: [],
+    width: element.width,
+    height: element.height,
+    isRenderGroup: element.isRenderGroup,
+    blendMode: element.blendMode,
+    tint: element.tint,
+    alpha: element.alpha,
+    angle: element.angle,
+    renderable: element.renderable,
+    rotation: element.rotation,
+    scale: { x: element.scale.x, y: element.scale.y },
+    pivot: { x: element.pivot.x, y: element.pivot.y },
+    position: { x: element.position.x, y: element.position.y },
+    skew: { x: element.skew.x, y: element.skew.y },
+    visible: element.visible,
+    culled: element.culled,
+    x: element.x,
+    y: element.y,
+    boundsArea: element.boundsArea,
+    cursor: element.cursor,
+    eventMode: element.eventMode,
+    interactive: element.interactive,
+    interactiveChildren: element.interactiveChildren,
+    hitArea: element.hitArea
+  };
+}
+function setMemoryContainer(element, memory) {
+  memory.width && (element.width = memory.width);
+  memory.height && (element.height = memory.height);
+  memory.isRenderGroup && (element.isRenderGroup = memory.isRenderGroup);
+  memory.blendMode && (element.blendMode = memory.blendMode);
+  memory.tint && (element.tint = memory.tint);
+  memory.alpha && (element.alpha = memory.alpha);
+  memory.angle && (element.angle = memory.angle);
+  memory.renderable && (element.renderable = memory.renderable);
+  memory.rotation && (element.rotation = memory.rotation);
+  if (memory.scale) {
+    if (typeof memory.scale === "number") {
+      element.scale.set(memory.scale, memory.scale);
+    } else {
+      element.scale.set(memory.scale.x, memory.scale.y);
+    }
+  }
+  if (memory.pivot) {
+    if (typeof memory.pivot === "number") {
+      element.pivot.set(memory.pivot, memory.pivot);
+    } else {
+      element.pivot.set(memory.pivot.x, memory.pivot.y);
+    }
+  }
+  memory.position && element.position.set(memory.position.x, memory.position.y);
+  memory.skew && element.skew.set(memory.skew.x, memory.skew.y);
+  memory.visible && (element.visible = memory.visible);
+  memory.culled && (element.culled = memory.culled);
+  memory.x && (element.x = memory.x);
+  memory.y && (element.y = memory.y);
+  memory.boundsArea && (element.boundsArea = memory.boundsArea);
+  memory.cursor && (element.cursor = memory.cursor);
+  memory.eventMode && (element.eventMode = memory.eventMode);
+  memory.interactive && (element.interactive = memory.interactive);
+  memory.interactiveChildren && (element.interactiveChildren = memory.interactiveChildren);
+  memory.hitArea && (element.hitArea = memory.hitArea);
+}
+
+// src/classes/canvas/CanvasText.ts
+var CanvasText = class extends pixi_js.Text {
+  constructor() {
+    super(...arguments);
+    this._onEvents = {};
+  }
+  get memory() {
+    return getMemoryText(this);
+  }
+  set memory(value) {
+    setMemoryText(this, value);
+  }
+  get onEvents() {
+    return this._onEvents;
+  }
+  /**
+   * is same function as on(), but it keeps in memory the children.
+   * @param event The event type, e.g., 'click', 'mousedown', 'mouseup', 'pointerdown', etc.
+   * @param eventClass The class that extends CanvasEvent.
+   * @returns 
+   * @example
+   * ```typescript
+   * \@eventDecorator()
+   * export class EventTest extends CanvasEvent<CanvasText> {
+   *     override fn(event: CanvasEventNamesType, text: CanvasText): void {
+   *         if (event === 'pointerdown') {
+   *             text.scale.x *= 1.25;
+   *             text.scale.y *= 1.25;
+   *         }
+   *     }
+   * }
+   * ```
+   * 
+   * ```typescript
+   * const text = new CanvasText();
+   * text.text = "Hello World"
+   *
+   * text.eventMode = 'static';
+   * text.cursor = 'pointer';
+   * text.onEvent('pointerdown', EventTest);
+   *
+   * GameWindowManager.addCanvasElement("text", text);
+   * ```
+   */
+  onEvent(event, eventClass) {
+    let className = eventClass.name;
+    let instance = getEventInstanceByClassName(className);
+    this._onEvents[event] = className;
+    if (instance) {
+      super.on(event, () => {
+        instance.fn(event, this);
+      });
+    }
+    return this;
+  }
+  /**
+   * on() does not keep in memory the event class, use onEvent() instead
+   * @deprecated
+   * @private
+   * @param event 
+   * @param fn 
+   * @param context 
+   */
+  on(event, fn, context) {
+    return super.on(event, fn, context);
+  }
+};
+function getMemoryText(element) {
+  let temp = getMemoryContainer(element);
+  return __spreadProps(__spreadValues({}, temp), {
+    className: "CanvasText",
+    anchor: { x: element.anchor.x, y: element.anchor.y },
+    text: element.text,
+    resolution: element.resolution,
+    style: getTextStyle(element.style),
+    roundPixels: element.roundPixels,
+    onEvents: element.onEvents
+  });
+}
+function setMemoryText(element, memory) {
+  setMemoryContainer(element, memory);
+  if (memory.anchor) {
+    if (typeof memory.anchor === "number") {
+      element.anchor.set(memory.anchor, memory.anchor);
+    } else {
+      element.anchor.set(memory.anchor.x, memory.anchor.y);
+    }
+  }
+  memory.text && (element.text = memory.text);
+  memory.resolution && (element.resolution = memory.resolution);
+  memory.style && (element.style = memory.style);
+  memory.roundPixels && (element.roundPixels = memory.roundPixels);
+  for (let event in memory.onEvents) {
+    let className = memory.onEvents[event];
+    let instance = getEventTypeByClassName(className);
+    if (instance) {
+      element.onEvent(event, instance);
+    }
+  }
+}
+
+exports.default = CanvasText;
+exports.getMemoryText = getMemoryText;
+exports.setMemoryText = setMemoryText;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=CanvasText.js.map

package/dist/classes/canvas/CanvasText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/classes/canvas/CanvasText.ts","../../../src/decorators/EventDecorator.ts","../../../src/functions/TextureUtility.ts","../../../src/classes/canvas/CanvasContainer.ts","../../../src/classes/canvas/CanvasBase.ts","../../../src/classes/canvas/CanvasImage.ts","../../../src/classes/canvas/CanvasSprite.ts"],"names":["Container","Sprite"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,SAAwD,YAAY;;;ACQ7D,IAAM,mBAAsF,CAAC;AAyB7F,SAAS,wBAAiE,WAAuC;AACpH,MAAI;AACA,QAAI,YAAY,iBAAiB,SAAS;AAC1C,QAAI,CAAC,WAAW;AACZ,cAAQ,MAAM,mBAAmB,SAAS,YAAY;AACtD;AAAA,IACJ;AACA,QAAI,UAAU;AACd,WAAO;AAAA,EACX,SACO,GAAG;AACN,YAAQ,MAAM,uCAAuC,SAAS,IAAI,CAAC;AACnE;AAAA,EACJ;AACJ;AAOO,SAAS,4BAA8D,WAAuC;AACjH,MAAI;AACA,QAAI,YAAY,iBAAiB,SAAS;AAC1C,QAAI,CAAC,WAAW;AACZ,cAAQ,MAAM,mBAAmB,SAAS,YAAY;AACtD;AAAA,IACJ;AACA,QAAI,QAAQ,IAAI,UAAU;AAC1B,WAAO;AAAA,EACX,SACO,GAAG;AACN,YAAQ,MAAM,uCAAuC,SAAS,IAAI,CAAC;AACnE;AAAA,EACJ;AACJ;;;ACpEA,SAAS,QAAqC,eAAe;AA+BtD,SAAS,aAAa,OAAoC;AAC7D,MAAI,OAAO,MAAM;AACjB,MAAI,gBAAgB,QAAQ;AAExB,YAAQ,KAAK,gGAAgG,IAAI;AACjH,WAAO;AAAA,EACX;AACA,SAAO;AAAA,IACH,OAAO,MAAM;AAAA,IACb,YAAY,MAAM;AAAA,IAClB,YAAY,MAAM;AAAA,IAClB;AAAA,IACA,YAAY,MAAM;AAAA,IAClB,UAAU,MAAM;AAAA,IAChB,WAAW,MAAM;AAAA,IACjB,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,IAClB,SAAS,MAAM;AAAA,IACf,eAAe,MAAM;AAAA,IACrB,YAAY,MAAM;AAAA,IAClB,SAAS,MAAM;AAAA,IACf,QAAQ,MAAM;AAAA,IACd,cAAc,MAAM;AAAA,IACpB,MAAM,MAAM;AAAA,IACZ,YAAY,MAAM;AAAA,IAClB,UAAU,MAAM;AAAA,IAChB,eAAe,MAAM;AAAA,EACzB;AACJ;;;AC3DA,SAAS,aAAAA,kBAAmC;;;ACA5C,SAAS,iBAAiB;;;ACA1B,SAAS,UAAAC,eAAyD;;;ACAlE,SAAwD,cAAyD;;;AHsC1G,SAAS,mBAAwC,SAAoC;AACxF,SAAO;AAAA,IACH,WAAW;AAAA,IACX,UAAU,CAAC;AAAA,IAEX,OAAO,QAAQ;AAAA,IACf,QAAQ,QAAQ;AAAA,IAEhB,eAAe,QAAQ;AAAA,IACvB,WAAW,QAAQ;AAAA,IACnB,MAAM,QAAQ;AAAA,IACd,OAAO,QAAQ;AAAA,IACf,OAAO,QAAQ;AAAA,IACf,YAAY,QAAQ;AAAA,IACpB,UAAU,QAAQ;AAAA,IAClB,OAAO,EAAE,GAAG,QAAQ,MAAM,GAAG,GAAG,QAAQ,MAAM,EAAE;AAAA,IAChD,OAAO,EAAE,GAAG,QAAQ,MAAM,GAAG,GAAG,QAAQ,MAAM,EAAE;AAAA,IAChD,UAAU,EAAE,GAAG,QAAQ,SAAS,GAAG,GAAG,QAAQ,SAAS,EAAE;AAAA,IACzD,MAAM,EAAE,GAAG,QAAQ,KAAK,GAAG,GAAG,QAAQ,KAAK,EAAE;AAAA,IAC7C,SAAS,QAAQ;AAAA,IACjB,QAAQ,QAAQ;AAAA,IAChB,GAAG,QAAQ;AAAA,IACX,GAAG,QAAQ;AAAA,IACX,YAAY,QAAQ;AAAA,IAEpB,QAAQ,QAAQ;AAAA,IAChB,WAAW,QAAQ;AAAA,IACnB,aAAa,QAAQ;AAAA,IACrB,qBAAqB,QAAQ;AAAA,IAC7B,SAAS,QAAQ;AAAA,EACrB;AACJ;AAEO,SAAS,mBAAwC,SAAwB,QAA0B;AACtG,SAAO,UAAU,QAAQ,QAAQ,OAAO;AACxC,SAAO,WAAW,QAAQ,SAAS,OAAO;AAE1C,SAAO,kBAAkB,QAAQ,gBAAgB,OAAO;AACxD,SAAO,cAAc,QAAQ,YAAY,OAAO;AAChD,SAAO,SAAS,QAAQ,OAAO,OAAO;AACtC,SAAO,UAAU,QAAQ,QAAQ,OAAO;AACxC,SAAO,UAAU,QAAQ,QAAQ,OAAO;AACxC,SAAO,eAAe,QAAQ,aAAa,OAAO;AAClD,SAAO,aAAa,QAAQ,WAAW,OAAO;AAC9C,MAAI,OAAO,OAAO;AACd,QAAI,OAAO,OAAO,UAAU,UAAU;AAClC,cAAQ,MAAM,IAAI,OAAO,OAAO,OAAO,KAAK;AAAA,IAChD,OACK;AACD,cAAQ,MAAM,IAAI,OAAO,MAAM,GAAG,OAAO,MAAM,CAAC;AAAA,IACpD;AAAA,EACJ;AACA,MAAI,OAAO,OAAO;AACd,QAAI,OAAO,OAAO,UAAU,UAAU;AAClC,cAAQ,MAAM,IAAI,OAAO,OAAO,OAAO,KAAK;AAAA,IAChD,OACK;AACD,cAAQ,MAAM,IAAI,OAAO,MAAM,GAAG,OAAO,MAAM,CAAC;AAAA,IACpD;AAAA,EACJ;AACA,SAAO,YAAa,QAAQ,SAAS,IAAI,OAAO,SAAS,GAAG,OAAO,SAAS,CAAC;AAC7E,SAAO,QAAS,QAAQ,KAAK,IAAI,OAAO,KAAK,GAAG,OAAO,KAAK,CAAC;AAC7D,SAAO,YAAY,QAAQ,UAAU,OAAO;AAC5C,SAAO,WAAW,QAAQ,SAAS,OAAO;AAC1C,SAAO,MAAM,QAAQ,IAAI,OAAO;AAChC,SAAO,MAAM,QAAQ,IAAI,OAAO;AAChC,SAAO,eAAe,QAAQ,aAAa,OAAO;AAElD,SAAO,WAAW,QAAQ,SAAS,OAAO;AAC1C,SAAO,cAAc,QAAQ,YAAY,OAAO;AAChD,SAAO,gBAAgB,QAAQ,cAAc,OAAO;AACpD,SAAO,wBAAwB,QAAQ,sBAAsB,OAAO;AACpE,SAAO,YAAY,QAAQ,UAAU,OAAO;AAChD;;;AH3FA,IAAqB,aAArB,cAAwC,KAA8C;AAAA,EAAtF;AAAA;AAOI,SAAQ,YAA2D,CAAC;AAAA;AAAA,EANpE,IAAI,SAA4B;AAC5B,WAAO,cAAc,IAAI;AAAA,EAC7B;AAAA,EACA,IAAI,OAAO,OAA0B;AACjC,kBAAc,MAAM,KAAK;AAAA,EAC7B;AAAA,EAEA,IAAI,WAAW;AACX,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BA,QAAoF,OAAU,YAAgB;AAC1G,QAAI,YAAY,WAAW;AAC3B,QAAI,WAAW,4BAA4B,SAAS;AACpD,SAAK,UAAU,KAAK,IAAI;AACxB,QAAI,UAAU;AACV,YAAM,GAAG,OAAO,MAAM;AAClB,QAAC,SAA0C,GAAG,OAAO,IAAI;AAAA,MAC7D,CAAC;AAAA,IACL;AACA,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASS,GAAwG,OAAU,IAAuO,SAAqB;AACnX,WAAO,MAAM,GAAG,OAAO,IAAI,OAAO;AAAA,EACtC;AACJ;AAEO,SAAS,cAAoC,SAA4C;AAC5F,MAAI,OAAO,mBAAmB,OAAO;AACrC,SAAO,iCACA,OADA;AAAA,IAEH,WAAW;AAAA,IACX,QAAQ,EAAE,GAAG,QAAQ,OAAO,GAAG,GAAG,QAAQ,OAAO,EAAE;AAAA,IACnD,MAAM,QAAQ;AAAA,IACd,YAAY,QAAQ;AAAA,IACpB,OAAO,aAAa,QAAQ,KAAK;AAAA,IACjC,aAAa,QAAQ;AAAA,IACrB,UAAU,QAAQ;AAAA,EACtB;AACJ;AAEO,SAAS,cAAc,SAAqB,QAA2B;AAC1E,qBAAmB,SAAS,MAAM;AAClC,MAAI,OAAO,QAAQ;AACf,QAAI,OAAO,OAAO,WAAW,UAAU;AACnC,cAAQ,OAAO,IAAI,OAAO,QAAQ,OAAO,MAAM;AAAA,IACnD,OACK;AACD,cAAQ,OAAO,IAAI,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC;AAAA,IACvD;AAAA,EACJ;AACA,SAAO,SAAS,QAAQ,OAAO,OAAO;AACtC,SAAO,eAAe,QAAQ,aAAa,OAAO;AAClD,SAAO,UAAU,QAAQ,QAAQ,OAAO;AACxC,SAAO,gBAAgB,QAAQ,cAAc,OAAO;AACpD,WAAS,SAAS,OAAO,UAAU;AAC/B,QAAI,YAAY,OAAO,SAAS,KAAK;AACrC,QAAI,WAAW,wBAAwB,SAAS;AAChD,QAAI,UAAU;AACV,cAAQ,QAAQ,OAA+B,QAAQ;AAAA,IAC3D;AAAA,EACJ;AACJ","sourcesContent":["import { ContainerChild, ContainerEvents, EventEmitter, Text } from \"pixi.js\";\nimport { getEventInstanceByClassName, getEventTypeByClassName } from \"../../decorators/EventDecorator\";\nimport { getTextStyle } from \"../../functions/TextureUtility\";\nimport ICanvasTextMemory from \"../../interface/canvas/ICanvasTextTextMemory\";\nimport { CanvasEventNamesType } from \"../../types/CanvasEventNamesType\";\nimport { EventIdType } from \"../../types/EventIdType\";\nimport CanvasEvent from \"../CanvasEvent\";\nimport CanvasBase from \"./CanvasBase\";\nimport { getMemoryContainer, setMemoryContainer } from \"./CanvasContainer\";\n\n/**\n * This class is a extension of the [PIXI.Text class](https://pixijs.com/8.x/examples/text/pixi-text), it has the same properties and methods,\n * but it has the ability to be saved and loaded by the Pixi'VN library.\n * @example\n * ```typescript\n * const text = new CanvasText();\n * text.text = \"Hello World\"\n * GameWindowManager.addCanvasElement(\"text\", text);\n * ```\n */\nexport default class CanvasText extends Text implements CanvasBase<ICanvasTextMemory> {\n    get memory(): ICanvasTextMemory {\n        return getMemoryText(this)\n    }\n    set memory(value: ICanvasTextMemory) {\n        setMemoryText(this, value)\n    }\n    private _onEvents: { [name: CanvasEventNamesType]: EventIdType } = {}\n    get onEvents() {\n        return this._onEvents\n    }\n    /**\n     * is same function as on(), but it keeps in memory the children.\n     * @param event The event type, e.g., 'click', 'mousedown', 'mouseup', 'pointerdown', etc.\n     * @param eventClass The class that extends CanvasEvent.\n     * @returns \n     * @example\n     * ```typescript\n     * \\@eventDecorator()\n     * export class EventTest extends CanvasEvent<CanvasText> {\n     *     override fn(event: CanvasEventNamesType, text: CanvasText): void {\n     *         if (event === 'pointerdown') {\n     *             text.scale.x *= 1.25;\n     *             text.scale.y *= 1.25;\n     *         }\n     *     }\n     * }\n     * ```\n     * \n     * ```typescript\n     * const text = new CanvasText();\n     * text.text = \"Hello World\"\n     *\n     * text.eventMode = 'static';\n     * text.cursor = 'pointer';\n     * text.onEvent('pointerdown', EventTest);\n     *\n     * GameWindowManager.addCanvasElement(\"text\", text);\n     * ```\n     */\n    onEvent<T extends CanvasEventNamesType, T2 extends typeof CanvasEvent<typeof this>>(event: T, eventClass: T2) {\n        let className = eventClass.name\n        let instance = getEventInstanceByClassName(className)\n        this._onEvents[event] = className\n        if (instance) {\n            super.on(event, () => {\n                (instance as CanvasEvent<CanvasBase<any>>).fn(event, this)\n            })\n        }\n        return this\n    }\n    /**\n     * on() does not keep in memory the event class, use onEvent() instead\n     * @deprecated\n     * @private\n     * @param event \n     * @param fn \n     * @param context \n     */\n    override on<T extends keyof ContainerEvents<ContainerChild> | keyof { [K: symbol]: any;[K: {} & string]: any; }>(event: T, fn: (...args: EventEmitter.ArgumentMap<ContainerEvents<ContainerChild> & { [K: symbol]: any;[K: {} & string]: any; }>[Extract<T, keyof ContainerEvents<ContainerChild> | keyof { [K: symbol]: any;[K: {} & string]: any; }>]) => void, context?: any): this {\n        return super.on(event, fn, context)\n    }\n}\n\nexport function getMemoryText<T extends CanvasText>(element: T | CanvasText): ICanvasTextMemory {\n    let temp = getMemoryContainer(element)\n    return {\n        ...temp,\n        className: \"CanvasText\",\n        anchor: { x: element.anchor.x, y: element.anchor.y },\n        text: element.text,\n        resolution: element.resolution,\n        style: getTextStyle(element.style),\n        roundPixels: element.roundPixels,\n        onEvents: element.onEvents,\n    }\n}\n\nexport function setMemoryText(element: CanvasText, memory: ICanvasTextMemory) {\n    setMemoryContainer(element, memory)\n    if (memory.anchor) {\n        if (typeof memory.anchor === \"number\") {\n            element.anchor.set(memory.anchor, memory.anchor)\n        }\n        else {\n            element.anchor.set(memory.anchor.x, memory.anchor.y)\n        }\n    }\n    memory.text && (element.text = memory.text)\n    memory.resolution && (element.resolution = memory.resolution)\n    memory.style && (element.style = memory.style)\n    memory.roundPixels && (element.roundPixels = memory.roundPixels)\n    for (let event in memory.onEvents) {\n        let className = memory.onEvents[event]\n        let instance = getEventTypeByClassName(className)\n        if (instance) {\n            element.onEvent(event as CanvasEventNamesType, instance)\n        }\n    }\n}\n","import { CanvasEvent } from \"../classes\"\nimport CanvasBase from \"../classes/canvas/CanvasBase\"\nimport { CanvasEventNamesType } from \"../types/CanvasEventNamesType\"\nimport { EventIdType } from \"../types/EventIdType\"\n\n/**\n * Canvas Event Register\n */\nexport const registeredEvents: { [name: EventIdType]: typeof CanvasEvent<CanvasEventNamesType> } = {}\n/**\n * Is a decorator that register a event in the game.\n * Is a required decorator for use the event in the game.\n * Thanks to this decoration the game has the possibility of updating the events to the latest modification and saving the game.\n * @param name is th identifier of the event, by default is the name of the class\n * @returns \n */\nexport default function eventDecorator(name?: EventIdType) {\n    return function (target: typeof CanvasEvent<any>) {\n        if (!name) {\n            name = target.name\n        }\n        if (registeredEvents[name]) {\n            console.warn(`[Pixi'VN] Event ${name} already exists, it will be overwritten`)\n        }\n        registeredEvents[name] = target\n    }\n}\n\n/**\n * Get an event type by the class name.\n * @param eventName The name of the class.\n * @returns The event type.\n */\nexport function getEventTypeByClassName<T = typeof CanvasEvent<CanvasBase<any>>>(eventName: EventIdType): T | undefined {\n    try {\n        let eventType = registeredEvents[eventName]\n        if (!eventType) {\n            console.error(`[Pixi'VN] Event ${eventName} not found`)\n            return\n        }\n        new eventType()\n        return eventType as T\n    }\n    catch (e) {\n        console.error(`[Pixi'VN] Error while getting Event ${eventName}`, e)\n        return\n    }\n}\n\n/**\n * Get an event instance by the class name.\n * @param eventName The name of the class.\n * @returns The event instance.\n */\nexport function getEventInstanceByClassName<T = CanvasEvent<CanvasBase<any>>>(eventName: EventIdType): T | undefined {\n    try {\n        let eventType = registeredEvents[eventName]\n        if (!eventType) {\n            console.error(`[Pixi'VN] Event ${eventName} not found`)\n            return\n        }\n        let event = new eventType()\n        return event as T\n    }\n    catch (e) {\n        console.error(`[Pixi'VN] Error while getting Event ${eventName}`, e)\n        return\n    }\n}\n","import { Assets, TextStyle, TextStyleOptions, Texture } from 'pixi.js';\n\n/**\n * Get a texture from a url.\n * @param imageUrl is the url of the image.\n * @returns the texture of the image, or a text with the error.\n */\nexport async function getTexture(imageUrl: string): Promise<Texture | void> {\n    if (Assets.cache.has(imageUrl)) {\n        return Assets.get(imageUrl)\n    }\n    return Assets.load(imageUrl)\n        .then((texture) => {\n            if (!texture) {\n                console.error(\"[Pixi'VN] Texture not found\", imageUrl)\n                return\n            }\n            // if texture not is a Texture, then it is a TextureResource\n            if (!(texture instanceof Texture)) {\n                console.error(\"[Pixi'VN] File not is a image\", imageUrl)\n                return\n            }\n\n            return texture\n        })\n        .catch((e) => {\n            console.error(\"[Pixi'VN] Error loading image\", e)\n            return\n        })\n}\n\nexport function getTextStyle(style: TextStyle): TextStyleOptions {\n    let fill = style.fill\n    if (fill instanceof Object) {\n        // TODO: FillGradient and FillPattern are not supported yet\n        console.warn(\"[Pixi'VN] CanvasText.style.fill is a FillGradient or FillPattern, this is not supported yet.\", fill)\n        fill = \"#00FF00\"\n    }\n    return {\n        align: style.align,\n        breakWords: style.breakWords,\n        dropShadow: style.dropShadow,\n        fill: fill,\n        fontFamily: style.fontFamily,\n        fontSize: style.fontSize,\n        fontStyle: style.fontStyle,\n        fontVariant: style.fontVariant,\n        fontWeight: style.fontWeight,\n        leading: style.leading,\n        letterSpacing: style.letterSpacing,\n        lineHeight: style.lineHeight,\n        padding: style.padding,\n        stroke: style.stroke,\n        textBaseline: style.textBaseline,\n        trim: style.trim,\n        whiteSpace: style.whiteSpace,\n        wordWrap: style.wordWrap,\n        wordWrapWidth: style.wordWrapWidth,\n    }\n}\n","import { Container, ContainerOptions } from \"pixi.js\";\nimport { exportCanvasElement, importCanvasElement } from \"../../functions/CanvasUtility\";\nimport ICanvasContainerMemory from \"../../interface/canvas/ICanvasContainerMemory\";\nimport CanvasBase from \"./CanvasBase\";\n\n/**\n * This class is a extension of the [PIXI.Container class](https://pixijs.com/8.x/examples/basic/container), it has the same properties and methods, \n * but it has the ability to be saved and loaded by the Pixi'VN library.\n * @example\n * ```typescript\n *  const container = new CanvasContainer();\n *  GameWindowManager.addCanvasElement(container);\n *  const texture = await Assets.load('https://pixijs.com/assets/bunny.png');\n *  for (let i = 0; i < 25; i++)\n *  {\n *      const bunny = new CanvasSprite(texture);\n *      bunny.x = (i % 5) * 40;\n *      bunny.y = Math.floor(i / 5) * 40;\n *      container.addChild(bunny);\n *  }\n * ```\n */\nexport default class CanvasContainer extends Container implements CanvasBase<ICanvasContainerMemory> {\n    get memory(): ICanvasContainerMemory {\n        let memory = getMemoryContainer(this)\n        this.children.forEach(child => {\n            memory.elements.push(exportCanvasElement(child as CanvasBase<any>))\n        })\n        return memory\n    }\n    set memory(value: ICanvasContainerMemory) {\n        setMemoryContainer(this, value)\n        value.elements.forEach(child => {\n            this.addChild(importCanvasElement(child))\n        })\n    }\n}\n\nexport function getMemoryContainer<T extends Container>(element: T): ICanvasContainerMemory {\n    return {\n        className: \"CanvasContainer\",\n        elements: [],\n\n        width: element.width,\n        height: element.height,\n\n        isRenderGroup: element.isRenderGroup,\n        blendMode: element.blendMode,\n        tint: element.tint,\n        alpha: element.alpha,\n        angle: element.angle,\n        renderable: element.renderable,\n        rotation: element.rotation,\n        scale: { x: element.scale.x, y: element.scale.y },\n        pivot: { x: element.pivot.x, y: element.pivot.y },\n        position: { x: element.position.x, y: element.position.y },\n        skew: { x: element.skew.x, y: element.skew.y },\n        visible: element.visible,\n        culled: element.culled,\n        x: element.x,\n        y: element.y,\n        boundsArea: element.boundsArea,\n\n        cursor: element.cursor,\n        eventMode: element.eventMode,\n        interactive: element.interactive,\n        interactiveChildren: element.interactiveChildren,\n        hitArea: element.hitArea\n    }\n}\n\nexport function setMemoryContainer<T extends Container>(element: T | Container, memory: ContainerOptions) {\n    memory.width && (element.width = memory.width)\n    memory.height && (element.height = memory.height)\n\n    memory.isRenderGroup && (element.isRenderGroup = memory.isRenderGroup)\n    memory.blendMode && (element.blendMode = memory.blendMode)\n    memory.tint && (element.tint = memory.tint)\n    memory.alpha && (element.alpha = memory.alpha)\n    memory.angle && (element.angle = memory.angle)\n    memory.renderable && (element.renderable = memory.renderable)\n    memory.rotation && (element.rotation = memory.rotation)\n    if (memory.scale) {\n        if (typeof memory.scale === \"number\") {\n            element.scale.set(memory.scale, memory.scale)\n        }\n        else {\n            element.scale.set(memory.scale.x, memory.scale.y)\n        }\n    }\n    if (memory.pivot) {\n        if (typeof memory.pivot === \"number\") {\n            element.pivot.set(memory.pivot, memory.pivot)\n        }\n        else {\n            element.pivot.set(memory.pivot.x, memory.pivot.y)\n        }\n    }\n    memory.position && (element.position.set(memory.position.x, memory.position.y))\n    memory.skew && (element.skew.set(memory.skew.x, memory.skew.y))\n    memory.visible && (element.visible = memory.visible)\n    memory.culled && (element.culled = memory.culled)\n    memory.x && (element.x = memory.x)\n    memory.y && (element.y = memory.y)\n    memory.boundsArea && (element.boundsArea = memory.boundsArea)\n\n    memory.cursor && (element.cursor = memory.cursor)\n    memory.eventMode && (element.eventMode = memory.eventMode)\n    memory.interactive && (element.interactive = memory.interactive)\n    memory.interactiveChildren && (element.interactiveChildren = memory.interactiveChildren)\n    memory.hitArea && (element.hitArea = memory.hitArea)\n}\n","import { Container } from \"pixi.js\";\nimport { ICanvasBaseMemory } from \"../../interface/canvas\";\n\n/**\n * This class is used to create a canvas element to add into a Pixi Application.\n * You can use GameWindowManager.addCanvasElement() to add this element into the application.\n * This class should be implemented and the memory method should be overridden.\n * You must use the canvasElementDecorator to register the canvas in the game.\n * In Ren'Py is a displayable.\n * @example\n * ```typescript\n * \\@canvasElementDecorator() // this is equivalent to canvasElementDecorator(\"CanvasExample\")\n * export class CanvasExample extends Container implements CanvasBase<ICanvasExampleMemory> {\n *     get memory(): ICanvasExampleMemory {\n *         return {\n *             className: \"CanvasExample\",\n *             // ... other properties\n *         }\n *     }\n *     set memory(value: ICanvasExampleMemory) {\n *         // ... set other properties\n *     }\n * }\n * ```\n */\nexport default class CanvasBase<T2 extends ICanvasBaseMemory> extends Container {\n    /**\n     * This method return the memory of the canvas element.\n     */\n    get memory(): T2 { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n    /**\n     * This method set the memory of the canvas element.\n     */\n    set memory(_value: T2) { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n}\n","import { Sprite, SpriteOptions, Texture, TextureSourceLike } from \"pixi.js\";\nimport { getTexture } from \"../../functions/TextureUtility\";\nimport ICanvasImageMemory from \"../../interface/canvas/ICanvasImageMemory\";\nimport CanvasSprite, { getMemorySprite, setMemorySprite } from \"./CanvasSprite\";\n\n/**\n * This class is a extension of the CanvasSprite class, it has the same properties and methods,\n * but it has some features that make texture management easier.\n * You need to use CanvasImage.load() to show the image in the canvas.\n * This class is used for functions like addImage, loadImages and showWithDissolveTransition.\n * @example\n * ```typescript\n * let alien = new CanvasImage({\n *     anchor: { x: 0.5, y: 0.5 },\n *     x: 100,\n *     y: 100,\n * }, 'https://pixijs.com/assets/eggHead.png')\n * await alien.load()\n * GameWindowManager.addCanvasElement(\"alien\", alien)\n * ```\n * @example\n * ```typescript\n * let alien = addImage(\"alien\", 'https://pixijs.com/assets/eggHead.png')\n * alien.anchor.set(0.5);\n * alien.x = 100\n * alien.y = 100\n * await alien.load()\n * ```\n */\nexport default class CanvasImage extends CanvasSprite<ICanvasImageMemory> {\n    constructor(options?: SpriteOptions | Texture | undefined, imageLink?: string) {\n        super(options)\n        if (imageLink) {\n            this.imageLink = imageLink\n        }\n    }\n    override get memory(): ICanvasImageMemory {\n        return {\n            ...getMemorySprite(this),\n            className: \"CanvasImage\",\n            textureImage: { image: this.imageLink },\n        }\n    }\n    override set memory(memory: ICanvasImageMemory) {\n        setMemorySprite(this, memory)\n    }\n    imageLink: string = \"\"\n    static override from(source: Texture | TextureSourceLike, skipCache?: boolean) {\n        let sprite = Sprite.from(source, skipCache)\n        let mySprite = new CanvasImage()\n        mySprite.texture = sprite.texture\n        return mySprite\n    }\n    /** \n     * Load the image from the link and set the texture of the sprite.\n     * @param image The link of the image. If it is not set, it will use the imageLink property.\n     * @returns A promise that resolves when the image is loaded.\n     */\n    async load(image?: string) {\n        if (!image) {\n            image = this.imageLink\n        }\n        return getTexture(this.imageLink)\n            .then((texture) => {\n                if (texture) {\n                    this.texture = texture\n                }\n            })\n            .catch((e) => {\n                console.error(\"[Pixi'VN] Error into CanvasImage.load()\", e)\n            })\n    }\n}\n","import { ContainerChild, ContainerEvents, EventEmitter, Sprite, SpriteOptions, Texture, TextureSourceLike } from \"pixi.js\";\nimport { getEventInstanceByClassName, getEventTypeByClassName } from \"../../decorators/EventDecorator\";\nimport { getTextureMemory } from \"../../functions/CanvasUtility\";\nimport { getTexture } from \"../../functions/TextureUtility\";\nimport ICanvasBaseMemory from \"../../interface/canvas/ICanvasBaseMemory\";\nimport ICanvasSpriteMemory, { ICanvasSpriteBaseMemory } from \"../../interface/canvas/ICanvasSpriteMemory\";\nimport { CanvasEventNamesType } from \"../../types/CanvasEventNamesType\";\nimport { EventIdType } from \"../../types/EventIdType\";\nimport CanvasEvent from \"../CanvasEvent\";\nimport CanvasBase from \"./CanvasBase\";\nimport { getMemoryContainer, setMemoryContainer } from \"./CanvasContainer\";\n\n/**\n * This class is a extension of the [PIXI.Sprite class](https://pixijs.com/8.x/examples/sprite/basic), it has the same properties and methods,\n * but it has the ability to be saved and loaded by the Pixi'VN library.\n * @example\n * ```typescript\n * const texture = await Assets.load('https://pixijs.com/assets/bunny.png');\n * const sprite = CanvasSprite.from(texture);\n *\n * sprite.anchor.set(0.5);\n * sprite.x = GameWindowManager.screen.width / 2;\n * sprite.y = GameWindowManager.screen.height / 2;\n *\n * sprite.eventMode = 'static';\n * sprite.cursor = 'pointer';\n * sprite.onEvent('pointerdown', EventTest);\n *\n * GameWindowManager.addCanvasElement(\"bunny\", sprite);\n * ```\n */\nexport default class CanvasSprite<Memory extends SpriteOptions & ICanvasBaseMemory = ICanvasSpriteMemory> extends Sprite implements CanvasBase<Memory | ICanvasSpriteMemory> {\n    get memory(): Memory | ICanvasSpriteMemory {\n        return getMemorySprite(this)\n    }\n    set memory(value: ICanvasSpriteMemory) {\n        setMemorySprite(this, value)\n    }\n    private _onEvents: { [name: CanvasEventNamesType]: EventIdType } = {}\n    get onEvents() {\n        return this._onEvents\n    }\n    /**\n     * is same function as on(), but it keeps in memory the children.\n     * @param event The event type, e.g., 'click', 'mousedown', 'mouseup', 'pointerdown', etc.\n     * @param eventClass The class that extends CanvasEvent.\n     * @returns \n     * @example\n     * ```typescript\n     * \\@eventDecorator()\n     * export class EventTest extends CanvasEvent<CanvasSprite> {\n     *     override fn(event: CanvasEventNamesType, sprite: CanvasSprite): void {\n     *         if (event === 'pointerdown') {\n     *             sprite.scale.x *= 1.25;\n     *             sprite.scale.y *= 1.25;\n     *         }\n     *     }\n     * }\n     * ```\n     * \n     * ```typescript\n     * let sprite = addImage(\"alien\", 'https://pixijs.com/assets/eggHead.png')\n     * await sprite.load()\n     *\n     * sprite.eventMode = 'static';\n     * sprite.cursor = 'pointer';\n     * sprite.onEvent('pointerdown', EventTest);\n     *\n     * GameWindowManager.addCanvasElement(\"bunny\", sprite);\n     * ```\n     */\n    onEvent<T extends CanvasEventNamesType, T2 extends typeof CanvasEvent<typeof this>>(event: T, eventClass: T2) {\n        let className = eventClass.name\n        let instance = getEventInstanceByClassName(className)\n        this._onEvents[event] = className\n        if (instance) {\n            super.on(event, () => {\n                (instance as CanvasEvent<CanvasBase<any>>).fn(event, this)\n            })\n        }\n        return this\n    }\n    /**\n     * on() does not keep in memory the event class, use onEvent() instead\n     * @deprecated\n     * @private\n     * @param event \n     * @param fn \n     * @param context \n     */\n    override on<T extends keyof ContainerEvents<ContainerChild> | keyof { [K: symbol]: any;[K: {} & string]: any; }>(event: T, fn: (...args: EventEmitter.ArgumentMap<ContainerEvents<ContainerChild> & { [K: symbol]: any;[K: {} & string]: any; }>[Extract<T, keyof ContainerEvents<ContainerChild> | keyof { [K: symbol]: any;[K: {} & string]: any; }>]) => void, context?: any): this {\n        return super.on(event, fn, context)\n    }\n    static override from(source: Texture | TextureSourceLike, skipCache?: boolean): CanvasSprite<any> {\n        let sprite = Sprite.from(source, skipCache)\n        let mySprite = new CanvasSprite()\n        mySprite.texture = sprite.texture\n        return mySprite\n    }\n}\n\nexport function getMemorySprite<T extends CanvasSprite<any>>(element: T | CanvasSprite<any>): ICanvasSpriteMemory {\n    let temp = getMemoryContainer(element)\n    return {\n        ...temp,\n        className: \"CanvasSprite\",\n        textureImage: getTextureMemory((element as any).texture),\n        anchor: { x: element.anchor.x, y: element.anchor.y },\n        roundPixels: element.roundPixels,\n        onEvents: element.onEvents,\n    }\n}\n\nexport function setMemorySprite<Memory extends ICanvasSpriteBaseMemory>(element: CanvasSprite<any>, memory: Memory) {\n    setMemoryContainer(element, memory)\n    getTexture(memory.textureImage.image).then((texture) => {\n        if (texture) {\n            element.texture = texture\n        }\n    })\n    if (memory.anchor) {\n        if (typeof memory.anchor === \"number\") {\n            element.anchor.set(memory.anchor, memory.anchor)\n        }\n        else {\n            element.anchor.set(memory.anchor.x, memory.anchor.y)\n        }\n    }\n    memory.roundPixels && (element.roundPixels = memory.roundPixels)\n    for (let event in memory.onEvents) {\n        let className = memory.onEvents[event]\n        let instance = getEventTypeByClassName(className)\n        if (instance) {\n            element.onEvent(event, instance)\n        }\n    }\n}\n"]}