lido-player 0.0.2-alpha-92 → 0.0.2-alpha-93

package/dist/cjs/{decode-C3sBXlW1.js → decode-BaNHxjfg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-rb5JkNCU.js');
+var index = require('./index-DA8gicLI.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/cjs/{index-rb5JkNCU.js → index-DA8gicLI.js}

@@ -1064,9 +1064,12 @@ async function onClickDropOrDragElement(element, type) {
     const selectedDropElement = type === 'drop' ? element : document.querySelector("[type='drop'].highlight-element");
     const selectedDragElement = type === 'drag' ? element : document.querySelector("[type='drag'].highlight-element");
     if (!selectedDropElement || element.classList.contains("dropped")) {
+        console.log("hello");
         onClickDragElement(element);
         return;
     }
+    if (element.classList.contains("drop-element"))
+        return;
     if (selectedDropElement && selectedDragElement) {
         if (selectedDragElement.getAttribute('drop-to'))
             return;

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-rb5JkNCU.js');
+var index = require('./index-DA8gicLI.js');
 require('./index-Dl8SlqP-.js');
 
 

package/dist/cjs/lido-avatar_22.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dl8SlqP-.js');
-var index$1 = require('./index-rb5JkNCU.js');
+var index$1 = require('./index-DA8gicLI.js');
 
 var rive$1 = {exports: {}};
 
@@ -12709,6 +12709,15 @@ const LidoHome = class {
                 }
             }, 100);
         };
+        this.btnpopupRunId = 0;
+        this.handleWindowTouch = () => {
+            void this.cancelBtnpopupRun();
+        };
+        this.handleWindowPointer = (event) => {
+            if (event.pointerType !== 'touch')
+                return;
+            void this.cancelBtnpopupRun();
+        };
         this.popUpClick = (comment) => {
             const alertElement = this.el.querySelector('.lido-alert-popup');
             this.exitFlag = false;
@@ -12843,7 +12852,7 @@ const LidoHome = class {
         }
         // Pure-JS fallback (no wasm asset required)
         try {
-            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-C3sBXlW1.js'); }).then(function (n) { return n.decode; });
+            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-BaNHxjfg.js'); }).then(function (n) { return n.decode; });
             const brotliDecompressBuffer = brotliDecodeModule.BrotliDecompressBuffer || ((_a = brotliDecodeModule.default) === null || _a === void 0 ? void 0 : _a.BrotliDecompressBuffer);
             if (typeof brotliDecompressBuffer !== 'function') {
                 throw new Error('BrotliDecompressBuffer function not found in brotli/dec/decode');
@@ -12872,6 +12881,8 @@ const LidoHome = class {
         window.addEventListener('resize', () => {
             this.scaleNavbarContainer(); // re-scale navbar on resize
         });
+        window.addEventListener('touchstart', this.handleWindowTouch, { passive: true });
+        window.addEventListener('pointerdown', this.handleWindowPointer, { passive: true });
     }
     publishCommonAudioPath(path) {
         if (!path)
@@ -12944,6 +12955,8 @@ const LidoHome = class {
         window.removeEventListener('resize', () => {
             this.scaleNavbarContainer(); // clean up
         });
+        window.removeEventListener('touchstart', this.handleWindowTouch);
+        window.removeEventListener('pointerdown', this.handleWindowPointer);
     }
     /**
      * Parses the provided XML string into an XML DOM object and extracts the containers from it.
@@ -13087,24 +13100,31 @@ const LidoHome = class {
             return drags.some(drag => drag.getAttribute('drop-to') === dropId);
         });
     }
-    async btnpopup() {
+    async btnpopup(runId) {
         var _a, _b;
+        const isStale = () => runId !== this.btnpopupRunId;
         const container = document.getElementById(index$1.LidoContainer);
         console.log('game completed !');
+        if (isStale())
+            return;
         if (!container || container.getAttribute('game-completed') === 'true')
             return;
         index$1.setCancelBtnPopup(false);
         await index$1.AudioPlayer.getI().stop();
+        if (isStale())
+            return;
         const allele = container.querySelectorAll('*');
         const templateId = container.getAttribute(index$1.TemplateID);
         if (templateId) {
             const instructEl = this.el.querySelector(`#${templateId}`);
             if (instructEl) {
                 await index$1.executeActions("this.speak='true';", instructEl);
+                if (isStale())
+                    return;
             }
         }
         for (const el of Array.from(allele)) {
-            if (index$1.getCancelBtnPopup())
+            if (index$1.getCancelBtnPopup() || isStale())
                 break;
             const tabIndex = el.getAttribute('tab-index');
             const htmlel = el;
@@ -13122,13 +13142,17 @@ const LidoHome = class {
                         !type || !type.trim())) {
                     await index$1.AudioPlayer.getI().play(htmlel);
                 }
-                if (index$1.getCancelBtnPopup()) {
+                if (index$1.getCancelBtnPopup() || isStale()) {
                     await index$1.AudioPlayer.getI().stop();
                     break;
                 }
                 await new Promise(resolve => setTimeout(resolve, 300));
+                if (isStale())
+                    break;
             }
         }
+        if (isStale())
+            return;
         if (this.areAllDropsFilled()) {
             const objectiveString = container['objective'];
             const objectiveArray = (_b = JSON.parse((_a = container.getAttribute(index$1.SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]')) !== null && _b !== void 0 ? _b : [];
@@ -13145,6 +13169,19 @@ const LidoHome = class {
             console.log('Not yet filled ');
         }
     }
+    async cancelBtnpopupRun() {
+        this.btnpopupRunId++;
+        index$1.setCancelBtnPopup(true);
+        await index$1.AudioPlayer.getI().stop();
+    }
+    async handleBtnpopupClick() {
+        // Invalidate any in-flight run and stop audio immediately.
+        await this.cancelBtnpopupRun();
+        // Start fresh run.
+        const nextRunId = this.btnpopupRunId;
+        index$1.setCancelBtnPopup(false);
+        await this.btnpopup(nextRunId);
+    }
     scaleNavbarContainer() {
         setTimeout(() => {
             const navBar = document.querySelector('.lido-dot-container');
@@ -13189,7 +13226,7 @@ const LidoHome = class {
                 console.log('Current Target:', event.currentTarget); // Where the onClick is bound
                 console.log('✅ Button clicked - nextBtn action triggered');
                 index$1.executeActions("this.nextBtn='true'", event.currentTarget);
-            } }, index.h("lido-image", { src: this.navBarIcons.next }))), index.h("div", { id: "main-audio", class: "popup-button", onClick: () => this.btnpopup() }, index.h("lido-image", { visible: "true", src: this.navBarIcons.speak }))));
+            } }, index.h("lido-image", { src: this.navBarIcons.next }))), index.h("div", { id: "main-audio", class: "popup-button", onClick: () => this.handleBtnpopupClick() }, index.h("lido-image", { visible: "true", src: this.navBarIcons.speak }))));
     }
     /**
      * Jumps to a specific container based on the index of the dot clicked.

package/dist/collection/components/home/lido-home.js

@@ -144,6 +144,15 @@ export class LidoHome {
                 }
             }, 100);
         };
+        this.btnpopupRunId = 0;
+        this.handleWindowTouch = () => {
+            void this.cancelBtnpopupRun();
+        };
+        this.handleWindowPointer = (event) => {
+            if (event.pointerType !== 'touch')
+                return;
+            void this.cancelBtnpopupRun();
+        };
         this.popUpClick = (comment) => {
             const alertElement = this.el.querySelector('.lido-alert-popup');
             this.exitFlag = false;
@@ -307,6 +316,8 @@ export class LidoHome {
         window.addEventListener('resize', () => {
             this.scaleNavbarContainer(); // re-scale navbar on resize
         });
+        window.addEventListener('touchstart', this.handleWindowTouch, { passive: true });
+        window.addEventListener('pointerdown', this.handleWindowPointer, { passive: true });
     }
     publishCommonAudioPath(path) {
         if (!path)
@@ -379,6 +390,8 @@ export class LidoHome {
         window.removeEventListener('resize', () => {
             this.scaleNavbarContainer(); // clean up
         });
+        window.removeEventListener('touchstart', this.handleWindowTouch);
+        window.removeEventListener('pointerdown', this.handleWindowPointer);
     }
     /**
      * Parses the provided XML string into an XML DOM object and extracts the containers from it.
@@ -522,24 +535,31 @@ export class LidoHome {
             return drags.some(drag => drag.getAttribute('drop-to') === dropId);
         });
     }
-    async btnpopup() {
+    async btnpopup(runId) {
         var _a, _b;
+        const isStale = () => runId !== this.btnpopupRunId;
         const container = document.getElementById(LidoContainer);
         console.log('game completed !');
+        if (isStale())
+            return;
         if (!container || container.getAttribute('game-completed') === 'true')
             return;
         setCancelBtnPopup(false);
         await AudioPlayer.getI().stop();
+        if (isStale())
+            return;
         const allele = container.querySelectorAll('*');
         const templateId = container.getAttribute(TemplateID);
         if (templateId) {
             const instructEl = this.el.querySelector(`#${templateId}`);
             if (instructEl) {
                 await executeActions("this.speak='true';", instructEl);
+                if (isStale())
+                    return;
             }
         }
         for (const el of Array.from(allele)) {
-            if (getCancelBtnPopup())
+            if (getCancelBtnPopup() || isStale())
                 break;
             const tabIndex = el.getAttribute('tab-index');
             const htmlel = el;
@@ -557,13 +577,17 @@ export class LidoHome {
                         !type || !type.trim())) {
                     await AudioPlayer.getI().play(htmlel);
                 }
-                if (getCancelBtnPopup()) {
+                if (getCancelBtnPopup() || isStale()) {
                     await AudioPlayer.getI().stop();
                     break;
                 }
                 await new Promise(resolve => setTimeout(resolve, 300));
+                if (isStale())
+                    break;
             }
         }
+        if (isStale())
+            return;
         if (this.areAllDropsFilled()) {
             const objectiveString = container['objective'];
             const objectiveArray = (_b = JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]')) !== null && _b !== void 0 ? _b : [];
@@ -580,6 +604,19 @@ export class LidoHome {
             console.log('Not yet filled ');
         }
     }
+    async cancelBtnpopupRun() {
+        this.btnpopupRunId++;
+        setCancelBtnPopup(true);
+        await AudioPlayer.getI().stop();
+    }
+    async handleBtnpopupClick() {
+        // Invalidate any in-flight run and stop audio immediately.
+        await this.cancelBtnpopupRun();
+        // Start fresh run.
+        const nextRunId = this.btnpopupRunId;
+        setCancelBtnPopup(false);
+        await this.btnpopup(nextRunId);
+    }
     scaleNavbarContainer() {
         setTimeout(() => {
             const navBar = document.querySelector('.lido-dot-container');
@@ -624,7 +661,7 @@ export class LidoHome {
                 console.log('Current Target:', event.currentTarget); // Where the onClick is bound
                 console.log('✅ Button clicked - nextBtn action triggered');
                 executeActions("this.nextBtn='true'", event.currentTarget);
-            } }, h("lido-image", { src: this.navBarIcons.next }))), h("div", { id: "main-audio", class: "popup-button", onClick: () => this.btnpopup() }, h("lido-image", { visible: "true", src: this.navBarIcons.speak }))));
+            } }, h("lido-image", { src: this.navBarIcons.next }))), h("div", { id: "main-audio", class: "popup-button", onClick: () => this.handleBtnpopupClick() }, h("lido-image", { visible: "true", src: this.navBarIcons.speak }))));
     }
     /**
      * Jumps to a specific container based on the index of the dot clicked.

package/dist/collection/utils/utilsHandlers/dragDropHandler.js

@@ -800,9 +800,12 @@ export async function onClickDropOrDragElement(element, type) {
     const selectedDropElement = type === 'drop' ? element : document.querySelector("[type='drop'].highlight-element");
     const selectedDragElement = type === 'drag' ? element : document.querySelector("[type='drag'].highlight-element");
     if (!selectedDropElement || element.classList.contains("dropped")) {
+        console.log("hello");
         onClickDragElement(element);
         return;
     }
+    if (element.classList.contains("drop-element"))
+        return;
     if (selectedDropElement && selectedDragElement) {
         if (selectedDragElement.getAttribute('drop-to'))
             return;