pixi-rainman-game-engine 0.3.43 → 0.3.44-beta

package/dist/ComponentRegistry/ComponentRegistry.js

@@ -1,5 +1,5 @@
 import { isIncentiveComponentInterface, isSpeedAdapterInterface, SpeedLevelHandler, TimedIncentiveController } from "../application";
-import { AbstractSymbolsColumn, SpeedControlButton } from "../components";
+import { AbstractSymbolsColumn, SpeedControlButton, SpeedControlButtonMobile } from "../components";
 import { RainMan } from "../Rainman";
 import { openFullscreen } from "../utils";
 /**
@@ -49,7 +49,8 @@ export class ComponentRegistry {
         this.speedLevelHandler.setSpeed(newSpeedLevel);
         RainMan.settingsStore.setSpeedLevel(this.speedLevelHandler.currentSpeed);
         this.updateAllSpeedAdaptable(RainMan.settingsStore.currentSpeed);
-        this.get(SpeedControlButton.registryName).forceTextureUpdate();
+        this.getIfExists(SpeedControlButton.registryName)?.forceTextureUpdate();
+        this.getIfExists(SpeedControlButtonMobile.registryName)?.forceTextureUpdate();
     }
     /**
      * Setting the next available speed level
@@ -60,7 +61,8 @@ export class ComponentRegistry {
         this.speedLevelHandler.nextSpeed();
         RainMan.settingsStore.setSpeedLevel(this.speedLevelHandler.currentSpeed);
         this.updateAllSpeedAdaptable(RainMan.settingsStore.currentSpeed);
-        this.get(SpeedControlButton.registryName).forceTextureUpdate();
+        this.getIfExists(SpeedControlButton.registryName)?.forceTextureUpdate();
+        this.getIfExists(SpeedControlButtonMobile.registryName)?.forceTextureUpdate();
     }
     /**
      * Getter for current speed level

package/dist/ComponentRegistry/types.d.ts

@@ -1,4 +1,4 @@
-import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, GambleButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, StylefulUpdatableText, TakeButton, UpdatableTextComponent, UpdatableValueComponent, VolumeButton } from "../components";
+import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, GambleButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, SpeedControlButtonMobile, StylefulUpdatableText, TakeButton, UpdatableTextComponent, UpdatableValueComponent, VolumeButton } from "../components";
 /**
  * RegistryMap is a map of all components that are registered in the ComponentRegistry.
  * It is used to type-check the components that are registered in the ComponentRegistry.
@@ -11,6 +11,7 @@ export interface RegistryMap {
     [MessageBox.gamePaysTextRegistryName]: UpdatableTextComponent;
     [MessageBox.registryName]: MessageBox;
     [SpeedControlButton.registryName]: SpeedControlButton;
+    [SpeedControlButtonMobile.registryName]: SpeedControlButtonMobile;
     [Background.registryName]: Background;
     [VolumeButton.registryName]: VolumeButton;
     [AutoplayButton.registryName]: AutoplayButton;

package/dist/ComponentRegistry/types.js

@@ -1 +1 @@
-import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, VolumeButton } from "../components";
+import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, SpeedControlButtonMobile, VolumeButton } from "../components";

package/dist/DescribedPlayableAction/DescribedPlayableAction.d.ts

@@ -10,5 +10,8 @@ export declare class DescribedPlayableAction<T> {
     winAmount: Nullable<number>;
     skipLooping: boolean;
     isFirstStreak: boolean;
+    animationTarget: {
+        isCurrentAnimationPastProgressThreshold?: () => boolean;
+    } | null;
     constructor(type: T, action: PlayableAction, winAmount?: Nullable<number>, skipLooping?: boolean);
 }

package/dist/DescribedPlayableAction/DescribedPlayableAction.js

@@ -9,6 +9,7 @@ export class DescribedPlayableAction {
     winAmount;
     skipLooping;
     isFirstStreak = false;
+    animationTarget = null;
     constructor(type, action, winAmount = null, skipLooping = false) {
         this.type = type;
         this.action = action;

package/dist/application/ButtonsEventManager/ButtonsEventManager.d.ts

@@ -154,6 +154,7 @@ export declare class ButtonsEventManager {
      * @returns {void}
      */
     private handleModalInvocation;
+    private closeAllModals;
     /**
      * Function for closing all other modals except the one with given name
      * @param {string} activeLayerName - name of the layer that should remain open

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -62,6 +62,7 @@ export class ButtonsEventManager {
         RainMan.settingsStore.handleModalInvocation = this.handleModalInvocation.bind(this);
         RainMan.settingsStore.enableButtons = this.enableButtons.bind(this);
         RainMan.settingsStore.closeOtherModals = this.closeOtherModals.bind(this);
+        RainMan.settingsStore.closeAllModals = this.closeAllModals.bind(this);
         RainMan.settingsStore.closeCurrentlyOpenModal = this.closeCurrentlyOpenModal.bind(this);
     }
     /**
@@ -359,6 +360,14 @@ export class ButtonsEventManager {
             }
         }
     }
+    closeAllModals() {
+        for (const itemId of allUiItems) {
+            const layer = window.document.getElementById(itemId);
+            if (layer !== null && layer.style.display === "flex") {
+                layer.style.display = "none";
+            }
+        }
+    }
     /**
      * Function for closing all other modals except the one with given name
      * @param {string} activeLayerName - name of the layer that should remain open

package/dist/application/SoundManager/SoundManager.d.ts

@@ -16,7 +16,6 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
     readonly speedLevelMapper: SpeedLevelDirectory<SoundOverrides>;
     private musicCatalogue;
     private currentAmbientTrack;
-    private currentAmbientOffset;
     private loadedSoundAssets;
     private audioContextRecoveryPromise;
     constructor();
@@ -41,7 +40,7 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
      * @returns {void}
      */
     stopPlayingFxSounds(): void;
-    pauseSoundsForPageHide(): void;
+    stopSoundsForPageHide(): void;
     /**
      * Function for resuming and pausing sound in game
      * @public
@@ -67,14 +66,6 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
     private getOppositeAmbientTrack;
     private getCurrentAmbientTrack;
     private getSound;
-    private getAmbientPlaybackOffset;
-    private trackAmbientPlaybackProgress;
-    /**
-     * Saves active ambient position before the browser interrupts WebAudio playback.
-     * @public
-     * @returns {void}
-     */
-    captureAmbientPlaybackPositionForPageHide(): void;
     private isIOSWebAudioRuntime;
     private recreatePixiSoundContext;
     private recreatePixiSoundContextOnce;

package/dist/application/SoundManager/SoundManager.js

@@ -31,7 +31,6 @@ export class SoundManagerInstance {
     };
     musicCatalogue = new Map();
     currentAmbientTrack = null;
-    currentAmbientOffset = 0;
     loadedSoundAssets = {};
     audioContextRecoveryPromise = null;
     constructor() {
@@ -101,16 +100,19 @@ export class SoundManagerInstance {
             sound.stop();
         }
     }
-    pauseSoundsForPageHide() {
-        this.musicCatalogue.forEach((sound, soundName) => {
-            if (!sound.isPlaying || sound.paused) {
-                return;
-            }
-            if (soundName === SoundTracks.freeSpinsMusic || soundName === SoundTracks.music) {
-                this.currentAmbientTrack = soundName;
-            }
-        });
-        sound.pauseAll();
+    stopSoundsForPageHide() {
+        const music = this.getSound(SoundTracks.music);
+        const freeSpinsMusic = this.getSound(SoundTracks.freeSpinsMusic);
+        const isMusicPlaying = Boolean(music?.isPlaying && !music.paused);
+        const isFreeSpinsMusicPlaying = Boolean(freeSpinsMusic?.isPlaying && !freeSpinsMusic.paused);
+        if (isFreeSpinsMusicPlaying) {
+            this.currentAmbientTrack = SoundTracks.freeSpinsMusic;
+        }
+        else if (isMusicPlaying) {
+            this.currentAmbientTrack = SoundTracks.music;
+        }
+        this.stopAmbientMusic();
+        this.stopPlayingFxSounds();
     }
     /**
      * Function for resuming and pausing sound in game
@@ -154,15 +156,12 @@ export class SoundManagerInstance {
                 return;
             }
         }
-        const instance = sound.play({
+        sound.play({
             singleInstance: true,
             loop: soundsToLoop.includes(soundName),
             volume: this.getVolumeLevel(soundName),
             speed: soundName === "cardDrawing" ? 0.8 : 1
         });
-        if (this.isAmbientTrack(soundName) && !(instance instanceof Promise)) {
-            this.trackAmbientPlaybackProgress(soundName, sound, instance);
-        }
     }
     /**
      * Returns the volume level for a given sound track.
@@ -193,41 +192,6 @@ export class SoundManagerInstance {
         const overrideSoundName = this.overrides[soundName];
         return this.musicCatalogue.get(overrideSoundName ?? soundName);
     }
-    getAmbientPlaybackOffset(sound) {
-        if (!sound.isPlayable || !Number.isFinite(sound.duration) || sound.duration <= 0) {
-            return 0;
-        }
-        return this.currentAmbientOffset % sound.duration;
-    }
-    trackAmbientPlaybackProgress(soundName, sound, instance) {
-        if (!sound.isPlayable || sound.duration <= 0) {
-            return;
-        }
-        instance.on("progress", (progress) => {
-            if (this.currentAmbientTrack !== soundName || !Number.isFinite(progress)) {
-                return;
-            }
-            this.currentAmbientOffset = (progress * sound.duration) % sound.duration;
-        });
-    }
-    /**
-     * Saves active ambient position before the browser interrupts WebAudio playback.
-     * @public
-     * @returns {void}
-     */
-    captureAmbientPlaybackPositionForPageHide() {
-        if (!RainMan.settingsStore.isSoundStarted || !RainMan.settingsStore.shouldPlayAmbientMusic) {
-            return;
-        }
-        const ambientTrack = this.getCurrentAmbientTrack();
-        const ambientSound = this.getSound(ambientTrack);
-        const ambientInstance = ambientSound?.instances.find((instance) => Number.isFinite(instance.progress) && instance.progress > 0);
-        if (!ambientSound || !ambientInstance || !ambientSound.isPlayable || ambientSound.duration <= 0) {
-            return;
-        }
-        this.currentAmbientTrack = ambientTrack;
-        this.currentAmbientOffset = (ambientInstance.progress * ambientSound.duration) % ambientSound.duration;
-    }
     isIOSWebAudioRuntime() {
         const userAgent = navigator.userAgent;
         const platform = navigator.platform;
@@ -320,16 +284,12 @@ export class SoundManagerInstance {
         this.stop(this.getOppositeAmbientTrack(ambientTrack));
         ambientSound.stop();
         this.currentAmbientTrack = ambientTrack;
-        const instance = ambientSound.play({
+        ambientSound.play({
             singleInstance: true,
             loop: soundsToLoop.includes(ambientTrack),
-            start: this.getAmbientPlaybackOffset(ambientSound),
             volume: this.getVolumeLevel(ambientTrack),
             speed: 1
         });
-        if (!(instance instanceof Promise)) {
-            this.trackAmbientPlaybackProgress(ambientTrack, ambientSound, instance);
-        }
     }
     /**
      * Restores ambient playback after page visibility change or iOS app interruption.
@@ -437,7 +397,8 @@ export class SoundManagerInstance {
         if (!isAudioContextRunning) {
             return false;
         }
-        return this.restorePlaybackAfterPageHide();
+        this.restoreAmbientPlayback();
+        return true;
     }
     /**
      * Returns information if audio context is ready to play sounds.

package/dist/components/AbstractMainContainer/AbstractMainContainer.d.ts

@@ -6,7 +6,7 @@ import { RainMan } from "../../Rainman";
 import { Nullable, PromiseResolverType } from "../../utils";
 import { BigWinContainer, MysteryWinContainer, UpdatableSpineContainer } from "../../winComponents";
 import { AbstractFreeSpinContainer } from "../AbstractFreeSpinContainer";
-import { LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RightButtons, RightButtonsLandscape, RightButtonsMobile } from "../buttons";
+import { LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RightButtons, RightButtonsLandscape, RightButtonsMobile, SpeedControlButtonMobile } from "../buttons";
 import { FreeSpinButton, Logo, ResponsiveContainer } from "../common";
 import { IResizableContainer } from "../common/IResizableContainer";
 import { AbstractFrame } from "../frame";
@@ -34,6 +34,7 @@ export declare abstract class AbstractMainContainer extends Container {
     static readonly registryName = "mainContainer";
     messageBox: MessageBox;
     protected bigWinContainer: Nullable<UpdatableSpineContainer> | BigWinContainer;
+    protected readonly mobileSpeedButton: SpeedControlButtonMobile;
     protected mysteryWinContainer: Nullable<UpdatableSpineContainer> | MysteryWinContainer;
     protected bonusWinContainer: Nullable<UpdatableSpineContainer>;
     protected superBonusWinContainer: Nullable<UpdatableSpineContainer>;
@@ -75,6 +76,7 @@ export declare abstract class AbstractMainContainer extends Container {
      * @returns {Promise<void>} - A promise that resolves when the animation is complete.
      */
     invokeMysteryWinPlate(_animationName: string, _popupAnimation: string, _winType: WinTypeId, _amount: number, _isAdditionalFreeSpins: boolean): Promise<void>;
+    protected attachMobileSpeedButton(parent: Container): void;
     /**
      * This function initializes the spines that should be paused when the battery saver is on
      * @protected
@@ -318,6 +320,7 @@ export declare abstract class AbstractMainContainer extends Container {
      * @returns {Promise<void>} - A promise that resolves when the gamble game is finished.
      */
     invokeGambleGame(): Promise<void>;
+    private destroyDisplayContainer;
     /**
      * Function for creating the under frame panel.
      * This panel is used in mobile portrait mode to display additional information.

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -3,7 +3,7 @@ import { ButtonsEventManager, SoundManager, SoundTracks } from "../../applicatio
 import { AnimationLayer, BackgroundLayer, FrameLayer, UXLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
 import { getDeviceOrientation, globalMinRatio } from "../../utils";
-import { BUTTONS, LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RefreshButton, RightButtons, RightButtonsLandscape, RightButtonsMobile } from "../buttons";
+import { BUTTONS, LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RefreshButton, RightButtons, RightButtonsLandscape, RightButtonsMobile, SpeedControlButtonMobile } from "../buttons";
 import { GambleGame } from "../GambleGame";
 import { MessageBox } from "../messageBox";
 /**
@@ -29,6 +29,7 @@ export class AbstractMainContainer extends Container {
     static registryName = "mainContainer";
     messageBox;
     bigWinContainer = null;
+    mobileSpeedButton = new SpeedControlButtonMobile();
     mysteryWinContainer = null;
     bonusWinContainer = null;
     superBonusWinContainer = null;
@@ -59,6 +60,9 @@ export class AbstractMainContainer extends Container {
         this.name = AbstractMainContainer.registryName;
         this.buttonsEventManager = new ButtonsEventManager();
         this.messageBox = new MessageBox();
+        if (!RainMan.componentRegistry.has(SpeedControlButtonMobile.registryName)) {
+            RainMan.componentRegistry.add(this.mobileSpeedButton);
+        }
         SoundManager.setPlayStatus(SoundTracks.music, RainMan.settingsStore.shouldPlayAmbientMusic);
         RainMan.settingsStore.setHandleInvokeFreeSpinPlate(this.invokeFreeSpinPlate.bind(this));
         RainMan.settingsStore.setHandleBuyFreeSpinPopupActivatio(this.invokeBuyFreeSpinPlate.bind(this));
@@ -75,6 +79,13 @@ export class AbstractMainContainer extends Container {
      * @returns {Promise<void>} - A promise that resolves when the animation is complete.
      */
     async invokeMysteryWinPlate(_animationName, _popupAnimation, _winType, _amount, _isAdditionalFreeSpins) { }
+    attachMobileSpeedButton(parent) {
+        if (this.mobileSpeedButton.parent) {
+            this.mobileSpeedButton.parent.removeChild(this.mobileSpeedButton);
+        }
+        parent.addChild(this.mobileSpeedButton);
+        this.mobileSpeedButton.adaptToSpeed(RainMan.componentRegistry.getSpeedLevel());
+    }
     /**
      * This function initializes the spines that should be paused when the battery saver is on
      * @protected
@@ -232,7 +243,7 @@ export class AbstractMainContainer extends Container {
             await this._freeSpinPlate.onStart();
         });
         if (this._freeSpinPlate !== null) {
-            this.removeChild(this._freeSpinPlate);
+            this.destroyDisplayContainer(this._freeSpinPlate);
             this._freeSpinPlate = null;
         }
         this.hideOverlay();
@@ -241,6 +252,7 @@ export class AbstractMainContainer extends Container {
     invokeBuyFreeSpinPlate() {
         const refreshButton = RainMan.componentRegistry.get(RefreshButton.registryName);
         refreshButton.flipDisabledFlag(true);
+        RainMan.settingsStore.closeAllModals?.();
         this._buyFreeSpinsPlate = this.createBuyFreeSpinPlate();
         if (!this._buyFreeSpinsPlate) {
             refreshButton.flipDisabledFlag(false);
@@ -292,7 +304,7 @@ export class AbstractMainContainer extends Container {
             this.addChild(this._freeSpinSummary);
         });
         if (this._freeSpinSummary !== null) {
-            this.removeChild(this._freeSpinSummary);
+            this.destroyDisplayContainer(this._freeSpinSummary);
             this._freeSpinSummary = null;
         }
         this.hideOverlay();
@@ -309,7 +321,7 @@ export class AbstractMainContainer extends Container {
             return;
         }
         this.freeSpinSummary.onClick();
-        this.removeChild(this.freeSpinSummary);
+        this.destroyDisplayContainer(this.freeSpinSummary);
         this._freeSpinSummary = null;
         this.hideOverlay();
     }
@@ -559,7 +571,7 @@ export class AbstractMainContainer extends Container {
             this.addChild(this.gambleGame);
         });
         if (this.gambleGame) {
-            this.removeChild(this.gambleGame);
+            this.destroyDisplayContainer(this.gambleGame);
             this.messageBox.visible = true;
             RainMan.settingsStore.isGambleGameActive = false;
             this._controller.updateGambleValues(RainMan.settingsStore.gambleGameWin);
@@ -571,6 +583,15 @@ export class AbstractMainContainer extends Container {
         }
         this.hideOverlay();
     }
+    destroyDisplayContainer(container) {
+        if (container.destroyed) {
+            return;
+        }
+        if (container.parent) {
+            container.parent.removeChild(container);
+        }
+        container.destroy({ children: true });
+    }
     /**
      * Function for creating the under frame panel.
      * This panel is used in mobile portrait mode to display additional information.
@@ -771,7 +792,7 @@ export class AbstractMainContainer extends Container {
      * @returns {RightButtonsMobile} - Returns a new instance of RightButtonsMobile for mobile portrait orientation.
      */
     createRightButtonsMobile() {
-        return new RightButtonsMobile();
+        return new RightButtonsMobile(this.mobileSpeedButton);
     }
     /**
      * Function for creating the left buttons for landscape orientation
@@ -795,7 +816,7 @@ export class AbstractMainContainer extends Container {
      * @returns {MiddleButtons} - Returns a new instance of MiddleButtons for portrait orientation.
      */
     createPortraitPlayButtons() {
-        return new MiddleButtons();
+        return new MiddleButtons(false);
     }
     /**
      * Function for creating the landscape play buttons
@@ -803,7 +824,7 @@ export class AbstractMainContainer extends Container {
      * @returns {MiddleButtons} - Returns a new instance of MiddleButtons for landscape orientation.
      */
     createLandscapePlayButtons() {
-        return new MiddleButtons(true);
+        return new MiddleButtons(true, this.mobileSpeedButton);
     }
     /**
      * This method initializes the components for the current screen ratio.

package/dist/components/buttons/buttonGroups/MiddleButtons.d.ts

@@ -1,6 +1,6 @@
 import { Graphics } from "pixi.js";
 import { ResponsiveContainer } from "../../common";
-import { AutoplayButton, GambleButton, PlusButton, RefreshButton, TakeButton } from "../default";
+import { AutoplayButton, GambleButton, PlusButton, RefreshButton, SpeedControlButtonMobile, TakeButton } from "../default";
 /**
  * Class for managing middle buttons in game (MOBILE ONLY).
  * The class uses {@link AutoplayButton}, {@link PlusButton}, {@link RefreshButton}.
@@ -8,13 +8,14 @@ import { AutoplayButton, GambleButton, PlusButton, RefreshButton, TakeButton } f
  */
 export declare class MiddleButtons extends ResponsiveContainer {
     private landscape;
+    private readonly speedButtonMobile?;
     protected readonly autoplayButton: AutoplayButton;
     protected readonly betButton: PlusButton;
     protected readonly refreshButton: RefreshButton;
     protected readonly positioningFrame: Graphics;
     protected readonly gambleButton: GambleButton;
     protected readonly takeButton: TakeButton;
-    constructor(landscape?: boolean);
+    constructor(landscape?: boolean, speedButtonMobile?: SpeedControlButtonMobile | undefined);
     /**
      * Function for removing children from the registry
      * @public

package/dist/components/buttons/buttonGroups/MiddleButtons.js

@@ -11,26 +11,37 @@ import { REGISTRY } from "../registrynames";
  */
 export class MiddleButtons extends ResponsiveContainer {
     landscape;
+    speedButtonMobile;
     autoplayButton = new AutoplayButton(true);
     betButton = new PlusButton(true);
     refreshButton = new RefreshButton(true);
     positioningFrame = new Graphics();
     gambleButton = new GambleButton(true);
     takeButton = new TakeButton(true);
-    constructor(landscape = false) {
+    constructor(landscape = false, speedButtonMobile) {
         super();
         this.landscape = landscape;
+        this.speedButtonMobile = speedButtonMobile;
         this.name = REGISTRY.middleButtons;
         this.parentLayer = UXLayer;
         const buttons = [this.autoplayButton, this.betButton, this.refreshButton];
         this.addChild(...buttons);
         RainMan.componentRegistry.addMany(buttons);
+        if (this.speedButtonMobile) {
+            this.speedButtonMobile.visible = true;
+            this.speedButtonMobile.scale.set(1);
+            this.speedButtonMobile.adaptToSpeed(RainMan.componentRegistry.getSpeedLevel());
+            this.addChild(this.speedButtonMobile);
+        }
         this.addGambleAndTakeButtons();
         this.positioningFrame.beginFill(0x000000, 0);
         this.positioningFrame.drawRect(0, 0, 800, 250);
         this.addChild(this.positioningFrame);
         this.refreshButton.scale.set(0.75);
         this.autoplayButton.scale.set(0.75);
+        if (this.speedButtonMobile) {
+            this.speedButtonMobile.scale.set(1);
+        }
         this.betButton.scale.set(0.75);
         this.takeButton.scale.set(0.75);
         this.gambleButton.scale.set(0.75);
@@ -63,7 +74,6 @@ export class MiddleButtons extends ResponsiveContainer {
             this.refreshButton,
             this.autoplayButton,
             this.betButton,
-            this.positioningFrame,
             ...(this.gambleButton && RainMan.config.gambleGameEnabled ? [this.gambleButton] : []),
             ...(this.takeButton ? [this.takeButton] : [])
         ]);
@@ -92,11 +102,15 @@ export class MiddleButtons extends ResponsiveContainer {
         const { width, height } = this.positioningFrame;
         this.refreshButton.x = width / 2;
         this.refreshButton.y = height / 2;
+        if (this.speedButtonMobile) {
+            this.speedButtonMobile.x = width / 2;
+            this.speedButtonMobile.y = 150;
+        }
         if (this.landscape) {
             this.betButton.x = width / 2;
-            this.betButton.y = 0;
+            this.betButton.y = -25;
             this.autoplayButton.x = width / 2;
-            this.autoplayButton.y = height;
+            this.autoplayButton.y = height + 35;
         }
         else {
             this.autoplayButton.x = -width;

package/dist/components/buttons/buttonGroups/RightButtonsMobile.d.ts

@@ -1,17 +1,17 @@
 import { ITextStyle } from "pixi.js";
 import { ResponsiveContainer } from "../../common";
 import { UpdatableTextComponent } from "../../updatable";
-import { InfoButton, NegButton, SpeedControlButton } from "../default";
+import { InfoButton, NegButton, SpeedControlButtonMobile } from "../default";
 /**
  * Buttons for mobile version. It has a current bet and game information button.
  * @augments {ResponsiveContainer}
  */
 export declare class RightButtonsMobile extends ResponsiveContainer {
+    private readonly speedButtonMobile;
     protected readonly infoButton: InfoButton;
     protected readonly negButton: NegButton;
-    protected readonly speedControlButton: SpeedControlButton;
     protected bet: UpdatableTextComponent;
-    constructor();
+    constructor(speedButtonMobile: SpeedControlButtonMobile);
     /**
      * Function for removing children from the registry.
      * @public

package/dist/components/buttons/buttonGroups/RightButtonsMobile.js

@@ -3,7 +3,7 @@ import { UXLayer } from "../../../layers";
 import { RainMan } from "../../../Rainman";
 import { ResponsiveContainer } from "../../common";
 import { UPDATABLE_MODES, UpdatableTextComponent } from "../../updatable";
-import { InfoButton, NegButton, SpeedControlButton } from "../default";
+import { InfoButton, NegButton } from "../default";
 import { COMPONENTS, REGISTRY } from "../registrynames";
 import { MOBILE_BUTTONS_GAP, MOBILE_PANEL_BUTTON_SCALE, MOBILE_X_OFFSET, MOBILE_Y_BOTTOM_OFFSET } from "./constants";
 /**
@@ -11,22 +11,25 @@ import { MOBILE_BUTTONS_GAP, MOBILE_PANEL_BUTTON_SCALE, MOBILE_X_OFFSET, MOBILE_
  * @augments {ResponsiveContainer}
  */
 export class RightButtonsMobile extends ResponsiveContainer {
+    speedButtonMobile;
     infoButton = new InfoButton(true);
     negButton = new NegButton();
-    speedControlButton = new SpeedControlButton();
     bet = new UpdatableTextComponent(COMPONENTS.betText, i18next.t("bet"), UPDATABLE_MODES.money, RainMan.config.mobileFontSize);
-    constructor() {
+    constructor(speedButtonMobile) {
         super(-1);
+        this.speedButtonMobile = speedButtonMobile;
         this.name = REGISTRY.rightButtons;
         this.parentLayer = UXLayer;
         this.negButton.visible = false;
-        this.speedControlButton.visible = false;
         this.infoButton.anchor.set(1, 0.5);
         this.infoButton.scale.set(-MOBILE_PANEL_BUTTON_SCALE);
         this.bet.pivot.set(this.bet.width, this.bet.height / 2);
         this.bet.scale.set(-1);
-        this.addChild(this.infoButton, this.bet);
-        RainMan.componentRegistry.addMany([this.infoButton, this.bet, this.negButton, this.speedControlButton]);
+        this.speedButtonMobile.scale.set(-1);
+        this.speedButtonMobile.x = 100;
+        this.speedButtonMobile.y = 200;
+        this.addChild(this.infoButton, this.bet, this.speedButtonMobile);
+        RainMan.componentRegistry.addMany([this.infoButton, this.bet, this.negButton]);
         this.resize();
     }
     /**
@@ -35,7 +38,7 @@ export class RightButtonsMobile extends ResponsiveContainer {
      * @returns {void}
      */
     removeChildrenFromRegistry() {
-        RainMan.componentRegistry.removeMany([this.infoButton, this.bet, this.negButton, this.speedControlButton]);
+        RainMan.componentRegistry.removeMany([this.infoButton, this.bet, this.negButton]);
     }
     /**
      * Function for repositioning components on mobile screens.

package/dist/components/buttons/default/SpeedControlButtonMobile.d.ts

@@ -0,0 +1,22 @@
+import { SpeedAdapterInterface, SpeedLevel, SpeedLevelDirectory } from "../../../application";
+import { BaseButton, TextureMap } from "../BaseButton";
+/**
+ * Button for speed control {@link SpeedLevel}
+ * It needs following textures:
+ * - turtle - `speed-turtle.png`
+ * - rabbit - `speed-rabbit.png`
+ * - cheetah - `speed-cheetah.png`
+ * @class
+ */
+export declare class SpeedControlButtonMobile extends BaseButton implements SpeedAdapterInterface<TextureMap> {
+    static readonly registryName = "speedControlButtonMobile";
+    readonly speedLevelMapper: SpeedLevelDirectory<TextureMap>;
+    constructor();
+    /**
+     * Change button's texture according to speed level
+     * @public
+     * @param {SpeedLevel} speedLevel - new speed level
+     * @returns {void}
+     */
+    adaptToSpeed(speedLevel: SpeedLevel): void;
+}

package/dist/components/buttons/default/SpeedControlButtonMobile.js

@@ -0,0 +1,51 @@
+import { RainMan } from "../../../Rainman";
+import { getTexture } from "../../../utils";
+import { BaseButton, ButtonStates } from "../BaseButton";
+const createTextureMap = (speedLevel) => {
+    return {
+        [ButtonStates.NORMAL]: getTexture(`${speedLevel}.png`),
+        [ButtonStates.CLICKED]: getTexture(`${speedLevel}-c.png`)
+    };
+};
+const createTextureMapForSpeed = (speedLevel) => {
+    const speedLevelMapper = {
+        slow: createTextureMap("turtle"),
+        normal: createTextureMap("rabbit"),
+        fast: createTextureMap("cheetah")
+    };
+    return speedLevelMapper[speedLevel];
+};
+/**
+ * Button for speed control {@link SpeedLevel}
+ * It needs following textures:
+ * - turtle - `speed-turtle.png`
+ * - rabbit - `speed-rabbit.png`
+ * - cheetah - `speed-cheetah.png`
+ * @class
+ */
+export class SpeedControlButtonMobile extends BaseButton {
+    static registryName = "speedControlButtonMobile";
+    speedLevelMapper;
+    constructor() {
+        super(SpeedControlButtonMobile.registryName, createTextureMapForSpeed(RainMan.settingsStore.currentSpeed));
+        this.speedLevelMapper = {
+            slow: createTextureMap("turtle"),
+            normal: createTextureMap("rabbit"),
+            fast: createTextureMap("cheetah")
+        };
+    }
+    /**
+     * Change button's texture according to speed level
+     * @public
+     * @param {SpeedLevel} speedLevel - new speed level
+     * @returns {void}
+     */
+    adaptToSpeed(speedLevel) {
+        if (RainMan.settingsStore.isTemporarySpeed) {
+            return;
+        }
+        const textureMap = this.speedLevelMapper[speedLevel];
+        this.setTextureMap(textureMap);
+        this.texture = textureMap[ButtonStates.NORMAL];
+    }
+}

package/dist/components/buttons/default/index.d.ts

@@ -9,6 +9,7 @@ export * from "./PlusButton";
 export * from "./RedButton";
 export * from "./RefreshButton";
 export * from "./SpeedControlButton";
+export * from "./SpeedControlButtonMobile";
 export * from "./SpinConfirmationButton";
 export * from "./TakeButton";
 export * from "./VolumeButton";

package/dist/components/buttons/default/index.js

@@ -9,6 +9,7 @@ export * from "./PlusButton";
 export * from "./RedButton";
 export * from "./RefreshButton";
 export * from "./SpeedControlButton";
+export * from "./SpeedControlButtonMobile";
 export * from "./SpinConfirmationButton";
 export * from "./TakeButton";
 export * from "./VolumeButton";

package/dist/components/common/AnimatedNumber.js

@@ -68,7 +68,16 @@ export class AnimatedNumber extends Container {
      * @returns {void}
      */
     removeDigits() {
-        this.digits.forEach((digit) => this.removeChild(digit));
+        this.digits.forEach((digit) => {
+            if (digit.destroyed) {
+                return;
+            }
+            digit.state.clearListeners();
+            if (digit.parent) {
+                digit.parent.removeChild(digit);
+            }
+            digit.destroy({ children: true });
+        });
         this.digits = [];
     }
     /**

package/dist/components/symbols/AbstractSymbolBase.d.ts

@@ -91,6 +91,7 @@ export declare abstract class AbstractSymbolBase extends Container implements Sp
      * @returns {Promise<void>}
      */
     handleMultiplierAnimation(multiplier: number): Promise<void>;
+    private destroySpine;
     /**
      * Function for playing the symbol animation
      * @public
@@ -98,6 +99,7 @@ export declare abstract class AbstractSymbolBase extends Container implements Sp
      * @returns {Promise<void>} - A promise that resolves when the animation is complete
      */
     play(suffix?: string): Promise<void>;
+    isCurrentAnimationPastProgressThreshold(): boolean;
     /**
      * Function for stopping the symbol animation.
      * @public

package/dist/components/symbols/AbstractSymbolBase.js

@@ -31,10 +31,10 @@ export class AbstractSymbolBase extends Container {
         this._id = symbolId;
         this.spine = new Spine(this.getResourceForSymbolId(this._id));
         this.spine.parentLayer = AnimationLayer;
-        this.symbolImage = new Sprite(getTexture(this.getImage(this._id)));
-        this.setSymbol(symbolId);
         this.spine.x = 0;
         this.spine.y = 0;
+        this.symbolImage = new Sprite(getTexture(this.getImage(this._id)));
+        this.setSymbol(symbolId);
         this.eventMode = "static";
         const symbolRadius = 150;
         this.hitArea = new Rectangle(-symbolRadius, -symbolRadius, 2 * symbolRadius, 2 * symbolRadius);
@@ -109,6 +109,7 @@ export class AbstractSymbolBase extends Container {
         return () => {
             this.swapSymbol(symbolId);
             return new Promise((resolve) => {
+                this.destroySpine(this.spine);
                 this.spine = new Spine(getSpineData(specialResourceName));
                 this.endOfSwapAnimationPromise = resolve;
                 switch (this.animationSpeedMultiplier) {
@@ -143,10 +144,11 @@ export class AbstractSymbolBase extends Container {
      */
     switchSymbolBaseDisplayedObject(option, suffix = "") {
         if (option === "spine") {
-            this.removeChild(this.spine);
-            this.spine.x = this.symbolImage.x;
-            this.spine.y = this.symbolImage.y;
+            const { x, y } = this.symbolImage;
+            this.destroySpine(this.spine);
             this.spine = new Spine(this.getResourceForSymbolId(this._id));
+            this.spine.x = x;
+            this.spine.y = y;
             const animationName = this.getAnimationNameForSymbol(this._id, suffix);
             this.spine.parentLayer = AnimationLayer;
             this.spine.state.setAnimation(0, animationName, false);
@@ -156,14 +158,15 @@ export class AbstractSymbolBase extends Container {
             this.removeChild(this.symbolImage);
             return;
         }
+        const { x, y } = this.symbolImage;
         this.removeChild(this.symbolImage);
         this.symbolImage.destroy({ children: true });
         this.symbolImage = new Sprite(getTexture(this.getImage(this._id, suffix)));
         this.symbolImage.anchor.set(0.5, 0.5);
-        this.symbolImage.x = this.spine.x;
-        this.symbolImage.y = this.spine.y;
+        this.symbolImage.x = this.spine.destroyed ? x : this.spine.x;
+        this.symbolImage.y = this.spine.destroyed ? y : this.spine.y;
         this.addChild(this.symbolImage);
-        this.removeChild(this.spine);
+        this.destroySpine(this.spine);
         return;
     }
     /**
@@ -182,6 +185,7 @@ export class AbstractSymbolBase extends Container {
         }
         else {
             logError(`$ Multiplier animation 'x${multiplier}' does not exist for symbol ID: ${this._id}`);
+            symbolMultiplier.destroy({ children: true });
             return;
         }
         this.addChild(symbolMultiplier);
@@ -194,6 +198,17 @@ export class AbstractSymbolBase extends Container {
             });
         });
         this.removeChild(symbolMultiplier);
+        symbolMultiplier.destroy({ children: true });
+    }
+    destroySpine(spine) {
+        if (spine.destroyed) {
+            return;
+        }
+        spine.state.clearListeners();
+        if (spine.parent) {
+            spine.parent.removeChild(spine);
+        }
+        spine.destroy({ children: true });
     }
     /**
      * Function for playing the symbol animation
@@ -214,6 +229,18 @@ export class AbstractSymbolBase extends Container {
             });
         });
     }
+    isCurrentAnimationPastProgressThreshold() {
+        const entry = this.spine.state.tracks[0];
+        if (!entry) {
+            return false;
+        }
+        const trackTime = entry.trackTime ?? 0;
+        const animationEnd = entry.animationEnd ?? 0;
+        if (animationEnd <= 0) {
+            return false;
+        }
+        return trackTime >= animationEnd / 3;
+    }
     /**
      * Function for stopping the symbol animation.
      * @public

package/dist/controllers/AbstractController.d.ts

@@ -57,6 +57,9 @@ export declare abstract class AbstractController<T> {
     shouldStopMobileSpin: boolean;
     disableMessageBoxChange: boolean;
     shouldClearQuickReelsStopAfterSpin: boolean;
+    protected firstAnimationTarget: {
+        isCurrentAnimationPastProgressThreshold?: () => boolean;
+    } | null;
     freeSpinsWin: Nullable<number>;
     protected resolveBigWin?: () => void;
     protected resolveMysteryWin?: () => void;

package/dist/controllers/AbstractController.js

@@ -1,7 +1,7 @@
 import i18next from "i18next";
 import { sample } from "lodash";
 import { ApiConfig, SoundManager, SoundTracks, SPEED_LEVELS } from "../application";
-import { AbstractFrame, AutoplayButton, BUTTONS, COMPONENTS, FreeSpinButton, MessageBox, RefreshButton, SpeedControlButton } from "../components";
+import { AbstractFrame, AutoplayButton, BUTTONS, COMPONENTS, FreeSpinButton, MessageBox, RefreshButton, SpeedControlButton, SpeedControlButtonMobile } from "../components";
 import { SpinData } from "../connectivity";
 import { gamePhases, PossibleWins } from "../constants";
 import { RainMan } from "../Rainman";
@@ -57,6 +57,7 @@ export class AbstractController {
     shouldStopMobileSpin = false;
     disableMessageBoxChange = false;
     shouldClearQuickReelsStopAfterSpin = false;
+    firstAnimationTarget = null;
     freeSpinsWin = null;
     resolveBigWin;
     resolveMysteryWin;
@@ -256,7 +257,10 @@ export class AbstractController {
      * @returns {void}
      */
     disableSpeedButton(shouldBeDisabled) {
-        RainMan.componentRegistry.get(SpeedControlButton.registryName).flipDisabledFlag(shouldBeDisabled);
+        RainMan.componentRegistry.getIfExists(SpeedControlButton.registryName)?.flipDisabledFlag(shouldBeDisabled);
+        RainMan.componentRegistry
+            .getIfExists(SpeedControlButtonMobile.registryName)
+            ?.flipDisabledFlag(shouldBeDisabled);
     }
     /**
      * Function for disabling information buttons
@@ -289,14 +293,11 @@ export class AbstractController {
      */
     handleDisablingButtons(disabled) {
         this.disableBetButtons(disabled ?? this.shouldBetButtonsBeDisabled);
-        if (RainMan.settingsStore.isFreeSpinsPlayEnabled ||
-            RainMan.globals.isSuperBonusGameEnabled ||
-            RainMan.settingsStore.isAutoplayEnabled) {
-            this.disableSpeedButton(false);
-        }
-        else {
-            this.disableSpeedButton(disabled ?? this.shouldButtonsBeDisabled);
-        }
+        const shouldSpeedBeDisabled = !RainMan.settingsStore.isFreeSpinsPlayEnabled &&
+            !RainMan.globals.isSuperBonusGameEnabled &&
+            !RainMan.settingsStore.isAutoplayEnabled &&
+            this.shouldButtonsBeDisabled;
+        this.disableSpeedButton(shouldSpeedBeDisabled);
     }
     /**
      * Function for initializing buttons
@@ -339,10 +340,12 @@ export class AbstractController {
                 this.gamePhase === gamePhases.SPINNING ||
                 this.gamePhase === gamePhases.GAME_SUMMARY);
         }
-        RainMan.componentRegistry.get(SpeedControlButton.registryName).setOnClick(() => {
+        RainMan.componentRegistry.getIfExists(SpeedControlButton.registryName)?.setOnClick(() => {
             RainMan.settingsStore.closeCurrentlyOpenModal?.();
             RainMan.componentRegistry.nextSpeedLevel();
-            this.uiController.messageBox.updateIncentiveText(sample(i18next.t("idleMessages", { returnObjects: true })[RainMan.componentRegistry.getSpeedLevel()]));
+            const speedLevel = RainMan.componentRegistry.getSpeedLevel();
+            this.uiController.updateShownSpeedLevel(speedLevel);
+            this.uiController.messageBox.updateIncentiveText(sample(i18next.t("idleMessages", { returnObjects: true })[speedLevel]));
         });
     }
     /**
@@ -365,6 +368,13 @@ export class AbstractController {
                 }
                 RainMan.settingsStore.handleModalInvocation?.(UI_ITEMS.bet);
             });
+            if (RainMan.componentRegistry.has(SpeedControlButtonMobile.registryName)) {
+                RainMan.componentRegistry.get(SpeedControlButtonMobile.registryName).setOnClick(() => {
+                    RainMan.settingsStore.closeCurrentlyOpenModal?.();
+                    RainMan.componentRegistry.nextSpeedLevel();
+                    this.uiController.messageBox.updateIncentiveText(sample(i18next.t("idleMessages", { returnObjects: true })[RainMan.componentRegistry.getSpeedLevel()]));
+                });
+            }
             return;
         }
         RainMan.componentRegistry.get(BUTTONS.plus).setOnClick(() => {
@@ -760,7 +770,7 @@ export class AbstractController {
             return;
         }
         if (this.gamePhase === gamePhases.HANDLING_ACTIONS) {
-            this.shouldPlayNextSpin = true;
+            this.shouldPlayNextSpin = !RainMan.settingsStore.isFreeSpinsPlayEnabled;
         }
         if (this.mainContainer.mysteryWinVisibleFor) {
             RainMan.componentRegistry.get(COMPONENTS.mysteryWin).stopUpdate();
@@ -907,7 +917,7 @@ export class AbstractController {
     async useTakeAction() {
         if (!RainMan.settingsStore.isTakeActionAvailable ||
             RainMan.settingsStore.roundNumber === 0 ||
-            this._lastWinAmount === 0) {
+            (this._lastWinAmount === 0 && !RainMan.settingsStore.isAfterFreeSpinsSummary)) {
             logInfo("Take action can't be performed");
             return;
         }
@@ -1159,6 +1169,8 @@ export class AbstractController {
             this.uiController.limitWinAmount(spinLogic.winTotalAmount);
         }
         this.composeWinActionsQueue(spinLogic);
+        this.firstAnimationTarget =
+            this.winActionsQueue.find((action) => action.animationTarget)?.animationTarget ?? null;
         if (spinLogic.winTotalAmount === 0 && this.invokeFreeSpinPlateAfterWin) {
             this.uiController.messageBox.hideCurrentWinText();
         }
@@ -1312,6 +1324,8 @@ export class AbstractController {
      * @returns {Promise<void>} - promise that resolves when free spin plate is invoked
      */
     async handleFreeSpinPlateInvocation(numberOfFreeSpins, isAdditionalFreeSpin = false) {
+        RainMan.componentRegistry.getIfExists(SpeedControlButtonMobile.registryName)?.flipDisabledFlag(true);
+        RainMan.componentRegistry.getIfExists(SpeedControlButton.registryName)?.flipDisabledFlag(true);
         await this.buttonsEventManager.disableButtonsForAction(async () => {
             await this.mainContainer.invokeFreeSpinPlate(numberOfFreeSpins ?? RainMan.settingsStore.totalNumberOfFreeSpins, isAdditionalFreeSpin);
         });
@@ -1328,9 +1342,12 @@ export class AbstractController {
      * @returns {Promise<void>} - promise that resolves when free spin summary plate is invoked
      */
     async handleFreeSpinSummaryPlateInvocation() {
+        this.shouldPlayNextSpin = false;
         await this.buttonsEventManager.disableButtonsForAction(async () => {
             this.uiController.messageBox.hideFreeSpinText();
             this.uiController.messageBox.hideCurrentWinText();
+            RainMan.componentRegistry.getIfExists(SpeedControlButtonMobile.registryName)?.flipDisabledFlag(true);
+            RainMan.componentRegistry.getIfExists(SpeedControlButton.registryName)?.flipDisabledFlag(true);
             await this.mainContainer.invokeFreeSpinSummary(this.uiController.totalNumberOfFreeSpins, this.uiController.totalFreeSpinWinAmount);
             this.uiController.totalNumberOfFreeSpins = 0;
             this.uiController.resetTotalFreeSpinWinAmount();

package/dist/controllers/UiController.d.ts

@@ -149,7 +149,6 @@ export declare class UiController {
     updateShownPossibleWin(): void;
     /**
      * Shows game pays in a bottom panel, if exists
-     * @param amount
      * @public
      * @returns {void}
      */

package/dist/controllers/UiController.js

@@ -1,5 +1,5 @@
 import { round } from "lodash";
-import { COMPONENTS, MessageBox, SpeedControlButton } from "../components";
+import { COMPONENTS, MessageBox, SpeedControlButton, SpeedControlButtonMobile } from "../components";
 import { RainMan } from "../Rainman";
 import { ceilToDecimal } from "../utils";
 /**
@@ -181,8 +181,12 @@ export class UiController {
      * @returns {void}
      */
     updateShownSpeedLevel(currentSpeed) {
-        RainMan.componentRegistry.get(SpeedControlButton.registryName).adaptToSpeed(currentSpeed);
-        RainMan.componentRegistry.get(SpeedControlButton.registryName).forceTextureUpdate();
+        const speedButton = RainMan.componentRegistry.getIfExists(SpeedControlButton.registryName);
+        const mobileSpeedButton = RainMan.componentRegistry.getIfExists(SpeedControlButtonMobile.registryName);
+        speedButton?.adaptToSpeed(currentSpeed);
+        speedButton?.forceTextureUpdate();
+        mobileSpeedButton?.adaptToSpeed(currentSpeed);
+        mobileSpeedButton?.forceTextureUpdate();
     }
     /**
      * Function for updating shown balance
@@ -216,7 +220,6 @@ export class UiController {
     }
     /**
      * Shows game pays in a bottom panel, if exists
-     * @param amount
      * @public
      * @returns {void}
      */

package/dist/stores/SettingsStore.d.ts

@@ -63,6 +63,7 @@ export declare class SettingsStore {
     updateVolumeButtonTexture?: () => void;
     handleModalInvocation?: (layerId: string) => void;
     closeOtherModals?: (layerId: string) => void;
+    closeAllModals?: () => void;
     closeCurrentlyOpenModal?: () => void;
     handleInvokeFreeSpinPlate?: (freeSpinAmount: number, isAdditionalFreeSpin: boolean) => Promise<void>;
     handleBuyFreeSpinPopupActivation?: () => void;

package/dist/stores/SettingsStore.js

@@ -69,6 +69,7 @@ export class SettingsStore {
     updateVolumeButtonTexture;
     handleModalInvocation;
     closeOtherModals;
+    closeAllModals;
     closeCurrentlyOpenModal;
     handleInvokeFreeSpinPlate;
     handleBuyFreeSpinPopupActivation;

package/dist/utils/common/sound.js

@@ -16,16 +16,15 @@ const interruptedAudioResume = () => {
     window.addEventListener("touchend", resumeAudioOnInterruption, { once: true, passive: true });
 };
 /**
- * Clears pending foreground recovery when the page goes to the background.
- * Pixi handles the actual pause state through its WebAudio auto-pause flow.
+ * Pauses audio when the page goes to the background.
  * @returns {void}
  */
-const prepareAudioForPageHide = () => {
+const pauseAudio = () => {
     isResumingAudio = false;
     shouldResumeAudioOnInterruption = false;
     removeInterruptedAudioResumeListeners();
     if (RainMan.settingsStore.isSoundEnabled()) {
-        SoundManager.captureAmbientPlaybackPositionForPageHide();
+        SoundManager.stopSoundsForPageHide();
     }
 };
 /**
@@ -72,10 +71,10 @@ function resumeAudioOnInterruption() {
  */
 const handleVisibilityChange = () => {
     if (document.hidden) {
-        prepareAudioForPageHide();
+        pauseAudio();
         return;
     }
-    resumeAudio();
+    interruptedAudioResume();
 };
 /**
  * Sets up audio states for tab switches and iOS app interruptions.
@@ -84,7 +83,7 @@ const handleVisibilityChange = () => {
 export const loadSoundsOnTabChange = () => {
     sound.disableAutoPause = false;
     document.addEventListener("visibilitychange", handleVisibilityChange);
-    window.addEventListener("pagehide", () => prepareAudioForPageHide());
-    window.addEventListener("pageshow", () => resumeAudio());
-    window.addEventListener("focus", () => resumeAudio());
+    window.addEventListener("pagehide", () => pauseAudio());
+    window.addEventListener("pageshow", () => interruptedAudioResume());
+    window.addEventListener("focus", () => interruptedAudioResume());
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixi-rainman-game-engine",
-    "version": "0.3.43",
+    "version": "0.3.44-beta",
     "description": "This repository contains all of the mechanics that used in rainman games.",
     "main": "./dist/index.js",
     "module": "./dist/index.js",