pixi-rainman-game-engine 0.1.18 → 0.1.19

package/dist/SettingsUI/SystemSettings/SystemSettingsComponent.jsx

@@ -2,7 +2,7 @@ import "./systemSettings.css";
 import i18next from "i18next";
 import React from "react";
 import { UI_ITEMS } from "../../utils";
-import { BetComponent, CloseModalButton, UXSettings } from "../components";
+import { BetSettings, CloseModalButton, UXSettings } from "../components";
 export const SystemSettingsComponent = () => {
     return (<div className="settings">
             <div className="settings__title">
@@ -10,7 +10,7 @@ export const SystemSettingsComponent = () => {
             </div>
             <CloseModalButton layerId={UI_ITEMS.settings}/>
             <div className="settings__column">
-                <BetComponent />
+                <BetSettings className="bet-desktop__container"/>
                 <UXSettings />
             </div>
         </div>);

package/dist/SettingsUI/SystemSettings/systemSettings.css

@@ -33,3 +33,9 @@
         flex-direction: column-reverse;
     }
 }
+
+@media only screen and (max-width: 900px) {
+    .bet-desktop__container {
+        display: none;
+    }
+}

package/dist/SettingsUI/components/Bet/BetControls.d.ts

@@ -0,0 +1,5 @@
+import "./bet.css";
+import React from "react";
+export declare const BetControls: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/dist/SettingsUI/components/Bet/BetControls.jsx

@@ -0,0 +1,22 @@
+import "./bet.css";
+import i18next from "i18next";
+import { observer } from "mobx-react-lite";
+import React from "react";
+import { useStores } from "../../hooks";
+export const BetControls = observer(() => {
+    const { settingStore } = useStores();
+    return (<div className="bet-container">
+            <h2>{i18next.t("totalBet")}</h2>
+            <div className="bet-container__controls">
+                <button name="bet-minus" className="bet-container__button">
+                    -
+                </button>
+                <div className="bet-container__value">
+                    <p>{settingStore.betText}</p>
+                </div>
+                <button name="bet-plus" className="bet-container__button">
+                    +
+                </button>
+            </div>
+        </div>);
+});

package/dist/SettingsUI/components/Bet/bet.css

@@ -4,7 +4,6 @@
     align-items: center;
     justify-content: center;
     width: 50%;
-    height: 150px;
     margin: 0px 30px;
 }
 
@@ -38,6 +37,8 @@
 }
 
 .bet-container h2 {
+    text-align: center;
+    color: white;
     text-transform: uppercase;
 }
 
@@ -53,19 +54,51 @@
 }
 
 @media only screen and (max-width: 900px) {
+    #bet-layer.modal {
+        width: 90vw;
+        height: fit-content;
+        top: 40vh;
+        left: 5vw;
+    }
+
+    #bet-layer.modal-style {
+        padding-inline: 1vw;
+        padding-block: 1vh;
+    }
+
+    .bet-container {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+    }
+
     .bet-container__value {
-        width: 70px;
-        height: 30px;
+        width: 100px;
+        height: 60px;
+    }
+
+    .bet-container h2 {
+        color: #ec5e27;
     }
 
     .bet-container__value p {
-        font-size: 12px;
+        font-size: 24px;
     }
 
     .bet-container__button {
-        height: 32px;
-        width: 32px;
-        font-size: 20px;
+        height: 64px;
+        width: 64px;
+        font-size: 32px;
         padding: 0px;
     }
 }
+
+@media only screen and (orientation: landscape) {
+    #bet-layer.modal {
+        top: 25vh;
+    }
+
+    .bet-container {
+        padding-block: 2vh;
+    }
+}

package/dist/SettingsUI/components/Bet/index.d.ts

@@ -1,5 +1,9 @@
 import "./bet.css";
 import React from "react";
-export declare const BetComponent: (() => React.JSX.Element) & {
+type BetSettingsProps = {
+    className?: string;
+};
+export declare const BetSettings: (({ className }: BetSettingsProps) => React.JSX.Element) & {
     displayName: string;
 };
+export {};

package/dist/SettingsUI/components/Bet/index.jsx

@@ -1,21 +1,15 @@
 import "./bet.css";
 import { observer } from "mobx-react-lite";
 import React from "react";
-import { useStores } from "../../hooks";
-export const BetComponent = observer(() => {
-    const { settingStore } = useStores();
-    return (<div className="bet-container">
-            <h2>Total bet</h2>
-            <div className="bet-container__controls">
-                <button name="bet-minus" className="bet-container__button">
-                    -
-                </button>
-                <div className="bet-container__value">
-                    <p>{settingStore.betText}</p>
-                </div>
-                <button name="bet-plus" className="bet-container__button">
-                    +
-                </button>
-            </div>
+import { UI_ITEMS } from "../../../utils";
+import { useDeviceOrientations } from "../../hooks";
+import { CloseModalButton } from "../CloseModalButton";
+import { BetControls } from "./BetControls";
+export const BetSettings = observer(({ className }) => {
+    const allClassNames = className ? `bet-container ${className}` : "bet-container";
+    const deviceOrientation = useDeviceOrientations();
+    return (<div className={allClassNames}>
+            {deviceOrientation.includes("mobile") ? <CloseModalButton layerId={UI_ITEMS.bet}/> : null}
+            <BetControls />
         </div>);
 });

package/dist/SettingsUI/components/CloseModalButton/closeModalButton.css

@@ -14,7 +14,7 @@
 
 @media only screen and (max-width: 900px) {
     .close-modal-button {
-        right: -10px;
+        right: 20px;
         top: 10px;
     }
 }

package/dist/SettingsUI/components/SymbolMultiplierPopup/index.jsx

@@ -3,7 +3,6 @@ import { observer } from "mobx-react-lite";
 import React from "react";
 import { MoneyText } from "../../../Money";
 import { RainMan } from "../../../Rainman";
-import { getDeviceOrientation } from "../../../utils";
 import { useStores } from "../../hooks";
 const getPaytableValueDetails = (paytableValue, bet) => {
     if (typeof paytableValue === "number") {
@@ -20,29 +19,10 @@ export const SymbolMultiplierPopup = observer(() => {
     const { settingStore } = useStores();
     const { popupPaytablePosition, popupPaytableData } = settingStore;
     if (popupPaytablePosition && popupPaytableData) {
-        const deviceOrientation = getDeviceOrientation();
         const arrowDirection = popupPaytablePosition.x > RainMan.app.screen.width / 2 ? "arrow-on-right" : "arrow-on-left";
-        let destinationX = popupPaytablePosition.x;
-        let destinationY = popupPaytablePosition.y;
-        switch (deviceOrientation) {
-            case "pc":
-                destinationX += arrowDirection === "arrow-on-left" ? 80 : -250;
-                destinationY -= 80;
-                break;
-            case "mobile-landscape":
-                destinationX += arrowDirection === "arrow-on-left" ? 60 : -150;
-                destinationY -= arrowDirection === "arrow-on-left" ? 28 : 28;
-                break;
-            case "mobile-portrait":
-                destinationX += arrowDirection === "arrow-on-left" ? 60 : -150;
-                destinationY -= arrowDirection === "arrow-on-left" ? 40 : 40;
-                break;
-            default:
-                break;
-        }
-        return (<div className="symbol-multiplier-popup-modal modal-style" style={{
-                left: destinationX,
-                top: destinationY,
+        return (<div className={`symbol-multiplier-popup-modal modal-style ${arrowDirection}`} style={{
+                left: popupPaytablePosition.x,
+                top: popupPaytablePosition.y,
             }}>
                 <div className={`symbol-popup ${arrowDirection}`}>
                     {popupPaytableData.map((popupPaytableRow) => {

package/dist/SettingsUI/components/SymbolMultiplierPopup/symbolPopup.css

@@ -1,12 +1,18 @@
 .symbol-multiplier-popup-modal {
-    width: 180px;
-    height: 140px;
     align-items: center;
     justify-content: center;
+    padding: 20px 25px;
+}
+
+.symbol-multiplier-popup-modal.arrow-on-left {
+    transform: translate(75px, -50%);
+}
+
+.symbol-multiplier-popup-modal.arrow-on-right {
+    transform: translate(calc(-100% - 75px), -50%);
 }
 
 .symbol-popup {
-    position: absolute;
     display: flex;
     flex-direction: column;
     width: 100%;
@@ -20,10 +26,11 @@
     position: absolute;
     display: block;
     background: url("/assets/settings/symbol-pointer.png");
-    top: 45%;
-    right: 105%;
+    top: 50%;
+    right: 100%;
     height: 25px;
     width: 25px;
+    transform: translateY(-50%);
 }
 
 .symbol-popup.arrow-on-right::after {
@@ -32,7 +39,7 @@
     display: block;
     background: url("/assets/settings/symbol-pointer.png");
     top: 50%;
-    left: 105%;
+    left: 100%;
     height: 25px;
     width: 25px;
     transform: translate(0, -50%) rotate(180deg);
@@ -49,7 +56,7 @@
 .symbol-popup__prefix {
     font-size: 25px;
     color: #ec5e27;
-    margin: 0px 0px 0px 0px;
+    margin: 0;
     font-weight: 500;
 }
 
@@ -58,24 +65,24 @@
     font-weight: 500;
     text-align: left;
     margin-left: 20px;
+    white-space: nowrap;
 }
 
 .symbol-popup__value--range {
     display: flex;
     flex-direction: column;
-    font-size: 20px;
+    font-size: 0.8em;
     font-weight: 400;
     margin-left: 20px;
     margin-bottom: 10px;
     text-align: left;
 }
 
-@media only screen and (max-width: 900px) {
-    .symbol-multiplier-popup-modal {
-        width: 90px;
-        height: 70px;
-    }
+.symbol-popup__value--range > div {
+    white-space: nowrap;
+}
 
+@media only screen and (max-width: 900px) {
     .symbol-popup__prefix {
         font-size: 15px;
     }
@@ -84,13 +91,11 @@
         font-size: 15px;
     }
 
-    .symbol-popup.arrow-on-right::after {
-        top: 50%;
-        left: 105%;
+    .symbol-multiplier-popup-modal.arrow-on-left {
+        transform: translate(50px, -50%);
     }
 
-    .symbol-popup.arrow-on-left::after {
-        top: 32%;
-        right: 100%;
+    .symbol-multiplier-popup-modal.arrow-on-right {
+        transform: translate(calc(-100% - 50px), -50%);
     }
 }

package/dist/SettingsUI/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./useBuyFreeSpins";
+export * from "./useDeviceOrientations";
 export * from "./useStore";

package/dist/SettingsUI/hooks/index.js

@@ -1,2 +1,3 @@
 export * from "./useBuyFreeSpins";
+export * from "./useDeviceOrientations";
 export * from "./useStore";

package/dist/SettingsUI/hooks/useDeviceOrientations.d.ts

@@ -0,0 +1,2 @@
+import { DeviceOrientation } from "../../utils";
+export declare const useDeviceOrientations: () => DeviceOrientation;

package/dist/SettingsUI/hooks/useDeviceOrientations.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from "react";
+import { getDeviceOrientation } from "../../utils";
+export const useDeviceOrientations = () => {
+    const [deviceOrientation, setDeviceOrientation] = useState("pc");
+    useEffect(() => {
+        const handleOrientationChange = () => setDeviceOrientation(getDeviceOrientation());
+        handleOrientationChange();
+        window.addEventListener("resize", handleOrientationChange);
+        return () => {
+            window.removeEventListener("resize", handleOrientationChange);
+        };
+    }, []);
+    return deviceOrientation;
+};

package/dist/SettingsUI/index.css

@@ -76,6 +76,10 @@ body {
     display: none;
 }
 
+#bet-layer {
+    display: none;
+}
+
 .modal-style {
     display: flex;
     position: absolute;

package/dist/SettingsUI/index.jsx

@@ -1,7 +1,7 @@
 import "./index.css";
 import React from "react";
 import { UI_ITEMS } from "../utils";
-import { AutoplaySettings, BuyFreeSpinModal, GameRules, SpeedSettingsPopup, SymbolMultiplierPopup, VolumeSettings, } from "./components";
+import { AutoplaySettings, BetSettings, BuyFreeSpinModal, GameRules, SpeedSettingsPopup, SymbolMultiplierPopup, VolumeSettings, } from "./components";
 import { SystemSettingsComponent } from "./SystemSettings/SystemSettingsComponent";
 export const SettingsUI = () => {
     return (<>
@@ -26,5 +26,8 @@ export const SettingsUI = () => {
             <div id={UI_ITEMS.freeSpin} className="modal modal-style">
                 <BuyFreeSpinModal />
             </div>
+            <div id={UI_ITEMS.bet} className="modal modal-style">
+                <BetSettings />
+            </div>
         </>);
 };

package/dist/application/setup.js

@@ -1,7 +1,7 @@
 import { createRoot } from "react-dom/client";
 import { RainMan } from "../Rainman";
 import { SettingsUI } from "../SettingsUI";
-import { changeResolution, getDeviceOrientation, invokeStatsBoard, resizeCanvas, setupFullscreenForIOS, } from "../utils";
+import { changeResolution, disableMagnifyingGlassOnIOS, getDeviceOrientation, invokeStatsBoard, resizeCanvas, setupFullscreenForIOS, } from "../utils";
 /**
  * This function is for setup the whole games
  *
@@ -13,6 +13,7 @@ export const setup = () => {
     changeResolution(RainMan.settingsStore.HiResolutionFlag);
     resizeCanvas();
     setupFullscreenForIOS();
+    disableMagnifyingGlassOnIOS();
     const gameRoot = document.createElement("div");
     gameRoot.setAttribute("class", "game-container");
     document.body.appendChild(gameRoot);

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

@@ -14,7 +14,7 @@ export declare abstract class AbstractMainContainer extends Container {
     static readonly registryName = "mainContainer";
     protected bigWinContainer: Nullable<UpdatableSpineContainer>;
     protected mysteryWinContainer: Nullable<UpdatableSpineContainer>;
-    private overlay;
+    protected overlay: Nullable<Graphics>;
     messageBox: MessageBox;
     protected readonly buttonsEventManager: ButtonsEventManager;
     protected logo: Nullable<Logo>;

package/dist/components/buttons/BaseButton/BaseButton.js

@@ -61,6 +61,7 @@ export class BaseButton extends Sprite {
             .on("mouseover", this._manageStateOver)
             .on("mouseout", this._manageStateOut)
             .on("tap", this._onClick)
+            .on("touchstart", this._manageStateDown)
             .on("touchend", this._manageStateUp)
             .on("pointercancel", this._manageStateUp)
             .on("touchcancel", this._manageStateUp)

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

@@ -10,7 +10,9 @@ export class AutoplayButton extends BaseButton {
         const textureMap = mobile
             ? {
                 [ButtonStates.NORMAL]: getTexture("mobile/autoplay.png"),
+                [ButtonStates.CLICKED]: getTexture("mobile/clicked/autoplay.png"),
                 [ButtonStates.ACTIVE]: getTextureSafely("mobile/autoplay-on.png"),
+                [ButtonStates.ACTIVE_CLICKED]: getTextureSafely("mobile/clicked/autoplay-on.png"),
             }
             : {
                 [ButtonStates.NORMAL]: getTexture("normal/autoplay.png"),

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

@@ -6,6 +6,7 @@ export class InfoButton extends BaseButton {
         const textureMap = mobile
             ? {
                 [ButtonStates.NORMAL]: getTexture("mobile/info.png"),
+                [ButtonStates.CLICKED]: getTexture("mobile/clicked/info.png"),
             }
             : {
                 [ButtonStates.NORMAL]: getTexture("normal/info.png"),

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

@@ -6,6 +6,7 @@ export class MoreButton extends BaseButton {
         const textureMap = mobile
             ? {
                 [ButtonStates.NORMAL]: getTexture("mobile/menu.png"),
+                [ButtonStates.CLICKED]: getTexture("mobile/clicked/menu.png"),
             }
             : {
                 [ButtonStates.NORMAL]: getTexture("normal/menu.png"),

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

@@ -7,6 +7,7 @@ export class PlusButton extends BaseButton {
         const textureMap = mobile
             ? {
                 [ButtonStates.NORMAL]: getTexture("mobile/bet.png"),
+                [ButtonStates.CLICKED]: getTexture("mobile/clicked/bet.png"),
             }
             : {
                 [ButtonStates.NORMAL]: getTexture("normal/plus.png"),

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

@@ -13,7 +13,9 @@ export class RefreshButton extends BaseButton {
         const textureMap = mobile
             ? {
                 [ButtonStates.NORMAL]: getTexture("mobile/refresh.png"),
+                [ButtonStates.CLICKED]: getTexture("mobile/clicked/refresh.png"),
                 [ButtonStates.ACTIVE]: getTexture("mobile/stop.png"),
+                [ButtonStates.ACTIVE_CLICKED]: getTexture("mobile/clicked/stop.png"),
             }
             : {
                 [ButtonStates.NORMAL]: getTexture("normal/auto-start.png"),

package/dist/components/dictionary/locales/en.json

@@ -58,6 +58,7 @@
         "currentWinGamble": "CURRENT WIN",
         "gambleToWin": "GAMBLE TO WIN",
         "doubleTo": "DOUBLE TO",
-        "collect": "COLLECT"
+        "collect": "COLLECT",
+        "totalBet": "Total bet"
     }
 }

package/dist/components/frame/AbstractFrame.js

@@ -124,6 +124,7 @@ export class AbstractFrame extends ResumableContainer {
         this.addChild(this.innerFrame);
         if (this.mysteryFxHighlight)
             this.addChild(this.mysteryFxHighlight);
+        this.winLineAnimations.forEach((winLineAnimation) => this.addChild(winLineAnimation));
         this.reposition();
     }
     transformedWidth() {

package/dist/components/symbols/AbstractSymbolsColumn.js

@@ -213,9 +213,9 @@ export class AbstractSymbolsColumn extends Container {
         }
         transformations.forEach((transformation) => droppableSymbolsInColumns.setSymbolsToBeDestroyed(transformation.coordinates.y, transformation.symbolId));
         droppableSymbolsInColumns.calculateSymbolsMovementInTransformation();
-        SoundManager.play(isStandalone ? SoundTracks.standaloneBoom : SoundTracks.boom);
         if (!skipAnimation)
             await droppableSymbolsInColumns.playAnimations();
+        SoundManager.play(isStandalone ? SoundTracks.standaloneBoom : SoundTracks.boom);
         await droppableSymbolsInColumns.destroyAnimations(isStandalone);
         droppableSymbolsInColumns.moveDestroyedSymbolsToTop(this.tileHeight);
         droppableSymbolsInColumns.swapDestroyedSymbols();

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, SpeedControlButton, } from "../components";
+import { AbstractFrame, AutoplayButton, BUTTONS, COMPONENTS, FreeSpinButton, MessageBox, RefreshButton, SpeedControlButton, } from "../components";
 import { gamePhases, PossibleWins } from "../constants";
 import { RainMan } from "../Rainman";
 import { ceilToDecimal, debugSpinData, debugSymbolsMatchConfiguration, getDeviceOrientation, hideLayerIfPresent, hidePaytable, logGroup, logGroupEnd, logInfo, logWarn, UI_ITEMS, } from "../utils";
@@ -129,11 +129,7 @@ export class AbstractController {
         }
         if (getDeviceOrientation().includes("mobile")) {
             RainMan.componentRegistry.get(BUTTONS.plus).setOnClick(() => {
-                const nextBet = this.config.getNextBet(RainMan.settingsStore.bet) || 0;
-                if (nextBet === RainMan.settingsStore.bet)
-                    this.uiController.updateBet("first");
-                else
-                    this.uiController.updateBet("increase");
+                RainMan.settingsStore.handleModalInvocation?.(UI_ITEMS.bet);
             });
             return;
         }
@@ -145,21 +141,23 @@ export class AbstractController {
         });
     }
     initSpinButton() {
-        RainMan.componentRegistry.get(BUTTONS.refresh).setOnClick(() => this.handleSpinLogic());
-        RainMan.componentRegistry.get(BUTTONS.refresh).on("touchstart", () => {
-            if (this.mobileSpinTimeout !== null)
-                return;
-            this.mobileSpinTimeout = setInterval(() => this.handleSpinLogic(), RainMan.config.durationOfActions.mobileSpinTimeout);
-        });
-        RainMan.componentRegistry.get(BUTTONS.refresh).on("touchend", () => {
+        const refreshButton = RainMan.componentRegistry.get(RefreshButton.registryName);
+        refreshButton.setOnClick(() => this.handleSpinLogic());
+        const clearMobileSpinTimeout = () => {
             if (!this.mobileSpinTimeout)
                 return;
             clearInterval(this.mobileSpinTimeout);
             this.mobileSpinTimeout = null;
+        };
+        refreshButton.on("touchstart", () => {
+            if (this.mobileSpinTimeout !== null)
+                return;
+            this.mobileSpinTimeout = setInterval(() => this.handleSpinLogic(), RainMan.config.durationOfActions.mobileSpinTimeout);
         });
-        RainMan.componentRegistry.get(BUTTONS.refresh).on("touchmove", (event) => {
-            if (event.target === null && this.mobileSpinTimeout)
-                clearInterval(this.mobileSpinTimeout);
+        refreshButton.on("touchend", () => clearMobileSpinTimeout());
+        refreshButton.on("globaltouchmove", (event) => {
+            if (event.target !== refreshButton)
+                clearMobileSpinTimeout();
         });
     }
     get shouldButtonsBeDisabled() {
@@ -203,7 +201,7 @@ export class AbstractController {
             newPhase === gamePhases.CONFIGURING_SPIN);
     }
     setMessageBoxBasedOnPhase(phase) {
-        if (RainMan.settingsStore.isFreeSpinsPlayEnabled || RainMan.settingsStore.isLastFreeSpin) {
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
             this.uiController.messageBox.showCurrentWinText();
             if (!this.hideFreeSpinsMessageBox)
                 this.uiController.messageBox.showFreeSpinText();
@@ -652,7 +650,7 @@ export class AbstractController {
             return;
         if (value === 0)
             return;
-        if (RainMan.settingsStore.isFreeSpinsPlayEnabled || RainMan.settingsStore.isLastFreeSpin) {
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
             this.uiController.updateDisplayedWin(value);
         }
         else {

package/dist/controllers/UiController.js

@@ -91,7 +91,7 @@ export class UiController {
     }
     updateShownCurrentWin() {
         this.messageBox.showCurrentWinText();
-        if (RainMan.settingsStore.isFreeSpinsPlayEnabled || RainMan.settingsStore.isLastFreeSpin) {
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
             RainMan.componentRegistry.get(MessageBox.currentWinTextRegistryName).set(this.totalFreeSpinWinAmount);
             return;
         }
@@ -145,6 +145,10 @@ export class UiController {
         RainMan.componentRegistry.get(COMPONENTS.creditText).set(this.currentBalance);
     }
     setDisplayedCurrentWin() {
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
+            RainMan.componentRegistry.get(MessageBox.currentWinTextRegistryName).set(this.totalFreeSpinWinAmount);
+            return;
+        }
         RainMan.componentRegistry.get(MessageBox.currentWinTextRegistryName).set(this._recentWin);
     }
 }

package/dist/utils/common/screenHelpers.d.ts

@@ -3,4 +3,5 @@ export declare const getScreenRatio: () => number;
 export declare const isMobile: () => boolean;
 export declare const openFullscreen: () => void;
 export declare const setupFullscreenForIOS: () => void;
+export declare const disableMagnifyingGlassOnIOS: () => void;
 export declare const resizeCanvas: () => void;

package/dist/utils/common/screenHelpers.js

@@ -59,6 +59,9 @@ export const setupFullscreenForIOS = () => {
         lastOrientation = currentOrientation;
     });
 };
+export const disableMagnifyingGlassOnIOS = () => {
+    document.body.addEventListener("touchend", (e) => e.preventDefault(), { passive: false });
+};
 export const resizeCanvas = () => {
     const resize = () => {
         RainMan.app.renderer.resize(window.innerWidth, window.innerHeight);

package/dist/utils/common/uiItems.d.ts

@@ -6,5 +6,6 @@ export declare const UI_ITEMS: {
     readonly speedSettings: "speed-settings-layer";
     readonly symbolPayTable: "symbol-payTable-layer";
     readonly freeSpin: "free-spin-layer";
+    readonly bet: "bet-layer";
 };
-export declare const allUiItems: ("dom-layer" | "volume-layer" | "game-rules-layer" | "autoPlay-settings-layer" | "speed-settings-layer" | "symbol-payTable-layer" | "free-spin-layer")[];
+export declare const allUiItems: ("dom-layer" | "volume-layer" | "game-rules-layer" | "autoPlay-settings-layer" | "speed-settings-layer" | "symbol-payTable-layer" | "free-spin-layer" | "bet-layer")[];

package/dist/utils/common/uiItems.js

@@ -6,5 +6,6 @@ export const UI_ITEMS = {
     speedSettings: "speed-settings-layer",
     symbolPayTable: "symbol-payTable-layer",
     freeSpin: "free-spin-layer",
+    bet: "bet-layer",
 };
 export const allUiItems = Object.values(UI_ITEMS);

package/package.json

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