lido-player 0.0.2-alpha-63 → 0.0.2-alpha-65

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const utils = require('./utils-b13cba29.js');
+const utils = require('./utils-6fbaf604.js');
 require('./index-baff5c15.js');
 
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-baff5c15.js');
-const utils = require('./utils-b13cba29.js');
+const utils = require('./utils-6fbaf604.js');
 
 var rive = {exports: {}};
 
@@ -6828,7 +6828,9 @@ const LidoCalculator = class {
             }
         }
         this.onOk.emit(isCorrect);
+        const okbtn = document.getElementById("btn-11");
         if (isCorrect) {
+            okbtn.style.pointerEvents = 'none'; // Disable OK button to prevent multiple clicks
             this.displayValue = "";
             utils.storingEachActivityScore(isCorrect);
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
@@ -6845,15 +6847,23 @@ const LidoCalculator = class {
             }
         }
         else {
+            okbtn.style.pointerEvents = 'none'; // Disable OK button to prevent multiple clicks
             this.displayValue = "";
             utils.storingEachActivityScore(isCorrect);
             const onInCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onInCorrect')) || '';
-            await utils.executeActions(onInCorrect, container);
+            const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
+            if (container.getAttribute('is-continue-on-correct') === 'false') {
+                await utils.executeActions(onCorrect, container);
+            }
+            else {
+                await utils.executeActions(onInCorrect, container);
+            }
         }
+        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: '394177b08965252a6008cce3284475c6176eca3d', 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: '1c79a951e666ad4171b686400f0ba391783e693f', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '70da4a0990c7ae72367f8d61026c1d4e6f682d48', 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: 'c510e7f1cc6ec5d34683030fff988054ac721225', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '790d7bd307e296cc8e05e29705ebf4bfdda49906', class: "lido-calculator-displayParent" }, index.h("div", { key: 'f0195ce772bffdee06483da524f8a392dffdde38', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: '00fda79dab52a801acafe6006db0dd50923ea74b', 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: '595c92e80baed8e1709c51302aa427d672b3a9e0', 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: '4a2966a46fd008d66fedeb5f44e0ee2c5e8c083a', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '35e38f7412be8489b668ba0aab927b7ba3d98f29', 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: '926def912022a30a27f5419d98348beb84fc1a42', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '41a69c7aa7d1dfbeea19b1a1ef095b97d2c953ba', class: "lido-calculator-displayParent" }, index.h("div", { key: '047dfc84e8b02739a982287f82b1df2b7f552dcd', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: '41cd91f2c9aa40f6adcf6b0318e07e394bc3b38e', 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) }))))));
@@ -9866,7 +9876,7 @@ const fr = {
 
 const Exit$3 = "बाहर निकलें";
 const instruction$2 = {
-	dragAndDrop: "Match_the_items_by_dragging_and_dropping_them_into_the_correct_places.",
+	dragAndDrop: "Match the items by dragging and dropping them into the correct places.",
 	mcq: "Select the correct answer from the options provided.",
 	tracing: "Trace the shape by following the outline carefully.",
 	flashcards: "Review the flashcards to reinforce your learning.",
@@ -9909,10 +9919,37 @@ const hi = {
 
 const Exit$2 = "ನಿರ್ಗಮಿಸು";
 const instruction$1 = {
-	dragAndDrop: "ವಸ್ತುಗಳನ್ನು ಸರಿಯಾದ ಸ್ಥಳಗಳಿಗೆ ಎಳೆದು ಬಿಟ್ಟು ಹೊಂದಿಸಿ.",
-	mcq: "ನೀಡಿದ ಆಯ್ಕೆಗಳಲ್ಲಿ ಸರಿಯಾದ ಉತ್ತರವನ್ನು ಆಯ್ಕೆಮಾಡಿ.",
-	tracing: "ರೆಖೆಯನ್ನು ಗಮನದಿಂದ ಅನುಸರಿಸಿ ಆಕಾರವನ್ನು ಬಿಡಿಸಿ.",
-	flashcards: "ಕಲಿಕೆಯನ್ನು ಬಲಪಡಿಸಲು ಫ್ಲ್ಯಾಶ್ ಕಾರ್ಡ್‌ಗಳನ್ನು ನೋಡಿ."
+	dragAndDrop: "Match the items by dragging and dropping them into the correct places.",
+	mcq: "Select the correct answer from the options provided.",
+	tracing: "Trace the shape by following the outline carefully.",
+	flashcards: "Review the flashcards to reinforce your learning.",
+	substractionWithImage: "substractionWithImageKaAudio",
+	substractionWithoutImage: "substractionWithoutImageKaAudio",
+	numberIdentificationWithImage: "numberIdentificationWithImageKaAudio",
+	numberIdentificationWithoutImage: "numberIdentificationWithoutImageKaAudio",
+	wordBuildingWithImage: "wordBuildingWithImageKaAudio",
+	wordBuildingWithoutImage: "wordBuildingWithoutImageKaAudio",
+	pictureClues: "pictureCluesKaAudio",
+	pictureWordMatchMultipleImages: "pictureWordMatchMultipleImagesKaAudio",
+	pictureWordMatchSingleImage: "pictureWordMatchSingleImageKaAudio",
+	sentenceMatch: "sentenceMatchKaAudio",
+	imageMatch: "imageMatchKaAudio",
+	palStoryTale: "palStoryTaleKaAudio",
+	palEgmaPatternMatching: "palEgmaPatternMatchingKaAudio",
+	palEgmaWordProblemDragnDrop: "palEgmaWordProblemDragnDropKaAudio",
+	palEgmaWordProblemClick: "palEgmaWordProblemClickKaAudio",
+	palEgraOddOneOut: "palEgraOddOneOutKaAudio",
+	palEgraArrangePictures: "palEgraArrangePicturesKaAudio",
+	palEgraBuildWord: "palEgraBuildWordKaAudio",
+	palEgraWordFormation: "palEgraWordFormationKaAudio",
+	palInventedSpelling: "palInventedSpellingKaAudio",
+	palLetterIdentification: "palLetterIdentificationKaAudio",
+	palStoryMaking: "palStoryMakingKaAudio",
+	palegmasumtogether: "palegmasumtogetherKaAudio",
+	palegmamultioption: "palegmamultioptionKaAudio",
+	palegraoptionaudio: "palegraoptionaudioKaAudio",
+	palegrawordmatch: "palegrawordmatchKaAudio",
+	palegramcqimages: "palegramcqimagesKaAudio"
 };
 const ka = {
 	"Do you want to exit?": "ನೀವು ನಿರ್ಗಮಿಸಲು ಬಯಸುವಿರಾ?",

package/dist/cjs/{utils-b13cba29.js → utils-6fbaf604.js}

@@ -174,7 +174,7 @@ function updateBalanceOnDrop(dragElement, dropElement) {
 }
 function calculateValue(elements, operation) {
     if (elements.length === 0)
-        return null;
+        return 0;
     if (operation === "count") {
         return elements.length;
     }
@@ -206,15 +206,18 @@ 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 = balanceEl.leftVal;
-    const rightVal = balanceEl.rightVal;
-    if (leftVal == null || rightVal == null) {
+    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) {
         return false;
     }
     const symbol = leftVal > rightVal ? '>' : leftVal < rightVal ? '<' : '=';
@@ -533,29 +536,26 @@ function enableDraggingWithScaling(element) {
         // Reset overlapping styles from all elements
         const allElements = document.querySelectorAll("[type='drop']");
         allElements.forEach(otherElement => {
-            allElements.forEach(otherElement => {
-                var _a;
-                const dropObject = buildDragSelectedMapFromDOM();
-                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) {
-                            otherElement.style.opacity = "0";
-                        }
-                        else {
-                            otherElement.style.opacity = '1';
-                        }
-                    }
+            var _a;
+            const dropObject = buildDragSelectedMapFromDOM();
+            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)) {
+                    otherElement.style.opacity = '1';
                 }
-                else {
-                    if (otherElement) {
-                        otherElement.style.opacity = "1";
-                    }
+            }
+            else {
+                if (otherElement) {
+                    otherElement.style.opacity = '1';
                 }
-            });
+            }
         });
         // Check for overlaps and log the most overlapping element
         let mostOverlappedElement = findMostoverlappedElement$1(element, 'drop');
+        if (!mostOverlappedElement) {
+            handleResetDragElement(element, null, null, null, null);
+            return;
+        }
         onElementDropComplete(element, mostOverlappedElement);
         executeActions("this.updateCountBlender='true'", container);
         if (((_a = element.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal) {
@@ -651,7 +651,7 @@ function animateDragToTarget(dragElement, targetElement, container, transition =
     dragElement.style.transition = 'transform 0.5s ease';
     dragElement.style.transform = `translate(${finalX}px, ${finalY}px)`;
 }
-function handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedValueData, dragSelectedData, dropSelectedData) {
+async function handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedValueData, dragSelectedData, dropSelectedData) {
     var _a;
     dragElement.classList.remove('dropped');
     const container = document.getElementById(LidoContainer);
@@ -729,7 +729,7 @@ function handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedV
         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') {
-                    otherElement.style.opacity = "0";
+                    otherElement.style.opacity = "1";
                 }
             }
         }
@@ -739,6 +739,10 @@ function handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedV
             }
         }
     });
+    // Update counts when a drag is reset/removed from a drop
+    if (container) {
+        await executeActions("this.updateCountBlender='true'", container);
+    }
     handleShowCheck();
     highlightElement();
 }
@@ -1060,6 +1064,8 @@ async function onClickDropOrDragElement(element, type) {
         });
         // await new Promise(resolve => setTimeout(resolve, 500));
         await onElementDropComplete(selectedDragElement, selectedDropElement);
+        // ensure count update for click-to-drop flow
+        await executeActions("this.updateCountBlender='true'", container);
         // await new Promise(resolve => setTimeout(resolve, 500));
         // selectedDragElement.style.transform = 'translate(0px, 0px)';
     }
@@ -1087,7 +1093,9 @@ async function onClickDragElement(element) {
     if (firstFalse) {
         const dropEl = document.querySelector(`#${firstFalse.drop}`);
         dragEl.style.transition = 'transform 0.5s ease';
-        onElementDropComplete(dragEl, dropEl);
+        await onElementDropComplete(dragEl, dropEl);
+        const container = document.getElementById(LidoContainer);
+        await executeActions("this.updateCountBlender='true'", container);
     }
 }
 const appendingDragElementsInDrop = () => {
@@ -1202,12 +1210,12 @@ function highlightElement() {
     if (!container)
         return;
     const dropElements = buildDropHasDragFromDOM();
+    const dropEls = container.querySelectorAll(`[type="drop"]`);
+    dropEls.forEach(dropEl => {
+        dropEl.classList.remove('highlight-element');
+    });
     let firstFalse = Object.values(dropElements).find(item => !item.isFull);
     if (firstFalse) {
-        const dropEls = container.querySelectorAll(`[type="drop"]`);
-        dropEls.forEach(dropEl => {
-            dropEl.classList.remove('highlight-element');
-        });
         const dropEle = container.querySelector(`#${firstFalse.drop}`);
         if (dropEle) {
             dropEle.classList.add('highlight-element');
@@ -3342,9 +3350,7 @@ function addClickListenerForClickType(element) {
             // storingEachActivityScore(isCorrect);
             // }
             highlightElement();
-            if (!container.getAttribute("click-completed")) {
-                handleShowCheck();
-            }
+            handleShowCheck();
             return;
         }
         if (showCheck) {
@@ -68222,7 +68228,9 @@ function calculateFill(input, currentFill = 0) {
     return Math.max(0, Math.min(100, value));
 }
 
-// Helper to animate and remove the active equation cell
+/* ------------------ helpers ------------------ */
+const wait = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+/* ------------------ animation ------------------ */
 const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, allCalculateTypes) => {
     return new Promise((resolve) => {
         const keyframes = `
@@ -68231,88 +68239,100 @@ const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, allCalcul
           background-color: ${activeCell.style.backgroundColor};
           height: ${activeCell.style.height};
           margin: ${activeCell.style.margin};
-          ${activeCell.innerHTML = ""}
         }
         100% { background-color: transparent; height: 0px; margin: 0px; }
       }`;
         const styleSheet = document.styleSheets[0];
         styleSheet.insertRule(keyframes, styleSheet.cssRules.length);
-        activeCell.style.animation = `widthDecrease 0.1s`;
-        activeCell.addEventListener('animationend', () => {
-            activeCell.style.height = '0px';
-            activeCell.style.margin = '0px';
-            activeCell.style.backgroundColor = 'transparent';
+        activeCell.style.animation = `widthDecrease 0s`;
+        activeCell.addEventListener("animationend", () => {
             activeCell.remove();
             // Trigger next container if last cell
             if (allCalculateTypes.length === 1) {
                 setTimeout(() => triggerNextContainer(), 2000);
             }
             resolve();
-        });
+        }, { once: true });
     });
 };
-// Function: checks and animates equation when correct
+/* ------------------ PRACTICE MODE ------------------ */
 const checkEquationOfActiveCell = async (container) => {
     var _a;
-    const calculatorValue = (_a = container.querySelector("#lidoCalculator")) === null || _a === void 0 ? void 0 : _a.getAttribute("value");
+    const calculatorValue = ((_a = container.querySelector("#lidoCalculator")) === null || _a === void 0 ? void 0 : _a.getAttribute("value")) || "";
     const allCalculateTypes = document.querySelectorAll("[type='calculate']");
     const activeCell = allCalculateTypes[0];
+    if (!activeCell)
+        return;
     const activeCellValue = Number(activeCell["value"]);
-    const calculteValue = Number(calculatorValue);
-    if (!activeCell || calculteValue !== activeCellValue)
+    const calculateValue = Number(calculatorValue);
+    if (activeCellValue !== calculateValue)
         return;
     const equation = activeCell["string"];
-    // Replace equation after a short delay
-    //await new Promise(r => setTimeout(r, 200));
-    activeCell.innerHTML = equation.replaceAll("?", calculteValue);
+    const element1 = container.querySelector("#dummy111");
     const element2 = container.querySelector("#dummy112");
+    // 1. mascot animation
+    await wait(3000);
+    // Save previous element2 BEFORE overwriting
+    const previousElement2Content = element2.innerHTML;
+    // Replace ?
+    activeCell.innerHTML = equation.replaceAll("?", calculateValue.toString());
+    // Update element2 with NEW content
     element2.innerHTML = activeCell.innerHTML;
-    // Animate and clean up
+    // 3. animate out
     await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, allCalculateTypes);
+    // 4. update element1 ONLY from second equation onwards
+    if (previousElement2Content) {
+        element1.innerHTML = previousElement2Content;
+    }
 };
-// Function: handles equation check when clicked on OK
+/* ------------------ MAIN HANDLER ------------------ */
 let score = 0;
 const handleSolvedEquationSubmissionAndScoreUpdate = async () => {
     var _a;
-    const container = document.getElementById('lido-container');
-    const calculatorValue = (_a = container.querySelector("#lidoCalculator")) === null || _a === void 0 ? void 0 : _a.getAttribute("value");
+    const container = document.getElementById("lido-container");
+    if (!container)
+        return;
+    const calculatorValue = ((_a = container.querySelector("#lidoCalculator")) === null || _a === void 0 ? void 0 : _a.getAttribute("value")) || "";
+    if (!calculatorValue.length)
+        return;
     const allCalculateTypes = document.querySelectorAll("[type='calculate']");
     const activeCell = allCalculateTypes[0];
+    if (!activeCell)
+        return;
     const isContinueOnCorrect = container.getAttribute("is-continue-on-correct") === "true";
     const activeCellValue = Number(activeCell["value"]);
-    const calculteValue = Number(calculatorValue);
+    const calculateValue = Number(calculatorValue);
     const element1 = container.querySelector("#dummy111");
     const element2 = container.querySelector("#dummy112");
-    // PRACTICE MODE (continue only if correct)
+    /* ---------- PRACTICE MODE ---------- */
     if (isContinueOnCorrect) {
-        if (element2.innerHTML.length > 0 && activeCellValue === calculteValue) {
-            element1.innerHTML = element2.innerHTML;
-        }
         await checkEquationOfActiveCell(container);
+        return;
+    }
+    /* ---------- TEST MODE ---------- */
+    // Score update
+    if (activeCellValue === calculateValue) {
+        score++;
     }
-    // TEST MODE (store all, animate regardless of correctness)
     else {
-        if (calculatorValue.length > 0) {
-            if (calculatorValue === activeCell["value"]) {
-                score++;
-                console.log("SCOREEEE", score);
-            }
-            else {
-                if (score > 0) {
-                    score--;
-                }
-                console.log("SCOREEEE", score);
-            }
-            if (element2.innerHTML.length > 0) {
-                element1.innerHTML = element2.innerHTML;
-            }
-            const equation = activeCell["string"];
-            // Replace value visually
-            activeCell.innerHTML = equation.replaceAll("?", calculteValue);
-            element2.innerHTML = activeCell.innerHTML;
-            // Animate
-            await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, allCalculateTypes);
-        }
+        if (score > 0)
+            score--;
+    }
+    console.log("SCORE:", score);
+    const equation = activeCell["string"];
+    //1. mascot animation
+    await wait(3000);
+    // Save previous element2 BEFORE overwrite
+    const previousElement2Content = element2.innerHTML;
+    // Replace ?
+    activeCell.innerHTML = equation.replaceAll("?", calculateValue.toString());
+    // Update element2 with new content
+    element2.innerHTML = activeCell.innerHTML;
+    //3. animate out
+    await animationToRemoveEquationSolvedCellForNimbleTable(activeCell, allCalculateTypes);
+    //4. update element1 ONLY after animation & only if previous exists
+    if (previousElement2Content) {
+        element1.innerHTML = previousElement2Content;
     }
 };
 
@@ -68973,6 +68993,7 @@ const afterDropDragHandling = (dragElement, dropElement) => {
                 dummyElement.classList.remove('dropped');
                 dummyElement.removeAttribute('drop-to');
                 dummyElement.removeAttribute('drop-time');
+                dummyElement.style.opacity = "1";
                 dragElement.style.width = dropElement.style.width;
                 dragElement.style.height = dropElement.style.height;
                 dragElement.setAttribute('hasDummy', 'true');
@@ -69048,6 +69069,7 @@ function cloneElementWithComputedStyles(originalEl) {
     clone.style.margin = originalEl.style.margin;
     clone.style.opacity = originalEl.style.opacity;
     clone.style.transform = originalEl.style.transform;
+    clone.style.borderRadius = originalEl.style.borderRadius;
     clone.setAttribute("visible", "true");
     clone.setAttribute("data-dummy", "true");
     if (tag === "lido-math-matrix") {
@@ -69076,6 +69098,7 @@ const parseActions = (input) => {
     return actions;
 };
 const matchStringPattern = (pattern, arr) => {
+    var _a;
     const patternGroups = pattern.split(',').map(group => group.trim());
     let arrIndex = 0;
     let options = new Set();
@@ -69088,21 +69111,25 @@ const matchStringPattern = (pattern, arr) => {
     }
     for (const group of patternGroups) {
         if (group.startsWith('(') && group.endsWith(')')) {
-            // Inside parentheses: '|' acts like "OR" condition
-            const choices = group
-                .slice(1, -1)
-                .split('|')
-                .map(option => option.trim());
-            const arrChoice = arr[arrIndex]
-                .slice(1, -1)
-                .split('|')
-                .map(option => option.trim());
-            if (arrIndex > arrChoice.length)
+            // Parenthesized group: treat choices as a set (order-insensitive)
+            const choices = group.slice(1, -1).split('|').map(option => option.trim());
+            const arrVal = (_a = arr[arrIndex]) !== null && _a !== void 0 ? _a : '';
+            let arrChoice = [];
+            if (arrVal.startsWith('(') && arrVal.endsWith(')')) {
+                arrChoice = arrVal.slice(1, -1).split('|').map(option => option.trim());
+            }
+            else if (arrVal.includes('|')) {
+                arrChoice = arrVal.split('|').map(option => option.trim());
+            }
+            else if (arrVal !== '') {
+                arrChoice = [arrVal.trim()];
+            }
+            else {
                 return false;
-            for (let i = 0; i < choices.length; i++) {
-                if (!choices.includes(arrChoice[i]))
-                    return false;
             }
+            const normalize = (items) => items.map(s => s.trim()).sort().join('|');
+            if (normalize(choices) !== normalize(arrChoice))
+                return false;
             arrIndex++;
         }
         else if (group.includes('|')) {
@@ -69114,8 +69141,9 @@ const matchStringPattern = (pattern, arr) => {
         }
         else {
             // Exact match required
-            if (arrIndex >= arr.length || arr[arrIndex] !== group)
+            if (arrIndex >= arr.length || arr[arrIndex] !== group) {
                 return false;
+            }
             arrIndex++;
         }
     }
@@ -69198,10 +69226,10 @@ async function onActivityComplete(dragElement, dropElement) {
     drag[index].push(dragElement.id);
     const allElements = document.querySelectorAll("[type='drop']");
     allElements.forEach(otherElement => {
-        var _a;
+        var _a, _b;
         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 (!(((_a = otherElement.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal) && !(((_b = container.getAttribute('drop-action')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === DropMode.InfiniteDrop)) {
                 if (otherElement) {
                     otherElement.style.opacity = "0";
                 }
@@ -69242,7 +69270,6 @@ 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');
@@ -69267,7 +69294,10 @@ const handleShowCheck = () => {
         }
     }
     else {
-        validateObjectiveStatus();
+        if (!container.getAttribute("game-completed")) {
+            validateObjectiveStatus();
+        }
+        container.setAttribute("game-completed", "true");
     }
 };
 let res;
@@ -69317,9 +69347,12 @@ const validateObjectiveStatus = async () => {
             if (attach === 'true') {
                 appendingDragElementsInDrop();
             }
-            storingEachActivityScore(true);
+            if (container.querySelectorAll("[type='click']").length > 0) {
+                storingEachActivityScore(true);
+            }
             await executeActions(onCorrect, container);
         }
+        calculateScore();
         if (container.getAttribute('dropAttr') === 'EnableAnimation') {
             setTimeout(() => {
                 triggerNextContainer();
@@ -69328,14 +69361,13 @@ const validateObjectiveStatus = async () => {
         else {
             triggerNextContainer();
         }
-        await calculateScore();
     }
     else {
         const isContinueOnCorrect = container.getAttribute('is-continue-on-correct') === 'true';
         const onCorrect = container.getAttribute('onCorrect');
         if (!isContinueOnCorrect) {
-            await calculateScore();
             storingEachActivityScore(false);
+            calculateScore();
             await executeActions(onCorrect, container);
             triggerNextContainer();
         }
@@ -69343,7 +69375,7 @@ const validateObjectiveStatus = async () => {
             const onInCorrect = container.getAttribute('onInCorrect');
             storingEachActivityScore(false);
             await executeActions(onInCorrect, container);
-            container.removeAttribute("click-completed");
+            container.removeAttribute("game-completed");
         }
     }
 };
@@ -69826,20 +69858,18 @@ const questionBoxAnimation = async (element, value) => {
     const dragElements = Array.from(element.querySelectorAll("[type='drag']"));
     // Ensure all drag childrens which is dropped disappear
     dragElements.forEach(dragElement => {
-        if (dragElement.hasAttribute('drop-to')) {
+        const dropToAttr = dragElement.getAttribute('drop-to');
+        if (dropToAttr && dropToAttr !== '') {
             dragElement.style.transition = 'opacity 0.5s ease';
             dragElement.style.opacity = '0'; // Fade out
-            setTimeout(() => {
-                dragElement.remove(); // Remove from view after fade-out
-            }, 500);
-        }
-    });
-    // Reveal all drop childrens which is hidden
-    const dropElements = Array.from(element.querySelectorAll("[type='drop']"));
-    dropElements.forEach(dropEl => {
-        const dropVal = dropEl.getAttribute("value");
-        if (dropVal && dropEl.innerText.trim() === "?") {
-            dropEl.innerText = dropVal;
+            const dropEl = document.getElementById(dropToAttr);
+            const dragVal = dragElement.getAttribute("value");
+            if (dragVal && dropEl.innerText.trim() === "?") {
+                dropEl.innerText = dragVal;
+            }
+            // setTimeout(() => {
+            //   // dragElement.remove() // Remove from view after fade-out
+            // }, 500); 
         }
     });
 };

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

@@ -94,7 +94,9 @@ export class LidoCalculator {
             }
         }
         this.onOk.emit(isCorrect);
+        const okbtn = document.getElementById("btn-11");
         if (isCorrect) {
+            okbtn.style.pointerEvents = 'none'; // Disable OK button to prevent multiple clicks
             this.displayValue = "";
             storingEachActivityScore(isCorrect);
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
@@ -111,15 +113,23 @@ export class LidoCalculator {
             }
         }
         else {
+            okbtn.style.pointerEvents = 'none'; // Disable OK button to prevent multiple clicks
             this.displayValue = "";
             storingEachActivityScore(isCorrect);
             const onInCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onInCorrect')) || '';
-            await executeActions(onInCorrect, container);
+            const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
+            if (container.getAttribute('is-continue-on-correct') === 'false') {
+                await executeActions(onCorrect, container);
+            }
+            else {
+                await executeActions(onInCorrect, container);
+            }
         }
+        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: '394177b08965252a6008cce3284475c6176eca3d', 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: '1c79a951e666ad4171b686400f0ba391783e693f', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: '70da4a0990c7ae72367f8d61026c1d4e6f682d48', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: 'c510e7f1cc6ec5d34683030fff988054ac721225', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: '790d7bd307e296cc8e05e29705ebf4bfdda49906', class: "lido-calculator-displayParent" }, h("div", { key: 'f0195ce772bffdee06483da524f8a392dffdde38', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: '00fda79dab52a801acafe6006db0dd50923ea74b', 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: '595c92e80baed8e1709c51302aa427d672b3a9e0', 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: '4a2966a46fd008d66fedeb5f44e0ee2c5e8c083a', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: '35e38f7412be8489b668ba0aab927b7ba3d98f29', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: '926def912022a30a27f5419d98348beb84fc1a42', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: '41a69c7aa7d1dfbeea19b1a1ef095b97d2c953ba', class: "lido-calculator-displayParent" }, h("div", { key: '047dfc84e8b02739a982287f82b1df2b7f552dcd', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: '41cd91f2c9aa40f6adcf6b0318e07e394bc3b38e', 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/stories/Templates/balancing/balancing.stories.js

@@ -46,7 +46,7 @@ function getContainerXml(args) {
         </lido-text>
       </lido-pos>
       <!-- question -->
-      <lido-text visible="true" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-in-the-blanks/fill-upAudio.mp3" id="heading" tab-index="12" height="landscape.100px,portrait.175px" font-family="'Baloo Bhai 2'" font-size="60px" width="landscape.auto,portrait.86%" string="Drop the elements to match the given symbol '${objective}'" font-color="black" bg-color="white" y="landscape.0%,portrait.-12%" onEntry="this.speak='true';this.font-weight='600'; this.position='relative';">
+      <lido-text visible="true" tab-index="12" height="landscape.100px,portrait.175px" font-family="'Baloo Bhai 2'" font-size="60px" width="landscape.auto,portrait.86%" string="Drop the elements to match the given symbol '${objective}'" font-color="black" bg-color="white" y="landscape.0%,portrait.-12%" onEntry="this.font-weight='600'; this.position='relative';">
       </lido-text>
       <lido-balance  tilt="0" operation="add" visible="true" height="landscape.456px,portrait.500px" y="landscape.4%,portrait.0%" width="landscape.1136px,portrait.876px">
       <!-- drop Element -->