lido-player 0.0.2-alpha-60-dev → 0.0.2-alpha-61

package/dist/components/{p-235091a1.js → p-40afd35f.js}

@@ -1420,6 +1420,60 @@ const nextUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/publ
 const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/audio.png';
 const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.svg';
 
+class Timer {
+    constructor() {
+        this.startTime = 0;
+        this.elapsedTime = 0;
+        this.intervalId = null;
+    }
+    static getI(onTick) {
+        if (!Timer.instance) {
+            Timer.instance = new Timer();
+        }
+        if (onTick) {
+            Timer.instance.onTick = onTick;
+        }
+        return Timer.instance;
+    }
+    start() {
+        if (this.intervalId)
+            return;
+        this.startTime = Date.now() - this.elapsedTime;
+        this.intervalId = window.setInterval(() => {
+            var _a;
+            this.elapsedTime = Date.now() - this.startTime;
+            (_a = this.onTick) === null || _a === void 0 ? void 0 : _a.call(this, this.elapsedTime);
+        }, 1000);
+    }
+    pause() {
+        if (!this.intervalId)
+            return;
+        clearInterval(this.intervalId);
+        this.intervalId = null;
+        this.elapsedTime = Date.now() - this.startTime;
+    }
+    resume() {
+        if (this.intervalId)
+            return;
+        this.start();
+    }
+    stop() {
+        var _a;
+        if (this.intervalId) {
+            clearInterval(this.intervalId);
+            this.intervalId = null;
+        }
+        this.startTime = 0;
+        this.elapsedTime = 0;
+        (_a = this.onTick) === null || _a === void 0 ? void 0 : _a.call(this, 0);
+    }
+    getElapsed() {
+        return this.intervalId
+            ? Date.now() - this.startTime
+            : this.elapsedTime;
+    }
+}
+
 function dispatchCustomEvent(eventName, detail) {
     console.log("👍Event Name : ", eventName, "Detail : ", detail.toString());
     const event = new CustomEvent(eventName, { detail });
@@ -1429,7 +1483,7 @@ function dispatchActivityEndEvent(index, totalIndex, score) {
     dispatchCustomEvent(ActivityEndKey, { index, totalIndex, score });
 }
 function dispatchLessonEndEvent(score) {
-    dispatchCustomEvent(LessonEndKey, { score });
+    dispatchCustomEvent(LessonEndKey, { score, timeSpent: Math.floor(Timer.getI().getElapsed() / 1000) });
 }
 function dispatchNextContainerEvent() {
     dispatchCustomEvent(NextContainerKey, {});
@@ -1559,7 +1613,7 @@ function updateBalanceOnDrop(dragElement, dropElement) {
 }
 function calculateValue(elements, operation) {
     if (elements.length === 0)
-        return 0;
+        return null;
     if (operation === "count") {
         return elements.length;
     }
@@ -1591,18 +1645,15 @@ function calculateValue(elements, operation) {
     }
 }
 function balanceResult(container, objectiveString) {
-    var _a, _b, _c, _d, _e, _f;
     const additionalCheck = container.getAttribute('equationCheck');
     if (!additionalCheck)
         return false;
     const balanceEl = document.querySelector('lido-balance');
     if (!balanceEl)
         return false;
-    const leftVal = Number((_c = (_a = balanceEl.leftVal) !== null && _a !== void 0 ? _a : (_b = balanceEl.dataset) === null || _b === void 0 ? void 0 : _b.leftVal) !== null && _c !== void 0 ? _c : 0);
-    const rightVal = Number((_f = (_d = balanceEl.rightVal) !== null && _d !== void 0 ? _d : (_e = balanceEl.dataset) === null || _e === void 0 ? void 0 : _e.rightVal) !== null && _f !== void 0 ? _f : 0);
-    const hasLeft = !isNaN(leftVal);
-    const hasRight = !isNaN(rightVal);
-    if (!hasLeft || !hasRight) {
+    const leftVal = balanceEl.leftVal;
+    const rightVal = balanceEl.rightVal;
+    if (leftVal == null || rightVal == null) {
         return false;
     }
     const symbol = leftVal > rightVal ? '>' : leftVal < rightVal ? '<' : '=';
@@ -1730,6 +1781,7 @@ function enableDraggingWithScaling(element) {
     handlingElementFlexibleWidth(element, 'drag');
     const onStart = (event) => {
         var _a, _b;
+        console.log("moving start");
         if (isDraggingDisabled) {
             isDragging = false;
             return;
@@ -1873,22 +1925,24 @@ function enableDraggingWithScaling(element) {
             const storedTabIndexes = Object.keys(dropObject).map(Number);
             if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
                 if (!(((_a = element.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal)) {
-                    if (otherElement.tagName.toLowerCase() === 'lido-text') ;
-                    if (otherElement.tagName.toLowerCase() === 'lido-image') {
-                        otherElement.style.opacity = '0';
+                    if (otherElement) {
+                        otherElement.style.opacity = "0.3";
                     }
                 }
             }
             else {
-                if (otherElement.tagName.toLowerCase() === 'lido-text') ;
-                if (otherElement.tagName.toLowerCase() === 'lido-image' || 'lido-cell') {
-                    otherElement.style.opacity = '1';
+                if (otherElement) {
+                    otherElement.style.opacity = "1";
                 }
             }
         });
         // Apply styles only to the most overlapped element
         if (mostOverlappedElement) {
-            if (mostOverlappedElement.tagName.toLowerCase() === 'lido-text') ;
+            if (mostOverlappedElement.tagName.toLowerCase() === 'lido-text') {
+                // mostOverlappedElement.style.border = '2px dashed #ff0000'; // Red dashed border
+                // mostOverlappedElement.style.backgroundColor = 'rgba(255, 0, 0, 0.1)'; // Light red background
+                mostOverlappedElement.style.opacity = "0.3";
+            }
             else {
                 if (!document.getElementById('unitsDrop') || !document.getElementById('tensDrop') || !document.getElementById('hundredsDrop')) {
                     mostOverlappedElement.style.opacity = '0.3';
@@ -1924,9 +1978,8 @@ function enableDraggingWithScaling(element) {
                 const storedTabIndexes = Object.keys(dropObject).map(Number);
                 if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
                     if (!(((_a = element.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal)) {
-                        if (otherElement.tagName.toLowerCase() === 'lido-text') ;
-                        else if (otherElement.tagName.toLowerCase() === 'lido-image') {
-                            otherElement.style.opacity = '0';
+                        if (otherElement) {
+                            otherElement.style.opacity = "0";
                         }
                         else {
                             otherElement.style.opacity = '1';
@@ -1934,9 +1987,8 @@ function enableDraggingWithScaling(element) {
                     }
                 }
                 else {
-                    if (otherElement.tagName.toLowerCase() === 'lido-text') ;
-                    if (otherElement.tagName.toLowerCase() === 'lido-image' || 'lido-cell') {
-                        otherElement.style.opacity = '1';
+                    if (otherElement) {
+                        otherElement.style.opacity = "1";
                     }
                 }
             });
@@ -1987,6 +2039,7 @@ function enableDraggingWithScaling(element) {
     element.addEventListener('touchstart', onStart);
     element.addEventListener('click', ev => {
         if (isClicked) {
+            console.log("clicked drag elkement");
             onClickDropOrDragElement(element, 'drag');
         }
     });
@@ -2114,18 +2167,14 @@ function handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedV
         const storedTabIndexes = Object.keys(dropObject).map(Number);
         if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
             if (!(((_a = otherElement.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal)) {
-                if (otherElement.tagName.toLowerCase() === 'lido-text') ;
-                if (otherElement.tagName.toLowerCase() === 'lido-image') {
-                    otherElement.style.opacity = '0';
-                    otherElement.style.backgroundColor = 'transparent';
+                if (otherElement.tagName.toLowerCase() === 'lido-text') {
+                    otherElement.style.opacity = "0";
                 }
             }
         }
         else {
-            if (otherElement.tagName.toLowerCase() === 'lido-text') ;
-            if (otherElement.tagName.toLowerCase() === 'lido-image') {
-                otherElement.style.opacity = '1';
-                otherElement.style.backgroundColor = 'transparent';
+            if (otherElement) {
+                otherElement.style.opacity = "1";
             }
         }
     });
@@ -2143,11 +2192,14 @@ async function onElementDropComplete(dragElement, dropElement) {
     if (!dropElement) {
         handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedValueData, dragSelectedData);
     }
-    const dropTabIndex = dropElement.getAttribute('tab-index');
-    const isAllowOnlyOneDrop = dropElement.getAttribute('is-allow-only-one-drop') === 'false';
-    if (((_b = dropHasDrag[dropTabIndex]) === null || _b === void 0 ? void 0 : _b.isFull) && !isAllowOnlyOneDrop) {
-        handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedValueData, dragSelectedData);
-        return;
+    let dropTabIndex;
+    if (dropElement) {
+        dropTabIndex = dropElement.getAttribute('tab-index');
+        const isAllowOnlyOneDrop = dropElement.getAttribute('is-allow-only-one-drop') === 'false';
+        if (((_b = dropHasDrag[dropTabIndex]) === null || _b === void 0 ? void 0 : _b.isFull) && !isAllowOnlyOneDrop) {
+            handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedValueData, dragSelectedData);
+            return;
+        }
     }
     const isAllowOnlyCorrect = container.getAttribute('is-allow-only-correct') === 'true';
     if (isAllowOnlyCorrect) {
@@ -2180,7 +2232,6 @@ async function onElementDropComplete(dragElement, dropElement) {
             dragElement.style.transition = 'transform 0.5s ease';
             animateDragToTarget(dragElement, dropElement, container);
             const onInCorrect = dropElement.getAttribute('onInCorrect');
-            console.log("onincorrectttt", onInCorrect);
             await executeActions(onInCorrect, dropElement, dragElement);
             setTimeout(() => {
                 dragElement.style.transform = 'translate(0, 0)';
@@ -2287,15 +2338,13 @@ async function onElementDropComplete(dragElement, dropElement) {
                         const storedTabIndexes = Object.keys(dropObject).map(Number);
                         if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
                             if (!(((_a = otherElement.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal)) {
-                                if (otherElement.tagName.toLowerCase() === 'lido-text') ;
-                                if (otherElement.tagName.toLowerCase() === 'lido-image') {
+                                if (otherElement) {
                                     otherElement.style.opacity = '0';
                                 }
                             }
                         }
                         else {
-                            if (otherElement.tagName.toLowerCase() === 'lido-text') ;
-                            if (otherElement.tagName.toLowerCase() === 'lido-image' || 'lido-cell') {
+                            if (otherElement) {
                                 otherElement.style.opacity = '1';
                             }
                         }
@@ -2421,8 +2470,9 @@ async function onClickDropOrDragElement(element, type) {
     element.ariaPressed = 'true';
     const selectedDropElement = type === 'drop' ? element : document.querySelector("[type='drop'].highlight-element");
     const selectedDragElement = type === 'drag' ? element : document.querySelector("[type='drag'].highlight-element");
-    if (!selectedDropElement) {
+    if (!selectedDropElement || element.classList.contains("dropped")) {
         onClickDragElement(element);
+        return;
     }
     if (selectedDropElement && selectedDragElement) {
         if (selectedDragElement.getAttribute('drop-to'))
@@ -2635,6 +2685,9 @@ function highlightElement() {
 
 class AudioPlayer {
     constructor() {
+        this.handleUserClick = () => {
+            this.stop();
+        };
         this.audioElement = document.createElement('audio');
         this.audioElement.id = 'audio';
         document.body.appendChild(this.audioElement);
@@ -2671,6 +2724,10 @@ class AudioPlayer {
         catch (e) {
             console.error('Error stopping audio before speak action:', e);
         }
+        const text = targetElement.closest('lido-text');
+        if (text && text.getAttribute('disable-speak') === 'true') {
+            return;
+        }
         // then play the target element audio.
         let audioUrl = targetElement.getAttribute('audio') || '';
         // If no direct audio attribute, check childrens for audio
@@ -2691,6 +2748,7 @@ class AudioPlayer {
             try {
                 setDraggingDisabled(true);
                 highlightSpeakingElement(targetElement);
+                window.addEventListener('click', this.handleUserClick, true);
                 await this.audioElement.play();
                 await new Promise(resolve => {
                     this.audioElement.onended = () => {
@@ -2702,6 +2760,7 @@ class AudioPlayer {
                 console.log('🎧 Audio play error:', error);
             }
             finally {
+                window.removeEventListener('click', this.handleUserClick, true);
                 this.audioElement.onended = null; // cleanup
                 setDraggingDisabled(false);
                 stopHighlightForSpeakingElement(targetElement);
@@ -2711,6 +2770,7 @@ class AudioPlayer {
         else if (targetElement.textContent) {
             try {
                 highlightSpeakingElement(targetElement);
+                window.addEventListener('click', this.handleUserClick, true);
                 await speakText(targetElement.textContent, targetElement);
                 const highlightedElements = document.querySelectorAll('.speaking-highlight');
                 highlightedElements.forEach(element => stopHighlightForSpeakingElement(element));
@@ -4638,7 +4698,7 @@ function onTouchListenerForOnTouch(element) {
         setDraggingDisabled(false);
     };
     const onPointerDown = (event) => {
-        event.stopPropagation();
+        // event.stopPropagation();
         onholdTriggered = false;
         onholdTimer = setTimeout(() => {
             playAudio();
@@ -4646,13 +4706,18 @@ function onTouchListenerForOnTouch(element) {
     };
     const onPointerUp = async (event) => {
         clearTimeout(onholdTimer);
-        if (!onholdTriggered && onTouch) {
+        // If long-press happened → do nothing else
+        if (onholdTriggered) {
+            setDraggingDisabled(false);
+            return;
+        }
+        // If an onTouch action is defined, execute it on tap.
+        if (onTouch) {
             await executeActions(onTouch, element);
         }
-        else if (!onTouch) {
-            if (['category', 'option'].includes(element.getAttribute('type') || '')) {
-                element.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
-            }
+        const type = element.getAttribute('type') || '';
+        if (['category', 'option', 'click'].includes(type)) {
+            element.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
         }
         setDraggingDisabled(false);
     };
@@ -4698,7 +4763,7 @@ function addClickListenerForClickType(element) {
             container.setAttribute(SelectedValuesKey, JSON.stringify([element['value']]));
             const isCorrect = objective.includes(element['value']);
             dispatchClickEvent(element, isCorrect);
-            if (isCorrect) {
+            if (isCorrect || container.getAttribute('is-continue-on-correct') === 'false') {
                 const onCorrect = element.getAttribute('onCorrect');
                 if (!(element.id && element.id.startsWith('key-button'))) {
                     element.style.pointerEvents = 'none';
@@ -70159,6 +70224,7 @@ const executeActions = async (actionsString, thisElement, element) => {
                     const container = document.getElementById(LidoContainer);
                     if (container.getAttribute('is-continue-on-correct') !== 'true') {
                         targetElement.style.pointerEvents = 'none';
+                        AudioPlayer.getI().stop();
                     }
                     await validateObjectiveStatus();
                     break;
@@ -70390,7 +70456,7 @@ const afterDropDragHandling = (dragElement, dropElement) => {
             const scaledLeft = (dropCenterX - dragCenterX) / containerScale;
             const scaledTop = (dropCenterY - dragCenterY) / containerScale;
             dragElement.style.transform = `translate(${scaledLeft}px, ${scaledTop}px)`;
-        }, 100);
+        }, 700);
     }
 };
 // function cloneElementWithComputedStyles(originalEl: HTMLElement): HTMLElement {
@@ -70574,18 +70640,14 @@ async function onActivityComplete(dragElement, dropElement) {
         const storedTabIndexes = Object.keys(dragScore).map(Number);
         if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
             if (!(((_a = otherElement.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal)) {
-                if (otherElement.tagName.toLowerCase() === 'lido-text') ;
-                if (otherElement.tagName.toLowerCase() === 'lido-image') {
-                    otherElement.style.opacity = '0';
-                    otherElement.style.backgroundColor = 'transparent';
+                if (otherElement) {
+                    otherElement.style.opacity = "0";
                 }
             }
         }
         else {
-            if (otherElement.tagName.toLowerCase() === 'lido-text') ;
-            if (otherElement.tagName.toLowerCase() === 'lido-image') {
+            if (otherElement.tagName.toLowerCase() === 'lido-text') {
                 otherElement.style.opacity = '1';
-                otherElement.style.backgroundColor = 'transparent';
             }
         }
     });
@@ -71376,4 +71438,4 @@ const updateCalculatorAnswer = (el) => {
     el.setAttribute('string', value);
 };
 
-export { TraceMode as $, ActivityScoreKey as A, dispatchGameCompletedEvent as B, dispatchGameExitEvent as C, AudioPlayer as D, generateUUIDFallback as E, exitUrl as F, prevUrl as G, H, nextUrl as I, speakUrl as J, LidoContainer as K, LIDO_COMMON_AUDIO_READY_EVENT as L, getCancelBtnPopup as M, NextContainerKey as N, matchStringPattern as O, PrevContainerKey as P, triggerNextContainer as Q, RiveService as R, SelectedValuesKey as S, TemplateID as T, triggerPrevcontainer as U, setCancelBtnPopup as V, getDefaultExportFromCjs as W, tinyColor as X, DropAction as Y, validateObjectiveStatus as Z, fraction as _, setNonce as a, speakIcon as a0, fingerUrl as a1, setPlatformOptions as b, commonjsGlobal as c, setVisibilityWithDelay as d, convertUrlToRelative as e, format as f, getAssetPath$1 as g, h, initEventsForElement as i, Host as j, parseProp as k, createEvent as l, equationCheck as m, storingEachActivityScore as n, executeActions as o, proxyCustomElement as p, calculateScore as q, handlingChildElements as r, setAssetPath as s, attachSpeakIcon as t, LIDO_COMMON_AUDIO_PATH as u, calculateScale as v, highlightElement as w, handleFloatElementPosition as x, handleElementClick as y, dispatchActivityChangeEvent as z };
+export { fraction as $, dispatchActivityChangeEvent as A, ActivityScoreKey as B, dispatchGameCompletedEvent as C, dispatchGameExitEvent as D, AudioPlayer as E, generateUUIDFallback as F, exitUrl as G, H, prevUrl as I, nextUrl as J, speakUrl as K, LIDO_COMMON_AUDIO_READY_EVENT as L, LidoContainer as M, NextContainerKey as N, getCancelBtnPopup as O, PrevContainerKey as P, matchStringPattern as Q, RiveService as R, SelectedValuesKey as S, TemplateID as T, triggerNextContainer as U, triggerPrevcontainer as V, setCancelBtnPopup as W, getDefaultExportFromCjs as X, tinyColor as Y, DropAction as Z, validateObjectiveStatus as _, setNonce as a, TraceMode as a0, speakIcon as a1, fingerUrl as a2, setPlatformOptions as b, commonjsGlobal as c, setVisibilityWithDelay as d, convertUrlToRelative as e, format as f, getAssetPath$1 as g, h, initEventsForElement as i, Host as j, parseProp as k, createEvent as l, equationCheck as m, storingEachActivityScore as n, executeActions as o, proxyCustomElement as p, calculateScore as q, handlingChildElements as r, setAssetPath as s, attachSpeakIcon as t, LIDO_COMMON_AUDIO_PATH as u, calculateScale as v, highlightElement as w, Timer as x, handleFloatElementPosition as y, handleElementClick as z };

package/dist/components/{p-57400ebc.js → p-4a1af1bb.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, e as convertUrlToRelative, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, e as convertUrlToRelative, k as parseProp, h, j as Host } from './p-40afd35f.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-74c270d2.js → p-4c1d15df.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, S as SelectedValuesKey, K as LidoContainer, o as executeActions, Q as triggerNextContainer, x as handleFloatElementPosition, n as storingEachActivityScore, Y as DropAction, k as parseProp, h, j as Host } from './p-235091a1.js';
-import { d as defineCustomElement$1 } from './p-37c86a94.js';
+import { p as proxyCustomElement, H, S as SelectedValuesKey, M as LidoContainer, o as executeActions, U as triggerNextContainer, y as handleFloatElementPosition, n as storingEachActivityScore, Z as DropAction, k as parseProp, h, j as Host } from './p-40afd35f.js';
+import { d as defineCustomElement$1 } from './p-e4b71ba1.js';
 
 const lidoKeyboardCss = ".lido-keyboard{display:flex;flex-direction:column;align-items:center;gap:30px}.input-area{display:flex;gap:15px}input[type=\"text\"]{font-size:30px;font-weight:600;padding-left:20px;width:300px;height:70px;border:2px solid;background:whitesmoke;border-radius:20px;text-align:center}.keyboard-wrapper{justify-content:center;width:700px}.disabled{opacity:0.5;pointer-events:none}.key-button{background:aquamarine;font-weight:600}";
 const LidoKeyboardStyle0 = lidoKeyboardCss;

package/dist/components/{p-5e7c6afa.js → p-4ec94e44.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-40afd35f.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-3acd9a2e.js → p-572f8490.js}

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

package/dist/components/{p-16604098.js → p-6bee9883.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, W as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, X as tinyColor, t as attachSpeakIcon, k as parseProp, e as convertUrlToRelative, h, j as Host } from './p-235091a1.js';
+import { c as commonjsGlobal, X as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, Y as tinyColor, t as attachSpeakIcon, k as parseProp, e as convertUrlToRelative, h, j as Host } from './p-40afd35f.js';
 
 var lib = {exports: {}};
 

package/dist/components/{p-4d01394c.js → p-76947363.js}

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

package/dist/components/{p-de45dcab.js → p-8632f479.js}

@@ -1,24 +1,24 @@
-import { p as proxyCustomElement, H, z as dispatchActivityChangeEvent, A as ActivityScoreKey, B as dispatchGameCompletedEvent, C as dispatchGameExitEvent, D as AudioPlayer, E as generateUUIDFallback, F as exitUrl, G as prevUrl, I as nextUrl, J as speakUrl, N as NextContainerKey, P as PrevContainerKey, u as LIDO_COMMON_AUDIO_PATH, K as LidoContainer, h, T as TemplateID, o as executeActions, M as getCancelBtnPopup, S as SelectedValuesKey, O as matchStringPattern, Q as triggerNextContainer, v as calculateScale, U as triggerPrevcontainer, j as Host, e as convertUrlToRelative, V as setCancelBtnPopup } from './p-235091a1.js';
-import { d as defineCustomElement$3, i as instance } from './p-37c86a94.js';
-import { d as defineCustomElement$k } from './p-4d01394c.js';
-import { d as defineCustomElement$j } from './p-06cecca5.js';
-import { d as defineCustomElement$i } from './p-db2a05f5.js';
-import { d as defineCustomElement$h } from './p-354f7b19.js';
-import { d as defineCustomElement$g } from './p-3acada8c.js';
-import { d as defineCustomElement$f } from './p-57400ebc.js';
-import { d as defineCustomElement$e } from './p-b151457d.js';
-import { d as defineCustomElement$d } from './p-8f082c62.js';
-import { d as defineCustomElement$c } from './p-b867548e.js';
-import { d as defineCustomElement$b } from './p-16604098.js';
-import { d as defineCustomElement$a } from './p-74c270d2.js';
-import { d as defineCustomElement$9 } from './p-93acfbb2.js';
-import { d as defineCustomElement$8 } from './p-c90d92db.js';
-import { d as defineCustomElement$7 } from './p-8c0667eb.js';
-import { d as defineCustomElement$6 } from './p-3acd9a2e.js';
-import { d as defineCustomElement$5 } from './p-8a32f7cb.js';
-import { d as defineCustomElement$4 } from './p-a182c9a2.js';
-import { d as defineCustomElement$2 } from './p-32c89979.js';
-import { d as defineCustomElement$1 } from './p-5e7c6afa.js';
+import { p as proxyCustomElement, H, A as dispatchActivityChangeEvent, B as ActivityScoreKey, C as dispatchGameCompletedEvent, D as dispatchGameExitEvent, E as AudioPlayer, F as generateUUIDFallback, G as exitUrl, I as prevUrl, J as nextUrl, K as speakUrl, N as NextContainerKey, P as PrevContainerKey, u as LIDO_COMMON_AUDIO_PATH, M as LidoContainer, h, T as TemplateID, o as executeActions, O as getCancelBtnPopup, S as SelectedValuesKey, Q as matchStringPattern, U as triggerNextContainer, v as calculateScale, V as triggerPrevcontainer, j as Host, e as convertUrlToRelative, W as setCancelBtnPopup } from './p-40afd35f.js';
+import { d as defineCustomElement$3, i as instance } from './p-e4b71ba1.js';
+import { d as defineCustomElement$k } from './p-76947363.js';
+import { d as defineCustomElement$j } from './p-dfa70e99.js';
+import { d as defineCustomElement$i } from './p-97ca067d.js';
+import { d as defineCustomElement$h } from './p-0f54f212.js';
+import { d as defineCustomElement$g } from './p-16a6a6f6.js';
+import { d as defineCustomElement$f } from './p-4a1af1bb.js';
+import { d as defineCustomElement$e } from './p-27bfb88f.js';
+import { d as defineCustomElement$d } from './p-2fedf56d.js';
+import { d as defineCustomElement$c } from './p-df6042b0.js';
+import { d as defineCustomElement$b } from './p-6bee9883.js';
+import { d as defineCustomElement$a } from './p-4c1d15df.js';
+import { d as defineCustomElement$9 } from './p-2b0ef6d4.js';
+import { d as defineCustomElement$8 } from './p-2ce1503f.js';
+import { d as defineCustomElement$7 } from './p-d28496a9.js';
+import { d as defineCustomElement$6 } from './p-572f8490.js';
+import { d as defineCustomElement$5 } from './p-be063cbd.js';
+import { d as defineCustomElement$4 } from './p-3c9dd098.js';
+import { d as defineCustomElement$2 } from './p-f241ab97.js';
+import { d as defineCustomElement$1 } from './p-4ec94e44.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:rgb(243, 77, 8) 0px 0px 40px !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}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}";
 const LidoHomeStyle0 = indexCss;
@@ -130,7 +130,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
         this.commonAudioPath = "";
         this.showNav = true;
         this.activeContainerIndexes = [];
-        this.locale = '';
+        this.Lang = '';
         this.xmlData = '';
         this.initialIndex = 0;
         this.canplay = true;
@@ -499,7 +499,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
     }
     get el() { return this; }
     static get watchers() { return {
-        "locale": ["onLangChange"],
+        "Lang": ["onLangChange"],
         "commonAudioPath": ["onCommonAudioPathChange"],
         "xmlData": ["onXmlDataChange"]
     }; }
@@ -508,7 +508,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
         "commonAudioPath": [1, "common-audio-path"],
         "showNav": [4, "show-nav"],
         "activeContainerIndexes": [16],
-        "locale": [1],
+        "Lang": [1, "lang"],
         "xmlData": [1, "xml-data"],
         "initialIndex": [2, "initial-index"],
         "canplay": [4],
@@ -526,7 +526,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
         "containers": [32],
         "showDotsandbtn": [32]
     }, undefined, {
-        "locale": ["onLangChange"],
+        "Lang": ["onLangChange"],
         "commonAudioPath": ["onCommonAudioPathChange"],
         "xmlData": ["onXmlDataChange"]
     }]);

package/dist/components/{p-db2a05f5.js → p-97ca067d.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, l as createEvent, m as equationCheck, n as storingEachActivityScore, o as executeActions, q as calculateScore, N as NextContainerKey, h, j as Host } from './p-235091a1.js';
-import { d as defineCustomElement$2 } from './p-3acada8c.js';
-import { d as defineCustomElement$1 } from './p-37c86a94.js';
+import { p as proxyCustomElement, H, l as createEvent, m as equationCheck, n as storingEachActivityScore, o as executeActions, q as calculateScore, N as NextContainerKey, h, j as Host } from './p-40afd35f.js';
+import { d as defineCustomElement$2 } from './p-16a6a6f6.js';
+import { d as defineCustomElement$1 } from './p-e4b71ba1.js';
 
 const lidoCalculatorCss = "#lidoCalculator{border-radius:19px;border:5px solid #029A9A;position:relative;display:flex;flex-direction:column;padding:2%;box-sizing:border-box}.lido-calculator-btn-special{background-color:#014D4D !important;--btn-shadow-color:#0a2f2f !important}.lido-calculator-btn-default{background-color:#029A9A !important;color:#000;--btn-shadow-color:#0f4242 !important}#lido-calculator-penIcon{--btn-bg-color:#FB7038 !important;--btn-shadow-px:0 8px 0 !important;--btn-shadow-color:#D74B12 !important;border-radius:5px !important}.lido-calculator-displayParent{width:89%;height:107px;background-color:rgb(68, 186, 186);border-radius:5px;margin:14px auto 17px auto;overflow:hidden;display:flex;align-items:end}.lido-calculator-display{width:97%;height:94px;background:#029A9A;color:#fff;text-align:right;display:flex;justify-content:flex-end;align-items:center;font-size:72px;font-weight:700;font-family:'Baloo Bhai 2', serif;border-radius:5px 0px 0px 5px;box-sizing:border-box;margin:0 0px -6px auto}.lido-calculator-buttons{flex:1;display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;gap:0%;width:100%;justify-items:center;align-items:center;position:relative;top:-1%}.lido-calculator-buttons lido-text{display:flex !important;justify-content:center;align-items:center;width:96px !important;height:80px !important;font-size:72px !important;font-weight:700 !important;color:#fff;border-radius:5px !important;cursor:pointer;text-align:center;line-height:1;box-sizing:border-box;transition:transform 0.1s}.lido-calculator-buttons lido-text:active{transform:scale(0.95)}";
 const LidoCalculatorStyle0 = lidoCalculatorCss;

package/dist/components/{p-8a32f7cb.js → p-be063cbd.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, k as parseProp, h, j as Host } from './p-40afd35f.js';
 
 const lidoShapeCss = ".lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z);justify-content:center;align-items:center}.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-trapezoid{width:var(--trapezoidWidth);height:var(--trapezoidHeight);background-color:var(--bgColor);clip-path:polygon(\r\n    20% 0%,   \r\n    80% 0%,   \r\n    100% 100%,\r\n    0% 100%  \r\n  )}.lido-hexagon{width:var(--hexagonWidth);height:var(--hexagonHeight);background-color:var(--bgColor);clip-path:polygon(\r\n    25% 0%,   \r\n    75% 0%,   \r\n    100% 50%, \r\n    75% 100%, \r\n    25% 100%, \r\n    0% 50%   \r\n  )}.lido-cone{width:var(--coneWidth);height:var(--coneHeight);background-color:var(--bgColor);clip-path:polygon(\r\n    \r\n    15% 10%,\r\n    25% 4%,\r\n    35% 1%,\r\n    50% 0%,\r\n    65% 1%,\r\n    75% 4%,\r\n    85% 10%,\r\n\r\n    \r\n    50% 100%\r\n  )}.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)}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(45deg)}.face{position:absolute;width:var(--face-width,150px);height:var(--face-width,150px);background:var(--face-bg-color,150px);box-shadow:inset -20px -20px 40px rgba(0,0,0,0.3)}.front{transform:rotateY(  0deg) translateZ(var(--face-translate, 75px))}.back{transform:rotateY(180deg) translateZ(var(--face-translate, 75px))}.right{transform:rotateY( 90deg) translateZ(var(--face-translate, 75px))}.left{transform:rotateY(-90deg) translateZ(var(--face-translate, 75px))}.top{transform:rotateX( 90deg) translateZ(var(--face-translate, 75px))}.bottom{transform:rotateX(-90deg) translateZ(var(--face-translate, 75px))}.lido-cylinder{width:var(--width);height:var(--height);border-radius:100% / 80px;background:radial-gradient(50% 40px at 50% 40px, #0003 99.99%, #0000 0),\r\n    radial-gradient(50% 40px at 50% calc(100% - 40px), #fff3 99.99%, #0000 0),\r\n    red}";
 const LidoShapeStyle0 = lidoShapeCss;

package/dist/components/{p-8c0667eb.js → p-d28496a9.js}

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

package/dist/components/{p-b867548e.js → p-df6042b0.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, x as handleFloatElementPosition, y as handleElementClick, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, y as handleFloatElementPosition, z as handleElementClick, k as parseProp, h, j as Host } from './p-40afd35f.js';
 
 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;

package/dist/components/{p-06cecca5.js → p-dfa70e99.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-40afd35f.js';
 
 const lidoBalanceCss = "#lido-balance{position:relative;height:500px;width:1205px;top:20%;left:-91px;z-index:0}.lido-balance-symbol{position:absolute;top:64%;left:50%;transform:translate(-50%, -50%);font-size:5vw;font-weight:bold;color:black;pointer-events:none;z-index:999}@media (orientation: portrait){.lido-balance-shadow{height:100px;position:absolute;top:80%;left:28%}}@media (orientation: landscape){.lido-balance-shadow{height:100px;position:absolute;top:90%;left:33%}}@media (orientation: portrait){#pivotimg{position:absolute;height:auto;width:23%;bottom:18%;left:38%;z-index:100}}#pivotimg::after{content:\"\";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:120%;height:60px;background-image:url(\"https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/balancing/Shadow.svg\");background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:10}@media (orientation: landscape){#pivotimg{position:absolute;height:auto;width:23%;bottom:8%;left:38%;z-index:100}}.lido-balance .pivot svg{width:100%;height:auto}#scaleimg{position:absolute;width:73%;height:auto;top:61%;left:14%;z-index:90}.lido-balance .scale svg{width:100%;height:auto}@media (orientation: landscape){#handlerimg{position:absolute;width:35%;height:auto;top:49%;left:2%}}@media (orientation:portrait ){#handlerimg{position:absolute;width:35%;height:auto;top:53%;left:2%}}.lido-balance .handler svg{width:100%;height:auto;fill:brown}@media (orientation: landscape){#handimg{position:absolute;width:35%;height:auto;top:49%;right:2%}}@media (orientation:portrait){#handimg{position:absolute;width:35%;height:auto;top:53%;right:2%}}.lido-balance .hand svg{width:100%;height:auto;fill:brown}.pivot svg path:nth-of-type(1){fill:brown}.pivot svg path[d^=\"M78.9414\"]{fill:white}";
 const LidoBalanceStyle0 = lidoBalanceCss;