lido-player 0.0.2-alpha-21 → 0.0.2-alpha-22

package/dist/cjs/index.cjs.js

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fe562525.js');
-const utils = require('./utils-677af176.js');
+const utils = require('./utils-2c359ce9.js');
 
 var rive = {exports: {}};
 
@@ -7159,6 +7159,7 @@ const LidoHome = class {
                     rightbtn.style.visibility = 'hidden';
                 }
                 else {
+                    rightbtn.style.pointerEvents = 'auto';
                     rightbtn.style.visibility = 'visible';
                 }
             }, 100);

package/dist/cjs/{utils-677af176.js → utils-2c359ce9.js}

@@ -694,6 +694,7 @@ function enableDraggingWithScaling(element) {
     let initialY = 0;
     let clone = null;
     let duplicateElement = null;
+    let mutationFlag = false;
     // Fetch the container element
     const container = document.getElementById(LidoContainer);
     if (!container) {
@@ -778,10 +779,12 @@ function enableDraggingWithScaling(element) {
             initialX = 0;
             initialY = 0;
         }
-        // const rect1 = container.getBoundingClientRect();
-        // const rect2 = element.getBoundingClientRect();
-        // verticalDistance = rect1.top - rect2.top;
-        // horizontalDistance = rect1.left - rect2.left;
+        if (mutationFlag) {
+            const rect1 = container.getBoundingClientRect();
+            const rect2 = element.getBoundingClientRect();
+            verticalDistance = rect1.top - rect2.top;
+            horizontalDistance = rect1.left - rect2.left;
+        }
         document.addEventListener('mousemove', onMove);
         document.addEventListener('mouseup', onEnd);
         document.addEventListener('touchmove', onMove);
@@ -795,10 +798,14 @@ function enableDraggingWithScaling(element) {
                 verticalDistance = rect1.top - rect2.top;
                 horizontalDistance = rect1.left - rect2.left;
             }
+            if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
+                mutationFlag = true;
+            }
         }
     });
     // Configure the observer to watch for attribute changes
     const observerConfig = {
+        childList: true,
         attributes: true, // Monitor attribute changes
         attributeFilter: ['style'], // Only observe changes to the 'style' attribute
     };
@@ -67885,6 +67892,7 @@ const executeActions = async (actionsString, thisElement, element) => {
                     break;
                 }
                 case 'nextBtn': {
+                    targetElement.style.pointerEvents = 'none';
                     validateObjectiveStatus();
                     break;
                 }

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

@@ -76,6 +76,7 @@ export class LidoHome {
                     rightbtn.style.visibility = 'hidden';
                 }
                 else {
+                    rightbtn.style.pointerEvents = 'auto';
                     rightbtn.style.visibility = 'visible';
                 }
             }, 100);

package/dist/collection/utils/utils.js

@@ -119,6 +119,7 @@ export const executeActions = async (actionsString, thisElement, element) => {
                     break;
                 }
                 case 'nextBtn': {
+                    targetElement.style.pointerEvents = 'none';
                     validateObjectiveStatus();
                     break;
                 }

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

@@ -35,6 +35,7 @@ export function enableDraggingWithScaling(element) {
     let initialY = 0;
     let clone = null;
     let duplicateElement = null;
+    let mutationFlag = false;
     // Fetch the container element
     const container = document.getElementById(LidoContainer);
     if (!container) {
@@ -119,10 +120,12 @@ export function enableDraggingWithScaling(element) {
             initialX = 0;
             initialY = 0;
         }
-        // const rect1 = container.getBoundingClientRect();
-        // const rect2 = element.getBoundingClientRect();
-        // verticalDistance = rect1.top - rect2.top;
-        // horizontalDistance = rect1.left - rect2.left;
+        if (mutationFlag) {
+            const rect1 = container.getBoundingClientRect();
+            const rect2 = element.getBoundingClientRect();
+            verticalDistance = rect1.top - rect2.top;
+            horizontalDistance = rect1.left - rect2.left;
+        }
         document.addEventListener('mousemove', onMove);
         document.addEventListener('mouseup', onEnd);
         document.addEventListener('touchmove', onMove);
@@ -136,10 +139,14 @@ export function enableDraggingWithScaling(element) {
                 verticalDistance = rect1.top - rect2.top;
                 horizontalDistance = rect1.left - rect2.left;
             }
+            if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
+                mutationFlag = true;
+            }
         }
     });
     // Configure the observer to watch for attribute changes
     const observerConfig = {
+        childList: true,
         attributes: true, // Monitor attribute changes
         attributeFilter: ['style'], // Only observe changes to the 'style' attribute
     };

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-4817b81a.js';
+export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-fbc0b6e1.js';

package/dist/components/lido-avatar.js

@@ -1,4 +1,4 @@
-import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-1bf7f8c5.js';
+import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-b2cb2109.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-06f1ae64.js';
+import { L as LidoCell$1, d as defineCustomElement$1 } from './p-6b95c2c0.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-bcd6fcc5.js';
+import { L as LidoCol$1, d as defineCustomElement$1 } from './p-ebc82752.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-0c349e4c.js';
+import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-312c37eb.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-7f5a97ff.js';
+import { L as LidoFlash, d as defineCustomElement$1 } from './p-698ba3b6.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-f47d09ca.js';
+import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-075e3df2.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-4272a4b0.js';
+import { L as LidoHome$1, d as defineCustomElement$1 } from './p-3f68553e.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-8173be9b.js';
+import { L as LidoImage$1, d as defineCustomElement$1 } from './p-146d84df.js';
 
 const LidoImage = LidoImage$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-cb3950d0.js';
+import { L as LidoPos$1, d as defineCustomElement$1 } from './p-99b2d22b.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-cbc2a355.js';
+import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-89a9fc4b.js';
 
 const LidoRandom = LidoRandom$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-root.js

@@ -1,20 +1,20 @@
-import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-4817b81a.js';
-import { d as defineCustomElement$h } from './p-1bf7f8c5.js';
-import { d as defineCustomElement$g } from './p-06f1ae64.js';
-import { d as defineCustomElement$f } from './p-bcd6fcc5.js';
-import { d as defineCustomElement$e } from './p-0c349e4c.js';
-import { d as defineCustomElement$d } from './p-7f5a97ff.js';
-import { d as defineCustomElement$c } from './p-f47d09ca.js';
-import { d as defineCustomElement$b } from './p-4272a4b0.js';
-import { d as defineCustomElement$a } from './p-8173be9b.js';
-import { d as defineCustomElement$9 } from './p-cb3950d0.js';
-import { d as defineCustomElement$8 } from './p-cbc2a355.js';
-import { d as defineCustomElement$7 } from './p-a647a4fe.js';
-import { d as defineCustomElement$6 } from './p-e5d3e84e.js';
-import { d as defineCustomElement$5 } from './p-5dea6a86.js';
-import { d as defineCustomElement$4 } from './p-509e23d5.js';
-import { d as defineCustomElement$3 } from './p-0846f16a.js';
-import { d as defineCustomElement$2 } from './p-b145c3fa.js';
+import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-fbc0b6e1.js';
+import { d as defineCustomElement$h } from './p-b2cb2109.js';
+import { d as defineCustomElement$g } from './p-6b95c2c0.js';
+import { d as defineCustomElement$f } from './p-ebc82752.js';
+import { d as defineCustomElement$e } from './p-312c37eb.js';
+import { d as defineCustomElement$d } from './p-698ba3b6.js';
+import { d as defineCustomElement$c } from './p-075e3df2.js';
+import { d as defineCustomElement$b } from './p-3f68553e.js';
+import { d as defineCustomElement$a } from './p-146d84df.js';
+import { d as defineCustomElement$9 } from './p-99b2d22b.js';
+import { d as defineCustomElement$8 } from './p-89a9fc4b.js';
+import { d as defineCustomElement$7 } from './p-4e5402a0.js';
+import { d as defineCustomElement$6 } from './p-695dceed.js';
+import { d as defineCustomElement$5 } from './p-88f873e0.js';
+import { d as defineCustomElement$4 } from './p-1e919b62.js';
+import { d as defineCustomElement$3 } from './p-b7e4d6ab.js';
+import { d as defineCustomElement$2 } from './p-1a3d27b9.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-a647a4fe.js';
+import { L as LidoRow$1, d as defineCustomElement$1 } from './p-4e5402a0.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-e5d3e84e.js';
+import { L as LidoShape$1, d as defineCustomElement$1 } from './p-695dceed.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-5dea6a86.js';
+import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-88f873e0.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-509e23d5.js';
+import { L as LidoText$1, d as defineCustomElement$1 } from './p-1e919b62.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-0846f16a.js';
+import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-b7e4d6ab.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-b145c3fa.js';
+import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-1a3d27b9.js';
 
 const LidoWrap = LidoWrap$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-f47d09ca.js → p-075e3df2.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, o as handleFloatElementPosition, q as handleElementClick, m as parseProp, h, j as Host } from './p-4817b81a.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, o as handleFloatElementPosition, q as handleElementClick, m as parseProp, h, j as Host } from './p-fbc0b6e1.js';
 
 const lidoFloatCss = ".lido-float{position:relative}.lido-float>*{position:absolute;cursor:pointer}@keyframes float-up{from{top:900px}to{top:-400px;}}";
 const LidoFloatStyle0 = lidoFloatCss;

package/dist/components/{p-8173be9b.js → p-146d84df.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, B as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, C as tinyColor, l as attachSpeakIcon, m as parseProp, e as convertUrlToRelative, h, j as Host } from './p-4817b81a.js';
+import { c as commonjsGlobal, B as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, C as tinyColor, l as attachSpeakIcon, m as parseProp, e as convertUrlToRelative, h, j as Host } from './p-fbc0b6e1.js';
 
 var lib = {exports: {}};
 

package/dist/components/{p-b145c3fa.js → p-1a3d27b9.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-4817b81a.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-fbc0b6e1.js';
 
 const lidoWrapCss = ".lido-wrap{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill, minmax(186px, auto))}.lido-wrap>*{padding:10px;background-color:var(--child-bg-color, #f0f0f0);box-sizing:border-box}.lido-flex{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}";
 const LidoWrapStyle0 = lidoWrapCss;

package/dist/components/{p-509e23d5.js → p-1e919b62.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-4817b81a.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-fbc0b6e1.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 2', serif}.lido-text:hover{background-color:#f0f0f0}.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-0c349e4c.js → p-312c37eb.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, n as calculateScale, e as convertUrlToRelative, i as initEventsForElement, h, j as Host } from './p-4817b81a.js';
+import { p as proxyCustomElement, H, n as calculateScale, e as convertUrlToRelative, i as initEventsForElement, h, j as Host } from './p-fbc0b6e1.js';
 
 const lidoContainerCss = ".lido-container{position:relative;height:100%;width:100%;background-color:var(--bgColor, transparent);display:flex;flex-direction:column;justify-content:center;align-items:center}";
 const LidoContainerStyle0 = lidoContainerCss;

package/dist/components/{p-4272a4b0.js → p-3f68553e.js}

@@ -1,19 +1,19 @@
-import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, A as AudioPlayer, w as getCancelBtnPopup, n as calculateScale, x as triggerPrevcontainer, y as executeActions, j as Host, z as setCancelBtnPopup } from './p-4817b81a.js';
-import { d as defineCustomElement$f } from './p-1bf7f8c5.js';
-import { d as defineCustomElement$e } from './p-06f1ae64.js';
-import { d as defineCustomElement$d } from './p-bcd6fcc5.js';
-import { d as defineCustomElement$c } from './p-0c349e4c.js';
-import { d as defineCustomElement$b } from './p-7f5a97ff.js';
-import { d as defineCustomElement$a } from './p-f47d09ca.js';
-import { d as defineCustomElement$9 } from './p-8173be9b.js';
-import { d as defineCustomElement$8 } from './p-cb3950d0.js';
-import { d as defineCustomElement$7 } from './p-cbc2a355.js';
-import { d as defineCustomElement$6 } from './p-a647a4fe.js';
-import { d as defineCustomElement$5 } from './p-e5d3e84e.js';
-import { d as defineCustomElement$4 } from './p-5dea6a86.js';
-import { d as defineCustomElement$3 } from './p-509e23d5.js';
-import { d as defineCustomElement$2 } from './p-0846f16a.js';
-import { d as defineCustomElement$1 } from './p-b145c3fa.js';
+import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, A as AudioPlayer, w as getCancelBtnPopup, n as calculateScale, x as triggerPrevcontainer, y as executeActions, j as Host, z as setCancelBtnPopup } from './p-fbc0b6e1.js';
+import { d as defineCustomElement$f } from './p-b2cb2109.js';
+import { d as defineCustomElement$e } from './p-6b95c2c0.js';
+import { d as defineCustomElement$d } from './p-ebc82752.js';
+import { d as defineCustomElement$c } from './p-312c37eb.js';
+import { d as defineCustomElement$b } from './p-698ba3b6.js';
+import { d as defineCustomElement$a } from './p-075e3df2.js';
+import { d as defineCustomElement$9 } from './p-146d84df.js';
+import { d as defineCustomElement$8 } from './p-99b2d22b.js';
+import { d as defineCustomElement$7 } from './p-89a9fc4b.js';
+import { d as defineCustomElement$6 } from './p-4e5402a0.js';
+import { d as defineCustomElement$5 } from './p-695dceed.js';
+import { d as defineCustomElement$4 } from './p-88f873e0.js';
+import { d as defineCustomElement$3 } from './p-1e919b62.js';
+import { d as defineCustomElement$2 } from './p-b7e4d6ab.js';
+import { d as defineCustomElement$1 } from './p-1a3d27b9.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}.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;gap:145px}.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;
@@ -92,6 +92,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
                     rightbtn.style.visibility = 'hidden';
                 }
                 else {
+                    rightbtn.style.pointerEvents = 'auto';
                     rightbtn.style.visibility = 'visible';
                 }
             }, 100);

package/dist/components/{p-a647a4fe.js → p-4e5402a0.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-4817b81a.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-fbc0b6e1.js';
 
 const lidoRowCss = ".lido-row{display:flex;justify-content:space-around;align-items:center;}.lido-row>*{}";
 const LidoRowStyle0 = lidoRowCss;

package/dist/components/{p-e5d3e84e.js → p-695dceed.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-4817b81a.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-fbc0b6e1.js';
 
 const lidoShapeCss = ".lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z)}.lido-rectangle{border-radius:0}.lido-circle{width:var(--width);height:var(--width);border-radius:50%;background-color:var(--bgColor)}.lido-ellipse{width:var(--width);height:var(--height);border-radius:50%;background-color:var(--bgColor)}.lido-triangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}.lido-rightTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(100% 0%, 100% 100%, 0% 100%)}.lido-leftTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--triangleBgColor);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}.lido-parallelogram{width:var(--paralleWidth);height:var(--paralleHeight);transform:skew(20deg)}.lido-star{width:var(--starWidth);height:var(--starHeight);background-color:var(--starBgColor);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.lido-pentagon{width:var(--pentagonWidth);height:var(--pentagonHeight);background-color:var(--pentagonBgColor);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.lido-heptagon{width:var(--heptagonWidth);height:var(--heptagonHeight);background-color:var(--heptagonBgColor);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.lido-octagon{width:var(--octagonWidth);height:var(--octagonHeight);background-color:var(--octagonBgColor);clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%)}.lido-rhombus{width:var(--rhombusWidth);height:var(--rhombusHeight);background-color:var(--rhombusBgColor);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.lido-heart{height:var(--heartHeight);width:var(--heartWidth);border-image:radial-gradient(var(--heartBgColor) 69%, #0000 70%) 84.5%/50%;clip-path:polygon(-41% 0, 50% 91%, 141% 0)}";
 const LidoShapeStyle0 = lidoShapeCss;

package/dist/components/{p-7f5a97ff.js → p-698ba3b6.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-4817b81a.js';
+import { p as proxyCustomElement, H, m as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-fbc0b6e1.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-06f1ae64.js → p-6b95c2c0.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-4817b81a.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-fbc0b6e1.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;

package/dist/components/{p-5dea6a86.js → p-88f873e0.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as convertUrlToRelative, d as setVisibilityWithDelay, D as fraction, h, j as Host } from './p-4817b81a.js';
+import { p as proxyCustomElement, H, e as convertUrlToRelative, d as setVisibilityWithDelay, D as fraction, h, j as Host } from './p-fbc0b6e1.js';
 
 const lidoSlideFillCss = ".svg-element,svg{width:100%;height:100%}";
 const LidoSlideFillStyle0 = lidoSlideFillCss;

package/dist/components/{p-cbc2a355.js → p-89a9fc4b.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, l as attachSpeakIcon, h, j as Host } from './p-4817b81a.js';
+import { p as proxyCustomElement, H, l as attachSpeakIcon, h, j as Host } from './p-fbc0b6e1.js';
 
 const lidoRandomCss = ".lido-random{position:relative;width:100%;height:100%}.lido-random>*{position:absolute}";
 const LidoRandomStyle0 = lidoRandomCss;

package/dist/components/{p-cb3950d0.js → p-99b2d22b.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, m as parseProp, h, j as Host } from './p-4817b81a.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, m as parseProp, h, j as Host } from './p-fbc0b6e1.js';
 
 const lidoPosCss = ".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}";
 const LidoPosStyle0 = lidoPosCss;

package/dist/components/{p-1bf7f8c5.js → p-b2cb2109.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, e as convertUrlToRelative, h, j as Host, R as RiveService } from './p-4817b81a.js';
+import { c as commonjsGlobal, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, e as convertUrlToRelative, h, j as Host, R as RiveService } from './p-fbc0b6e1.js';
 
 var rive = {exports: {}};
 

package/dist/components/{p-0846f16a.js → p-b7e4d6ab.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, T as TraceMode, d as setVisibilityWithDelay, E as speakIcon, e as convertUrlToRelative, L as LidoContainer, y as executeActions, F as triggerNextContainer, h, j as Host } from './p-4817b81a.js';
+import { p as proxyCustomElement, H, T as TraceMode, d as setVisibilityWithDelay, E as speakIcon, e as convertUrlToRelative, L as LidoContainer, y as executeActions, F as triggerNextContainer, h, j as Host } from './p-fbc0b6e1.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:red;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-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;

package/dist/components/{p-bcd6fcc5.js → p-ebc82752.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-4817b81a.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-fbc0b6e1.js';
 
 const lidoColCss = ".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>*{}";
 const LidoColStyle0 = lidoColCss;

package/dist/components/{p-4817b81a.js → p-fbc0b6e1.js}

@@ -2090,6 +2090,7 @@ function enableDraggingWithScaling(element) {
     let initialY = 0;
     let clone = null;
     let duplicateElement = null;
+    let mutationFlag = false;
     // Fetch the container element
     const container = document.getElementById(LidoContainer);
     if (!container) {
@@ -2174,10 +2175,12 @@ function enableDraggingWithScaling(element) {
             initialX = 0;
             initialY = 0;
         }
-        // const rect1 = container.getBoundingClientRect();
-        // const rect2 = element.getBoundingClientRect();
-        // verticalDistance = rect1.top - rect2.top;
-        // horizontalDistance = rect1.left - rect2.left;
+        if (mutationFlag) {
+            const rect1 = container.getBoundingClientRect();
+            const rect2 = element.getBoundingClientRect();
+            verticalDistance = rect1.top - rect2.top;
+            horizontalDistance = rect1.left - rect2.left;
+        }
         document.addEventListener('mousemove', onMove);
         document.addEventListener('mouseup', onEnd);
         document.addEventListener('touchmove', onMove);
@@ -2191,10 +2194,14 @@ function enableDraggingWithScaling(element) {
                 verticalDistance = rect1.top - rect2.top;
                 horizontalDistance = rect1.left - rect2.left;
             }
+            if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
+                mutationFlag = true;
+            }
         }
     });
     // Configure the observer to watch for attribute changes
     const observerConfig = {
+        childList: true,
         attributes: true, // Monitor attribute changes
         attributeFilter: ['style'], // Only observe changes to the 'style' attribute
     };
@@ -69281,6 +69288,7 @@ const executeActions = async (actionsString, thisElement, element) => {
                     break;
                 }
                 case 'nextBtn': {
+                    targetElement.style.pointerEvents = 'none';
                     validateObjectiveStatus();
                     break;
                 }

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { f as format } from './utils-4008e3c6.js';
+export { f as format } from './utils-ce4335d6.js';
 import './index-f47852d4.js';

package/dist/esm/lido-avatar_17.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement, g as getAssetPath } from './index-f47852d4.js';
-import { c as commonjsGlobal, s as setVisibilityWithDelay, i as initEventsForElement, a as convertUrlToRelative, R as RiveService, h as handlingChildElements, b as attachSpeakIcon, p as parseProp, d as calculateScale, e as handleFloatElementPosition, g as handleElementClick, j as clearLocalStorage, k as dispatchActivityChangeEvent, l as dispatchGameCompletedEvent, m as dispatchGameExitEvent, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer$1, A as AudioPlayer, n as getCancelBtnPopup, t as triggerPrevcontainer, o as executeActions, q as setCancelBtnPopup, r as getDefaultExportFromCjs, u as tinyColor, v as fraction, T as TraceMode, w as speakIcon, x as triggerNextContainer } from './utils-4008e3c6.js';
+import { c as commonjsGlobal, s as setVisibilityWithDelay, i as initEventsForElement, a as convertUrlToRelative, R as RiveService, h as handlingChildElements, b as attachSpeakIcon, p as parseProp, d as calculateScale, e as handleFloatElementPosition, g as handleElementClick, j as clearLocalStorage, k as dispatchActivityChangeEvent, l as dispatchGameCompletedEvent, m as dispatchGameExitEvent, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer$1, A as AudioPlayer, n as getCancelBtnPopup, t as triggerPrevcontainer, o as executeActions, q as setCancelBtnPopup, r as getDefaultExportFromCjs, u as tinyColor, v as fraction, T as TraceMode, w as speakIcon, x as triggerNextContainer } from './utils-ce4335d6.js';
 
 var rive = {exports: {}};
 
@@ -7155,6 +7155,7 @@ const LidoHome = class {
                     rightbtn.style.visibility = 'hidden';
                 }
                 else {
+                    rightbtn.style.pointerEvents = 'auto';
                     rightbtn.style.visibility = 'visible';
                 }
             }, 100);

package/dist/esm/{utils-4008e3c6.js → utils-ce4335d6.js}

@@ -692,6 +692,7 @@ function enableDraggingWithScaling(element) {
     let initialY = 0;
     let clone = null;
     let duplicateElement = null;
+    let mutationFlag = false;
     // Fetch the container element
     const container = document.getElementById(LidoContainer);
     if (!container) {
@@ -776,10 +777,12 @@ function enableDraggingWithScaling(element) {
             initialX = 0;
             initialY = 0;
         }
-        // const rect1 = container.getBoundingClientRect();
-        // const rect2 = element.getBoundingClientRect();
-        // verticalDistance = rect1.top - rect2.top;
-        // horizontalDistance = rect1.left - rect2.left;
+        if (mutationFlag) {
+            const rect1 = container.getBoundingClientRect();
+            const rect2 = element.getBoundingClientRect();
+            verticalDistance = rect1.top - rect2.top;
+            horizontalDistance = rect1.left - rect2.left;
+        }
         document.addEventListener('mousemove', onMove);
         document.addEventListener('mouseup', onEnd);
         document.addEventListener('touchmove', onMove);
@@ -793,10 +796,14 @@ function enableDraggingWithScaling(element) {
                 verticalDistance = rect1.top - rect2.top;
                 horizontalDistance = rect1.left - rect2.left;
             }
+            if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
+                mutationFlag = true;
+            }
         }
     });
     // Configure the observer to watch for attribute changes
     const observerConfig = {
+        childList: true,
         attributes: true, // Monitor attribute changes
         attributeFilter: ['style'], // Only observe changes to the 'style' attribute
     };
@@ -67883,6 +67890,7 @@ const executeActions = async (actionsString, thisElement, element) => {
                     break;
                 }
                 case 'nextBtn': {
+                    targetElement.style.pointerEvents = 'none';
                     validateObjectiveStatus();
                     break;
                 }

package/dist/lido-player/index.esm.js

@@ -1 +1 @@
-export{f as format}from"./p-1e744f1d.js";import"./p-ddf627b0.js";
+export{f as format}from"./p-6fadeca7.js";import"./p-ddf627b0.js";