@drincs/pixi-vn 1.8.4 → 1.8.7

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-import { PlayerOptions, Player, ToneAudioNode, Param, ReverbOptions, FeedbackDelayOptions, FreeverbOptions, DelayOptions, PingPongDelayOptions, GateOptions, AutoFilterOptions, BiquadFilterOptions, OnePoleFilterOptions, FeedbackCombFilterOptions, FilterOptions, ChorusOptions, PhaserOptions, TremoloOptions, VibratoOptions, CompressorOptions, MidSideCompressorOptions, MultibandCompressorOptions, LimiterOptions, GreaterThanOptions, GreaterThanZeroOptions, DistortionOptions, BitCrusherOptions, Panner3DOptions, AutoPannerOptions, StereoWidenerOptions } from 'tone';
+import { S as SoundGameState, c as SoundManagerInterface } from './SoundManagerInterface-TgOPqm2L.js';
 import * as canvasUtils from '@drincs/pixi-vn/canvas';
-import { StoredChoiceInterface, StorageElementType as StorageElementType$1, OpenedLabel as OpenedLabel$1 } from '@drincs/pixi-vn/canvas';
 export * from '@drincs/pixi-vn/canvas';
 import * as characterUtils from '@drincs/pixi-vn/characters';
 export * from '@drincs/pixi-vn/characters';
@@ -11,705 +10,26 @@ export * from '@drincs/pixi-vn/history';
 import * as narrationUtils from '@drincs/pixi-vn/narration';
 import { NarrationGameState } from '@drincs/pixi-vn/narration';
 export * from '@drincs/pixi-vn/narration';
-import { UPDATE_PRIORITY, PointData, Container, ContainerOptions, ApplicationOptions } from '@drincs/pixi-vn/pixi.js';
+import { ApplicationOptions } from '@drincs/pixi-vn/pixi.js';
 export { AllFederatedEventMap, ApplicationOptions, AssetSrc, AssetsBundle, AssetsManifest, FederatedEvent, LoadParserName, ResolvedAsset, ResolvedSrc, UnresolvedAsset } from '@drincs/pixi-vn/pixi.js';
 import * as soundUtils from '@drincs/pixi-vn/sound';
 export * from '@drincs/pixi-vn/sound';
 import * as storageUtils from '@drincs/pixi-vn/storage';
 export * from '@drincs/pixi-vn/storage';
-import { LRUCache } from 'lru-cache';
-import { CharacterInterface, GameStepState } from '@drincs/pixi-vn';
-import { Difference } from 'microdiff';
+export { C as CachedMap } from './CachedMap-DZLvJAnA.js';
+import { P as PauseType, R as RepeatType, c as CanvasGameState } from './ContainerMemory-BjcfYRU7.js';
+import { H as HistoryGameState } from './HistoryGameState-D4t2fY9x.js';
+import { S as StorageGameState } from './StorageGameState-BJy57o6K.js';
+import { O as OpenedLabel } from './OpenedLabel-DJby8qPc.js';
 import { Devtools } from '@pixi/devtools';
+import 'tone';
+import 'lru-cache';
+import '@drincs/pixi-vn';
+import './HistoryStep-DtOryKAZ.js';
+import 'microdiff';
+import './StorageElementType-C7ETezlL.js';
 
-interface MediaInterface extends Pick<Player, "blockTime" | "disposed" | "loaded" | "loop" | "loopEnd" | "loopStart" | "mute" | "now" | "playbackRate" | "reverse" | "restart" | "start" | "stop" | "chain" | "disconnect" | "volume" | "state"> {
-    /**
-     * Whether the sound is currently paused.
-     */
-    paused: boolean;
-    /**
-     * @deprecated Use {@link mute} instead.
-     */
-    muted: boolean;
-    /**
-     * @deprecated Use {@link playbackRate} instead.
-     */
-    speed: number;
-}
-interface MediaMemory extends Partial<Omit<PlayerOptions, "url" | "volume">> {
-    /**
-     * The volume of this sound in the linear range [0, 1], where 0 is silence
-     * and 1 is full volume. Stored and restored in linear form; converted
-     * to/from Tone.js decibels internally.
-     */
-    volume?: number;
-    elapsed: number | undefined;
-    paused: boolean;
-    delay?: number;
-}
-
-interface SoundOptions extends Pick<Partial<PlayerOptions>, "loop" | "autostart" | "fadeIn" | "fadeOut" | "mute" | "loopEnd" | "loopStart" | "reverse" | "playbackRate"> {
-    /**
-     * The volume of this sound in the linear range [0, 1], where 0 is silence
-     * and 1 is full volume.  This is converted to decibels internally before
-     * being passed to the Tone.js Player.
-     */
-    volume?: number;
-    /**
-     * A collection of audio filters/effects to apply to this sound.
-     *
-     * Install "tone" for the full list of available filters.
-     *
-     * @example
-     * ```ts
-     * import * as Tone from "tone";
-     *
-     * const filters = [new Tone.FeedbackDelay("8n", 0.5)];
-     * ```
-     */
-    filters?: ToneAudioNode[];
-    /**
-     * @deprecated Use {@link playbackRate} instead.
-     */
-    speed?: number;
-    /**
-     * @deprecated Use {@link mute} instead.
-     */
-    muted?: boolean;
-}
-interface SoundPlayOptions extends SoundOptions {
-    /**
-     * The delay in seconds before playback starts. If specified, playback is
-     * scheduled to begin after the delay has elapsed rather than starting
-     * immediately in a paused state.
-     */
-    delay?: number;
-    /**
-     * The offset in seconds from the start of the sound at which to begin playback.
-     */
-    elapsed?: number;
-}
-interface SoundPlayOptionsWithChannel extends SoundPlayOptions {
-    /**
-     * The alias of the audio channel to play the sound on. If the channel does
-     * not exist it will be created automatically.
-     * Defaults to `SoundManagerInterface.defaultChannelAlias` ("general").
-     */
-    channel?: string;
-}
-interface ChannelOptions extends Pick<SoundPlayOptions, "filters" | "muted" | "volume"> {
-    /**
-     * Whether this channel is a background channel.
-     * Background channels are special: media playing on them is not stopped
-     * when a scene changes, but continues in the background.
-     */
-    background?: boolean;
-    /**
-     * The stereo pan position for this channel in the range [-1, 1].
-     * -1 is full left, 0 is centre, 1 is full right.
-     * Defaults to 0.
-     */
-    pan?: number;
-}
-
-interface AudioChannelInterface {
-    /**
-     * The alias of the audio channel. This is used to reference the channel when playing sounds. The alias must be unique among all channels.
-     */
-    readonly alias: string;
-    /**
-     * Plays a sound.
-     * @param alias The media and sound (asset) alias reference.
-     * @param options The options
-     * @return The sound instance,
-     *        this cannot be reused after it is done playing. Returns a Promise if the sound
-     *        has not yet loaded.
-     */
-    play(alias: string, options?: SoundPlayOptions): Promise<MediaInterface>;
-    /**
-     * Plays a sound.
-     * @param mediaAlias The media alias reference.
-     * @param soundAlias The sound (asset) alias reference.
-     * @param options The options
-     * @return The sound instance,
-     *        this cannot be reused after it is done playing. Returns a Promise if the sound
-     *        has not yet loaded.
-     */
-    play(mediaAlias: string, soundAlias: string, options?: SoundPlayOptions): Promise<MediaInterface>;
-    /**
-     * The stereo pan position for this channel in the range [-1, 1].
-     * -1 is full left, 0 is centre, 1 is full right.
-     */
-    pan: number;
-    /**
-     * The volume of the audio channel, between 0 and 1. This is multiplied with the volume of each sound played through this channel.
-     */
-    volume: number;
-    /**
-     * Whether the audio channel is muted. This is combined with the muted state of each sound played through this channel.
-     */
-    muted: boolean;
-    /**
-     * The MediaInstances currently playing through this channel. This is read-only and cannot be modified directly. Use the play method to add new MediaInstances to this channel.
-     */
-    readonly mediaInstances: MediaInterface[];
-    /**
-     * Whether this channel is a background channel.
-     * Background channels are special channels. Unlike normal channels, media connected to a background channel does not stop when a scene changes, but continues to play in the background.
-     */
-    readonly background: boolean;
-    /**
-     * Stops all media currently playing through this channel.
-     * @return Instance for chaining.
-     */
-    stopAll(): this;
-    /**
-     * Pauses any playing sounds.
-     * @return Instance for chaining.
-     */
-    pauseAll(): this;
-    /**
-     * Resumes any sounds.
-     * @return Instance for chaining.
-     */
-    resumeAll(): this;
-    /**
-     * Toggle muted property for all sounds.
-     * @return `true` if all sounds are muted.
-     */
-    toggleMuteAll(): boolean;
-    /**
-     * Useful for inserting channel-wide audio effects such as reverb, delay or EQ.
-     *
-     * Install "tone" to use this method.
-     *
-     * @param nodes One or more Tone.js {@link ToneAudioNode} instances to chain in series.
-     * @return Instance for chaining.
-     *
-     * @example
-     * ```ts
-     * import * as Tone from "tone";
-     *
-     * const channel = sound.findChannel("music");
-     *
-     * // Create a reverb effect and wait for its impulse response to be ready.
-     * const reverb = new Tone.Reverb({ decay: 2.5 });
-     *
-     * // Route the channel through the reverb to the master output.
-     * channel.chain(reverb);
-     * ```
-     */
-    chain(...nodes: ToneAudioNode[]): this;
-    /**
-     * **Advanced** — the raw `Tone.Param<"decibels">` for this channel's volume.
-     *
-     * Unlike the {@link volume} property (which uses a linear 0–1 scale), this
-     * Param works directly in **decibels** and exposes all Tone.js automation
-     * methods such as `rampTo`, `linearRampTo`, and `exponentialRampTo`.
-     *
-     * Use this when you need to smoothly automate volume over time instead of
-     * setting it instantly.
-     *
-     * @example
-     * ```ts
-     * const channel = sound.findChannel("music");
-     *
-     * // Fade the volume from its current level to -12 dB over 3 seconds.
-     * channel.volumeParam.rampTo(-12, 3);
-     *
-     * // Fade to silence over 2 seconds.
-     * channel.volumeParam.rampTo(-Infinity, 2);
-     * ```
-     */
-    readonly volumeParam: Param<"decibels">;
-    /**
-     * **Advanced** — the raw `Tone.Param<"audioRange">` for this channel's
-     * stereo pan position.
-     *
-     * Unlike the {@link pan} property (which sets the value instantly), this
-     * Param exposes all Tone.js automation methods such as `rampTo`,
-     * `linearRampTo`, and `exponentialRampTo`.
-     *
-     * Use this when you need to smoothly automate panning over time instead of
-     * setting it instantly.  Values range from -1 (full left) to 1 (full right).
-     *
-     * @example
-     * ```ts
-     * const channel = sound.findChannel("music");
-     *
-     * // Gradually pan to the left over 3 seconds.
-     * channel.panParam.rampTo(-1, 3);
-     *
-     * // Return to centre over 2 seconds.
-     * channel.panParam.rampTo(0, 2);
-     * ```
-     */
-    readonly panParam: Param<"audioRange">;
-}
-
-type SoundFilterMemory = ({
-    filterType: "ReverbFilter";
-} & Omit<Partial<ReverbOptions>, "context">) | ({
-    filterType: "FeedbackDelayFilter";
-} & Omit<Partial<FeedbackDelayOptions>, "context">) | ({
-    filterType: "FreeverbFilter";
-} & Omit<Partial<FreeverbOptions>, "context">) | ({
-    filterType: "DelayFilter";
-} & Omit<Partial<DelayOptions>, "context">) | ({
-    filterType: "PingPongDelayFilter";
-} & Omit<Partial<PingPongDelayOptions>, "context">) | ({
-    filterType: "GateFilter";
-} & Omit<Partial<GateOptions>, "context">) | ({
-    filterType: "AutoFilterFilter";
-} & Omit<Partial<AutoFilterOptions>, "context">) | ({
-    filterType: "BiquadFilterFilter";
-} & Omit<Partial<BiquadFilterOptions>, "context">) | ({
-    filterType: "OnePoleFilterFilter";
-} & Omit<Partial<OnePoleFilterOptions>, "context" | "frequency">) | ({
-    filterType: "FeedbackCombFilterFilter";
-} & Omit<Partial<FeedbackCombFilterOptions>, "context">) | ({
-    filterType: "CustomFilter";
-} & Omit<Partial<FilterOptions>, "context">) | ({
-    filterType: "ChorusFilter";
-} & Omit<Partial<ChorusOptions>, "context">) | ({
-    filterType: "PhaserFilter";
-} & Omit<Partial<PhaserOptions>, "context">) | ({
-    filterType: "TremoloFilter";
-} & Omit<Partial<TremoloOptions>, "context">) | ({
-    filterType: "VibratoFilter";
-} & Omit<Partial<VibratoOptions>, "context">) | ({
-    filterType: "CompressorFilter";
-} & Omit<Partial<CompressorOptions>, "context">) | ({
-    filterType: "MidSideCompressorFilter";
-} & Omit<Partial<MidSideCompressorOptions>, "context">) | ({
-    filterType: "MultibandCompressorFilter";
-} & Omit<Partial<MultibandCompressorOptions>, "context">) | ({
-    filterType: "LimiterFilter";
-} & Omit<Partial<LimiterOptions>, "context">) | ({
-    filterType: "GreaterThanFilter";
-} & Omit<Partial<GreaterThanOptions>, "context">) | ({
-    filterType: "GreaterThanZeroFilter";
-} & Omit<Partial<GreaterThanZeroOptions>, "context">) | ({
-    filterType: "DistortionFilter";
-} & Omit<Partial<DistortionOptions>, "context">) | ({
-    filterType: "BitCrusherFilter";
-} & Omit<Partial<BitCrusherOptions>, "context">) | ({
-    filterType: "Panner3DFilter";
-} & Omit<Partial<Panner3DOptions>, "context">) | ({
-    filterType: "AutoPannerFilter";
-} & Omit<Partial<AutoPannerOptions>, "context">) | ({
-    filterType: "StereoWidenerFilter";
-} & Omit<Partial<StereoWidenerOptions>, "context">);
-
-interface ExportedSound {
-    options: SoundOptions;
-    filters?: SoundFilterMemory[];
-}
-interface SoundPlay {
-    stepIndex: number;
-    paused: boolean;
-    options?: SoundPlayOptions | string;
-}
-interface ExportedSoundPlay extends SoundPlay {
-    sound: ExportedSound;
-}
-/**
- * Interface exported sounds
- */
-interface SoundGameState {
-    /**
-     * @deprecated
-     */
-    soundsPlaying?: {
-        [key: string]: ExportedSoundPlay;
-    };
-    mediaInstances: {
-        [key: string]: {
-            channelAlias: string;
-            soundAlias: string;
-            stepCounter: number;
-            options: MediaMemory & {
-                filters?: SoundFilterMemory[];
-                delay?: number;
-            };
-            /**
-             * @deprecated Use options.paused instead.
-             */
-            paused?: boolean;
-        };
-    };
-}
-
-interface SoundManagerInterface {
-    /** Master volume in the range [0, 1]. */
-    volumeAll: number;
-    /**
-     * @deprecated Global playback speed. This is not a well-supported feature and may be removed in a future release. Use individual sound speed options instead.
-     */
-    speedAll: number;
-    /**
-     * The default channel alias used when playing a sound without specifying a
-     * channel. Defaults to `"general"`.
-     */
-    defaultChannelAlias: string;
-    /**
-     * @deprecated Register sound assets directly via `PIXI.Assets` instead.
-     */
-    add(alias: string, options: string): void;
-    /**
-     * Plays a sound.
-     * @param alias The media and sound (asset) alias reference.
-     * @param options The options.
-     * @returns The media instance (resolves immediately if already loaded).
-     */
-    play(alias: string, options?: SoundPlayOptionsWithChannel): Promise<MediaInterface>;
-    play(mediaAlias: string, soundAlias: string, options?: SoundPlayOptionsWithChannel): Promise<MediaInterface>;
-    /**
-     * Plays a non-persistent ("transient") sound (e.g. UI / menu sounds).
-     * Transient playback is not tracked in save/export state.
-     */
-    playTransient(alias: string, options?: Partial<PlayerOptions>): Promise<Player>;
-    /**
-     * Find a tracked media instance by alias.
-     */
-    find(alias: string): MediaInterface | undefined;
-    /**
-     * Stop a tracked media instance and remove it from the manager.
-     */
-    stop(alias: string): void;
-    /**
-     * Pause a tracked media instance.
-     */
-    pause(alias: string): MediaInterface | undefined;
-    /**
-     * Resume a paused media instance.
-     */
-    resume(alias: string): MediaInterface | undefined;
-    /** Duration in seconds of the loaded sound with the given alias. */
-    duration(alias: string): number;
-    /** Toggle mute on all sounds. Returns the new muted state. */
-    toggleMuteAll(): boolean;
-    /**
-     * Whether all sounds are currently muted. Note that individual channels or media instances may still be muted or unmuted; this is just the global master mute state.
-     */
-    readonly muted: boolean;
-    /** Mute all sounds. */
-    muteAll(): this;
-    /** Unmute all sounds. */
-    unmuteAll(): this;
-    /** Stop all sounds. */
-    stopAll(): this;
-    /** Pause all sounds. */
-    pauseAll(): this;
-    /** Resume all sounds. */
-    resumeAll(): this;
-    /**
-     * Temporarily pause all currently-playing sounds (or just those in the given
-     * channel) without persisting the paused state. Useful for overlays / pause
-     * menus.
-     *
-     * Only sounds that are **actively playing** at the time of the call are paused;
-     * sounds that were already paused beforehand are left untouched so that they
-     * remain paused when {@link resumeUnsavedAll} is called later.
-     *
-     * When called without a channel argument all transient players started with
-     * {@link playTransient} are also stopped.
-     */
-    pauseUnsavedAll(channel?: string): this;
-    /**
-     * Resume all sounds (or just those in the given channel) that were paused by
-     * the most recent call to {@link pauseUnsavedAll}. Sounds that were already
-     * paused before `pauseUnsavedAll` was called are **not** resumed.
-     */
-    resumeUnsavedAll(channel?: string): this;
-    /**
-     * Stop all transient media instances started with {@link playTransient}.
-     */
-    stopTransientAll(): this;
-    /** Load one or more sound assets. */
-    load(...alias: string[]): Promise<void>;
-    /** Trigger background loading of one or more sound assets. */
-    backgroundLoad(...alias: string[]): Promise<void>;
-    /** Trigger background loading of a sound bundle. */
-    backgroundLoadBundle(alias: string): Promise<void>;
-    /** Stop all sounds and clear internal state. */
-    clear(): void;
-    /**
-     * Add a new audio channel.
-     * Returns the created channel, or `undefined` if the alias already exists.
-     */
-    addChannel(alias: string | string[], options?: ChannelOptions): AudioChannelInterface | undefined;
-    /**
-     * Find the channel for the given alias, creating it if it does not yet exist.
-     */
-    findChannel(alias: string): AudioChannelInterface;
-    /** All registered audio channels. */
-    readonly channels: AudioChannelInterface[];
-    /**
-     * Export the current sound state, including currently playing sounds and their options, for saving or debugging purposes. This is not guaranteed to be stable across versions and may contain implementation details; it is not intended for use in general application code.
-     */
-    export(): SoundGameState;
-    /**
-     * Restore a sound state exported by {@link export}. This will stop any currently playing sounds and replace them with the sounds specified in the exported state. This is not guaranteed to be stable across versions and may contain implementation details; it is not intended for use in general application code.
-     */
-    restore(data: object): Promise<void>;
-}
-
-declare class CachedMap<K extends {}, V extends {}> implements Map<K, V> {
-    readonly cache: LRUCache<K, V>;
-    readonly map: Map<K, V>;
-    constructor(options: {
-        cacheSize: number;
-    });
-    get [Symbol.iterator](): () => MapIterator<[K, V]>;
-    get [Symbol.toStringTag](): string;
-    clear(): void;
-    delete(key: K): boolean;
-    get forEach(): (callbackfn: (value: V, key: K, map: Map<K, V>) => void, thisArg?: any) => void;
-    get(key: K): V | undefined;
-    has(key: K): boolean;
-    set(key: K, value: V): this;
-    get size(): number;
-    entries(): MapIterator<[K, V]>;
-    keys(): MapIterator<K>;
-    values(): MapIterator<V>;
-}
-
-interface TickerArgs {
-}
-
-interface TickerHistory<TArgs extends TickerArgs> {
-    id: string;
-    args: TArgs;
-    /**
-     * The aliases of the canvas elements that are connected to this ticker
-     */
-    canvasElementAliases: string[];
-    priority?: UPDATE_PRIORITY;
-    duration?: number;
-    paused?: boolean;
-}
-
-type PauseType = {
-    /**
-     * The type of the value
-     */
-    type: "pause";
-    /**
-     * Duration in seconds
-     */
-    duration: number;
-};
-
-type RepeatType = "repeat";
-
-interface TickersStep<TArgs extends TickerArgs> {
-    /**
-     * Ticker class name
-     */
-    ticker: string;
-    /**
-     * Duration in seconds. If is undefined, the step will end only when the animation is finished.
-     */
-    duration?: number;
-    /**
-     * Arguments to pass to the ticker
-     */
-    args: TArgs;
-    /**
-     * Priority of the ticker
-     */
-    priority?: UPDATE_PRIORITY;
-}
-/**
- * The steps of the tickers
- */
-interface TickersSequence {
-    /**
-     * The step number
-     */
-    currentStepNumber: number;
-    /**
-     * The steps of the tickers
-     */
-    steps: (TickersStep<any> | RepeatType | PauseType)[];
-}
-
-/**
- * This class is used to create a canvas element to add into a Pixi Application.
- * You can use {@link canvas.add()} to add this element into the application.
- * This class should be implemented and the memory method should be overridden.
- * You must use the {@link canvasComponentDecorator} to register the canvas in the game.
- * In Ren'Py is a displayable.
- * @example
- * ```typescript
- * const CANVAS_EXAMPLE_ID = "CanvasExample";
- *
- * \@canvasComponentDecorator({
- *     name: CANVAS_EXAMPLE_ID,
- * })
- * export class CanvasExample extends Container implements CanvasBaseItem<Memory> {
- *     get memory(): Memory {
- *         return {
- *             pixivnId: CANVAS_EXAMPLE_ID,
- *             // ... other properties
- *         }
- *     }
- *     async setMemory(value: Memory) {
- *         // ... set other properties
- *     }
- * }
- * ```
- */
-declare class CanvasBaseItem<T2 extends CanvasBaseItemMemory> {
-    constructor(..._options: any);
-    /**
-     * This method return the memory of the canvas element.
-     * @throws {PixiError} when the method is not overridden in the subclass.
-     */
-    get memory(): T2;
-    /**
-     * This method set the memory of the canvas element.
-     * @throws {PixiError} when the method is not overridden in the subclass.
-     */
-    setMemory(_value: T2): Promise<void> | void;
-    /**
-     * Get the id of the canvas element. This variable is used in the system to get the canvas element by id
-     */
-    pixivnId: string;
-}
-
-/**
- * Interface for the canvas base memory
- */
-interface CanvasBaseItemMemory {
-    pixivnId: string;
-    /**
-     * The index of the container in its parent, if it has one
-     */
-    index?: number;
-    /**
-     * The label of the parent container, if it has one
-     */
-    parentLabel?: string;
-    label?: string;
-    zIndex?: number;
-}
-
-/**
- * Interface exported canvas
- */
-interface CanvasGameState {
-    tickers: {
-        [id: string]: TickerHistory<any>;
-    };
-    tickersSteps: {
-        [alias: string]: {
-            [tickerId: string]: TickersSequence;
-        };
-    };
-    elements: {
-        [alias: string]: CanvasBaseItemMemory;
-    };
-    stage: Partial<ContainerMemory>;
-    /**
-     * @deprecated
-     */
-    elementAliasesOrder: string[];
-    tickersToCompleteOnStepEnd: {
-        tikersIds: {
-            id: string;
-        }[];
-        stepAlias: {
-            id: string;
-            alias: string;
-        }[];
-    };
-}
-
-interface AdditionalPositionsExtensionProps {
-    /**
-     * 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.
-     */
-    align?: Partial<PointData> | number;
-    /**
-     * 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.
-     */
-    xAlign?: number;
-    /**
-     * 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.
-     */
-    yAlign?: number;
-    /**
-     * 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.
-     */
-    percentagePosition?: Partial<PointData> | number;
-    /**
-     * 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.
-     */
-    percentageX?: number;
-    /**
-     * 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.
-     */
-    percentageY?: number;
-}
-
-type ContainerChild = Container & CanvasBaseItem<any>;
-
-interface ListenerExtensionMemory {
-    onEvents?: OnEventsHandlers;
-}
-interface OnEventsHandlers {
-    [name: string]: string;
-}
-
-/**
- * Interface for the canvas container memory
- */
-interface ContainerMemory<C extends ContainerChild = ContainerChild> extends ContainerOptions<C>, CanvasBaseItemMemory, ListenerExtensionMemory, AdditionalPositionsExtensionProps {
-    /**
-     * The elements contained in this container
-     */
-    elements: CanvasBaseItemMemory[];
-}
-
-var version = "1.8.4";
+var version = "1.8.7";
 
 /**
  * @deprecated
@@ -783,132 +103,6 @@ declare const SYSTEM_RESERVED_STORAGE_KEYS: {
     LAST_STEP_GLUED: string;
 };
 
-type StorageElementPrimaryType = string | number | boolean | undefined | null | StorageElementPrimaryType[];
-type StorageElementInternalType = StorageElementPrimaryType | Record<string | number | symbol, StorageElementPrimaryType> | StorageElementInternalType[];
-type NonFunctionStorage = string | number | boolean | undefined | null | NonFunctionStorage[] | {
-    [key: string | number | symbol]: NonFunctionStorage;
-};
-/**
- * StorageElementType are all the types that can be stored in the storage
- */
-type StorageElementType = StorageElementInternalType | Record<string | number | symbol, StorageElementInternalType> | {
-    [key: string | number | symbol]: StorageElementType;
-} | StorageObjectType[] | (StorageElementPrimaryType | StorageElementInternalType | StorageElementType)[] | {
-    [key: string | number | symbol]: NonFunctionStorage;
-};
-/**
- * StorageObjectType are all the types that can be stored in the storage
- */
-type StorageObjectType = Record<string | number | symbol, StorageElementType>;
-
-interface StorageGameStateItem<T = StorageElementType> {
-    key: string;
-    value: T;
-}
-/**
- * Interface exported storage data
- */
-type StorageGameState = {
-    /**
-     * @deprecated
-     */
-    base?: StorageGameStateItem[];
-    /**
-     * @deprecated
-     */
-    temp?: StorageGameStateItem[];
-    tempDeadlines: StorageGameStateItem<number>[];
-    /**
-     * @deprecated
-     */
-    flags?: string[];
-    main: StorageGameStateItem[];
-};
-
-/**
- * is a string containing the name of the label.
- * It is used to {@link narration.registeredLabels} to get the label class.
- */
-type LabelIdType = string;
-
-interface DialogueInterface {
-    /**
-     * The text of the dialogue.
-     */
-    text: string | string[];
-    /**
-     * The id of the character that is speaking.
-     */
-    character?: CharacterInterface | string;
-}
-type StoredDialogue = Omit<DialogueInterface, "character"> & {
-    character: string | undefined;
-};
-
-interface HistoryStep {
-    /**
-     * The difference between the previous step and the current step.
-     */
-    diff?: Difference[];
-    /**
-     * The label id of the current step.
-     */
-    currentLabel?: LabelIdType;
-    /**
-     * The sha1 of the step function.
-     */
-    stepSha1: string;
-    /**
-     * Equivalent to the narration.stepCounter
-     */
-    index: number;
-    /**
-     * The data of the step of the label.
-     */
-    labelStepIndex: number | null;
-    /**
-     * Dialogue to be shown in the game
-     */
-    dialogue?: StoredDialogue;
-    /**
-     * List of choices asked of the player
-     */
-    choices?: StoredChoiceInterface[];
-    /**
-     * List of choices already made by the player
-     */
-    alreadyMadeChoices?: number[];
-    /**
-     * The input value of the player
-     */
-    inputValue?: StorageElementType$1;
-    /**
-     * The choice made by the player
-     */
-    choiceIndexMade?: number;
-    /**
-     * If true, the current dialogue will be glued to the previous one.
-     */
-    isGlued?: boolean;
-    /**
-     * Opened Labels in the current step.
-     */
-    openedLabels?: OpenedLabel$1[];
-}
-
-interface OpenedLabel {
-    label: LabelIdType;
-    currentStepIndex: number;
-}
-
-/**
- * Interface exported step data
- */
-interface HistoryGameState {
-    stepsHistory: HistoryStep[];
-    originalStepData: GameStepState | undefined;
-}
-
 interface GameState {
     pixivn_version: string;
     stepData: NarrationGameState;
@@ -970,7 +164,7 @@ declare namespace Game {
      * - `resizeMode`: The resize mode of the canvas.
      * @param devtoolsOptions Equivalent to the options you can use when initializing the [PixiJS Devtools](https://pixi-vn.com/start/canvas#use-pixijs-devtools-with-pixivn).
      * @example
-     * ```typescript
+     * ```ts
      * const body = document.body
      * if (!body) {
      *     throw new Error('body element not found')
@@ -1049,7 +243,7 @@ declare namespace Game {
     /**
      * Function to be executed at the end of the game. It should be set in the game initialization.
      * @example
-     * ```typescript
+     * ```ts
      * Game.onEnd(async (props) => {
      *    props.navigate("/end")
      * })
@@ -1067,7 +261,7 @@ declare namespace Game {
      * You can also check if the error is an instance of {@link PixiError} to handle specific errors related to Pixi’VN.
      *
      * @example
-     * ```typescript
+     * ```ts
      * // Register a synchronous error handler
      * Game.addOnError((error, props) => {
      *    props.notify("An error occurred")
@@ -1116,7 +310,7 @@ declare namespace Game {
      * @param label Label
      * @returns
      * @example
-     * ```typescript
+     * ```ts
      * Game.onLoadingLabel(async (stepId, label) => {
      *     await Assets.load('path/to/image1.png')
      *     await Assets.load('path/to/image2.png')
@@ -1134,7 +328,7 @@ declare namespace Game {
     /**
      * Function to be executed when navigation is requested.
      * @example
-     * ```typescript
+     * ```ts
      * Game.onNavigate(async (path) => {
      *    // custom navigation logic
      *    window.history.pushState({}, "title", path)
@@ -1169,4 +363,4 @@ declare const _default: {
     PIXIVN_VERSION: string;
 };
 
-export { CANVAS_APP_GAME_LAYER_ALIAS, CachedMap, Game, type GameState, type GameStepStateData, version as PIXIVN_VERSION, Pause, Repeat, SYSTEM_RESERVED_STORAGE_KEYS, createExportableElement, _default as default };
+export { CANVAS_APP_GAME_LAYER_ALIAS, Game, type GameState, type GameStepStateData, version as PIXIVN_VERSION, Pause, Repeat, SYSTEM_RESERVED_STORAGE_KEYS, createExportableElement, _default as default };