lido-player 0.0.2-alpha-33 → 0.0.2-alpha-35

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const utils = require('./utils-07b2249f.js');
+const utils = require('./utils-3bd777d9.js');
 require('./index-fe562525.js');
 
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fe562525.js');
-const utils = require('./utils-07b2249f.js');
+const utils = require('./utils-3bd777d9.js');
 
 var rive = {exports: {}};
 
@@ -7026,7 +7026,7 @@ const LidoFlash = class {
 };
 LidoFlash.style = LidoFlashCardStyle0;
 
-const lidoFloatCss = ".lido-float{position:relative}.lido-float>*{position:absolute;cursor:pointer}@keyframes float-up{from{top:var(--el-top)}to{top:-500px}}@keyframes float-lr{from{right:var(--el-left)}to{right:-500px}}";
+const lidoFloatCss = ".lido-float{position:relative}.lido-float>*{position:absolute;cursor:pointer}@keyframes float-up{from{top:var(--el-top)}to{top:-500px}}#removeShadow{box-shadow:unset !important}@keyframes float-lr{from{right:var(--el-left)}to{right:-500px}}";
 const LidoFloatStyle0 = lidoFloatCss;
 
 const LidoFloat = class {
@@ -7116,7 +7116,7 @@ const LidoHome = class {
             if (index != undefined && index < this.containers.length) {
                 // Move to the next container
                 this.currentContainerIndex = index;
-                console.log("container index ; ", this.currentContainerIndex);
+                console.log('container index ; ', this.currentContainerIndex);
                 // window.dispatchEvent(new CustomEvent('activityChange', { detail: { index: this.currentContainerIndex } }));
                 utils.dispatchActivityChangeEvent(this.currentContainerIndex);
             }
@@ -7257,30 +7257,32 @@ const LidoHome = class {
         });
     }
     async handleIcons() {
+        var _a;
         const checkUrl = async (url, containerUrl, fallback) => {
-            if (!url && !containerUrl)
-                return fallback !== null && fallback !== void 0 ? fallback : false;
-            try {
-                let res = await fetch(url);
-                if (res.ok && url) {
-                    return url;
-                }
-                else {
-                    if (!containerUrl)
-                        return fallback !== null && fallback !== void 0 ? fallback : false;
-                    res = await fetch(containerUrl);
-                    return res.ok ? containerUrl : fallback !== null && fallback !== void 0 ? fallback : false;
-                }
-            }
-            catch (_a) {
-                return fallback !== null && fallback !== void 0 ? fallback : false;
-            }
+            // if (!url && !containerUrl) return fallback ?? false;
+            if (url)
+                return utils.convertUrlToRelative(url);
+            if (containerUrl)
+                return utils.convertUrlToRelative(containerUrl);
+            return fallback !== null && fallback !== void 0 ? fallback : false;
+            // try {
+            //   let res = await fetch(url);
+            //   if (res.ok && url) {
+            //     return url;
+            //   } else {
+            //     if (!containerUrl) return fallback ?? false;
+            //     res = await fetch(containerUrl);
+            //     return res.ok ? containerUrl : fallback ?? false;
+            //   }
+            // } catch {
+            //   return fallback ?? false;
+            // }
         };
         const container = document.getElementById(utils.LidoContainer);
         const containerExit = container.getAttribute('exit-button-url');
         const containerPrev = container.getAttribute('prev-button-url');
         const containerNext = container.getAttribute('next-button-url');
-        const containerSpeak = container.getAttribute('speak-button-url');
+        const containerSpeak = (_a = container.getAttribute('speak-button-url')) !== null && _a !== void 0 ? _a : container.getAttribute('speaker-button-url');
         this.navBarIcons = {
             exit: `${await checkUrl(this.exitButtonUrl, containerExit, utils.exitUrl)}`,
             prev: `${await checkUrl(this.prevButtonUrl, containerPrev, utils.prevUrl)}`,
@@ -11189,7 +11191,7 @@ const LidoTrace = class {
             console.error('No SVG URL provided or index out of bounds.');
             return;
         }
-        await this.fetchSVG(url);
+        await this.fetchSVG(utils.convertUrlToRelative(url));
         console.log('SVG fetched successfully\n');
         await this.loadAnotherSVG(state, true); // Load the first SVG
     }
@@ -11243,7 +11245,7 @@ const LidoTrace = class {
         testImage.onerror = () => {
             img.setAttributeNS('http://www.w3.org/1999/xlink', 'href', utils.convertUrlToRelative(utils.fingerUrl));
         };
-        testImage.src = this.fingerHintUrl || utils.fingerUrl;
+        testImage.src = utils.convertUrlToRelative(this.fingerHintUrl || utils.fingerUrl);
         img.setAttribute('width', `${IMG_SIZE}`);
         img.setAttribute('height', `${IMG_SIZE}`);
         img.setAttribute('id', 'lido-finger-hint');
@@ -11814,7 +11816,7 @@ const LidoTrace = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'b3e4e80fb1fa3d1e83ff30aa6258c83c379cb9d4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, index.h("div", { key: 'a0c74bd35eba5de7afa4c4d600cc031e169a01d3', style: this.style, id: "lido-svgContainer" })));
+        return (index.h(index.Host, { key: '16fb46d69a04aac108b4c21629210f3f31289ee4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, index.h("div", { key: '966e4f549b34e8c1f1886359527a36d81226ac9e', style: this.style, id: "lido-svgContainer" })));
     }
     static get assetsDirs() { return ["svg", "images"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/{utils-07b2249f.js → utils-3bd777d9.js}

@@ -67825,7 +67825,7 @@ async function handleElementClick(element) {
     if (res) {
         const onCorrect = container['onCorrect'];
         await executeActions(onCorrect, container);
-        let fillValue = JSON.parse(fillElement['fill']);
+        const fillValue = JSON.parse(fillElement['fill']);
         if (fillValue === 100 && !fillCompleted) {
             fillCompleted = true;
             container.style.pointerEvents = 'none';
@@ -67876,6 +67876,7 @@ function handleFloatElementPosition(element) {
         const duration = 5 + Math.random() * 5;
         element.style.setProperty('--el-top', `${startTop}px`);
         element.style.animation = `float-up ${duration}s linear ${delay}s`;
+        element.id = 'removeShadow';
     }
     element.addEventListener('animationend', () => {
         element.style.animation = 'none';

package/dist/collection/components/float/lido-float.css

@@ -16,6 +16,10 @@
   }
 }
 
+#removeShadow {
+  box-shadow: unset !important;
+}
+
 @keyframes float-lr {
   from {
     right: var(--el-left);

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { NextContainerKey, PrevContainerKey, LidoContainer, exitUrl, prevUrl, nextUrl, speakUrl, ActivityScoreKey, } from "../../utils/constants";
 import { dispatchActivityChangeEvent, dispatchGameCompletedEvent, dispatchGameExitEvent } from "../../utils/customEvents";
-import { clearLocalStorage, calculateScale, getCancelBtnPopup, setCancelBtnPopup, executeActions, triggerPrevcontainer } from "../../utils/utils";
+import { clearLocalStorage, calculateScale, getCancelBtnPopup, setCancelBtnPopup, executeActions, triggerPrevcontainer, convertUrlToRelative } from "../../utils/utils";
 import { AudioPlayer } from "../../utils/audioPlayer";
 /**
  * @component LidoHome
@@ -25,7 +25,7 @@ export class LidoHome {
             if (index != undefined && index < this.containers.length) {
                 // Move to the next container
                 this.currentContainerIndex = index;
-                console.log("container index ; ", this.currentContainerIndex);
+                console.log('container index ; ', this.currentContainerIndex);
                 // window.dispatchEvent(new CustomEvent('activityChange', { detail: { index: this.currentContainerIndex } }));
                 dispatchActivityChangeEvent(this.currentContainerIndex);
             }
@@ -166,30 +166,32 @@ export class LidoHome {
         });
     }
     async handleIcons() {
+        var _a;
         const checkUrl = async (url, containerUrl, fallback) => {
-            if (!url && !containerUrl)
-                return fallback !== null && fallback !== void 0 ? fallback : false;
-            try {
-                let res = await fetch(url);
-                if (res.ok && url) {
-                    return url;
-                }
-                else {
-                    if (!containerUrl)
-                        return fallback !== null && fallback !== void 0 ? fallback : false;
-                    res = await fetch(containerUrl);
-                    return res.ok ? containerUrl : fallback !== null && fallback !== void 0 ? fallback : false;
-                }
-            }
-            catch (_a) {
-                return fallback !== null && fallback !== void 0 ? fallback : false;
-            }
+            // if (!url && !containerUrl) return fallback ?? false;
+            if (url)
+                return convertUrlToRelative(url);
+            if (containerUrl)
+                return convertUrlToRelative(containerUrl);
+            return fallback !== null && fallback !== void 0 ? fallback : false;
+            // try {
+            //   let res = await fetch(url);
+            //   if (res.ok && url) {
+            //     return url;
+            //   } else {
+            //     if (!containerUrl) return fallback ?? false;
+            //     res = await fetch(containerUrl);
+            //     return res.ok ? containerUrl : fallback ?? false;
+            //   }
+            // } catch {
+            //   return fallback ?? false;
+            // }
         };
         const container = document.getElementById(LidoContainer);
         const containerExit = container.getAttribute('exit-button-url');
         const containerPrev = container.getAttribute('prev-button-url');
         const containerNext = container.getAttribute('next-button-url');
-        const containerSpeak = container.getAttribute('speak-button-url');
+        const containerSpeak = (_a = container.getAttribute('speak-button-url')) !== null && _a !== void 0 ? _a : container.getAttribute('speaker-button-url');
         this.navBarIcons = {
             exit: `${await checkUrl(this.exitButtonUrl, containerExit, exitUrl)}`,
             prev: `${await checkUrl(this.prevButtonUrl, containerPrev, prevUrl)}`,

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

@@ -63,7 +63,7 @@ export class LidoTrace {
             console.error('No SVG URL provided or index out of bounds.');
             return;
         }
-        const svgText = await this.fetchSVG(url);
+        const svgText = await this.fetchSVG(convertUrlToRelative(url));
         console.log('SVG fetched successfully\n');
         await this.loadAnotherSVG(state, true); // Load the first SVG
     }
@@ -117,7 +117,7 @@ export class LidoTrace {
         testImage.onerror = () => {
             img.setAttributeNS('http://www.w3.org/1999/xlink', 'href', convertUrlToRelative(fingerUrl));
         };
-        testImage.src = this.fingerHintUrl || fingerUrl;
+        testImage.src = convertUrlToRelative(this.fingerHintUrl || fingerUrl);
         img.setAttribute('width', `${IMG_SIZE}`);
         img.setAttribute('height', `${IMG_SIZE}`);
         img.setAttribute('id', 'lido-finger-hint');
@@ -688,7 +688,7 @@ export class LidoTrace {
         };
     }
     render() {
-        return (h(Host, { key: 'b3e4e80fb1fa3d1e83ff30aa6258c83c379cb9d4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: 'a0c74bd35eba5de7afa4c4d600cc031e169a01d3', style: this.style, id: "lido-svgContainer" })));
+        return (h(Host, { key: '16fb46d69a04aac108b4c21629210f3f31289ee4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: '966e4f549b34e8c1f1886359527a36d81226ac9e', style: this.style, id: "lido-svgContainer" })));
     }
     static get is() { return "lido-trace"; }
     static get originalStyleUrls() {

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

@@ -23,7 +23,7 @@ export async function handleElementClick(element) {
     if (res) {
         const onCorrect = container['onCorrect'];
         await executeActions(onCorrect, container);
-        let fillValue = JSON.parse(fillElement['fill']);
+        const fillValue = JSON.parse(fillElement['fill']);
         if (fillValue === 100 && !fillCompleted) {
             fillCompleted = true;
             container.style.pointerEvents = 'none';
@@ -74,6 +74,7 @@ export function handleFloatElementPosition(element) {
         const duration = 5 + Math.random() * 5;
         element.style.setProperty('--el-top', `${startTop}px`);
         element.style.animation = `float-up ${duration}s linear ${delay}s`;
+        element.id = 'removeShadow';
     }
     element.addEventListener('animationend', () => {
         element.style.animation = 'none';

package/dist/components/index.js

@@ -1 +1 @@
-export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-891ef62d.js';
+export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-912a3fd1.js';

package/dist/components/lido-avatar.js

@@ -1,4 +1,4 @@
-import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-effc1618.js';
+import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-f3888e54.js';
 
 const LidoAvatar = LidoAvatar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-cell.js

@@ -1,4 +1,4 @@
-import { L as LidoCell$1, d as defineCustomElement$1 } from './p-963af660.js';
+import { L as LidoCell$1, d as defineCustomElement$1 } from './p-6f439433.js';
 
 const LidoCell = LidoCell$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-col.js

@@ -1,4 +1,4 @@
-import { L as LidoCol$1, d as defineCustomElement$1 } from './p-a9e29b2f.js';
+import { L as LidoCol$1, d as defineCustomElement$1 } from './p-9a0d4b4d.js';
 
 const LidoCol = LidoCol$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-container.js

@@ -1,4 +1,4 @@
-import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-affc10b9.js';
+import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-89ce7a02.js';
 
 const LidoContainer = LidoContainer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-flash-card.js

@@ -1,4 +1,4 @@
-import { L as LidoFlash, d as defineCustomElement$1 } from './p-72d16bea.js';
+import { L as LidoFlash, d as defineCustomElement$1 } from './p-0da64fcd.js';
 
 const LidoFlashCard = LidoFlash;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-float.js

@@ -1,4 +1,4 @@
-import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-fb18186b.js';
+import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-95965640.js';
 
 const LidoFloat = LidoFloat$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-home.js

@@ -1,4 +1,4 @@
-import { L as LidoHome$1, d as defineCustomElement$1 } from './p-dd8aa1c2.js';
+import { L as LidoHome$1, d as defineCustomElement$1 } from './p-2b7f6448.js';
 
 const LidoHome = LidoHome$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-image.js

@@ -1,4 +1,4 @@
-import { L as LidoImage$1, d as defineCustomElement$1 } from './p-d00f3288.js';
+import { L as LidoImage$1, d as defineCustomElement$1 } from './p-43d05f49.js';
 
 const LidoImage = LidoImage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-keyboard.js

@@ -1,4 +1,4 @@
-import { L as LidoKeyboard$1, d as defineCustomElement$1 } from './p-cbba1f37.js';
+import { L as LidoKeyboard$1, d as defineCustomElement$1 } from './p-d0160fac.js';
 
 const LidoKeyboard = LidoKeyboard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-pos.js

@@ -1,4 +1,4 @@
-import { L as LidoPos$1, d as defineCustomElement$1 } from './p-b8a8822b.js';
+import { L as LidoPos$1, d as defineCustomElement$1 } from './p-d3e62673.js';
 
 const LidoPos = LidoPos$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-random.js

@@ -1,4 +1,4 @@
-import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-9cb1af1a.js';
+import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-74d63405.js';
 
 const LidoRandom = LidoRandom$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-root.js

@@ -1,21 +1,21 @@
-import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-891ef62d.js';
-import { d as defineCustomElement$i } from './p-effc1618.js';
-import { d as defineCustomElement$h } from './p-963af660.js';
-import { d as defineCustomElement$g } from './p-a9e29b2f.js';
-import { d as defineCustomElement$f } from './p-affc10b9.js';
-import { d as defineCustomElement$e } from './p-72d16bea.js';
-import { d as defineCustomElement$d } from './p-fb18186b.js';
-import { d as defineCustomElement$c } from './p-dd8aa1c2.js';
-import { d as defineCustomElement$b } from './p-d00f3288.js';
-import { d as defineCustomElement$a } from './p-cbba1f37.js';
-import { d as defineCustomElement$9 } from './p-b8a8822b.js';
-import { d as defineCustomElement$8 } from './p-9cb1af1a.js';
-import { d as defineCustomElement$7 } from './p-7a22083e.js';
-import { d as defineCustomElement$6 } from './p-6a7d604b.js';
-import { d as defineCustomElement$5 } from './p-6cb00626.js';
-import { d as defineCustomElement$4 } from './p-4f726fb5.js';
-import { d as defineCustomElement$3 } from './p-ac57a4e2.js';
-import { d as defineCustomElement$2 } from './p-66a06c78.js';
+import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-912a3fd1.js';
+import { d as defineCustomElement$i } from './p-f3888e54.js';
+import { d as defineCustomElement$h } from './p-6f439433.js';
+import { d as defineCustomElement$g } from './p-9a0d4b4d.js';
+import { d as defineCustomElement$f } from './p-89ce7a02.js';
+import { d as defineCustomElement$e } from './p-0da64fcd.js';
+import { d as defineCustomElement$d } from './p-95965640.js';
+import { d as defineCustomElement$c } from './p-2b7f6448.js';
+import { d as defineCustomElement$b } from './p-43d05f49.js';
+import { d as defineCustomElement$a } from './p-d0160fac.js';
+import { d as defineCustomElement$9 } from './p-d3e62673.js';
+import { d as defineCustomElement$8 } from './p-74d63405.js';
+import { d as defineCustomElement$7 } from './p-7ca9b2ff.js';
+import { d as defineCustomElement$6 } from './p-c204e882.js';
+import { d as defineCustomElement$5 } from './p-806687ef.js';
+import { d as defineCustomElement$4 } from './p-65eae7f7.js';
+import { d as defineCustomElement$3 } from './p-688c02a0.js';
+import { d as defineCustomElement$2 } from './p-a0e12946.js';
 
 const LidoRoot$1 = /*@__PURE__*/ proxyCustomElement(class LidoRoot extends H {
     constructor() {

package/dist/components/lido-row.js

@@ -1,4 +1,4 @@
-import { L as LidoRow$1, d as defineCustomElement$1 } from './p-7a22083e.js';
+import { L as LidoRow$1, d as defineCustomElement$1 } from './p-7ca9b2ff.js';
 
 const LidoRow = LidoRow$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-shape.js

@@ -1,4 +1,4 @@
-import { L as LidoShape$1, d as defineCustomElement$1 } from './p-6a7d604b.js';
+import { L as LidoShape$1, d as defineCustomElement$1 } from './p-c204e882.js';
 
 const LidoShape = LidoShape$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-slide-fill.js

@@ -1,4 +1,4 @@
-import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-6cb00626.js';
+import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-806687ef.js';
 
 const LidoSlideFill = LidoSlideFill$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-text.js

@@ -1,4 +1,4 @@
-import { L as LidoText$1, d as defineCustomElement$1 } from './p-4f726fb5.js';
+import { L as LidoText$1, d as defineCustomElement$1 } from './p-65eae7f7.js';
 
 const LidoText = LidoText$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-trace.js

@@ -1,4 +1,4 @@
-import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-ac57a4e2.js';
+import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-688c02a0.js';
 
 const LidoTrace = LidoTrace$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-wrap.js

@@ -1,4 +1,4 @@
-import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-66a06c78.js';
+import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-a0e12946.js';
 
 const LidoWrap = LidoWrap$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-72d16bea.js → p-0da64fcd.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, m as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-891ef62d.js';
+import { p as proxyCustomElement, H, m as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-912a3fd1.js';
 
 const lidoFlashCardCss = ".card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s ease;cursor:pointer}.card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-back{transform:rotateY(180deg)}";
 const LidoFlashCardStyle0 = lidoFlashCardCss;

package/dist/components/{p-dd8aa1c2.js → p-2b7f6448.js}

@@ -1,20 +1,20 @@
-import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, A as ActivityScoreKey, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, w as AudioPlayer, x as exitUrl, y as prevUrl, z as nextUrl, B as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, C as getCancelBtnPopup, n as calculateScale, D as triggerPrevcontainer, E as executeActions, j as Host, F as setCancelBtnPopup } from './p-891ef62d.js';
-import { d as defineCustomElement$g } from './p-effc1618.js';
-import { d as defineCustomElement$f } from './p-963af660.js';
-import { d as defineCustomElement$e } from './p-a9e29b2f.js';
-import { d as defineCustomElement$d } from './p-affc10b9.js';
-import { d as defineCustomElement$c } from './p-72d16bea.js';
-import { d as defineCustomElement$b } from './p-fb18186b.js';
-import { d as defineCustomElement$a } from './p-d00f3288.js';
-import { d as defineCustomElement$9 } from './p-cbba1f37.js';
-import { d as defineCustomElement$8 } from './p-b8a8822b.js';
-import { d as defineCustomElement$7 } from './p-9cb1af1a.js';
-import { d as defineCustomElement$6 } from './p-7a22083e.js';
-import { d as defineCustomElement$5 } from './p-6a7d604b.js';
-import { d as defineCustomElement$4 } from './p-6cb00626.js';
-import { d as defineCustomElement$3 } from './p-4f726fb5.js';
-import { d as defineCustomElement$2 } from './p-ac57a4e2.js';
-import { d as defineCustomElement$1 } from './p-66a06c78.js';
+import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, A as ActivityScoreKey, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, w as AudioPlayer, x as exitUrl, y as prevUrl, z as nextUrl, B as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, C as getCancelBtnPopup, n as calculateScale, D as triggerPrevcontainer, E as executeActions, j as Host, e as convertUrlToRelative, F as setCancelBtnPopup } from './p-912a3fd1.js';
+import { d as defineCustomElement$g } from './p-f3888e54.js';
+import { d as defineCustomElement$f } from './p-6f439433.js';
+import { d as defineCustomElement$e } from './p-9a0d4b4d.js';
+import { d as defineCustomElement$d } from './p-89ce7a02.js';
+import { d as defineCustomElement$c } from './p-0da64fcd.js';
+import { d as defineCustomElement$b } from './p-95965640.js';
+import { d as defineCustomElement$a } from './p-43d05f49.js';
+import { d as defineCustomElement$9 } from './p-d0160fac.js';
+import { d as defineCustomElement$8 } from './p-d3e62673.js';
+import { d as defineCustomElement$7 } from './p-74d63405.js';
+import { d as defineCustomElement$6 } from './p-7ca9b2ff.js';
+import { d as defineCustomElement$5 } from './p-c204e882.js';
+import { d as defineCustomElement$4 } from './p-806687ef.js';
+import { d as defineCustomElement$3 } from './p-65eae7f7.js';
+import { d as defineCustomElement$2 } from './p-688c02a0.js';
+import { d as defineCustomElement$1 } from './p-a0e12946.js';
 
 const indexCss = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:0 2px 4px rgba(151, 150, 150, 0.1) !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-image:url(\"https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png\");background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}";
 const LidoHomeStyle0 = indexCss;
@@ -42,7 +42,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
             if (index != undefined && index < this.containers.length) {
                 // Move to the next container
                 this.currentContainerIndex = index;
-                console.log("container index ; ", this.currentContainerIndex);
+                console.log('container index ; ', this.currentContainerIndex);
                 // window.dispatchEvent(new CustomEvent('activityChange', { detail: { index: this.currentContainerIndex } }));
                 dispatchActivityChangeEvent(this.currentContainerIndex);
             }
@@ -183,30 +183,32 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
         });
     }
     async handleIcons() {
+        var _a;
         const checkUrl = async (url, containerUrl, fallback) => {
-            if (!url && !containerUrl)
-                return fallback !== null && fallback !== void 0 ? fallback : false;
-            try {
-                let res = await fetch(url);
-                if (res.ok && url) {
-                    return url;
-                }
-                else {
-                    if (!containerUrl)
-                        return fallback !== null && fallback !== void 0 ? fallback : false;
-                    res = await fetch(containerUrl);
-                    return res.ok ? containerUrl : fallback !== null && fallback !== void 0 ? fallback : false;
-                }
-            }
-            catch (_a) {
-                return fallback !== null && fallback !== void 0 ? fallback : false;
-            }
+            // if (!url && !containerUrl) return fallback ?? false;
+            if (url)
+                return convertUrlToRelative(url);
+            if (containerUrl)
+                return convertUrlToRelative(containerUrl);
+            return fallback !== null && fallback !== void 0 ? fallback : false;
+            // try {
+            //   let res = await fetch(url);
+            //   if (res.ok && url) {
+            //     return url;
+            //   } else {
+            //     if (!containerUrl) return fallback ?? false;
+            //     res = await fetch(containerUrl);
+            //     return res.ok ? containerUrl : fallback ?? false;
+            //   }
+            // } catch {
+            //   return fallback ?? false;
+            // }
         };
         const container = document.getElementById(LidoContainer);
         const containerExit = container.getAttribute('exit-button-url');
         const containerPrev = container.getAttribute('prev-button-url');
         const containerNext = container.getAttribute('next-button-url');
-        const containerSpeak = container.getAttribute('speak-button-url');
+        const containerSpeak = (_a = container.getAttribute('speak-button-url')) !== null && _a !== void 0 ? _a : container.getAttribute('speaker-button-url');
         this.navBarIcons = {
             exit: `${await checkUrl(this.exitButtonUrl, containerExit, exitUrl)}`,
             prev: `${await checkUrl(this.prevButtonUrl, containerPrev, prevUrl)}`,

package/dist/components/{p-d00f3288.js → p-43d05f49.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, G as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, I as tinyColor, l as attachSpeakIcon, m as parseProp, e as convertUrlToRelative, h, j as Host } from './p-891ef62d.js';
+import { c as commonjsGlobal, G as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, I as tinyColor, l as attachSpeakIcon, m as parseProp, e as convertUrlToRelative, h, j as Host } from './p-912a3fd1.js';
 
 var lib = {exports: {}};
 

package/dist/components/{p-4f726fb5.js → p-65eae7f7.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-891ef62d.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-912a3fd1.js';
 
 const lidoTextCss = ".lido-text{transition:background-color 0.3s ease;user-select:none;align-items:center;justify-content:center;text-align:center;border-radius:24px;color:#333;cursor:pointer;font-family:'Baloo Bhai 2', serif}.text-letters{transition:color 0.3s, text-shadow 0.3s;display:inline-block;padding:0 2px}.text-letters.letter-highlight{color:#8e24aa;background:none;border-radius:0;text-shadow:0 2px 8px #8e24aa88;animation:text-letter-bounce 0.4s}.text-words{transition:color 0.3s, text-shadow 0.3s;display:inline-block;padding:0 2px}.text-words.word-highlight{color:#8e24aa;background:none;border-radius:0;text-shadow:0 2px 8px #8e24aa88;animation:text-word-bounce 0.4s}@keyframes text-letter-bounce{0%{transform:scale(1)}60%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes text-word-bounce{0%{transform:scale(1)}60%{transform:scale(1.3)}100%{transform:scale(1)}}";
 const LidoTextStyle0 = lidoTextCss;

package/dist/components/{p-ac57a4e2.js → p-688c02a0.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, T as TraceMode, d as setVisibilityWithDelay, Q as speakIcon, e as convertUrlToRelative, U as fingerUrl, L as LidoContainer, E as executeActions, J as triggerNextContainer, m as parseProp, h, j as Host } from './p-891ef62d.js';
+import { p as proxyCustomElement, H, T as TraceMode, e as convertUrlToRelative, d as setVisibilityWithDelay, Q as speakIcon, L as LidoContainer, E as executeActions, J as triggerNextContainer, m as parseProp, h, j as Host, U as fingerUrl } from './p-912a3fd1.js';
 
 const lidoTraceCss = ":host{display:block;position:relative}#lido-svgContainer{display:flex;justify-content:center;align-items:center;overflow:hidden}svg{width:100%;height:100%;max-height:calc(100vh - 50px);touch-action:none}#lido-draggableCircle{cursor:pointer;fill:#CF1565;transition:fill 0.2s, r 0.2s}.lido-blindTracing{stroke:none !important}.lido-blindFreeTrace{stroke:none !important}.lido-hovered{cursor:grab;fill:darkred}#lido-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:10px;background-color:#f0f0f0;border-top:1px solid #ccc}button{padding:10px;font-size:16px}@media (max-width: 600px){button{padding:8px;font-size:14px}}.lido-trace-path-green{}.lido-flow-indicator{stroke:blue;stroke-width:2;stroke-dasharray:6, 6;fill:none}.lido-trace{height:700px;width:700px;z-index:1;justify-items:center;align-content:center}.trace-animate{animation:trace-bounce 0.5s}@keyframes trace-bounce{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(0.95)}100%{transform:scale(1)}}";
 const LidoTraceStyle0 = lidoTraceCss;
@@ -66,7 +66,7 @@ const LidoTrace = /*@__PURE__*/ proxyCustomElement(class LidoTrace extends H {
             console.error('No SVG URL provided or index out of bounds.');
             return;
         }
-        await this.fetchSVG(url);
+        await this.fetchSVG(convertUrlToRelative(url));
         console.log('SVG fetched successfully\n');
         await this.loadAnotherSVG(state, true); // Load the first SVG
     }
@@ -120,7 +120,7 @@ const LidoTrace = /*@__PURE__*/ proxyCustomElement(class LidoTrace extends H {
         testImage.onerror = () => {
             img.setAttributeNS('http://www.w3.org/1999/xlink', 'href', convertUrlToRelative(fingerUrl));
         };
-        testImage.src = this.fingerHintUrl || fingerUrl;
+        testImage.src = convertUrlToRelative(this.fingerHintUrl || fingerUrl);
         img.setAttribute('width', `${IMG_SIZE}`);
         img.setAttribute('height', `${IMG_SIZE}`);
         img.setAttribute('id', 'lido-finger-hint');
@@ -691,7 +691,7 @@ const LidoTrace = /*@__PURE__*/ proxyCustomElement(class LidoTrace extends H {
         };
     }
     render() {
-        return (h(Host, { key: 'b3e4e80fb1fa3d1e83ff30aa6258c83c379cb9d4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: 'a0c74bd35eba5de7afa4c4d600cc031e169a01d3', style: this.style, id: "lido-svgContainer" })));
+        return (h(Host, { key: '16fb46d69a04aac108b4c21629210f3f31289ee4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: '966e4f549b34e8c1f1886359527a36d81226ac9e', style: this.style, id: "lido-svgContainer" })));
     }
     static get assetsDirs() { return ["svg", "images"]; }
     get el() { return this; }

package/dist/components/{p-963af660.js → p-6f439433.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-891ef62d.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-912a3fd1.js';
 
 const lidoCellCss = ".lido-col{top:var(--y, 0);left:var(--x, 0);height:var(--height, 100%);width:var(--width, 100%);background-color:var(--bgColor, #eeeeee);padding:15px;border-radius:10px;display:flex;justify-content:space-around;flex-direction:column;align-items:center}.lido-col>*{}.lido-row{display:flex;justify-content:space-around;align-items:center;}.lido-row>*{}.lido-wrap{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill, minmax(186px, auto))}.lido-wrap>*{padding:10px;box-sizing:border-box}.lido-flex{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}.lido-pos{top:var(--y, 0);left:var(--x, 0);height:var(--height, 100%);width:var(--width, 100%);background-color:var(--bgColor, #eeeeee);display:flex;justify-content:space-around;flex-direction:column;position:fixed}.lido-pos>*{position:absolute}.lido-random{position:relative;width:100%;height:100%}.lido-random>*{position:absolute}.lido-col::-webkit-scrollbar,.lido-wrap::-webkit-scrollbar,.lido-flex::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.lido-col::-webkit-scrollbar-thumb,.lido-wrap::-webkit-scrollbar-thumb,.lido-flex::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:3px solid transparent;background-clip:content-box}.lido-col::-webkit-scrollbar-track,.lido-wrap::-webkit-scrollbar-track,.lido-flex::-webkit-scrollbar-track{background:#f1f1f1}";
 const LidoCellStyle0 = lidoCellCss;