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

package/dist/components/{p-235091a1.js → p-bd09bc5b.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));
@@ -4621,9 +4681,9 @@ function onTouchListenerForOnTouch(element) {
         return;
     const container = document.getElementById('lido-container');
     // const container = element.closest('lido-container') as HTMLElement;
-    if (container && container.getAttribute('disable-speak') === 'true') {
-        return;
-    }
+    // if (container && container.getAttribute('disable-speak') === 'true') {
+    //   return;
+    // }
     // if (element.closest('[disableSpeak="true"]')) {
     //   return;
     // }
@@ -4632,6 +4692,9 @@ function onTouchListenerForOnTouch(element) {
     let onholdTriggered = false;
     const onholdTime = 1000;
     const playAudio = async () => {
+        if (container && container.getAttribute('disable-speak') === 'true') {
+            return;
+        }
         onholdTriggered = true;
         setDraggingDisabled(true);
         await AudioPlayer.getI().play(element);
@@ -4672,6 +4735,7 @@ function addClickListenerForClickType(element) {
     }
     const onClick = async () => {
         var _a;
+        const container = document.getElementById(LidoContainer);
         const lido_buttons = element.getAttribute('id');
         if (lido_buttons === 'lido-arrow-left' || lido_buttons === 'lido-arrow-right') {
             return;
@@ -4681,7 +4745,6 @@ function addClickListenerForClickType(element) {
         if (hasValidAudio) {
             AudioPlayer.getI().stop();
         }
-        const container = document.getElementById(LidoContainer);
         const objective = container['objective'].split(',');
         const checkButton = document.querySelector('#lido-checkButton');
         const showCheck = container.getAttribute('show-check') === 'true';
@@ -4698,12 +4761,13 @@ 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';
-                }
-                document.body.style.pointerEvents = 'none';
+                // if(!(element.id && element.id.startsWith('key-button')))
+                //   {       
+                //     // element.style.pointerEvents = 'none';
+                // }
+                // document.body.style.pointerEvents = 'none';
                 await executeActions(onCorrect, element);
             }
             else {
@@ -4712,12 +4776,14 @@ function addClickListenerForClickType(element) {
                 // showWrongAnswerAnimation([element]);
             }
             // const calciEl=document.querySelector('#lidoCalculator') as any; 
-            const isInsideCalculator = element.closest('#lidoCalculator') !== null;
-            if (!isInsideCalculator) {
-                storingEachActivityScore(isCorrect);
-            }
+            // const isInsideCalculator = element.closest('#lidoCalculator') !== null;
+            // if(!isInsideCalculator){ 
+            // storingEachActivityScore(isCorrect);
+            // }
             highlightElement();
-            handleShowCheck();
+            if (!container.getAttribute("click-completed")) {
+                handleShowCheck();
+            }
             return;
         }
         if (showCheck) {
@@ -70159,6 +70225,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;
@@ -70326,7 +70393,7 @@ const executeActions = async (actionsString, thisElement, element) => {
             }
         }
     }
-    body.style.pointerEvents = 'auto';
+    // body.style.pointerEvents = 'auto';
 };
 const afterDropDragHandling = (dragElement, dropElement) => {
     const container = document.getElementById(LidoContainer);
@@ -70390,7 +70457,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 +70641,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';
             }
         }
     });
@@ -70618,6 +70681,7 @@ const storeActivityScore = (score) => {
 const handleShowCheck = () => {
     var _a, _b;
     const container = document.getElementById(LidoContainer);
+    container.setAttribute("click-completed", "true");
     const objectiveString = container['objective'];
     const selectValues = (_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '';
     const checkButton = document.querySelector('#lido-checkButton');
@@ -70645,7 +70709,6 @@ const handleShowCheck = () => {
         validateObjectiveStatus();
     }
 };
-const body = document.body;
 let res;
 const validateObjectiveStatus = async () => {
     var _a, _b;
@@ -70711,6 +70774,7 @@ const validateObjectiveStatus = async () => {
         const onCorrect = container.getAttribute('onCorrect');
         if (!isContinueOnCorrect) {
             await calculateScore();
+            storingEachActivityScore(false);
             await executeActions(onCorrect, container);
             triggerNextContainer();
         }
@@ -70718,6 +70782,7 @@ const validateObjectiveStatus = async () => {
             const onInCorrect = container.getAttribute('onInCorrect');
             storingEachActivityScore(false);
             await executeActions(onInCorrect, container);
+            container.removeAttribute("click-completed");
         }
     }
 };
@@ -71376,4 +71441,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-32c89979.js → p-bf0c1e81.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, $ as TraceMode, e as convertUrlToRelative, d as setVisibilityWithDelay, a0 as speakIcon, n as storingEachActivityScore, o as executeActions, q as calculateScore, Q as triggerNextContainer, K as LidoContainer, k as parseProp, h, j as Host, a1 as fingerUrl } from './p-235091a1.js';
+import { p as proxyCustomElement, H, a0 as TraceMode, e as convertUrlToRelative, d as setVisibilityWithDelay, a1 as speakIcon, n as storingEachActivityScore, o as executeActions, q as calculateScore, U as triggerNextContainer, M as LidoContainer, k as parseProp, h, j as Host, a2 as fingerUrl } from './p-bd09bc5b.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%;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;

package/dist/components/{p-c90d92db.js → p-cdb5b0e6.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-bd09bc5b.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-db2a05f5.js → p-d0d890d8.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-bd09bc5b.js';
+import { d as defineCustomElement$2 } from './p-64b85ae6.js';
+import { d as defineCustomElement$1 } from './p-5a3a7f41.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-57400ebc.js → p-d2d6e641.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-bd09bc5b.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-354f7b19.js → p-da85322a.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, 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, k as parseProp, h, j as Host } from './p-bd09bc5b.js';
+import { d as defineCustomElement$1 } from './p-5a3a7f41.js';
 
 const lidoCanvasCss = ":host{display:flex;justify-content:center;align-items:center}.lido-canvas{background:red;border:2px solid #ccc;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;position:relative}#lido-exit-button{padding:6px 14px;border:none;background:transparent;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;position:relative;top:-43%;left:18%;z-index:10}canvas{touch-action:none;display:block}";
 const LidoCanvasStyle0 = lidoCanvasCss;

package/dist/components/{p-16604098.js → p-e42ddea5.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-bd09bc5b.js';
 
 var lib = {exports: {}};
 

package/dist/components/{p-06cecca5.js → p-f4c980f0.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-bd09bc5b.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;

package/dist/components/{p-de45dcab.js → p-fb9e274c.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-bd09bc5b.js';
+import { d as defineCustomElement$3, i as instance } from './p-5a3a7f41.js';
+import { d as defineCustomElement$k } from './p-6c1ea24d.js';
+import { d as defineCustomElement$j } from './p-f4c980f0.js';
+import { d as defineCustomElement$i } from './p-d0d890d8.js';
+import { d as defineCustomElement$h } from './p-da85322a.js';
+import { d as defineCustomElement$g } from './p-64b85ae6.js';
+import { d as defineCustomElement$f } from './p-d2d6e641.js';
+import { d as defineCustomElement$e } from './p-5da9c4a0.js';
+import { d as defineCustomElement$d } from './p-8f174468.js';
+import { d as defineCustomElement$c } from './p-7256917d.js';
+import { d as defineCustomElement$b } from './p-e42ddea5.js';
+import { d as defineCustomElement$a } from './p-21938b85.js';
+import { d as defineCustomElement$9 } from './p-40dd6fa3.js';
+import { d as defineCustomElement$8 } from './p-cdb5b0e6.js';
+import { d as defineCustomElement$7 } from './p-85eaa0b7.js';
+import { d as defineCustomElement$6 } from './p-3db5a756.js';
+import { d as defineCustomElement$5 } from './p-777293d6.js';
+import { d as defineCustomElement$4 } from './p-39767aae.js';
+import { d as defineCustomElement$2 } from './p-bf0c1e81.js';
+import { d as defineCustomElement$1 } from './p-552f581f.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/esm/index.js

@@ -1,2 +1,2 @@
-export { f as format } from './utils-2edeb213.js';
+export { f as format } from './utils-b7ed15c2.js';
 import './index-37c2ad2d.js';