lido-player 0.0.2-alpha-79 → 0.0.2-alpha-80

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

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

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

@@ -117,7 +117,7 @@ function dispatchActivityEndEvent(totalIndex, currentIndex, score, rightMoves, w
     dispatchCustomEvent(ActivityEndKey, { currentIndex, totalIndex, score, rightMoves, wrongMoves, timeSpentForActivity });
 }
 function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson) {
-    dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson });
+    dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, score: finalScore, timeSpendForLesson });
 }
 function dispatchNextContainerEvent() {
     dispatchCustomEvent(NextContainerKey, {});
@@ -343,6 +343,8 @@ function enableDraggingWithScaling(element) {
     handlingElementFlexibleWidth(element, 'drag');
     const onStart = (event) => {
         var _a, _b;
+        if (container && container.getAttribute("game-completed") === "true")
+            return;
         console.log("moving start");
         if (isDraggingDisabled) {
             isDragging = false;
@@ -605,6 +607,8 @@ function enableDraggingWithScaling(element) {
     element.addEventListener('click', ev => {
         if (isClicked) {
             console.log("clicked drag elkement");
+            if (container && container.getAttribute("game-completed") === "true")
+                return;
             onClickDropOrDragElement(element, 'drag');
         }
     });
@@ -71467,8 +71471,11 @@ async function handleElementClick(element) {
         if (fillValue === 100 && !fillCompleted) {
             fillCompleted = true;
             container.style.pointerEvents = 'none';
-            triggerNextContainer();
-            calculateScore();
+            if (!container.getAttribute('game-completed') || container.getAttribute('game-completed') === 'false' || container.getAttribute('game-completed') === null || container.getAttribute('game-completed') === undefined || container.getAttribute('game-completed') === '') {
+                container.setAttribute('game-completed', 'true');
+                triggerNextContainer();
+                calculateScore();
+            }
         }
         else {
             fillCompleted = false;
@@ -71479,40 +71486,107 @@ async function handleElementClick(element) {
         await executeActions(onInCorrect, container);
     }
 }
+let floatDelay = 0;
+const laneNextStartAtMs = [];
+const BUBBLE_VERTICAL_GAP = 12;
+const BUBBLE_TIME_GAP_SECONDS = 0.5;
+function getEarliestLaneIndex(laneCount) {
+    let laneIndex = 0;
+    let earliestTime = Number.POSITIVE_INFINITY;
+    // Find the lane that becomes available the earliest.
+    for (let i = 0; i < laneCount; i++) {
+        const laneTime = laneNextStartAtMs[i] || 0;
+        if (laneTime < earliestTime) {
+            earliestTime = laneTime;
+            laneIndex = i;
+        }
+    }
+    return laneIndex;
+}
+function resetFloatState() {
+    // Reset all module-level float state so a fresh screen starts from initial behavior.
+    fillCompleted = false;
+    floatDelay = 0;
+    laneNextStartAtMs.length = 0;
+}
 function handleFloatElementPosition(element) {
+    // Step 1: Resolve the main game container.
     const container = document.getElementById(LidoContainer);
     if (!container) {
         console.error(`No container found with id: lido-container`);
         return;
     }
+    // Step 2: Stop speaking highlight before repositioning.
     stopHighlightForSpeakingElement(element);
+    // Step 3: Resolve the float area that owns moving elements.
     const floatContainer = container.querySelector('.lido-float');
     if (!floatContainer)
         return;
+    // Step 4: Read movement direction from the container.
     const direction = floatContainer.getAttribute('float-direction') || 'bottomToTop';
+    // Step 5: Generate a random delay used by the vertical float mode.
     const delay = Math.random() * 5;
     // const isFirstEntry = element.getAttribute('data-entry') !== 'true';
     // if (isFirstEntry) {
     //   element.setAttribute('data-entry', 'true');
     //   entryValue += 10;
     // }
+    // Step 6: Ensure element is absolutely positioned for animation.
     element.style.position = 'absolute';
     if (direction === 'leftToRight') {
+        // Step 7: Prepare horizontal floating setup.
         const containerHeight = floatContainer.offsetHeight;
         // Add class for bubble elements to identify them later for input matching and scoring
         element.classList.add("bubble-element");
-        element.style.left = 'unset';
-        element.style.right = `${window.innerWidth + document.body.getBoundingClientRect().width}px`;
-        // element.style.top = isFirstEntry ? `${entryValue}%` : `${Math.floor(Math.random() * (containerHeight - element.clientHeight))}px`;
-        element.style.top = `${Math.floor(Math.random() * (containerHeight - element.clientHeight))}px`;
-        // const duration = 15 + Math.random() * 15;
+        element.style.left = `unset`;
+        element.style.right = `${(1600 - window.innerWidth) + window.innerWidth + element.offsetWidth}px`;
+        // Step 8: Split available height into lanes with a vertical gap.
+        const laneHeight = Math.max(1, element.clientHeight + BUBBLE_VERTICAL_GAP);
+        const laneCount = Math.max(1, Math.floor(containerHeight / laneHeight));
+        // Keep lane timer array length in sync with current lane count.
+        if (laneNextStartAtMs.length > laneCount) {
+            laneNextStartAtMs.length = laneCount;
+        }
+        // Step 9: Find all lanes that are currently free.
+        const now = performance.now();
+        const availableLaneIndexes = [];
+        for (let i = 0; i < laneCount; i++) {
+            const laneReadyAt = laneNextStartAtMs[i] || 0;
+            if (laneReadyAt <= now) {
+                availableLaneIndexes.push(i);
+            }
+        }
+        // Step 10: Choose a random free lane, else fallback to earliest available lane.
+        let laneIndex = 0;
+        if (availableLaneIndexes.length > 0) {
+            const randomAvailableIndex = Math.floor(Math.random() * availableLaneIndexes.length);
+            laneIndex = availableLaneIndexes[randomAvailableIndex];
+        }
+        else {
+            laneIndex = getEarliestLaneIndex(laneCount);
+        }
+        // Step 11: Convert lane index to top position.
+        const resolvedLaneIndex = laneIndex !== null && laneIndex !== void 0 ? laneIndex : 0;
+        const maxTop = Math.max(0, containerHeight - element.clientHeight);
+        const laneStep = laneCount > 1 ? maxTop / (laneCount - 1) : 0;
+        element.style.top = `${Math.round(resolvedLaneIndex * laneStep)}px`;
+        // Step 12: Set animation start position and compute spacing delay.
         element.style.setProperty('--el-left', element.style.right);
-        element.style.animation = `float-lr 15s linear ${delay}s`;
+        const timePerElement = element.offsetWidth / (container.offsetWidth / 60);
+        const laneReadyAt = laneNextStartAtMs[resolvedLaneIndex] || 0;
+        const laneDelaySeconds = Math.max(0, (laneReadyAt - now) / 1000);
+        const appliedDelay = Math.max(floatDelay, laneDelaySeconds);
+        // Step 13: Start horizontal animation and reserve lane time to avoid overlap.
+        element.style.animation = `float-lr 40s linear ${appliedDelay}s`;
+        laneNextStartAtMs[resolvedLaneIndex] = now + (appliedDelay + timePerElement + BUBBLE_TIME_GAP_SECONDS) * 1000;
+        // Step 14: Reset legacy delay after applying once.
+        floatDelay = 0;
     }
     else {
+        // Step 7 (vertical mode): pick a random x-position in container.
         const containerWidth = floatContainer.offsetWidth;
-        // element.style.left = isFirstEntry ? `${entryValue}%` : `${Math.floor(Math.random() * (containerWidth - element.clientWidth))}px`;
         element.style.left = `${Math.floor(Math.random() * (containerWidth - element.clientWidth))}px`;
+        // Step 8 (vertical mode): place below viewport and animate upward.
         const startTop = document.body.offsetHeight + element.offsetHeight * (1 / calculateScale());
         element.style.top = `${startTop}px`;
         const duration = 5 + Math.random() * 5;
@@ -71520,6 +71594,7 @@ function handleFloatElementPosition(element) {
         element.style.animation = `float-up ${duration}s linear ${delay}s`;
         element.id = 'removeShadow';
     }
+    // Step 15: Requeue the same element once current animation finishes.
     element.addEventListener('animationend', () => {
         element.style.animation = 'none';
         handleFloatElementPosition(element);
@@ -72593,6 +72668,12 @@ async function onActivityComplete(dragElement, dropElement) {
                 await executeActions(onCorrect, dropElement, dragElement);
             }
         }
+        else {
+            const onInCorrect = dropElement.getAttribute('onInCorrect');
+            if (onInCorrect) {
+                await executeActions(onInCorrect, dropElement, dragElement);
+            }
+        }
     }
     let dragScore = buildDragSelectedMapFromDOM();
     const sortedValues = getSortedValuesArrayFromMap(dragScore);
@@ -73472,6 +73553,7 @@ exports.matchStringPattern = matchStringPattern;
 exports.nextUrl = nextUrl;
 exports.parseProp = parseProp;
 exports.prevUrl = prevUrl;
+exports.resetFloatState = resetFloatState;
 exports.setCancelBtnPopup = setCancelBtnPopup;
 exports.setVisibilityWithDelay = setVisibilityWithDelay;
 exports.speakIcon = speakIcon;

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DCqhhVJB.js');
+var index = require('./index-CgaE1GjD.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-DCqhhVJB.js');
+var index$1 = require('./index-CgaE1GjD.js');
 
 var rive$1 = {exports: {}};
 
@@ -747,7 +747,7 @@ function requireRive () {
 		    return Wa(c, a, b);
 		  }));
 		}
-		var Za, $a, db = {491138:(a, b, c, d, e) => {
+		var Za, $a, db = {491234:(a, b, c, d, e) => {
 		  if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
 		    return 0;
 		  }
@@ -810,11 +810,11 @@ function requireRive () {
 		  }
 		  window.h.za += 1;
 		  return 1;
-		}, 493316:() => {
+		}, 493412:() => {
 		  "undefined" !== typeof window.h && (window.h.Sa.map(function(a) {
 		    document.removeEventListener(a, window.h.unlock, true);
 		  }), --window.h.za, 0 === window.h.za && delete window.h);
-		}, 493620:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 493724:() => {
+		}, 493716:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 493820:() => {
 		  try {
 		    var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
 		    a.close();
@@ -822,7 +822,7 @@ function requireRive () {
 		  } catch (c) {
 		    return 0;
 		  }
-		}, 493895:(a, b, c, d, e, f) => {
+		}, 493991:(a, b, c, d, e, f) => {
 		  if ("undefined" === typeof window.h) {
 		    return -1;
 		  }
@@ -868,7 +868,7 @@ function requireRive () {
 		  a == window.h.J.xa && g.Z.connect(g.L.destination);
 		  g.pb = f;
 		  return window.h.sc(g);
-		}, 496772:a => window.h.qa(a).L.sampleRate, 496845:a => {
+		}, 496868:a => window.h.qa(a).L.sampleRate, 496941:a => {
 		  a = window.h.qa(a);
 		  void 0 !== a.Z && (a.Z.onaudioprocess = function() {
 		  }, a.Z.disconnect(), a.Z = void 0);
@@ -876,13 +876,13 @@ function requireRive () {
 		  a.L.close();
 		  a.L = void 0;
 		  a.pb = void 0;
-		}, 497245:a => {
+		}, 497341:a => {
 		  window.h.Ab(a);
-		}, 497295:a => {
+		}, 497391:a => {
 		  a = window.h.qa(a);
 		  a.L.resume();
 		  a.state = window.h.ga.wb;
-		}, 497434:a => {
+		}, 497530:a => {
 		  a = window.h.qa(a);
 		  a.L.suspend();
 		  a.state = window.h.ga.stopped;
@@ -3390,7 +3390,7 @@ function requireRive () {
 		/* 2 */
 		/***/ ((module) => {
 
-		module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/canvas","version":"2.35.0","description":"Rive\'s canvas based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive_fallback.wasm","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
+		module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/canvas","version":"2.35.1","description":"Rive\'s canvas based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive_fallback.wasm","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 		/***/ }),
 		/* 3 */
@@ -8648,13 +8648,14 @@ const LidoCalculator = class {
             else {
                 await index$1.executeActions(onInCorrect, container);
             }
+            index$1.calculateScore();
             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: 'e37b659e48048b18812f385db123c208eabe6ba4', 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: 'fb41e56bd1414869fa21e0460dd6e64945aeee82', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '4330873be32fbdc2236397240c5930bb1a1b395e', 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: 'b5f6b05debf1f641047b7021d0c08cdc628cea8d', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '125dca5b401eb78f51653867ff248b68997ade2c', class: "lido-calculator-displayParent" }, index.h("div", { key: '2fa29f9cab7d3a82cd0efe752d02d76c02f56f65', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: '30f9819671255c7a98f5137882b1c06bd75663e0', 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: '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: {
                 'lido-calculator-btn-special': num === '←' || num === 'OK',
                 'lido-calculator-btn-default': num !== '←' && num !== 'OK'
             }, onClick: () => this.handleClick(num) }))))));
@@ -12134,6 +12135,7 @@ const LidoContainer = class {
                 "balancing": "balancing" /* templateAudio.balancing */,
                 "balloonPop": "balloonPop" /* templateAudio.balloonPop */,
                 "blender": "blender" /* templateAudio.blender */,
+                "bubbleType": "bubbleType" /* templateAudio.bubbleType */,
                 "calculator": "calculator" /* templateAudio.calculator */,
                 "categorize": "categorize" /* templateAudio.categorize */,
                 "checkerBlocks": "checkerBlocks" /* templateAudio.checkerBlocks */,
@@ -12152,6 +12154,7 @@ const LidoContainer = class {
                 "letterPairing": "letterPairing" /* templateAudio.letterPairing */,
                 "makeSentence": "makeSentence" /* templateAudio.makeSentence */,
                 "matchingCard": "matchingCard" /* templateAudio.matchingCard */,
+                "multiplyBeeds": "multiplyBeeds" /* templateAudio.multiplyBeeds */,
                 "nimbleTable": "nimbleTable" /* templateAudio.nimbleTable */,
                 "numberBoardOneTwo": "numberBoardOneTwo" /* templateAudio.numberBoardOneTwo */,
                 "numberPair": "numberPair" /* templateAudio.numberPair */,
@@ -12163,6 +12166,10 @@ const LidoContainer = class {
                 "pictureWordMatch2": "pictureWordMatch2" /* templateAudio.pictureWordMatch2 */,
                 "puzzleGame": "puzzleGame" /* templateAudio.puzzleGame */,
                 "questionBoard": "questionBoard" /* templateAudio.questionBoard */,
+                "quizLiteracySentenceSentence": "quizLiteracySentenceSentence" /* templateAudio.quizLiteracySentenceSentence */,
+                "quizLiteracySoundOnlyImage": "quizLiteracySoundOnlyImage" /* templateAudio.quizLiteracySoundOnlyImage */,
+                "quizLiteracySoundOnlySentence": "quizLiteracySoundOnlySentence" /* templateAudio.quizLiteracySoundOnlySentence */,
+                "quizLiteracySoundOnlyWord": "quizLiteracySoundonlyWord" /* templateAudio.quizLiteracySoundOnlyWord */,
                 "quizLiteracyAndShapes1": "quizLiteracyAndShapes1" /* templateAudio.quizLiteracyAndShapes1 */,
                 "quizLiteracyImageWithText": "quizLiteracyImageWithText" /* templateAudio.quizLiteracyImageWithText */,
                 "quizliteracyImageWord": "quizliteracyImageWord" /* templateAudio.quizliteracyImageWord */,
@@ -12187,6 +12194,7 @@ const LidoContainer = class {
                 "sumTogether": "sumTogether" /* templateAudio.sumTogether */,
                 "tag": "tag" /* templateAudio.tag */,
                 "total": "total" /* templateAudio.total */,
+                "writeCard": "writeCard" /* templateAudio.writeCard */,
                 "writeLetter": "writeLetter" /* templateAudio.writeLetter */,
                 "writeNumber": "writeNumber" /* templateAudio.writeNumber */,
                 "writeSet": "writeSet" /* templateAudio.writeSet */,
@@ -12339,6 +12347,7 @@ const LidoContainer = class {
         setTimeout(() => {
             index$1.highlightElement();
         }, 100);
+        index$1.resetFloatState();
         index$1.Timer.getI().start();
     }
     disconnectedCallback() {
@@ -12346,6 +12355,7 @@ const LidoContainer = class {
         window.removeEventListener('load', () => this.scaleContainer(this.el));
         document.body.style.backgroundColor = '';
         document.body.style.backgroundImage = '';
+        index$1.resetFloatState();
         index$1.Timer.getI().stop();
     }
     render() {
@@ -12360,7 +12370,7 @@ const LidoContainer = class {
             userSelect: 'none', // Prevent any field selection
         };
         console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
-        return (index.h(index.Host, { key: 'e674ddcd603c141bd7420cd05e87a0bbf5b435a3', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": this.disableSpeak, "template-id": this.templateId, audio: this.audio, "highlight-word-by-word": `${this.highlightWordByWord}` }, index.h("lido-text", { key: '9e2e323c8d48eb74d6ba11574457364ac0b0d46a', visible: "false", id: this.templateId, audio: "", string: this.instructName }), index.h("slot", { key: '4b01fbd31d2d5a324799815b9e82749cd4dc4ab7' })));
+        return (index.h(index.Host, { key: '251a6c4300e30a424f5bcf6099ee0f1252267de6', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": this.disableSpeak, "template-id": this.templateId, audio: this.audio, "highlight-word-by-word": `${this.highlightWordByWord}` }, index.h("lido-text", { key: '0ae4e3e6cc9d82969e396f0af924630565fa548b', visible: "false", id: this.templateId, audio: "", string: this.instructName }), index.h("slot", { key: 'e93ea96beb6733bf8d8f0e7c2ff11a7f2cda09a8' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -12884,7 +12894,7 @@ const LidoHome = class {
         }
         // Pure-JS fallback (no wasm asset required)
         try {
-            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-deq4aiWl.js'); }).then(function (n) { return n.decode; });
+            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-BoJO3btM.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') {
@@ -16401,9 +16411,11 @@ const LidoKeyboard = class {
             return element;
         });
         const bodyRect = document.body.getBoundingClientRect();
-        const elemRect = matchedBubble.getBoundingClientRect();
-        // Ciheck if the matched bubble is overlapping with the target area (you can define the target area as needed, here we use the entire viewport)
-        isOverlapping = elemRect.left < bodyRect.right && elemRect.right > bodyRect.left && elemRect.top < bodyRect.bottom && elemRect.bottom > bodyRect.top;
+        if (matchedBubble) {
+            const elemRect = matchedBubble.getBoundingClientRect();
+            // Ciheck if the matched bubble is overlapping with the target area (you can define the target area as needed, here we use the entire viewport)
+            isOverlapping = matchedBubble && elemRect.left < bodyRect.right && elemRect.right > bodyRect.left && elemRect.top < bodyRect.bottom && elemRect.bottom > bodyRect.top;
+        }
         if (matchedBubble && isOverlapping) {
             // If full word completed
             if (this.inputString.toLowerCase() === matchedBubble.getAttribute('value').toLowerCase()) {
@@ -16486,10 +16498,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: '0d05d0c728277cb017348ba2d2ae3948cf2bab55', 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: '14a518c62f6d08a4f151862ee62164bb2855e663', class: "input-area" }, index.h("input", { key: '10eeaea092ff52f34f305228cdc3b5a0dfff444d', type: "text", value: this.inputString, class: "input-area", readonly: true }), index.h("lido-text", { key: '13773d7c06178fecd4de0f5e5913c0596a7c8870', 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: '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: () => {
                 this.inputString = this.inputString.slice(0, -1);
                 this.inputValidation(event);
-            } }), index.h("lido-text", { key: 'f430668be25e241f8047f66024d823c91aa07dea', 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: 'e885f754dc148709506a3f5273c9a29a1746fad9', 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: '402251e518990c9ef768aaac13e93476a12cad06', class: "keyboard-wrapper", style: {
+            } }), 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: {
                 display: 'flex',
                 flexWrap: 'wrap',
                 justifyContent: 'center',

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

@@ -138,13 +138,14 @@ export class LidoCalculator {
             else {
                 await executeActions(onInCorrect, container);
             }
+            calculateScore();
             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: 'e37b659e48048b18812f385db123c208eabe6ba4', 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: 'fb41e56bd1414869fa21e0460dd6e64945aeee82', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: '4330873be32fbdc2236397240c5930bb1a1b395e', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: 'b5f6b05debf1f641047b7021d0c08cdc628cea8d', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: '125dca5b401eb78f51653867ff248b68997ade2c', class: "lido-calculator-displayParent" }, h("div", { key: '2fa29f9cab7d3a82cd0efe752d02d76c02f56f65', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: '30f9819671255c7a98f5137882b1c06bd75663e0', 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: '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: {
                 'lido-calculator-btn-special': num === '←' || num === 'OK',
                 'lido-calculator-btn-default': num !== '←' && num !== 'OK'
             }, onClick: () => this.handleClick(num) }))))));

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

@@ -4,6 +4,7 @@ import i18next from "../../utils/i18n";
 import { highlightElement } from "../../utils/utilsHandlers/highlightHandler";
 import { TemplateID } from "../../utils/constants";
 import { Timer } from "../../utils/utilsHandlers/timer";
+import { resetFloatState } from "../../utils/utilsHandlers/floatHandler";
 /**
  * @component LidoContainer
  *
@@ -188,6 +189,7 @@ export class LidoContainer {
                 "balancing": "balancing" /* templateAudio.balancing */,
                 "balloonPop": "balloonPop" /* templateAudio.balloonPop */,
                 "blender": "blender" /* templateAudio.blender */,
+                "bubbleType": "bubbleType" /* templateAudio.bubbleType */,
                 "calculator": "calculator" /* templateAudio.calculator */,
                 "categorize": "categorize" /* templateAudio.categorize */,
                 "checkerBlocks": "checkerBlocks" /* templateAudio.checkerBlocks */,
@@ -206,6 +208,7 @@ export class LidoContainer {
                 "letterPairing": "letterPairing" /* templateAudio.letterPairing */,
                 "makeSentence": "makeSentence" /* templateAudio.makeSentence */,
                 "matchingCard": "matchingCard" /* templateAudio.matchingCard */,
+                "multiplyBeeds": "multiplyBeeds" /* templateAudio.multiplyBeeds */,
                 "nimbleTable": "nimbleTable" /* templateAudio.nimbleTable */,
                 "numberBoardOneTwo": "numberBoardOneTwo" /* templateAudio.numberBoardOneTwo */,
                 "numberPair": "numberPair" /* templateAudio.numberPair */,
@@ -217,6 +220,10 @@ export class LidoContainer {
                 "pictureWordMatch2": "pictureWordMatch2" /* templateAudio.pictureWordMatch2 */,
                 "puzzleGame": "puzzleGame" /* templateAudio.puzzleGame */,
                 "questionBoard": "questionBoard" /* templateAudio.questionBoard */,
+                "quizLiteracySentenceSentence": "quizLiteracySentenceSentence" /* templateAudio.quizLiteracySentenceSentence */,
+                "quizLiteracySoundOnlyImage": "quizLiteracySoundOnlyImage" /* templateAudio.quizLiteracySoundOnlyImage */,
+                "quizLiteracySoundOnlySentence": "quizLiteracySoundOnlySentence" /* templateAudio.quizLiteracySoundOnlySentence */,
+                "quizLiteracySoundOnlyWord": "quizLiteracySoundonlyWord" /* templateAudio.quizLiteracySoundOnlyWord */,
                 "quizLiteracyAndShapes1": "quizLiteracyAndShapes1" /* templateAudio.quizLiteracyAndShapes1 */,
                 "quizLiteracyImageWithText": "quizLiteracyImageWithText" /* templateAudio.quizLiteracyImageWithText */,
                 "quizliteracyImageWord": "quizliteracyImageWord" /* templateAudio.quizliteracyImageWord */,
@@ -241,6 +248,7 @@ export class LidoContainer {
                 "sumTogether": "sumTogether" /* templateAudio.sumTogether */,
                 "tag": "tag" /* templateAudio.tag */,
                 "total": "total" /* templateAudio.total */,
+                "writeCard": "writeCard" /* templateAudio.writeCard */,
                 "writeLetter": "writeLetter" /* templateAudio.writeLetter */,
                 "writeNumber": "writeNumber" /* templateAudio.writeNumber */,
                 "writeSet": "writeSet" /* templateAudio.writeSet */,
@@ -393,6 +401,7 @@ export class LidoContainer {
         setTimeout(() => {
             highlightElement();
         }, 100);
+        resetFloatState();
         Timer.getI().start();
     }
     disconnectedCallback() {
@@ -400,6 +409,7 @@ export class LidoContainer {
         window.removeEventListener('load', () => this.scaleContainer(this.el));
         document.body.style.backgroundColor = '';
         document.body.style.backgroundImage = '';
+        resetFloatState();
         Timer.getI().stop();
     }
     render() {
@@ -414,7 +424,7 @@ export class LidoContainer {
             userSelect: 'none', // Prevent any field selection
         };
         console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
-        return (h(Host, { key: 'e674ddcd603c141bd7420cd05e87a0bbf5b435a3', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": this.disableSpeak, "template-id": this.templateId, audio: this.audio, "highlight-word-by-word": `${this.highlightWordByWord}` }, h("lido-text", { key: '9e2e323c8d48eb74d6ba11574457364ac0b0d46a', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: '4b01fbd31d2d5a324799815b9e82749cd4dc4ab7' })));
+        return (h(Host, { key: '251a6c4300e30a424f5bcf6099ee0f1252267de6', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": this.disableSpeak, "template-id": this.templateId, audio: this.audio, "highlight-word-by-word": `${this.highlightWordByWord}` }, h("lido-text", { key: '0ae4e3e6cc9d82969e396f0af924630565fa548b', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: 'e93ea96beb6733bf8d8f0e7c2ff11a7f2cda09a8' })));
     }
     static get is() { return "lido-container"; }
     static get originalStyleUrls() {

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

@@ -52,9 +52,11 @@ export class LidoKeyboard {
             return element;
         });
         const bodyRect = document.body.getBoundingClientRect();
-        const elemRect = matchedBubble.getBoundingClientRect();
-        // Ciheck if the matched bubble is overlapping with the target area (you can define the target area as needed, here we use the entire viewport)
-        isOverlapping = elemRect.left < bodyRect.right && elemRect.right > bodyRect.left && elemRect.top < bodyRect.bottom && elemRect.bottom > bodyRect.top;
+        if (matchedBubble) {
+            const elemRect = matchedBubble.getBoundingClientRect();
+            // Ciheck if the matched bubble is overlapping with the target area (you can define the target area as needed, here we use the entire viewport)
+            isOverlapping = matchedBubble && elemRect.left < bodyRect.right && elemRect.right > bodyRect.left && elemRect.top < bodyRect.bottom && elemRect.bottom > bodyRect.top;
+        }
         if (matchedBubble && isOverlapping) {
             // If full word completed
             if (this.inputString.toLowerCase() === matchedBubble.getAttribute('value').toLowerCase()) {
@@ -137,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: '0d05d0c728277cb017348ba2d2ae3948cf2bab55', 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: '14a518c62f6d08a4f151862ee62164bb2855e663', class: "input-area" }, h("input", { key: '10eeaea092ff52f34f305228cdc3b5a0dfff444d', type: "text", value: this.inputString, class: "input-area", readonly: true }), h("lido-text", { key: '13773d7c06178fecd4de0f5e5913c0596a7c8870', 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: '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: () => {
                 this.inputString = this.inputString.slice(0, -1);
                 this.inputValidation(event);
-            } }), h("lido-text", { key: 'f430668be25e241f8047f66024d823c91aa07dea', 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: 'e885f754dc148709506a3f5273c9a29a1746fad9', 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: '402251e518990c9ef768aaac13e93476a12cad06', class: "keyboard-wrapper", style: {
+            } }), 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: {
                 display: 'flex',
                 flexWrap: 'wrap',
                 justifyContent: 'center',

package/dist/collection/utils/customEvents.js

@@ -8,7 +8,7 @@ export function dispatchActivityEndEvent(totalIndex, currentIndex, score, rightM
     dispatchCustomEvent(ActivityEndKey, { currentIndex, totalIndex, score, rightMoves, wrongMoves, timeSpentForActivity });
 }
 export function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson) {
-    dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson });
+    dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, score: finalScore, timeSpendForLesson });
 }
 export function dispatchNextContainerEvent() {
     dispatchCustomEvent(NextContainerKey, {});

package/dist/collection/utils/utils.js

@@ -600,6 +600,12 @@ export async function onActivityComplete(dragElement, dropElement) {
                 await executeActions(onCorrect, dropElement, dragElement);
             }
         }
+        else {
+            const onInCorrect = dropElement.getAttribute('onInCorrect');
+            if (onInCorrect) {
+                await executeActions(onInCorrect, dropElement, dragElement);
+            }
+        }
     }
     let dragScore = buildDragSelectedMapFromDOM();
     const sortedValues = getSortedValuesArrayFromMap(dragScore);

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

@@ -72,6 +72,8 @@ export function enableDraggingWithScaling(element) {
     let horizontalDistance;
     const onStart = (event) => {
         var _a, _b;
+        if (container && container.getAttribute("game-completed") === "true")
+            return;
         console.log("moving start");
         if (isDraggingDisabled) {
             isDragging = false;
@@ -338,6 +340,8 @@ export function enableDraggingWithScaling(element) {
     element.addEventListener('click', ev => {
         if (isClicked) {
             console.log("clicked drag elkement");
+            if (container && container.getAttribute("game-completed") === "true")
+                return;
             onClickDropOrDragElement(element, 'drag');
         }
     });