@energy8platform/shell 0.11.2 → 0.11.4

package/dist/pixi.d.ts

@@ -643,7 +643,7 @@ declare class ShellController extends EventEmitter<ShellEvents> implements Shell
     tokens: ShellTokens;
     layout: ShellLayoutMode;
     soundOn: boolean;
-    readonly engineVersion = "0.11.2";
+    readonly engineVersion = "0.11.4";
     readonly actions: ShellActions;
     private renderer;
     private i18n;
@@ -795,14 +795,14 @@ declare function createI18n(opts: I18nOptions): I18n;
  * supported, the disclaimer is translated and displayed in each language").
  *
  * Brand-free by construction. Stake's own template ends with a seventh line — "TM and © {year}
- * Stake Engine." — and that one belongs to a Stake launch alone: it arrives with the Stake bridge's
+ * Engine." — and that one belongs to a Stake launch alone: it arrives with the Stake bridge's
  * `INIT.config.disclaimerLines`, which outrank this default, and renders verbatim (see the host's
  * `isBrandLine`). Every other platform gets the same mandated wording without someone else's mark.
  */
 declare const DISCLAIMER_LINES: readonly string[];
 
 /** The @energy8platform/shell package version, stamped into the game-info footer. */
-declare const PACKAGE_VERSION = "0.11.2";
+declare const PACKAGE_VERSION = "0.11.4";
 
 /**
  * What a scrollable region should ADVERTISE about itself.

package/dist/pixi.esm.js

@@ -1329,7 +1329,7 @@ const D = {
  * supported, the disclaimer is translated and displayed in each language").
  *
  * Brand-free by construction. Stake's own template ends with a seventh line — "TM and © {year}
- * Stake Engine." — and that one belongs to a Stake launch alone: it arrives with the Stake bridge's
+ * Engine." — and that one belongs to a Stake launch alone: it arrives with the Stake bridge's
  * `INIT.config.disclaimerLines`, which outrank this default, and renders verbatim (see the host's
  * `isBrandLine`). Every other platform gets the same mandated wording without someone else's mark.
  */
@@ -1753,7 +1753,7 @@ function keyboardCapable(win = typeof window === 'undefined' ? undefined : windo
 
 // AUTO-GENERATED by scripts/gen-version.mjs — do not edit. Mirrors package.json "version".
 /** The @energy8platform/shell package version, stamped into the game-info footer. */
-const PACKAGE_VERSION = '0.11.2';
+const PACKAGE_VERSION = '0.11.4';
 
 /** Apply defaults to the raw config (the mount target lives on the renderer, not here). */
 function resolveConfig(config) {
@@ -5853,6 +5853,9 @@ class BuyBonusOverlay extends Container {
     dragFrom = 0;
     dragBase = 0;
     dragged = false; // a tap that actually moved → suppress the card select
+    // The wheel is a canvas listener, not a Pixi event: Pixi's federated events don't carry `wheel`.
+    canvas;
+    wheelHandler;
     constructor(host, bonuses) {
         super();
         this.host = host;
@@ -5868,6 +5871,47 @@ class BuyBonusOverlay extends Container {
         this.on('pointerup', this.onDragUp);
         this.on('pointerupoutside', this.onDragUp);
         this.resize(host.screenW, host.screenH);
+        // Stake asked for this band to be "scrollable, not only draggable": on a Popout S frame the
+        // cards stack past the bottom, and a drag was the only way to reach the last one. Every other
+        // scroll region in this shell (ScrollBox) already takes the wheel; this strip rolls its own
+        // scroll, so it needs its own listener.
+        if (host.canvas) {
+            this.canvas = host.canvas;
+            this.wheelHandler = (e) => {
+                // Swallowed whether or not we scroll: on Stake the game is an iframe, and a wheel this
+                // overlay ignores scrolls the casino page behind it (same rule as ScrollBox).
+                e.preventDefault();
+                if (this.confirm)
+                    return; // the confirm card is on top — don't move the strip beneath it
+                // A mouse reports deltaY on either layout; a trackpad swipe across the horizontal row
+                // reports deltaX. Take whichever axis the gesture actually favoured.
+                this.scrollBy(Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY);
+            };
+            this.canvas.addEventListener('wheel', this.wheelHandler, { passive: false });
+        }
+    }
+    /** Move the card band `delta` px along its scroll axis, clamped to the drag's own range. The
+     *  wheel's entry point; the drag writes `dragX` straight from the pointer delta. */
+    scrollBy(delta) {
+        if (this.destroyed || this.dragMax <= 0)
+            return;
+        const next = clamp(-this.dragMax, this.dragX - delta, 0);
+        if (next === this.dragX)
+            return;
+        this.dragX = next;
+        if (this.dragAxis === 'x')
+            this.strip.position.x = this.dragBaseX + this.dragX;
+        else
+            this.strip.position.y = this.dragBaseY + this.dragX;
+        this.syncScrollCue();
+    }
+    /** Drop the canvas listener. Called from both onRemove (the normal close) and destroy, so a
+     *  layer torn down without onRemove can't leave a handler swallowing every wheel on the page. */
+    detachWheel() {
+        if (this.canvas && this.wheelHandler)
+            this.canvas.removeEventListener('wheel', this.wheelHandler);
+        this.wheelHandler = undefined;
+        this.canvas = undefined;
     }
     onDragDown = (e) => {
         if (this.confirm || this.dragMax <= 0)
@@ -6359,7 +6403,11 @@ class BuyBonusOverlay extends Container {
         /* cards already sized to the area */
     }
     onRemove() {
-        /* nothing extra */
+        this.detachWheel();
+    }
+    destroy(options) {
+        this.detachWheel();
+        super.destroy(options);
     }
 }
 /** Wrapper for a game-supplied custom card (`BonusOption.custom`). The shell keeps the card slot (sizing +