lido-player 0.0.2-alpha-80 → 0.0.2-alpha-82

package/dist/cjs/{decode-BoJO3btM.js → decode-CwZGUwfu.js}

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

package/dist/cjs/{index-CgaE1GjD.js → index-CzDTBZkw.js}

@@ -1377,7 +1377,7 @@ class AudioPlayer {
             this.audioElement.src = audioUrl;
             console.log('🚀 Playing audio:', this.audioElement.src);
             try {
-                setDraggingDisabled(true);
+                // setDraggingDisabled(true);
                 const language = container.getAttribute('Lang') || 'en';
                 const profile = LANGUAGE_PROFILES[language] || LANGUAGE_PROFILES[language.split('-')[0]] || LANGUAGE_PROFILES['en'];
                 let timeline = [];
@@ -71628,7 +71628,7 @@ function calculateFill(input, currentFill = 0) {
 /* ------------------ helpers ------------------ */
 const wait = (ms) => new Promise(resolve => setTimeout(resolve, ms));
 /* ------------------ animation ------------------ */
-const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, allCalculateTypes) => {
+const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, container) => {
     return new Promise((resolve) => {
         const keyframes = `
       @keyframes widthDecrease {
@@ -71644,8 +71644,9 @@ const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, allCalcul
         activeCell.style.animation = `widthDecrease 0s`;
         activeCell.addEventListener("animationend", () => {
             activeCell.remove();
-            // Trigger next container if last cell
-            if (allCalculateTypes.length === 1) {
+            // Trigger next container only after the last calculate cell is removed
+            const remainingCalculateTypes = container.querySelectorAll("[type='calculate']");
+            if (remainingCalculateTypes.length === 0) {
                 setTimeout(() => triggerNextContainer(), 2000);
             }
             resolve();
@@ -71656,7 +71657,7 @@ const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, allCalcul
 const checkEquationOfActiveCell = async (container) => {
     var _a;
     const calculatorValue = ((_a = container.querySelector("#lidoCalculator")) === null || _a === void 0 ? void 0 : _a.getAttribute("value")) || "";
-    const allCalculateTypes = document.querySelectorAll("[type='calculate']");
+    const allCalculateTypes = container.querySelectorAll("[type='calculate']");
     const activeCell = allCalculateTypes[0];
     if (!activeCell)
         return;
@@ -71676,7 +71677,7 @@ const checkEquationOfActiveCell = async (container) => {
     // Update element2 with NEW content
     element2.innerHTML = activeCell.innerHTML;
     // 3. animate out
-    await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, allCalculateTypes);
+    await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, container);
     // 4. update element1 ONLY from second equation onwards
     if (previousElement2Content) {
         element1.innerHTML = previousElement2Content;
@@ -71684,26 +71685,27 @@ const checkEquationOfActiveCell = async (container) => {
 };
 /* ------------------ MAIN HANDLER ------------------ */
 let score = 0;
-const handleSolvedEquationSubmissionAndScoreUpdate = async () => {
+const handleSolvedEquationSubmissionAndScoreUpdate = async (container) => {
     var _a;
-    const container = document.getElementById("lido-container");
-    if (!container)
+    const resolvedContainer = container !== null && container !== void 0 ? container : document.getElementById("lido-container");
+    if (!resolvedContainer)
         return;
-    const calculatorValue = ((_a = container.querySelector("#lidoCalculator")) === null || _a === void 0 ? void 0 : _a.getAttribute("value")) || "";
+    const calculatorValue = ((_a = resolvedContainer.querySelector("#lidoCalculator")) === null || _a === void 0 ? void 0 : _a.getAttribute("value")) ||
+        "";
     if (!calculatorValue.length)
         return;
-    const allCalculateTypes = document.querySelectorAll("[type='calculate']");
+    const allCalculateTypes = resolvedContainer.querySelectorAll("[type='calculate']");
     const activeCell = allCalculateTypes[0];
     if (!activeCell)
         return;
-    const isContinueOnCorrect = container.getAttribute("is-continue-on-correct") === "true";
+    const isContinueOnCorrect = resolvedContainer.getAttribute("is-continue-on-correct") === "true";
     const activeCellValue = Number(activeCell["value"]);
     const calculateValue = Number(calculatorValue);
-    const element1 = container.querySelector("#dummy111");
-    const element2 = container.querySelector("#dummy112");
+    const element1 = resolvedContainer.querySelector("#dummy111");
+    const element2 = resolvedContainer.querySelector("#dummy112");
     /* ---------- PRACTICE MODE ---------- */
     if (isContinueOnCorrect) {
-        await checkEquationOfActiveCell(container);
+        await checkEquationOfActiveCell(resolvedContainer);
         return;
     }
     /* ---------- TEST MODE ---------- */
@@ -71726,7 +71728,7 @@ const handleSolvedEquationSubmissionAndScoreUpdate = async () => {
     // Update element2 with new content
     element2.innerHTML = activeCell.innerHTML;
     //3. animate out
-    await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, allCalculateTypes);
+    await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, resolvedContainer);
     //4. update element1 ONLY after animation & only if previous exists
     if (previousElement2Content) {
         element1.innerHTML = previousElement2Content;
@@ -72193,7 +72195,7 @@ const executeActions = async (actionsString, thisElement, element) => {
                 }
                 case 'scrollCellAfterEquationSolved': {
                     if (targetElement) {
-                        handleSolvedEquationSubmissionAndScoreUpdate();
+                        handleSolvedEquationSubmissionAndScoreUpdate(targetElement);
                     }
                     break;
                 }

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CgaE1GjD.js');
+var index = require('./index-CzDTBZkw.js');
 require('./index-7Dh-uOww.js');
 
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-7Dh-uOww.js');
-var index$1 = require('./index-CgaE1GjD.js');
+var index$1 = require('./index-CzDTBZkw.js');
 
 var rive$1 = {exports: {}};
 
@@ -8625,15 +8625,21 @@ const LidoCalculator = class {
             index$1.storingEachActivityScore(isCorrect);
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
             await index$1.executeActions(onCorrect, container);
-            if (onCorrect.includes('scrollCellAfterEquationSolved')) {
-                if (this.objective.length === 0) {
+            const hasScrollAction = onCorrect.includes('scrollCellAfterEquationSolved');
+            const isMultiObjective = this.objective.includes(',');
+            if (!hasScrollAction) {
+                if (!isMultiObjective) {
                     index$1.calculateScore();
                     window.dispatchEvent(new CustomEvent(index$1.NextContainerKey));
                 }
-            }
-            else {
-                index$1.calculateScore();
-                window.dispatchEvent(new CustomEvent(index$1.NextContainerKey));
+                else {
+                    const objectives = this.objective.split(',').map(obj => obj.trim());
+                    const allSolved = this.userAnswers.length >= objectives.length;
+                    if (allSolved) {
+                        index$1.calculateScore();
+                        window.dispatchEvent(new CustomEvent(index$1.NextContainerKey));
+                    }
+                }
             }
         }
         else {
@@ -8642,20 +8648,23 @@ const LidoCalculator = class {
             index$1.storingEachActivityScore(isCorrect);
             const onInCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onInCorrect')) || '';
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
-            if (container.getAttribute('is-continue-on-correct') === 'false') {
+            const isContinueOnCorrect = container.getAttribute('is-continue-on-correct') === 'true';
+            if (!isContinueOnCorrect) {
                 await index$1.executeActions(onCorrect, container);
             }
             else {
                 await index$1.executeActions(onInCorrect, container);
             }
             index$1.calculateScore();
-            index$1.triggerNextContainer();
+            if (!isContinueOnCorrect) {
+                index$1.triggerNextContainer();
+            }
         }
         okbtn.style.pointerEvents = 'auto'; // Re-enable OK button after processing
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (index.h(index.Host, { key: 'd56a56430ec3f306c30690fe344bda299572f318', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, index.h("lido-cell", { key: 'c21c852b8adc4189c94de004e6fc75a105c32b0d', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: 'fad33b9b6f7e49c25f1718ab2ce99b4099b79b0c', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, index.h("img", { key: '808789d669b3193897492aad4e262e6a9434844c', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '77228682dfdb471786fb61127d5cadae82863bd1', class: "lido-calculator-displayParent" }, index.h("div", { key: '7ffba1a00290ee9a876dd5e75f02a20e2e55826e', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: '5e47ed161e4bdaf8f71380b02ed42ead77ba565a', class: "lido-calculator-buttons" }, numbers.map((num, i) => (index.h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
+        return (index.h(index.Host, { key: '4b758cd8030b5ab0ed0c4fc78d775cd1e55fdb64', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, index.h("lido-cell", { key: 'fca9f7213d09ca82360fc3db722a689914e926e9', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: 'e2dbbaf3e1b5e50586a1f9fb9257f90e5eb48ebc', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, index.h("img", { key: '8e268f27cabb924a6754dcd81cded9fbfeb4b7cb', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: 'ac10c058279d96d96d8d9feb640a2755e4efaab0', class: "lido-calculator-displayParent" }, index.h("div", { key: '9ad667875c85923435f5b09e97aefa50eaf70604', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: '88d5905d6a844f748b33d5dcca1196dfd309d4cf', class: "lido-calculator-buttons" }, numbers.map((num, i) => (index.h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
                 'lido-calculator-btn-special': num === '←' || num === 'OK',
                 'lido-calculator-btn-default': num !== '←' && num !== 'OK'
             }, onClick: () => this.handleClick(num) }))))));
@@ -12894,7 +12903,7 @@ const LidoHome = class {
         }
         // Pure-JS fallback (no wasm asset required)
         try {
-            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-BoJO3btM.js'); }).then(function (n) { return n.decode; });
+            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-CwZGUwfu.js'); }).then(function (n) { return n.decode; });
             const brotliDecompressBuffer = brotliDecodeModule.BrotliDecompressBuffer ||
                 ((_a = brotliDecodeModule.default) === null || _a === void 0 ? void 0 : _a.BrotliDecompressBuffer);
             if (typeof brotliDecompressBuffer !== 'function') {
@@ -13142,6 +13151,7 @@ const LidoHome = class {
         });
     }
     async btnpopup() {
+        var _a, _b;
         index$1.setCancelBtnPopup(false);
         await index$1.AudioPlayer.getI().stop();
         const container = document.getElementById(index$1.LidoContainer);
@@ -13171,7 +13181,7 @@ const LidoHome = class {
         }
         if (this.areAllDropsFilled()) {
             const objectiveString = container['objective'];
-            const objectiveArray = JSON.parse(localStorage.getItem(index$1.SelectedValuesKey) || '[]');
+            const objectiveArray = (_b = JSON.parse((_a = container.getAttribute(index$1.SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]')) !== null && _b !== void 0 ? _b : [];
             const res = index$1.matchStringPattern(objectiveString, objectiveArray);
             console.log('Resultt', res);
             if (res) {
@@ -16407,8 +16417,8 @@ const LidoKeyboard = class {
         // Find a bubble whose word starts with current progress + clicked letter
         const matchedBubble = bubbles.find(bubble => {
             const word = bubble.getAttribute('value'); // full word like "one"
-            const element = word === null || word === void 0 ? void 0 : word.startsWith(this.inputString.toLowerCase());
-            return element;
+            const hasElement = word === null || word === void 0 ? void 0 : word.startsWith(this.inputString.toLowerCase());
+            return hasElement ? bubble : null;
         });
         const bodyRect = document.body.getBoundingClientRect();
         if (matchedBubble) {
@@ -16498,10 +16508,10 @@ const LidoKeyboard = class {
         const keysArray = this.keys.split(',').map(k => k.trim());
         const container = document.getElementById(index$1.LidoContainer);
         const showCheck = container.getAttribute('show-check') === 'true';
-        return (index.h(index.Host, { key: '643b539177765041a7e4876af27a8e0c55d03d2c', class: "lido-keyboard", style: { width: this.style.width, height: this.style.height, position: 'relative', margin: this.style.margin, zIndex: this.z } }, this.keyboardInput && (index.h("div", { key: 'e97e5e1a3da2c4507d9a5aec81eabd8fb6ad6062', class: "input-area" }, index.h("input", { key: 'facb33b4135c62429b1738aa6d6a8e096a1823c0', type: "text", value: this.inputString, class: "input-area", readonly: true }), index.h("lido-text", { key: '227b199cf1fe5928c975143b268f2dcb6334ad30', visible: showCheck ? 'true' : 'false', string: "<<", "bg-color": "black", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "100px", height: "70px", type: "click", onClick: () => {
+        return (index.h(index.Host, { key: 'db30eeabd3f70dd7753d8c16078cf8bf9af54a8b', class: "lido-keyboard", style: { width: this.style.width, height: this.style.height, position: 'relative', margin: this.style.margin, zIndex: this.z } }, this.keyboardInput && (index.h("div", { key: 'b3a0ca9bc3192c483f6eab60c8f367c4f2897c76', class: "input-area" }, index.h("input", { key: 'b37ef07e190b40624d0f06f38956c45e24be8070', type: "text", value: this.inputString, class: "input-area", readonly: true }), index.h("lido-text", { key: '183d046c44ac1136ee15060feeaaeb8a16eabbdd', visible: showCheck ? 'true' : 'false', string: "<<", "bg-color": "black", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "100px", height: "70px", type: "click", onClick: () => {
                 this.inputString = this.inputString.slice(0, -1);
                 this.inputValidation(event);
-            } }), index.h("lido-text", { key: '460428fd44dcc1f3faa40d5c0caa19edfc341289', visible: showCheck ? 'true' : 'false', id: "lido-checkButton", string: "Enter", "bg-color": "green", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "150px", height: "70px", type: "click" }))), this.letterLength && (index.h("lido-text", { key: '58f45bc2581856fe4a624e5cccef9bffdb56af24', visible: "true", string: `${this.numberOfClick}/${this.letterLength}`, "font-size": "60px", "font-color": "white", onEntry: "this.position='absolute'; this.right='0'; this.fontWeight='800';", x: "unset" })), index.h("div", { key: '4a894c0cb918fda4db76e3b61840fe6e73579794', class: "keyboard-wrapper", style: {
+            } }), index.h("lido-text", { key: 'd394b9dfad91c63988117056abf3c791ac81a34f', visible: showCheck ? 'true' : 'false', id: "lido-checkButton", string: "Enter", "bg-color": "green", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "150px", height: "70px", type: "click" }))), this.letterLength && (index.h("lido-text", { key: 'c69cce204d7436094d4d1b0872a0755113a38266', visible: "true", string: `${this.numberOfClick}/${this.letterLength}`, "font-size": "60px", "font-color": "white", onEntry: "this.position='absolute'; this.right='0'; this.fontWeight='800';", x: "unset" })), index.h("div", { key: 'd7360b8f805b56962c9e615ac4a50fa2fc46b958', class: "keyboard-wrapper", style: {
                 display: 'flex',
                 flexWrap: 'wrap',
                 justifyContent: 'center',

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

@@ -115,15 +115,21 @@ export class LidoCalculator {
             storingEachActivityScore(isCorrect);
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
             await executeActions(onCorrect, container);
-            if (onCorrect.includes('scrollCellAfterEquationSolved')) {
-                if (this.objective.length === 0) {
+            const hasScrollAction = onCorrect.includes('scrollCellAfterEquationSolved');
+            const isMultiObjective = this.objective.includes(',');
+            if (!hasScrollAction) {
+                if (!isMultiObjective) {
                     calculateScore();
                     window.dispatchEvent(new CustomEvent(NextContainerKey));
                 }
-            }
-            else {
-                calculateScore();
-                window.dispatchEvent(new CustomEvent(NextContainerKey));
+                else {
+                    const objectives = this.objective.split(',').map(obj => obj.trim());
+                    const allSolved = this.userAnswers.length >= objectives.length;
+                    if (allSolved) {
+                        calculateScore();
+                        window.dispatchEvent(new CustomEvent(NextContainerKey));
+                    }
+                }
             }
         }
         else {
@@ -132,20 +138,23 @@ export class LidoCalculator {
             storingEachActivityScore(isCorrect);
             const onInCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onInCorrect')) || '';
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
-            if (container.getAttribute('is-continue-on-correct') === 'false') {
+            const isContinueOnCorrect = container.getAttribute('is-continue-on-correct') === 'true';
+            if (!isContinueOnCorrect) {
                 await executeActions(onCorrect, container);
             }
             else {
                 await executeActions(onInCorrect, container);
             }
             calculateScore();
-            triggerNextContainer();
+            if (!isContinueOnCorrect) {
+                triggerNextContainer();
+            }
         }
         okbtn.style.pointerEvents = 'auto'; // Re-enable OK button after processing
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (h(Host, { key: 'd56a56430ec3f306c30690fe344bda299572f318', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, h("lido-cell", { key: 'c21c852b8adc4189c94de004e6fc75a105c32b0d', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: 'fad33b9b6f7e49c25f1718ab2ce99b4099b79b0c', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: '808789d669b3193897492aad4e262e6a9434844c', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: '77228682dfdb471786fb61127d5cadae82863bd1', class: "lido-calculator-displayParent" }, h("div", { key: '7ffba1a00290ee9a876dd5e75f02a20e2e55826e', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: '5e47ed161e4bdaf8f71380b02ed42ead77ba565a', class: "lido-calculator-buttons" }, numbers.map((num, i) => (h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
+        return (h(Host, { key: '4b758cd8030b5ab0ed0c4fc78d775cd1e55fdb64', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, h("lido-cell", { key: 'fca9f7213d09ca82360fc3db722a689914e926e9', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: 'e2dbbaf3e1b5e50586a1f9fb9257f90e5eb48ebc', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: '8e268f27cabb924a6754dcd81cded9fbfeb4b7cb', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: 'ac10c058279d96d96d8d9feb640a2755e4efaab0', class: "lido-calculator-displayParent" }, h("div", { key: '9ad667875c85923435f5b09e97aefa50eaf70604', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: '88d5905d6a844f748b33d5dcca1196dfd309d4cf', class: "lido-calculator-buttons" }, numbers.map((num, i) => (h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
                 'lido-calculator-btn-special': num === '←' || num === 'OK',
                 'lido-calculator-btn-default': num !== '←' && num !== 'OK'
             }, onClick: () => this.handleClick(num) }))))));

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

@@ -519,6 +519,7 @@ export class LidoHome {
         });
     }
     async btnpopup() {
+        var _a, _b;
         setCancelBtnPopup(false);
         await AudioPlayer.getI().stop();
         const container = document.getElementById(LidoContainer);
@@ -548,7 +549,7 @@ export class LidoHome {
         }
         if (this.areAllDropsFilled()) {
             const objectiveString = container['objective'];
-            const objectiveArray = JSON.parse(localStorage.getItem(SelectedValuesKey) || '[]');
+            const objectiveArray = (_b = JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]')) !== null && _b !== void 0 ? _b : [];
             const res = matchStringPattern(objectiveString, objectiveArray);
             console.log('Resultt', res);
             if (res) {

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

@@ -48,8 +48,8 @@ export class LidoKeyboard {
         // Find a bubble whose word starts with current progress + clicked letter
         const matchedBubble = bubbles.find(bubble => {
             const word = bubble.getAttribute('value'); // full word like "one"
-            const element = word === null || word === void 0 ? void 0 : word.startsWith(this.inputString.toLowerCase());
-            return element;
+            const hasElement = word === null || word === void 0 ? void 0 : word.startsWith(this.inputString.toLowerCase());
+            return hasElement ? bubble : null;
         });
         const bodyRect = document.body.getBoundingClientRect();
         if (matchedBubble) {
@@ -139,10 +139,10 @@ export class LidoKeyboard {
         const keysArray = this.keys.split(',').map(k => k.trim());
         const container = document.getElementById(LidoContainer);
         const showCheck = container.getAttribute('show-check') === 'true';
-        return (h(Host, { key: '643b539177765041a7e4876af27a8e0c55d03d2c', class: "lido-keyboard", style: { width: this.style.width, height: this.style.height, position: 'relative', margin: this.style.margin, zIndex: this.z } }, this.keyboardInput && (h("div", { key: 'e97e5e1a3da2c4507d9a5aec81eabd8fb6ad6062', class: "input-area" }, h("input", { key: 'facb33b4135c62429b1738aa6d6a8e096a1823c0', type: "text", value: this.inputString, class: "input-area", readonly: true }), h("lido-text", { key: '227b199cf1fe5928c975143b268f2dcb6334ad30', visible: showCheck ? 'true' : 'false', string: "<<", "bg-color": "black", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "100px", height: "70px", type: "click", onClick: () => {
+        return (h(Host, { key: 'db30eeabd3f70dd7753d8c16078cf8bf9af54a8b', class: "lido-keyboard", style: { width: this.style.width, height: this.style.height, position: 'relative', margin: this.style.margin, zIndex: this.z } }, this.keyboardInput && (h("div", { key: 'b3a0ca9bc3192c483f6eab60c8f367c4f2897c76', class: "input-area" }, h("input", { key: 'b37ef07e190b40624d0f06f38956c45e24be8070', type: "text", value: this.inputString, class: "input-area", readonly: true }), h("lido-text", { key: '183d046c44ac1136ee15060feeaaeb8a16eabbdd', visible: showCheck ? 'true' : 'false', string: "<<", "bg-color": "black", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "100px", height: "70px", type: "click", onClick: () => {
                 this.inputString = this.inputString.slice(0, -1);
                 this.inputValidation(event);
-            } }), h("lido-text", { key: '460428fd44dcc1f3faa40d5c0caa19edfc341289', visible: showCheck ? 'true' : 'false', id: "lido-checkButton", string: "Enter", "bg-color": "green", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "150px", height: "70px", type: "click" }))), this.letterLength && (h("lido-text", { key: '58f45bc2581856fe4a624e5cccef9bffdb56af24', visible: "true", string: `${this.numberOfClick}/${this.letterLength}`, "font-size": "60px", "font-color": "white", onEntry: "this.position='absolute'; this.right='0'; this.fontWeight='800';", x: "unset" })), h("div", { key: '4a894c0cb918fda4db76e3b61840fe6e73579794', class: "keyboard-wrapper", style: {
+            } }), h("lido-text", { key: 'd394b9dfad91c63988117056abf3c791ac81a34f', visible: showCheck ? 'true' : 'false', id: "lido-checkButton", string: "Enter", "bg-color": "green", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "150px", height: "70px", type: "click" }))), this.letterLength && (h("lido-text", { key: 'c69cce204d7436094d4d1b0872a0755113a38266', visible: "true", string: `${this.numberOfClick}/${this.letterLength}`, "font-size": "60px", "font-color": "white", onEntry: "this.position='absolute'; this.right='0'; this.fontWeight='800';", x: "unset" })), h("div", { key: 'd7360b8f805b56962c9e615ac4a50fa2fc46b958', class: "keyboard-wrapper", style: {
                 display: 'flex',
                 flexWrap: 'wrap',
                 justifyContent: 'center',

package/dist/collection/utils/audioPlayer.js

@@ -98,7 +98,7 @@ export class AudioPlayer {
             this.audioElement.src = audioUrl;
             console.log('🚀 Playing audio:', this.audioElement.src);
             try {
-                setDraggingDisabled(true);
+                // setDraggingDisabled(true);
                 const language = container.getAttribute('Lang') || 'en';
                 const profile = LANGUAGE_PROFILES[language] || LANGUAGE_PROFILES[language.split('-')[0]] || LANGUAGE_PROFILES['en'];
                 let timeline = [];

package/dist/collection/utils/utils.js

@@ -125,7 +125,7 @@ export const executeActions = async (actionsString, thisElement, element) => {
                 }
                 case 'scrollCellAfterEquationSolved': {
                     if (targetElement) {
-                        handleSolvedEquationSubmissionAndScoreUpdate();
+                        handleSolvedEquationSubmissionAndScoreUpdate(targetElement);
                     }
                     break;
                 }

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

@@ -2,7 +2,7 @@ import { triggerNextContainer } from "../utils";
 /* ------------------ helpers ------------------ */
 const wait = (ms) => new Promise(resolve => setTimeout(resolve, ms));
 /* ------------------ animation ------------------ */
-const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, allCalculateTypes) => {
+const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, container) => {
     return new Promise((resolve) => {
         const keyframes = `
       @keyframes widthDecrease {
@@ -18,8 +18,9 @@ const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, allCalcul
         activeCell.style.animation = `widthDecrease 0s`;
         activeCell.addEventListener("animationend", () => {
             activeCell.remove();
-            // Trigger next container if last cell
-            if (allCalculateTypes.length === 1) {
+            // Trigger next container only after the last calculate cell is removed
+            const remainingCalculateTypes = container.querySelectorAll("[type='calculate']");
+            if (remainingCalculateTypes.length === 0) {
                 setTimeout(() => triggerNextContainer(), 2000);
             }
             resolve();
@@ -30,7 +31,7 @@ const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, allCalcul
 const checkEquationOfActiveCell = async (container) => {
     var _a;
     const calculatorValue = ((_a = container.querySelector("#lidoCalculator")) === null || _a === void 0 ? void 0 : _a.getAttribute("value")) || "";
-    const allCalculateTypes = document.querySelectorAll("[type='calculate']");
+    const allCalculateTypes = container.querySelectorAll("[type='calculate']");
     const activeCell = allCalculateTypes[0];
     if (!activeCell)
         return;
@@ -50,7 +51,7 @@ const checkEquationOfActiveCell = async (container) => {
     // Update element2 with NEW content
     element2.innerHTML = activeCell.innerHTML;
     // 3. animate out
-    await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, allCalculateTypes);
+    await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, container);
     // 4. update element1 ONLY from second equation onwards
     if (previousElement2Content) {
         element1.innerHTML = previousElement2Content;
@@ -58,26 +59,27 @@ const checkEquationOfActiveCell = async (container) => {
 };
 /* ------------------ MAIN HANDLER ------------------ */
 let score = 0;
-export const handleSolvedEquationSubmissionAndScoreUpdate = async () => {
+export const handleSolvedEquationSubmissionAndScoreUpdate = async (container) => {
     var _a;
-    const container = document.getElementById("lido-container");
-    if (!container)
+    const resolvedContainer = container !== null && container !== void 0 ? container : document.getElementById("lido-container");
+    if (!resolvedContainer)
         return;
-    const calculatorValue = ((_a = container.querySelector("#lidoCalculator")) === null || _a === void 0 ? void 0 : _a.getAttribute("value")) || "";
+    const calculatorValue = ((_a = resolvedContainer.querySelector("#lidoCalculator")) === null || _a === void 0 ? void 0 : _a.getAttribute("value")) ||
+        "";
     if (!calculatorValue.length)
         return;
-    const allCalculateTypes = document.querySelectorAll("[type='calculate']");
+    const allCalculateTypes = resolvedContainer.querySelectorAll("[type='calculate']");
     const activeCell = allCalculateTypes[0];
     if (!activeCell)
         return;
-    const isContinueOnCorrect = container.getAttribute("is-continue-on-correct") === "true";
+    const isContinueOnCorrect = resolvedContainer.getAttribute("is-continue-on-correct") === "true";
     const activeCellValue = Number(activeCell["value"]);
     const calculateValue = Number(calculatorValue);
-    const element1 = container.querySelector("#dummy111");
-    const element2 = container.querySelector("#dummy112");
+    const element1 = resolvedContainer.querySelector("#dummy111");
+    const element2 = resolvedContainer.querySelector("#dummy112");
     /* ---------- PRACTICE MODE ---------- */
     if (isContinueOnCorrect) {
-        await checkEquationOfActiveCell(container);
+        await checkEquationOfActiveCell(resolvedContainer);
         return;
     }
     /* ---------- TEST MODE ---------- */
@@ -100,7 +102,7 @@ export const handleSolvedEquationSubmissionAndScoreUpdate = async () => {
     // Update element2 with new content
     element2.innerHTML = activeCell.innerHTML;
     //3. animate out
-    await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, allCalculateTypes);
+    await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, resolvedContainer);
     //4. update element1 ONLY after animation & only if previous exists
     if (previousElement2Content) {
         element1.innerHTML = previousElement2Content;