lido-player 0.0.2-alpha-64 → 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-becabee2.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-becabee2.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) }))))));
@@ -9969,37 +9979,10 @@ const port = {
 };
 
 const instruction = {
-	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: "substractionWithImageMaAudio  ",
-	substractionWithoutImage: "substractionWithoutImageMaAudio",
-	numberIdentificationWithImage: "numberIdentificationWithImageMaAudio",
-	numberIdentificationWithoutImage: "numberIdentificationWithoutImageMaAudio",
-	wordBuildingWithImage: "wordBuildingWithImageMaAudio",
-	wordBuildingWithoutImage: "wordBuildingWithoutImageMaAudio",
-	pictureClues: "pictureCluesMaAudio",
-	pictureWordMatchMultipleImages: "pictureWordMatchMultipleImagesMaAudio",
-	pictureWordMatchSingleImage: "pictureWordMatchSingleImageMaAudio",
-	sentenceMatch: "sentenceMatchMaAudio",
-	imageMatch: "imageMatchMaAudio",
-	palStoryTale: "palStoryTaleMaAudio",
-	palEgmaPatternMatching: "palEgmaPatternMatchingMaAudio",
-	palEgmaWordProblemDragnDrop: "palEgmaWordProblemDragnDropMaAudio",
-	palEgmaWordProblemClick: "palEgmaWordProblemClickMaAudio",
-	palEgraOddOneOut: "palEgraOddOneOutMaAudio",
-	palEgraArrangePictures: "palEgraArrangePicturesMaAudio",
-	palEgraBuildWord: "palEgraBuildWordMaAudio",
-	palEgraWordFormation: "palEgraWordFormationMaAudio",
-	palInventedSpelling: "palInventedSpellingMaAudio",
-	palLetterIdentification: "palLetterIdentificationMaAudio",
-	palStoryMaking: "palStoryMakingMaAudio",
-	palegmasumtogether: "palegmasumtogetherMaAudio",
-	palegmamultioption: "palegmamultioptionMaAudio",
-	palegraoptionaudio: "palegraoptionaudioMaAudio",
-	palegrawordmatch: "palegrawordmatchMaAudio",
-	palegramcqimages: "palegramcqimagesMaAudio"
+	dragAndDrop: "वस्तू योग्य ठिकाणी ओढून आणि सोडून जुळवा.",
+	mcq: "दिलेल्या पर्यायांमधून योग्य उत्तर निवडा.",
+	tracing: "रेषेचा काळजीपूर्वक मागोवा घेत आकृती काढा.",
+	flashcards: "तुमचे शिक्षण मजबूत करण्यासाठी फ्लॅशकार्ड्स पाहा."
 };
 const ma = {
 	instruction: instruction

package/dist/cjs/{utils-becabee2.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 = () => {
@@ -1245,10 +1253,6 @@ function highlightElement() {
 }
 
 class AudioPlayer {
-    isSpeakDisabled(element) {
-        const text = element.closest('lido-text');
-        return (text === null || text === void 0 ? void 0 : text.getAttribute('disable-speak')) === 'true';
-    }
     constructor() {
         this.handleUserClick = () => {
             this.stop();
@@ -68224,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 = `
@@ -68233,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;
     }
 };
 
@@ -69080,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();
@@ -69092,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('|')) {
@@ -69118,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++;
         }
     }
@@ -69328,6 +69352,7 @@ const validateObjectiveStatus = async () => {
             }
             await executeActions(onCorrect, container);
         }
+        calculateScore();
         if (container.getAttribute('dropAttr') === 'EnableAnimation') {
             setTimeout(() => {
                 triggerNextContainer();
@@ -69336,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();
         }

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 -->