lido-player 0.0.2-beta-03 → 0.0.2-beta-05

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2018
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2018
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/{decode-CjtxAc2C.js → decode-Cswyhtx_.js}

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

package/dist/cjs/{index-Bsk4M2Qz.js → index-ChRpftJ2.js}

@@ -22,7 +22,7 @@ const NAMESPACE = 'lido-player';
 const BUILD = /* lido-player */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, state: true, updatable: true};
 
 const globalScripts = () => {};
-const globalStyles = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:rgb(243, 77, 8) 0px 0px 40px !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-image:url(\"https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png\");background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}.lido-tts-highlight-overlay{position:fixed;pointer-events:none;z-index:9999;background:linear-gradient(\r\n    180deg,\r\n    rgba(255, 235, 59, 0.95),\r\n    rgba(255, 214, 0, 0.95)\r\n  );border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18),\r\n    inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:left 55ms linear,\r\n    top 55ms linear,\r\n    width 55ms ease-out,\r\n    height 55ms ease-out,\r\n    opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height}";
+const globalStyles = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:rgb(243, 77, 8) 0px 0px 40px !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-image:url(\"https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png\");background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}.lido-tts-highlight-overlay{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;background:linear-gradient(\n    180deg,\n    rgba(255, 235, 59, 0.95),\n    rgba(255, 214, 0, 0.95)\n  );border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18),\n    inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:width 25ms ease-out,\n    height 25ms ease-out,\n    opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height;contain:layout paint style}";
 
 /*
  Stencil Client Platform v4.43.4 | MIT Licensed | https://stenciljs.com

package/dist/cjs/{index-Bt9s5WYs.js → index-Qz_Mg9Ok.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./index-Bsk4M2Qz.js');
+var index$1 = require('./index-ChRpftJ2.js');
 
 const DragMapKey = 'lidoDragMap';
 const SelectedValuesKey = 'lidoSelectedValues';
@@ -22,6 +22,10 @@ const LIDO_COMMON_AUDIO_PATH = '__LIDO_COMMON_AUDIO_PATH__';
 const LIDO_COMMON_AUDIO_READY_EVENT = 'lidoCommonAudioPathReady';
 const TemplateID = 'template-id';
 const CalculatorOk = 'calculator-ok';
+const MicroProblemEndKey = 'problemEnd';
+const MicroLessonEndKey = 'lessonEnd';
+const MicroGameEndKey = 'gameEnd';
+const MicroGameExitKey = 'gameExit';
 exports.TraceMode = void 0;
 (function (TraceMode) {
     TraceMode["NoFlow"] = "noFlow";
@@ -32,6 +36,8 @@ exports.TraceMode = void 0;
 })(exports.TraceMode || (exports.TraceMode = {}));
 class GameScore {
     constructor() {
+        this.totalRightMovesCount = 0;
+        this.totalWrongMovesCount = 0;
         this.rightMoves = 0;
         this.wrongMoves = 0;
         this.finalScore = 0;
@@ -69,7 +75,7 @@ const FAST_WORDS_BY_LANG = {
         'तो', 'को',
         'है', 'था', 'थे',
     ]),
-    'ka': new Set([
+    'kn': new Set([
         'ಅದು', 'ಇದು',
         'ನಲ್ಲಿ', 'ಮೇಲೆ',
         'ಮತ್ತು', 'ಇದೆ',
@@ -97,7 +103,7 @@ const LANGUAGE_PROFILES = {
         fastWordMultiplier: 0.9, // much weaker compression
         fastClusterMultiplier: 0.9,
     },
-    'ka': {
+    'kn': {
         expectedWPM: 85,
         minWordMs: 35,
         syllableWeight: 1.75,
@@ -114,7 +120,7 @@ function dispatchCustomEvent(eventName, detail) {
     console.log("👍Event Name : ", eventName, "Detail : ", detail.toString());
     const event = new CustomEvent(eventName, { detail });
     window.dispatchEvent(event);
-    if (eventName === ActivityEndKey || eventName === LessonEndKey || eventName === GameCompletedKey || eventName === GameExitKey) {
+    if (eventName === ActivityEndKey || eventName === LessonEndKey || eventName === GameCompletedKey || eventName === GameExitKey || eventName === MicroGameEndKey || eventName === MicroGameExitKey || eventName === MicroLessonEndKey || eventName === MicroProblemEndKey) {
         (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
             eventName,
             detail: toSerializableDetail(detail),
@@ -133,8 +139,10 @@ function toSerializableDetail(detail) {
 }
 function dispatchActivityEndEvent(totalIndex, currentIndex, score, rightMoves, wrongMoves, timeSpentForActivity, lessonTrackingParams, gameCompleted) {
     dispatchCustomEvent(ActivityEndKey, Object.assign(Object.assign({ currentIndex, totalIndex, score, rightMoves, wrongMoves, timeSpentForActivity }, lessonTrackingParams), { gameCompleted }));
+    dispatchCustomEvent(MicroProblemEndKey, Object.assign(Object.assign({ currentIndex, totalIndex, score, rightMoves, wrongMoves, timeSpentForActivity }, lessonTrackingParams), { gameCompleted }));
 }
 function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson, lessonTrackingParams) {
+    dispatchCustomEvent(MicroLessonEndKey, Object.assign({ totalIndex, rightMoves, wrongMoves, finalScore, score: finalScore, timeSpendForLesson }, lessonTrackingParams));
     if (getLessonTrackingParams().end === "blank" || getLessonTrackingParams().end === "complete" || getLessonTrackingParams().end === "completed") {
         console.log("Lesson end event skipped. Reason: Lesson end type is set to 'blank' in lesson tracking parameters.");
         return;
@@ -148,9 +156,19 @@ function dispatchPrevContainerEvent() {
     dispatchCustomEvent(PrevContainerKey, {});
 }
 function dispatchGameCompletedEvent() {
+    dispatchCustomEvent(MicroGameEndKey, {});
+    if (getLessonTrackingParams().end === "blank" || getLessonTrackingParams().end === "complete" || getLessonTrackingParams().end === "completed") {
+        console.log("Game end event skipped. Reason: Lesson end type is set to 'blank' in lesson tracking parameters.");
+        return;
+    }
     dispatchCustomEvent(GameCompletedKey, {});
 }
 function dispatchGameExitEvent() {
+    dispatchCustomEvent(MicroGameExitKey, {});
+    if (getLessonTrackingParams().end === "blank" || getLessonTrackingParams().end === "complete" || getLessonTrackingParams().end === "completed") {
+        console.log("Game exit event skipped. Reason: Lesson end type is set to 'blank' in lesson tracking parameters.");
+        return;
+    }
     dispatchCustomEvent(GameExitKey, {});
 }
 function dispatchActivityChangeEvent(index) {
@@ -1096,14 +1114,14 @@ async function onClickDropOrDragElement(element, type) {
     if (!document.querySelector('#dynamic-highlight-style')) {
         const style = document.createElement('style');
         style.id = 'dynamic-highlight-style';
-        style.innerHTML = `
-      .highlight {
-        // border: 4px solid #e74c3c; /* Thicker red border for more visibility */
-        // border-radius: 12px; /* Larger rounded corners */
-        // background-color: rgba(231, 76, 60, 0.3); /* Stronger, more noticeable background */
-        // box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 12px 40px rgba(0, 0, 0, 0.2); /* Stronger shadow */
-        // outline: 4px solid rgba(231, 76, 60, 0.6); /* Glow effect */
-      }
+        style.innerHTML = `
+      .highlight {
+        // border: 4px solid #e74c3c; /* Thicker red border for more visibility */
+        // border-radius: 12px; /* Larger rounded corners */
+        // background-color: rgba(231, 76, 60, 0.3); /* Stronger, more noticeable background */
+        // box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 12px 40px rgba(0, 0, 0, 0.2); /* Stronger shadow */
+        // outline: 4px solid rgba(231, 76, 60, 0.6); /* Glow effect */
+      }
     `;
         document.head.appendChild(style);
     }
@@ -1206,8 +1224,8 @@ const appendingDragElementsInDrop = () => {
             if (isAllowOnlyCorrect === true) {
                 if (drop['value'] === drag['value']) {
                     drag.style.transform = 'translate(0,0)';
-                    drag.style.width = "stretch";
-                    drag.style.padding = '0';
+                    // drag.style.width = "stretch";
+                    // drag.style.padding = '0'
                     drop.appendChild(drag);
                     appendedDragIds.add(drag.id);
                     drag.style.pointerEvents = 'none';
@@ -1293,34 +1311,34 @@ function highlightSpeakingElement(element) {
     if (!document.getElementById(styleId)) {
         const style = document.createElement('style');
         style.id = styleId;
-        style.innerHTML = `
-      .speaking-highlight {
-        --base-transform: ${element.style.transform};
-        box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9) !important; /* Stronger orange glow effect */
-        // border: 3px solid green !important;
-        // transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out;
-        // transform: scale(1.05); /* Subtle scale effect to pop the element */
-        // animation: pulseEffect 1.5s infinite; /* Pulsing animation */
-        
-      }
-
-      @keyframes pulseEffect {
-        0% {
-          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
-          // transform: var(--base-transform) scale(1.05);
-          // background-color: #FFFF0B;
-        }
-        50% {
-          box-shadow: 0 0 30px 15px rgba(255, 165, 0, 1);
-          // transform: var(--base-transform) scale(1.1);
-          // background-color: #FFFF0B;
-        }
-        100% {
-          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
-          // transform: var(--base-transform) scale(1.05);
-          // background-color: #FFFF0B;
-        }
-      }
+        style.innerHTML = `
+      .speaking-highlight {
+        --base-transform: ${element.style.transform};
+        box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9) !important; /* Stronger orange glow effect */
+        // border: 3px solid green !important;
+        // transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out;
+        // transform: scale(1.05); /* Subtle scale effect to pop the element */
+        // animation: pulseEffect 1.5s infinite; /* Pulsing animation */
+        
+      }
+
+      @keyframes pulseEffect {
+        0% {
+          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
+          // transform: var(--base-transform) scale(1.05);
+          // background-color: #FFFF0B;
+        }
+        50% {
+          box-shadow: 0 0 30px 15px rgba(255, 165, 0, 1);
+          // transform: var(--base-transform) scale(1.1);
+          // background-color: #FFFF0B;
+        }
+        100% {
+          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
+          // transform: var(--base-transform) scale(1.05);
+          // background-color: #FFFF0B;
+        }
+      }
     `;
         document.head.appendChild(style);
     }
@@ -1551,26 +1569,18 @@ class AudioPlayer {
                 this.audioElement.onended = null;
                 // If word-by-word highlighting is enabled prepare timeline & rects
                 if (isWordByWord) {
-                    this.audioElement.onloadedmetadata = () => {
-                        const durationMs = this.audioElement.duration * 1000;
-                        const textContent = targetElement.textContent || '';
-                        timeline = this.buildWordTimeline(textContent, durationMs, profile, language);
-                        this.wordRects = this.computeWordRects(targetElement);
-                    };
+                    await this.waitForAudioMetadata();
+                    const durationMs = this.audioElement.duration * 1000;
+                    const textContent = targetElement.textContent || '';
+                    timeline = this.buildWordTimeline(textContent, durationMs, profile, language);
+                    this.wordRects = this.computeWordRects(targetElement);
                 }
                 else {
                     highlightSpeakingElement(targetElement);
                 }
                 // PLAY ONCE
                 await this.audioElement.play();
-                // ensure metadata processed before overlay
-                if (isWordByWord && timeline.length === 0) {
-                    await new Promise(resolve => {
-                        this.audioElement.onloadedmetadata = () => resolve();
-                    });
-                    this.startOverlayHighlightLoop(timeline, profile);
-                }
-                else if (isWordByWord) {
+                if (isWordByWord) {
                     this.startOverlayHighlightLoop(timeline, profile);
                 }
                 // unified end
@@ -1684,17 +1694,6 @@ class AudioPlayer {
     }
     buildWordTimeline(text, totalDurationMs, profile, language) {
         const tokens = this.tokenize(text).filter(t => t.trim());
-        console.log('[buildTimeline] words:', tokens);
-        const expectedDurationMs = (tokens.length / profile.expectedWPM) * 60000;
-        let speedScale = 1;
-        // Only scale if mismatch is significant
-        if (expectedDurationMs > 0) {
-            const ratio = totalDurationMs / expectedDurationMs;
-            if (ratio > 1.15)
-                speedScale = 1.1; // audio slower
-            else if (ratio < 0.85)
-                speedScale = 0.9; // audio faster
-        }
         const weights = tokens.map((word, i) => {
             var _a, _b;
             const prev = (_a = tokens[i - 1]) === null || _a === void 0 ? void 0 : _a.toLowerCase();
@@ -1720,8 +1719,6 @@ class AudioPlayer {
         let cursor = 0;
         const timeline = tokens.map((word, i) => {
             let duration = (weights[i] / totalWeight) * totalDurationMs;
-            // NEW: minimum readable duration
-            duration *= speedScale;
             duration = Math.max(profile.minWordMs, duration);
             const entry = {
                 word,
@@ -1734,7 +1731,7 @@ class AudioPlayer {
             return entry;
         });
         const last = timeline[timeline.length - 1];
-        if (last && last.endMs > totalDurationMs) {
+        if (last && last.endMs !== totalDurationMs) {
             const scale = totalDurationMs / last.endMs;
             timeline.forEach(t => {
                 t.startMs *= scale;
@@ -1743,6 +1740,27 @@ class AudioPlayer {
         }
         return timeline;
     }
+    waitForAudioMetadata() {
+        if (Number.isFinite(this.audioElement.duration) && this.audioElement.duration > 0) {
+            return Promise.resolve();
+        }
+        return new Promise((resolve, reject) => {
+            const cleanup = () => {
+                this.audioElement.removeEventListener('loadedmetadata', handleLoadedMetadata);
+                this.audioElement.removeEventListener('error', handleError);
+            };
+            const handleLoadedMetadata = () => {
+                cleanup();
+                resolve();
+            };
+            const handleError = () => {
+                cleanup();
+                reject(new Error('Audio metadata failed to load'));
+            };
+            this.audioElement.addEventListener('loadedmetadata', handleLoadedMetadata, { once: true });
+            this.audioElement.addEventListener('error', handleError, { once: true });
+        });
+    }
     ensureOverlay() {
         if (this.highlightOverlay)
             return;
@@ -1786,22 +1804,44 @@ class AudioPlayer {
     moveOverlay(rect) {
         if (!this.highlightOverlay)
             return;
-        this.highlightOverlay.style.left = `${rect.left}px`;
-        this.highlightOverlay.style.top = `${rect.top}px`;
+        this.highlightOverlay.style.transform = `translate3d(${rect.left}px, ${rect.top}px, 0)`;
         this.highlightOverlay.style.width = `${rect.width}px`;
         this.highlightOverlay.style.height = `${rect.height}px`;
     }
+    getHighlightLeadMs(timeline, profile) {
+        if (!timeline.length)
+            return profile.preemptiveOffsetMs;
+        const duration = timeline[timeline.length - 1].endMs - timeline[0].startMs;
+        const averageWordMs = duration / timeline.length;
+        const speedLead = averageWordMs < 190 ? 120 : averageWordMs < 260 ? 90 : 60;
+        return Math.max(profile.preemptiveOffsetMs, speedLead);
+    }
+    getTimelineIndex(timeline, currentMs) {
+        if (!timeline.length)
+            return -1;
+        if (currentMs <= timeline[0].startMs)
+            return 0;
+        for (let i = 0; i < timeline.length; i++) {
+            if (currentMs >= timeline[i].startMs && currentMs < timeline[i].endMs) {
+                return i;
+            }
+            if (timeline[i + 1] && currentMs < timeline[i + 1].startMs) {
+                return i;
+            }
+        }
+        return timeline.length - 1;
+    }
     startOverlayHighlightLoop(timeline, profile) {
         this.ensureOverlay();
         this.activeWordIndex = -1;
+        const highlightLeadMs = this.getHighlightLeadMs(timeline, profile);
         const tick = () => {
             if (this.audioElement.paused || this.audioElement.ended) {
                 this.stopOverlayHighlightLoop();
                 return;
             }
-            const currentMs = this.audioElement.currentTime * 1000 + profile.preemptiveOffsetMs;
-            const index = timeline.findIndex(w => (currentMs + profile.smoothingMs >= w.startMs) &&
-                (currentMs - profile.smoothingMs < w.endMs));
+            const currentMs = this.audioElement.currentTime * 1000 + highlightLeadMs;
+            const index = this.getTimelineIndex(timeline, currentMs);
             // NEW: drift correction
             if (index >= 0 && this.activeWordIndex >= 0 && index - this.activeWordIndex >= 2) {
                 const nextIndex = this.activeWordIndex + 1;
@@ -1990,11 +2030,11 @@ function enableReorderDrag(element) {
                     onDropToCategory(element, category);
                 }
                 if (divEl) {
-                    const keyframes = `
-            @keyframes widthDecrease {
-              0% { width: ${divEl.offsetWidth}px; height: ${divEl.offsetHeight}px; }
-              100% { width: 0px; height: 0px;}
-            }
+                    const keyframes = `
+            @keyframes widthDecrease {
+              0% { width: ${divEl.offsetWidth}px; height: ${divEl.offsetHeight}px; }
+              100% { width: 0px; height: 0px;}
+            }
           `;
                     const styleSheet = document.styleSheets[0];
                     styleSheet.insertRule(keyframes, styleSheet.cssRules.length);
@@ -2207,11 +2247,11 @@ function moveWithAnimation(target, overlapped) {
         const dummy = createDummyElement(target);
         dummy.style.visibility = 'hidden';
         dummy.setAttribute('type', 'dummy');
-        const keyframes = `
-      @keyframes widthIncrease {
-        0% { width: 0px; height: 0px; }
-        100% { width: ${target.offsetWidth}px; height: ${target.offsetHeight}px;}
-      }
+        const keyframes = `
+      @keyframes widthIncrease {
+        0% { width: 0px; height: 0px; }
+        100% { width: ${target.offsetWidth}px; height: ${target.offsetHeight}px;}
+      }
     `;
         if (!overlapped) {
             const overlapCategory = findMostoverlappedElement(target, 'category');
@@ -71842,14 +71882,14 @@ const wait = (ms) => new Promise(resolve => setTimeout(resolve, ms));
 /* ------------------ animation ------------------ */
 const animationToRemoveEquationSolvedCellForNimbleTable = (activeCell, container) => {
     return new Promise((resolve) => {
-        const keyframes = `
-      @keyframes widthDecrease {
-        0% { 
-          background-color: ${activeCell.style.backgroundColor};
-          height: ${activeCell.style.height};
-          margin: ${activeCell.style.margin};
-        }
-        100% { background-color: transparent; height: 0px; margin: 0px; }
+        const keyframes = `
+      @keyframes widthDecrease {
+        0% { 
+          background-color: ${activeCell.style.backgroundColor};
+          height: ${activeCell.style.height};
+          margin: ${activeCell.style.margin};
+        }
+        100% { background-color: transparent; height: 0px; margin: 0px; }
       }`;
         const styleSheet = document.styleSheets[0];
         styleSheet.insertRule(keyframes, styleSheet.cssRules.length);
@@ -72679,15 +72719,15 @@ const afterDropDragHandling = (dragElement, dropElement) => {
                 dragElement.setAttribute('hasDummy', 'true');
                 setTimeout(() => {
                     dummyElement.style.pointerEvents = "";
-                }, 1000);
+                }, 100);
             }
             dummyElement.setAttribute('id', dragElement.getAttribute('id'));
             dragElement.replaceWith(dummyElement);
-            const keyframes = `
-      @keyframes widthDecrease {
-        0% { width: ${dragElement.style.width}; height: ${dragElement.style.height}; margin: ${dragElement.style.margin}; }
-        100% { width: 0px; height: 0px; margin: 0px;}
-      }
+            const keyframes = `
+      @keyframes widthDecrease {
+        0% { width: ${dragElement.style.width}; height: ${dragElement.style.height}; margin: ${dragElement.style.margin}; }
+        100% { width: 0px; height: 0px; margin: 0px;}
+      }
     `;
             if (!isInfinite) {
                 dummyElement.style.width = element.style.width;
@@ -72883,6 +72923,8 @@ const calculateScore = () => {
     }
     const rightMoves = gameScore.rightMoves;
     const wrongMoves = gameScore.wrongMoves;
+    gameScore.totalRightMovesCount += rightMoves;
+    gameScore.totalWrongMovesCount += wrongMoves;
     let finalScore = Math.floor((rightMoves / (rightMoves + wrongMoves)) * 100);
     storeActivityScore(finalScore);
     gameScore.rightMoves = 0;
@@ -72899,6 +72941,11 @@ async function onActivityComplete(dragElement, dropElement) {
         // storing each activity score based on isCorrect for (all drag-drop events)
         // storingEachActivityScore(isCorrect);
         if (isCorrect) {
+            if (dropElement.getAttribute('type') === "category") {
+                gameScore.rightMoves += 1;
+                console.log("Right Moves : ", gameScore.rightMoves);
+                console.log("Wrong Moves : ", gameScore.wrongMoves);
+            }
             const onCorrect = dropElement.getAttribute('onCorrect');
             if (onCorrect) {
                 await executeActions(onCorrect, dropElement, dragElement);
@@ -72909,6 +72956,11 @@ async function onActivityComplete(dragElement, dropElement) {
             }
         }
         else {
+            if (dropElement.getAttribute('type') === "category") {
+                gameScore.wrongMoves += 1;
+                console.log("Right Moves : ", gameScore.rightMoves);
+                console.log("Wrong Moves : ", gameScore.wrongMoves);
+            }
             const onInCorrect = dropElement.getAttribute('onInCorrect');
             if (onInCorrect) {
                 await executeActions(onInCorrect, dropElement, dragElement);
@@ -72993,7 +73045,10 @@ const storeActivityScore = (score) => {
         console.log('Total Score : ', gameScore.finalScore);
         // window.dispatchEvent(new CustomEvent(LessonEndKey, { detail: { score: finalScore } }));
         const timeSpendForLesson = ACTIVYTY_TIME_SPEND_ARRAY.reduce((sum, current) => sum + current, 0);
-        dispatchLessonEndEvent(totalIndex, gameScore.rightMoves, gameScore.wrongMoves, finalScore, timeSpendForLesson, lessonTrackingParams);
+        dispatchLessonEndEvent(totalIndex, gameScore.totalRightMovesCount, gameScore.totalWrongMovesCount, finalScore, timeSpendForLesson, lessonTrackingParams);
+        gameScore.totalRightMovesCount = 0;
+        gameScore.totalWrongMovesCount = 0;
+        dispatchGameCompletedEvent();
         localStorage.removeItem(ActivityScoreKey);
     }
 };
@@ -73906,7 +73961,6 @@ exports.clearActiveZipAssets = clearActiveZipAssets;
 exports.commonjsGlobal = commonjsGlobal;
 exports.convertUrlToRelative = convertUrlToRelative;
 exports.dispatchActivityChangeEvent = dispatchActivityChangeEvent;
-exports.dispatchGameCompletedEvent = dispatchGameCompletedEvent;
 exports.dispatchGameExitEvent = dispatchGameExitEvent;
 exports.equationCheck = equationCheck;
 exports.executeActions = executeActions;

package/dist/cjs/index.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Bt9s5WYs.js');
-require('./index-Bsk4M2Qz.js');
+var index = require('./index-Qz_Mg9Ok.js');
+require('./index-ChRpftJ2.js');