lido-player 0.0.2-beta-12 → 0.0.2-beta-14

package/dist/cjs/{decode-Crs_HEl6.js → decode-BLUeYhas.js}

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

package/dist/cjs/{index-B0mGS0S6.js → index-CNWniNnt.js}

@@ -140,6 +140,7 @@ 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 }));
+    console.log(`[Activity End]Activity ${currentIndex + 1}/${totalIndex} - Time Spent: ${timeSpentForActivity}`);
 }
 function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson, lessonTrackingParams) {
     dispatchCustomEvent(MicroLessonEndKey, Object.assign({ totalIndex, rightMoves, wrongMoves, finalScore, score: finalScore, timeSpendForLesson }, lessonTrackingParams));
@@ -147,6 +148,7 @@ function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore,
         return;
     }
     dispatchCustomEvent(LessonEndKey, Object.assign({ totalIndex, rightMoves, wrongMoves, finalScore, score: finalScore, timeSpendForLesson }, lessonTrackingParams));
+    console.log(`[Lesson End]  Lesson: ${lessonTrackingParams === null || lessonTrackingParams === void 0 ? void 0 : lessonTrackingParams.lessonName} (${lessonTrackingParams === null || lessonTrackingParams === void 0 ? void 0 : lessonTrackingParams.lessonId}) - Total Time Spent: ${timeSpendForLesson}`);
 }
 function dispatchNextContainerEvent() {
     dispatchCustomEvent(NextContainerKey, {});
@@ -305,8 +307,8 @@ function dragDropAnimation(container, dragElement, dropElement) {
                         // isCorrect=true;
                         const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
                         await executeActions(onCorrect, container);
-                        window.dispatchEvent(new CustomEvent(NextContainerKey));
                         calculateScore();
+                        triggerNextContainer();
                         tempVanishedValues.length = 0;
                     })();
                 }
@@ -71759,8 +71761,8 @@ async function handleElementClick(element) {
             container.style.pointerEvents = 'none';
             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();
+                triggerNextContainer();
             }
         }
         else {
@@ -73055,11 +73057,12 @@ const storeActivityScore = (score) => {
     const activityScoreKey = index.toString();
     activityScore[activityScoreKey] = score;
     //send Custom Event to parent
-    // window.dispatchEvent(new CustomEvent(ActivityEndKey, { detail: { index: index, totalIndex: totalIndex, score: score } }));
-    const timeSpendForActivity = Math.floor(Timer.getI().getElapsed() / 1000);
-    ACTIVYTY_TIME_SPEND_ARRAY.push(timeSpendForActivity);
+    // window.dispatchEvent(new CustomEvent(ActivityEndKey, { detail: { index: index, totalIndex: totalIndex, score: score } })); 
+    const actualActivitySeconds = Math.ceil(Timer.getI().getElapsed() / 1000);
+    ACTIVYTY_TIME_SPEND_ARRAY.push(actualActivitySeconds);
+    console.log(`[Utils][Activity Time] Activity ${index + 1}/${totalIndex} - Time spent: ${actualActivitySeconds}s`);
     const lessonTrackingParams = getLessonTrackingParams();
-    dispatchActivityEndEvent(totalIndex, index, score, gameScore.rightMoves, gameScore.wrongMoves, timeSpendForActivity, lessonTrackingParams, true);
+    dispatchActivityEndEvent(totalIndex, index, score, gameScore.rightMoves, gameScore.wrongMoves, actualActivitySeconds, lessonTrackingParams, true);
     localStorage.setItem(ActivityScoreKey, JSON.stringify(activityScore));
     if (totalIndex - 1 == index) {
         const scoresArray = Object.values(activityScore);
@@ -73068,11 +73071,13 @@ 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);
+        console.log(`[Utils][Lesson Time] Total lesson time spent: ${timeSpendForLesson}s`);
         dispatchLessonEndEvent(totalIndex, gameScore.totalRightMovesCount, gameScore.totalWrongMovesCount, finalScore, timeSpendForLesson, lessonTrackingParams);
         gameScore.totalRightMovesCount = 0;
         gameScore.totalWrongMovesCount = 0;
         dispatchGameCompletedEvent();
         localStorage.removeItem(ActivityScoreKey);
+        ACTIVYTY_TIME_SPEND_ARRAY.length = 0;
     }
 };
 const handleShowCheck = () => {
@@ -73117,6 +73122,7 @@ const validateObjectiveStatus = async () => {
             }
             storingEachActivityScore(true);
             storeActivityScore(100);
+            gameScore.totalRightMovesCount++;
             gameScore.rightMoves = 0;
             gameScore.wrongMoves = 0;
             triggerNextContainer();
@@ -73173,8 +73179,8 @@ const validateObjectiveStatus = async () => {
         }
         if (!isContinueOnCorrect) {
             container.setAttribute("game-completed", "true");
-            calculateScore();
             await executeActions(onCorrect, container);
+            calculateScore();
             triggerNextContainer();
         }
         else {

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-B0mGS0S6.js');
+var index = require('./index-CNWniNnt.js');
 require('./index-CS8kGcZo.js');
 
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CS8kGcZo.js');
-var index$1 = require('./index-B0mGS0S6.js');
+var index$1 = require('./index-CNWniNnt.js');
 
 var rive$1 = {exports: {}};
 
@@ -8539,7 +8539,7 @@ const LidoCalculator = class {
             if (!hasScrollAction) {
                 if (!isMultiObjective) {
                     index$1.calculateScore();
-                    window.dispatchEvent(new CustomEvent(index$1.NextContainerKey));
+                    index$1.triggerNextContainer();
                 }
                 else {
                     const objectives = this.objective.split(',').map(obj => obj.trim());
@@ -8547,7 +8547,7 @@ const LidoCalculator = class {
                     if (allSolved) {
                         container.setAttribute("game-completed", "true");
                         index$1.calculateScore();
-                        window.dispatchEvent(new CustomEvent(index$1.NextContainerKey));
+                        index$1.triggerNextContainer();
                     }
                 }
             }
@@ -8575,7 +8575,7 @@ const LidoCalculator = class {
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (index.h(index.Host, { key: '2468a15e8d76cffb514f96df722fe578ef859f7d', 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: '702120d00bb5c4b8dd5dd75f0f7c356721873d6b', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: 'e989ec834d9c12037e67719a1107e76622c8285c', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "204%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, index.h("img", { key: '5c202b3dbebf5542d073f6ab344ae677927f9861', src: index$1.convertUrlToRelative(this.penIcon), alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '28062294c543d0fee819a5ac73a29e9d2a6dbe62', class: "lido-calculator-displayParent" }, index.h("div", { key: '1b168648592aba9221c66f1ed1d7bd3a64a3e5d2', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: '5503ae1ef2725bf0aa0853b8dbc1f6b9a0f60ec0', 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: '31b6e68af8ff06dd33c65b47018fb7e39e49a9bf', 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: '95fdc2b980c2dc020b86409a48fd2605349aba04', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '85535797b5642a6f44c872ca88807cfbe5f7422f', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "204%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, index.h("img", { key: 'fbe08c53b97fd65a09ad43808184a40024654abb', src: index$1.convertUrlToRelative(this.penIcon), alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: 'f4a0fd8e6879013e394467dccd0f8c6f6f41309e', class: "lido-calculator-displayParent" }, index.h("div", { key: 'c132ae40e0cb1f387e6bf2184f51e4f1a750a681', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: 'a9e01475d5fba0b54fc62150972ab3e48c4d1cf2', 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) }))))));
@@ -12829,7 +12829,6 @@ const LidoHome = class {
             this.exitFlag = false;
             if (alertElement) {
                 if (comment === 'exit') {
-                    index$1.dispatchGameExitEvent();
                     index$1.AudioPlayer.getI().stop();
                     index$1.Timer.getI().stop();
                     gameScore.rightMoves = 0;
@@ -12840,6 +12839,7 @@ const LidoHome = class {
                     // clearmemoryStorage();
                     alertElement.remove();
                     this.currentContainerIndex = 0;
+                    index$1.dispatchGameExitEvent();
                 }
                 else {
                     alertElement.remove();
@@ -12952,7 +12952,7 @@ const LidoHome = class {
         }
         // Pure-JS fallback (no wasm asset required)
         try {
-            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-Crs_HEl6.js'); }).then(function (n) { return n.decode; });
+            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-BLUeYhas.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') {
                 throw new Error('BrotliDecompressBuffer function not found in brotli/dec/decode');
@@ -16600,10 +16600,10 @@ const LidoKeyboard = class {
                 this.numberOfClick++;
                 localStorage.removeItem(index$1.SelectedValuesKey);
                 if (this.numberOfClick === this.letterLength) {
-                    index$1.calculateScore();
                     const onCorrrect = container.getAttribute('onCorrect');
                     container.style.pointerEvents = 'none';
                     await index$1.executeActions(onCorrrect, this.el);
+                    index$1.calculateScore();
                     index$1.triggerNextContainer();
                 }
                 else {
@@ -17364,7 +17364,7 @@ const LidoRow = class {
 };
 LidoRow.style = lidoRowCss();
 
-const lidoShapeCss = () => `.lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z);justify-content:center;align-items:center}.lido-rectangle{border-radius:0}.lido-circle{width:var(--width);height:var(--width);border-radius:50%;background-color:var(--bgColor)}.lido-ellipse{width:var(--width);height:var(--height);border-radius:50%;background-color:var(--bgColor)}.lido-triangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}.lido-rightTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(100% 0%, 100% 100%, 0% 100%)}.lido-leftTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--triangleBgColor);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}.lido-parallelogram{width:var(--paralleWidth);height:var(--paralleHeight);transform:skew(20deg)}.lido-trapezoid{width:var(--trapezoidWidth);height:var(--trapezoidHeight);background-color:var(--bgColor);clip-path:polygon(     20% 0%,        80% 0%,        100% 100%,     0% 100%     )}.lido-hexagon{width:var(--hexagonWidth);height:var(--hexagonHeight);background-color:var(--bgColor);clip-path:polygon(     25% 0%,        75% 0%,        100% 50%,      75% 100%,      25% 100%,      0% 50%      )}.lido-cone{width:var(--coneWidth);height:var(--coneHeight);background-color:var(--bgColor);clip-path:polygon(          15% 10%,     25% 4%,     35% 1%,     50% 0%,     65% 1%,     75% 4%,     85% 10%,           50% 100%   )}.lido-star{width:var(--starWidth);height:var(--starHeight);background-color:var(--starBgColor);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.lido-pentagon{width:var(--pentagonWidth);height:var(--pentagonHeight);background-color:var(--pentagonBgColor);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.lido-heptagon{width:var(--heptagonWidth);height:var(--heptagonHeight);background-color:var(--heptagonBgColor);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.lido-octagon{width:var(--octagonWidth);height:var(--octagonHeight);background-color:var(--octagonBgColor);clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%)}.lido-rhombus{width:var(--rhombusWidth);height:var(--rhombusHeight);background-color:var(--rhombusBgColor);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.lido-heart{height:var(--heartHeight);width:var(--heartWidth);border-image:radial-gradient(var(--heartBgColor) 69%, #0000 70%) 84.5%/50%;clip-path:polygon(-41% 0, 50% 91%, 141% 0)}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(45deg)}.face{position:absolute;width:var(--face-width,150px);height:var(--face-width,150px);background:var(--face-bg-color,150px);box-shadow:inset -20px -20px 40px rgba(0,0,0,0.3)}.front{transform:rotateY(  0deg) translateZ(var(--face-translate, 75px))}.back{transform:rotateY(180deg) translateZ(var(--face-translate, 75px))}.right{transform:rotateY( 90deg) translateZ(var(--face-translate, 75px))}.left{transform:rotateY(-90deg) translateZ(var(--face-translate, 75px))}.top{transform:rotateX( 90deg) translateZ(var(--face-translate, 75px))}.bottom{transform:rotateX(-90deg) translateZ(var(--face-translate, 75px))}.lido-cylinder{width:var(--width);height:var(--height);border-radius:100% / 80px;background:radial-gradient(50% 40px at 50% 40px, #0003 99.99%, #0000 0),     radial-gradient(50% 40px at 50% calc(100% - 40px), #fff3 99.99%, #0000 0),     red}`;
+const lidoShapeCss = () => `.lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z);justify-content:center;align-items:center}.lido-rectangle{border-radius:0}.lido-circle{width:var(--width);height:var(--width);border-radius:50%;background-color:var(--bgColor)}.lido-ellipse{width:var(--width);height:var(--height);border-radius:50%;background-color:var(--bgColor)}.lido-triangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}.lido-rightTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(100% 0%, 100% 100%, 0% 100%)}.lido-leftTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--triangleBgColor);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}.lido-parallelogram{width:var(--paralleWidth);height:var(--paralleHeight);transform:skew(20deg)}.lido-trapezium{width:var(--trapeziumWidth);height:var(--trapeziumHeight);background-color:var(--bgColor);clip-path:polygon(     20% 0%,        80% 0%,        100% 100%,     0% 100%     )}.lido-hexagon{width:var(--hexagonWidth);height:var(--hexagonHeight);background-color:var(--bgColor);clip-path:polygon(     25% 0%,        75% 0%,        100% 50%,      75% 100%,      25% 100%,      0% 50%      )}.lido-cone{width:var(--coneWidth);height:var(--coneHeight);background-color:var(--bgColor);clip-path:polygon(          15% 10%,     25% 4%,     35% 1%,     50% 0%,     65% 1%,     75% 4%,     85% 10%,           50% 100%   )}.lido-star{width:var(--starWidth);height:var(--starHeight);background-color:var(--starBgColor);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.lido-pentagon{width:var(--pentagonWidth);height:var(--pentagonHeight);background-color:var(--pentagonBgColor);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.lido-heptagon{width:var(--heptagonWidth);height:var(--heptagonHeight);background-color:var(--heptagonBgColor);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.lido-octagon{width:var(--octagonWidth);height:var(--octagonHeight);background-color:var(--octagonBgColor);clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%)}.lido-rhombus{width:var(--rhombusWidth);height:var(--rhombusHeight);background-color:var(--rhombusBgColor);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.lido-heart{height:var(--heartHeight);width:var(--heartWidth);border-image:radial-gradient(var(--heartBgColor) 69%, #0000 70%) 84.5%/50%;clip-path:polygon(-41% 0, 50% 91%, 141% 0)}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(45deg)}.face{position:absolute;width:var(--face-width,150px);height:var(--face-width,150px);background:var(--face-bg-color,150px);box-shadow:inset -20px -20px 40px rgba(0,0,0,0.3)}.front{transform:rotateY(  0deg) translateZ(var(--face-translate, 75px))}.back{transform:rotateY(180deg) translateZ(var(--face-translate, 75px))}.right{transform:rotateY( 90deg) translateZ(var(--face-translate, 75px))}.left{transform:rotateY(-90deg) translateZ(var(--face-translate, 75px))}.top{transform:rotateX( 90deg) translateZ(var(--face-translate, 75px))}.bottom{transform:rotateX(-90deg) translateZ(var(--face-translate, 75px))}.lido-cylinder{width:var(--width);height:var(--height);border-radius:100% / 80px;background:radial-gradient(50% 40px at 50% 40px, #0003 99.99%, #0000 0),     radial-gradient(50% 40px at 50% calc(100% - 40px), #fff3 99.99%, #0000 0),     red}.lido-sphere{position:relative;width:var(--width);height:var(--width);border-radius:50%;background:radial-gradient(circle at 30% 18%, #22d4ff 0%, #18c2f4 9%, rgba(24, 194, 244, 0.2) 18%, transparent 30%),     radial-gradient(circle at 36% 26%, #0f8fff 0%, #0b67e6 30%, #083fbe 62%, #120084 100%);box-shadow:inset -22px -26px 40px rgba(5, 0, 70, 0.38),     inset 14px 14px 24px rgba(255, 255, 255, 0.05),     0 4px 2px rgba(0, 0, 0, 0.78);overflow:visible}.lido-sphere::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:16%;border-radius:50%;border-top:2px dashed rgba(0, 0, 0, 0.65);border-bottom:3px solid rgba(0, 0, 0, 0.85);box-sizing:border-box;transform:translate(-50%, -50%);pointer-events:none}`;
 
 const LidoShape = class {
     constructor(hostRef) {
@@ -18798,13 +18798,13 @@ const LidoTrace = class {
             }
             return;
         }
-        index$1.calculateScore();
         const container = document.querySelector(index$1.LidoContainer);
         const containerOnCorrect = container.getAttribute("onCorrect");
         if (container && containerOnCorrect) {
             await new Promise(resolve => setTimeout(resolve, delay));
             await index$1.executeActions(containerOnCorrect, this.el);
         }
+        index$1.calculateScore();
         index$1.triggerNextContainer();
     }
     // Get the pointer position relative to the SVG
@@ -19076,7 +19076,7 @@ const LidoTrace = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '4b222cb2258577dded95e977943898a4a4514ff4', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, index.h("div", { key: 'a6decd11c691dda6528c927b1a01a05bdf5e56d9', style: this.style, id: "lido-svgContainer" })));
+        return (index.h(index.Host, { key: '89c30e4e8be379c026c6b241e240e343df91ec7c', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, index.h("div", { key: '0d7c35704f98084d7c6b571d653f9a578d4011e2', style: this.style, id: "lido-svgContainer" })));
     }
     static get assetsDirs() { return ["svg", "images"]; }
     get el() { return index.getElement(this); }

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

@@ -1,6 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { executeActions, equationCheck, storingEachActivityScore, calculateScore, triggerNextContainer, convertUrlToRelative } from "../../utils/utils";
-import { NextContainerKey, SelectedValuesKey, CalculatorOk } from "../../utils/constants";
+import { SelectedValuesKey, CalculatorOk } from "../../utils/constants";
 import { AudioPlayer } from "../../utils/audioPlayer";
 export class LidoCalculator {
     constructor() {
@@ -146,7 +146,7 @@ export class LidoCalculator {
             if (!hasScrollAction) {
                 if (!isMultiObjective) {
                     calculateScore();
-                    window.dispatchEvent(new CustomEvent(NextContainerKey));
+                    triggerNextContainer();
                 }
                 else {
                     const objectives = this.objective.split(',').map(obj => obj.trim());
@@ -154,7 +154,7 @@ export class LidoCalculator {
                     if (allSolved) {
                         container.setAttribute("game-completed", "true");
                         calculateScore();
-                        window.dispatchEvent(new CustomEvent(NextContainerKey));
+                        triggerNextContainer();
                     }
                 }
             }
@@ -182,7 +182,7 @@ export class LidoCalculator {
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (h(Host, { key: '2468a15e8d76cffb514f96df722fe578ef859f7d', 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: '702120d00bb5c4b8dd5dd75f0f7c356721873d6b', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: 'e989ec834d9c12037e67719a1107e76622c8285c', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "204%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: '5c202b3dbebf5542d073f6ab344ae677927f9861', src: convertUrlToRelative(this.penIcon), alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: '28062294c543d0fee819a5ac73a29e9d2a6dbe62', class: "lido-calculator-displayParent" }, h("div", { key: '1b168648592aba9221c66f1ed1d7bd3a64a3e5d2', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: '5503ae1ef2725bf0aa0853b8dbc1f6b9a0f60ec0', 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: '31b6e68af8ff06dd33c65b47018fb7e39e49a9bf', 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: '95fdc2b980c2dc020b86409a48fd2605349aba04', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: '85535797b5642a6f44c872ca88807cfbe5f7422f', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "204%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: 'fbe08c53b97fd65a09ad43808184a40024654abb', src: convertUrlToRelative(this.penIcon), alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: 'f4a0fd8e6879013e394467dccd0f8c6f6f41309e', class: "lido-calculator-displayParent" }, h("div", { key: 'c132ae40e0cb1f387e6bf2184f51e4f1a750a681', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: 'a9e01475d5fba0b54fc62150972ab3e48c4d1cf2', class: "lido-calculator-buttons" }, numbers.map((num, i) => (h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
                 'lido-calculator-btn-special': num === '←' || num === 'OK',
                 'lido-calculator-btn-default': num !== '←' && num !== 'OK'
             }, onClick: () => this.handleClick(num) }))))));

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

@@ -192,7 +192,6 @@ export class LidoHome {
             this.exitFlag = false;
             if (alertElement) {
                 if (comment === 'exit') {
-                    dispatchGameExitEvent();
                     AudioPlayer.getI().stop();
                     Timer.getI().stop();
                     gameScore.rightMoves = 0;
@@ -203,6 +202,7 @@ export class LidoHome {
                     // clearmemoryStorage();
                     alertElement.remove();
                     this.currentContainerIndex = 0;
+                    dispatchGameExitEvent();
                 }
                 else {
                     alertElement.remove();

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

@@ -71,10 +71,10 @@ export class LidoKeyboard {
                 this.numberOfClick++;
                 localStorage.removeItem(SelectedValuesKey);
                 if (this.numberOfClick === this.letterLength) {
-                    calculateScore();
                     const onCorrrect = container.getAttribute('onCorrect');
                     container.style.pointerEvents = 'none';
                     await executeActions(onCorrrect, this.el);
+                    calculateScore();
                     triggerNextContainer();
                 }
                 else {

package/dist/collection/components/shape/lido-shape.css

@@ -55,9 +55,9 @@
   transform: skew(20deg);
 }
 
-.lido-trapezoid {
-  width: var(--trapezoidWidth);
-  height: var(--trapezoidHeight);
+.lido-trapezium {
+  width: var(--trapeziumWidth);
+  height: var(--trapeziumHeight);
   background-color: var(--bgColor);
   clip-path: polygon(
     20% 0%,   /* top left */
@@ -183,4 +183,35 @@
     radial-gradient(50% 40px at 50% 40px, #0003 99.99%, #0000 0),
     radial-gradient(50% 40px at 50% calc(100% - 40px), #fff3 99.99%, #0000 0),
     red;
+}
+
+/* sphere */
+.lido-sphere {
+  position: relative;
+  width: var(--width);
+  height: var(--width);
+  border-radius: 50%;
+  background:
+    radial-gradient(circle at 30% 18%, #22d4ff 0%, #18c2f4 9%, rgba(24, 194, 244, 0.2) 18%, transparent 30%),
+    radial-gradient(circle at 36% 26%, #0f8fff 0%, #0b67e6 30%, #083fbe 62%, #120084 100%);
+  box-shadow:
+    inset -22px -26px 40px rgba(5, 0, 70, 0.38),
+    inset 14px 14px 24px rgba(255, 255, 255, 0.05),
+    0 4px 2px rgba(0, 0, 0, 0.78);
+  overflow: visible;
+}
+
+.lido-sphere::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 16%;
+  border-radius: 50%;
+  border-top: 2px dashed rgba(0, 0, 0, 0.65);
+  border-bottom: 3px solid rgba(0, 0, 0, 0.85);
+  box-sizing: border-box;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
 }

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

@@ -769,13 +769,13 @@ export class LidoTrace {
             }
             return;
         }
-        calculateScore();
         const container = document.querySelector(LidoContainer);
         const containerOnCorrect = container.getAttribute("onCorrect");
         if (container && containerOnCorrect) {
             await new Promise(resolve => setTimeout(resolve, delay));
             await executeActions(containerOnCorrect, this.el);
         }
+        calculateScore();
         triggerNextContainer();
     }
     // Get the pointer position relative to the SVG
@@ -1047,7 +1047,7 @@ export class LidoTrace {
         };
     }
     render() {
-        return (h(Host, { key: '4b222cb2258577dded95e977943898a4a4514ff4', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, h("div", { key: 'a6decd11c691dda6528c927b1a01a05bdf5e56d9', style: this.style, id: "lido-svgContainer" })));
+        return (h(Host, { key: '89c30e4e8be379c026c6b241e240e343df91ec7c', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, h("div", { key: '0d7c35704f98084d7c6b571d653f9a578d4011e2', style: this.style, id: "lido-svgContainer" })));
     }
     static get is() { return "lido-trace"; }
     static get originalStyleUrls() {

package/dist/collection/utils/customEvents.js

@@ -24,6 +24,7 @@ function toSerializableDetail(detail) {
 export 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 }));
+    console.log(`[Activity End]Activity ${currentIndex + 1}/${totalIndex} - Time Spent: ${timeSpentForActivity}`);
 }
 export function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson, lessonTrackingParams) {
     dispatchCustomEvent(MicroLessonEndKey, Object.assign({ totalIndex, rightMoves, wrongMoves, finalScore, score: finalScore, timeSpendForLesson }, lessonTrackingParams));
@@ -31,6 +32,7 @@ export function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, final
         return;
     }
     dispatchCustomEvent(LessonEndKey, Object.assign({ totalIndex, rightMoves, wrongMoves, finalScore, score: finalScore, timeSpendForLesson }, lessonTrackingParams));
+    console.log(`[Lesson End]  Lesson: ${lessonTrackingParams === null || lessonTrackingParams === void 0 ? void 0 : lessonTrackingParams.lessonName} (${lessonTrackingParams === null || lessonTrackingParams === void 0 ? void 0 : lessonTrackingParams.lessonId}) - Total Time Spent: ${timeSpendForLesson}`);
 }
 export function dispatchNextContainerEvent() {
     dispatchCustomEvent(NextContainerKey, {});

package/dist/collection/utils/utils.js

@@ -702,11 +702,12 @@ const storeActivityScore = (score) => {
     const activityScoreKey = index.toString();
     activityScore[activityScoreKey] = score;
     //send Custom Event to parent
-    // window.dispatchEvent(new CustomEvent(ActivityEndKey, { detail: { index: index, totalIndex: totalIndex, score: score } }));
-    const timeSpendForActivity = Math.floor(Timer.getI().getElapsed() / 1000);
-    ACTIVYTY_TIME_SPEND_ARRAY.push(timeSpendForActivity);
+    // window.dispatchEvent(new CustomEvent(ActivityEndKey, { detail: { index: index, totalIndex: totalIndex, score: score } })); 
+    const actualActivitySeconds = Math.ceil(Timer.getI().getElapsed() / 1000);
+    ACTIVYTY_TIME_SPEND_ARRAY.push(actualActivitySeconds);
+    console.log(`[Utils][Activity Time] Activity ${index + 1}/${totalIndex} - Time spent: ${actualActivitySeconds}s`);
     const lessonTrackingParams = getLessonTrackingParams();
-    dispatchActivityEndEvent(totalIndex, index, score, gameScore.rightMoves, gameScore.wrongMoves, timeSpendForActivity, lessonTrackingParams, true);
+    dispatchActivityEndEvent(totalIndex, index, score, gameScore.rightMoves, gameScore.wrongMoves, actualActivitySeconds, lessonTrackingParams, true);
     localStorage.setItem(ActivityScoreKey, JSON.stringify(activityScore));
     if (totalIndex - 1 == index) {
         const scoresArray = Object.values(activityScore);
@@ -715,11 +716,13 @@ 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);
+        console.log(`[Utils][Lesson Time] Total lesson time spent: ${timeSpendForLesson}s`);
         dispatchLessonEndEvent(totalIndex, gameScore.totalRightMovesCount, gameScore.totalWrongMovesCount, finalScore, timeSpendForLesson, lessonTrackingParams);
         gameScore.totalRightMovesCount = 0;
         gameScore.totalWrongMovesCount = 0;
         dispatchGameCompletedEvent();
         localStorage.removeItem(ActivityScoreKey);
+        ACTIVYTY_TIME_SPEND_ARRAY.length = 0;
     }
 };
 export const handleShowCheck = () => {
@@ -765,6 +768,7 @@ export const validateObjectiveStatus = async () => {
             }
             storingEachActivityScore(true);
             storeActivityScore(100);
+            gameScore.totalRightMovesCount++;
             gameScore.rightMoves = 0;
             gameScore.wrongMoves = 0;
             triggerNextContainer();
@@ -821,8 +825,8 @@ export const validateObjectiveStatus = async () => {
         }
         if (!isContinueOnCorrect) {
             container.setAttribute("game-completed", "true");
-            calculateScore();
             await executeActions(onCorrect, container);
+            calculateScore();
             triggerNextContainer();
         }
         else {

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

@@ -1,5 +1,5 @@
-import { NextContainerKey, SelectedValuesKey } from "../constants";
-import { calculateScore, executeActions } from "../utils";
+import { SelectedValuesKey } from "../constants";
+import { calculateScore, executeActions, triggerNextContainer } from "../utils";
 const tempVanishedValues = [];
 export function dragDropAnimation(container, dragElement, dropElement) {
     container.style.pointerEvents = "none";
@@ -47,8 +47,8 @@ export function dragDropAnimation(container, dragElement, dropElement) {
                         // isCorrect=true;
                         const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
                         await executeActions(onCorrect, container);
-                        window.dispatchEvent(new CustomEvent(NextContainerKey));
                         calculateScore();
+                        triggerNextContainer();
                         tempVanishedValues.length = 0;
                     })();
                 }

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

@@ -29,8 +29,8 @@ export async function handleElementClick(element) {
             container.style.pointerEvents = 'none';
             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();
+                triggerNextContainer();
             }
         }
         else {