lido-player 0.0.2-alpha-84 → 0.0.2-alpha-86

package/dist/cjs/{decode-DcCOGYxt.js → decode-DIUvWF6N.js}

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

package/dist/cjs/{index-BmGzuXUP.js → index-Cfl2KMDg.js}

@@ -21,6 +21,7 @@ const LidoContainer = 'lido-container';
 const LIDO_COMMON_AUDIO_PATH = '__LIDO_COMMON_AUDIO_PATH__';
 const LIDO_COMMON_AUDIO_READY_EVENT = 'lidoCommonAudioPathReady';
 const TemplateID = 'template-id';
+const CalculatorOk = 'calculator-ok';
 exports.TraceMode = void 0;
 (function (TraceMode) {
     TraceMode["NoFlow"] = "noFlow";
@@ -554,12 +555,12 @@ function enableDraggingWithScaling(element) {
         let mostOverlappedElement = findMostoverlappedElement$1(element, 'drop');
         if (!mostOverlappedElement) {
             // build current selection/drop maps so reset logic can update counts correctly
-            const selectedValueData = (_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : "[]";
-            const dragSelectedData = JSON.stringify(buildDragSelectedMapFromDOM());
+            (_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : "[]";
+            JSON.stringify(buildDragSelectedMapFromDOM());
             const dropSelectedDataObject = buildDragSelectedMapFromDOM();
             JSON.stringify(dropSelectedDataObject);
             const dropHasDrag = buildDropHasDragFromDOM();
-            handleResetDragElement(element, null, dropHasDrag, selectedValueData, dragSelectedData);
+            handleResetDragElement(element, null, dropHasDrag, null, null);
             return;
         }
         onElementDropComplete(element, mostOverlappedElement);
@@ -72640,7 +72641,10 @@ const countPatternWords = (pattern) => {
     return wordCount;
 };
 let countOfMistakes = 0;
-const storingEachActivityScore = (flag) => {
+const storingEachActivityScore = (flag, scoreTrigger) => {
+    const hasCalculator = document.querySelector('lido-calculator') !== null;
+    if (hasCalculator && scoreTrigger !== CalculatorOk)
+        return;
     if (flag) {
         gameScore.rightMoves += 1;
         countOfMistakes = 0;
@@ -72654,6 +72658,11 @@ const storingEachActivityScore = (flag) => {
     console.log('Wrong Moves : ', gameScore.wrongMoves);
 };
 const calculateScore = () => {
+    const container = document.getElementById(LidoContainer);
+    const hasCalculator = document.querySelector('lido-calculator') !== null;
+    if (hasCalculator && container && container.getAttribute('game-completed') !== 'true') {
+        return;
+    }
     const rightMoves = gameScore.rightMoves;
     const wrongMoves = gameScore.wrongMoves;
     let finalScore = Math.floor((rightMoves / (rightMoves + wrongMoves)) * 100);
@@ -73533,6 +73542,7 @@ const updateCalculatorAnswer = (el) => {
 
 exports.ActivityScoreKey = ActivityScoreKey;
 exports.AudioPlayer = AudioPlayer;
+exports.CalculatorOk = CalculatorOk;
 exports.LIDO_COMMON_AUDIO_PATH = LIDO_COMMON_AUDIO_PATH;
 exports.LIDO_COMMON_AUDIO_READY_EVENT = LIDO_COMMON_AUDIO_READY_EVENT;
 exports.LidoContainer = LidoContainer;

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BmGzuXUP.js');
+var index = require('./index-Cfl2KMDg.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-BmGzuXUP.js');
+var index$1 = require('./index-Cfl2KMDg.js');
 
 var rive$1 = {exports: {}};
 
@@ -8412,9 +8412,9 @@ const LidoBalance = class {
     }
     async componentWillLoad() {
         this.updateStyles();
-        this.pivotSvg = await this.fetchAndApplyFill(this.pivotimage);
-        this.scaleSvg = await this.fetchAndApplyFill(this.scaleimage);
-        this.handlerSvg = await this.fetchAndApplyFill(this.handlerimage);
+        this.pivotSvg = await this.fetchAndApplyFill(index$1.convertUrlToRelative(this.pivotimage));
+        this.scaleSvg = await this.fetchAndApplyFill(index$1.convertUrlToRelative(this.scaleimage));
+        this.handlerSvg = await this.fetchAndApplyFill(index$1.convertUrlToRelative(this.handlerimage));
     }
     componentDidLoad() {
         this.animateBalance();
@@ -8499,7 +8499,7 @@ const LidoBalance = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'e1cdc8aab0b18f3cc654a52a1e315ba6d708adb3', id: "lido-balance", "bg-color": "red", onEntry: this.onEntry, class: "lido-balance", tilt: this.tilt.toString(), style: this.style, operation: this.operation.toString() }, index.h("div", { key: '98ed1d2b6eb29e0fcf2ac656f8bb87cbe4420dfa', innerHTML: this.pivotSvg, id: "pivotimg", class: "pivot" }), index.h("div", { key: '8139021fec3f6d19a8fc711f02dc9e61197e5e5c', innerHTML: this.scaleSvg, id: "scaleimg", class: "scale", ref: (el) => (this.scaleEl = el) }), index.h("div", { key: '3f7621e16932c862ea50e3ed6e941efb3b77c292', innerHTML: this.handlerSvg, id: "handlerimg", class: "handler", ref: (el) => (this.leftHandleEl = el) }), index.h("div", { key: '939e0df96916eb3259e6adcefa0c9a786aeccdef', innerHTML: this.handlerSvg, id: "handimg", class: "hand", ref: (el) => (this.rightHandleEl = el) }), index.h("div", { key: 'c4de234c5058cb5d6bef94b1c75f67ca85ee7fc9', id: "balanceSymbol", class: "lido-balance-symbol", "aria-hidden": !this.showSymbol }, this.showSymbol ? this.balanceSymbol : '')));
+        return (index.h(index.Host, { key: 'aded73152903b2a187a50c7caa8c50bc1a495ca8', id: "lido-balance", "bg-color": "red", onEntry: this.onEntry, class: "lido-balance", tilt: this.tilt.toString(), style: this.style, operation: this.operation.toString(), "pivot-image": this.pivotSvg, "scale-image": this.scaleSvg, "handler-image": this.handlerSvg }, index.h("div", { key: '81e70bbf6773194baff114ab17035a5c029d10fb', innerHTML: this.pivotSvg, id: "pivotimg", class: "pivot" }), index.h("div", { key: '9dd77bb25e1fc0f4e14303a687945147f5b20caf', innerHTML: this.scaleSvg, id: "scaleimg", class: "scale", ref: (el) => (this.scaleEl = el) }), index.h("div", { key: '0afcb89a2b8641f1268c0cb77796d2948339a32e', innerHTML: this.handlerSvg, id: "handlerimg", class: "handler", ref: (el) => (this.leftHandleEl = el) }), index.h("div", { key: 'f2d66362fb858602df1ac44a8e987aa9aa558e58', innerHTML: this.handlerSvg, id: "handimg", class: "hand", ref: (el) => (this.rightHandleEl = el) }), index.h("div", { key: '996d1211f5c35abe2531b46947d6015fc61a327f', id: "balanceSymbol", class: "lido-balance-symbol", "aria-hidden": !this.showSymbol }, this.showSymbol ? this.balanceSymbol : '')));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -8542,6 +8542,7 @@ const LidoCalculator = class {
         /** Inline style object for dynamic positioning and layout control */
         this.style = {};
         this.userAnswers = []; // store all calculator inputs
+        this.tempInputs = []; // store inputs before clearing display
     }
     updateValueAttr() {
         this.el.setAttribute('value', this.displayValue);
@@ -8571,6 +8572,7 @@ const LidoCalculator = class {
         this.updateValueAttr();
     }
     async verifyAnswer() {
+        var _a;
         const userInput = this.displayValue.trim();
         if (!userInput)
             return;
@@ -8620,9 +8622,20 @@ const LidoCalculator = class {
         this.onOk.emit(isCorrect);
         const okbtn = document.getElementById("btn-11");
         if (isCorrect) {
+            container.setAttribute("game-completed", "true");
+            this.tempInputs.push(userInput);
+            const existingSelected = JSON.parse((_a = container.getAttribute(index$1.SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]');
+            const cleanedSelected = Array.isArray(existingSelected)
+                ? existingSelected.filter(v => String(v).trim() !== '')
+                : [];
+            const tempValue = this.tempInputs[this.tempInputs.length - 1];
+            if (String(tempValue).trim() !== '') {
+                cleanedSelected.push(tempValue);
+            }
+            container.setAttribute(index$1.SelectedValuesKey, JSON.stringify(cleanedSelected));
             okbtn.style.pointerEvents = 'none'; // Disable OK button to prevent multiple clicks
             this.displayValue = "";
-            index$1.storingEachActivityScore(isCorrect);
+            index$1.storingEachActivityScore(isCorrect, index$1.CalculatorOk);
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
             await index$1.executeActions(onCorrect, container);
             const hasScrollAction = onCorrect.includes('scrollCellAfterEquationSolved');
@@ -8645,7 +8658,7 @@ const LidoCalculator = class {
         else {
             okbtn.style.pointerEvents = 'none'; // Disable OK button to prevent multiple clicks
             this.displayValue = "";
-            index$1.storingEachActivityScore(isCorrect);
+            index$1.storingEachActivityScore(isCorrect, index$1.CalculatorOk);
             const onInCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onInCorrect')) || '';
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
             const isContinueOnCorrect = container.getAttribute('is-continue-on-correct') === 'true';
@@ -8664,7 +8677,7 @@ const LidoCalculator = class {
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (index.h(index.Host, { key: '4b758cd8030b5ab0ed0c4fc78d775cd1e55fdb64', 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: 'fca9f7213d09ca82360fc3db722a689914e926e9', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: 'e2dbbaf3e1b5e50586a1f9fb9257f90e5eb48ebc', 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: '8e268f27cabb924a6754dcd81cded9fbfeb4b7cb', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: 'ac10c058279d96d96d8d9feb640a2755e4efaab0', class: "lido-calculator-displayParent" }, index.h("div", { key: '9ad667875c85923435f5b09e97aefa50eaf70604', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: '88d5905d6a844f748b33d5dcca1196dfd309d4cf', 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: '3142741f9712fec62b3094504a689ab10a8a4adc', 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: '977a41823d740f1eaf24c6296c366ee2f070fc75', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '8a16f2f6bf09e5a87cc9d08acf3ab2cf50a09876', 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: 'dabdc13613fc5f6a8ad73c933a6de69f320dc626', src: index$1.convertUrlToRelative(this.penIcon), alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '27a068eee1580b397709c274f1f29b626d681e17', class: "lido-calculator-displayParent" }, index.h("div", { key: 'dd430c1e6366101ad8e9822961c06a92e52a7173', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: 'ab7db4a88676205492e84cb241ce759eab93404d', 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) }))))));
@@ -12920,7 +12933,7 @@ const LidoHome = class {
         }
         // Pure-JS fallback (no wasm asset required)
         try {
-            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-DcCOGYxt.js'); }).then(function (n) { return n.decode; });
+            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-DIUvWF6N.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') {
@@ -13208,6 +13221,9 @@ const LidoHome = class {
                 index$1.triggerNextContainer();
             }
         }
+        else if (container.getAttribute("game-completed") === 'true') {
+            index$1.triggerNextContainer();
+        }
         else {
             console.log('Not yet filled ');
         }

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

@@ -1,6 +1,6 @@
 import { h, Host } from "@stencil/core";
-import { executeActions, equationCheck, storingEachActivityScore, calculateScore, triggerNextContainer } from "../../utils/utils";
-import { NextContainerKey } from "../../utils/constants";
+import { executeActions, equationCheck, storingEachActivityScore, calculateScore, triggerNextContainer, convertUrlToRelative } from "../../utils/utils";
+import { NextContainerKey, SelectedValuesKey, CalculatorOk } from "../../utils/constants";
 export class LidoCalculator {
     constructor() {
         /** Width of the calculator component (default: '479px') */
@@ -29,6 +29,7 @@ export class LidoCalculator {
         /** Inline style object for dynamic positioning and layout control */
         this.style = {};
         this.userAnswers = []; // store all calculator inputs
+        this.tempInputs = []; // store inputs before clearing display
     }
     updateValueAttr() {
         this.el.setAttribute('value', this.displayValue);
@@ -58,6 +59,7 @@ export class LidoCalculator {
         this.updateValueAttr();
     }
     async verifyAnswer() {
+        var _a;
         const userInput = this.displayValue.trim();
         if (!userInput)
             return;
@@ -110,9 +112,20 @@ export class LidoCalculator {
         this.onOk.emit(isCorrect);
         const okbtn = document.getElementById("btn-11");
         if (isCorrect) {
+            container.setAttribute("game-completed", "true");
+            this.tempInputs.push(userInput);
+            const existingSelected = JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]');
+            const cleanedSelected = Array.isArray(existingSelected)
+                ? existingSelected.filter(v => String(v).trim() !== '')
+                : [];
+            const tempValue = this.tempInputs[this.tempInputs.length - 1];
+            if (String(tempValue).trim() !== '') {
+                cleanedSelected.push(tempValue);
+            }
+            container.setAttribute(SelectedValuesKey, JSON.stringify(cleanedSelected));
             okbtn.style.pointerEvents = 'none'; // Disable OK button to prevent multiple clicks
             this.displayValue = "";
-            storingEachActivityScore(isCorrect);
+            storingEachActivityScore(isCorrect, CalculatorOk);
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
             await executeActions(onCorrect, container);
             const hasScrollAction = onCorrect.includes('scrollCellAfterEquationSolved');
@@ -135,7 +148,7 @@ export class LidoCalculator {
         else {
             okbtn.style.pointerEvents = 'none'; // Disable OK button to prevent multiple clicks
             this.displayValue = "";
-            storingEachActivityScore(isCorrect);
+            storingEachActivityScore(isCorrect, CalculatorOk);
             const onInCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onInCorrect')) || '';
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
             const isContinueOnCorrect = container.getAttribute('is-continue-on-correct') === 'true';
@@ -154,7 +167,7 @@ export class LidoCalculator {
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (h(Host, { key: '4b758cd8030b5ab0ed0c4fc78d775cd1e55fdb64', 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: 'fca9f7213d09ca82360fc3db722a689914e926e9', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: 'e2dbbaf3e1b5e50586a1f9fb9257f90e5eb48ebc', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: '8e268f27cabb924a6754dcd81cded9fbfeb4b7cb', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: 'ac10c058279d96d96d8d9feb640a2755e4efaab0', class: "lido-calculator-displayParent" }, h("div", { key: '9ad667875c85923435f5b09e97aefa50eaf70604', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: '88d5905d6a844f748b33d5dcca1196dfd309d4cf', 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: '3142741f9712fec62b3094504a689ab10a8a4adc', 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: '977a41823d740f1eaf24c6296c366ee2f070fc75', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: '8a16f2f6bf09e5a87cc9d08acf3ab2cf50a09876', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: 'dabdc13613fc5f6a8ad73c933a6de69f320dc626', src: convertUrlToRelative(this.penIcon), alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: '27a068eee1580b397709c274f1f29b626d681e17', class: "lido-calculator-displayParent" }, h("div", { key: 'dd430c1e6366101ad8e9822961c06a92e52a7173', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: 'ab7db4a88676205492e84cb241ce759eab93404d', 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

@@ -559,6 +559,9 @@ export class LidoHome {
                 triggerNextContainer();
             }
         }
+        else if (container.getAttribute("game-completed") === 'true') {
+            triggerNextContainer();
+        }
         else {
             console.log('Not yet filled ');
         }

package/dist/collection/components/scale/lido-balance.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { initEventsForElement, parseProp } from "../../utils/utils";
+import { initEventsForElement, convertUrlToRelative, parseProp } from "../../utils/utils";
 export class LidoBalance {
     constructor() {
         /**
@@ -125,9 +125,9 @@ export class LidoBalance {
     }
     async componentWillLoad() {
         this.updateStyles();
-        this.pivotSvg = await this.fetchAndApplyFill(this.pivotimage);
-        this.scaleSvg = await this.fetchAndApplyFill(this.scaleimage);
-        this.handlerSvg = await this.fetchAndApplyFill(this.handlerimage);
+        this.pivotSvg = await this.fetchAndApplyFill(convertUrlToRelative(this.pivotimage));
+        this.scaleSvg = await this.fetchAndApplyFill(convertUrlToRelative(this.scaleimage));
+        this.handlerSvg = await this.fetchAndApplyFill(convertUrlToRelative(this.handlerimage));
     }
     componentDidLoad() {
         this.animateBalance();
@@ -212,7 +212,7 @@ export class LidoBalance {
         };
     }
     render() {
-        return (h(Host, { key: 'e1cdc8aab0b18f3cc654a52a1e315ba6d708adb3', id: "lido-balance", "bg-color": "red", onEntry: this.onEntry, class: "lido-balance", tilt: this.tilt.toString(), style: this.style, operation: this.operation.toString() }, h("div", { key: '98ed1d2b6eb29e0fcf2ac656f8bb87cbe4420dfa', innerHTML: this.pivotSvg, id: "pivotimg", class: "pivot" }), h("div", { key: '8139021fec3f6d19a8fc711f02dc9e61197e5e5c', innerHTML: this.scaleSvg, id: "scaleimg", class: "scale", ref: (el) => (this.scaleEl = el) }), h("div", { key: '3f7621e16932c862ea50e3ed6e941efb3b77c292', innerHTML: this.handlerSvg, id: "handlerimg", class: "handler", ref: (el) => (this.leftHandleEl = el) }), h("div", { key: '939e0df96916eb3259e6adcefa0c9a786aeccdef', innerHTML: this.handlerSvg, id: "handimg", class: "hand", ref: (el) => (this.rightHandleEl = el) }), h("div", { key: 'c4de234c5058cb5d6bef94b1c75f67ca85ee7fc9', id: "balanceSymbol", class: "lido-balance-symbol", "aria-hidden": !this.showSymbol }, this.showSymbol ? this.balanceSymbol : '')));
+        return (h(Host, { key: 'aded73152903b2a187a50c7caa8c50bc1a495ca8', id: "lido-balance", "bg-color": "red", onEntry: this.onEntry, class: "lido-balance", tilt: this.tilt.toString(), style: this.style, operation: this.operation.toString(), "pivot-image": this.pivotSvg, "scale-image": this.scaleSvg, "handler-image": this.handlerSvg }, h("div", { key: '81e70bbf6773194baff114ab17035a5c029d10fb', innerHTML: this.pivotSvg, id: "pivotimg", class: "pivot" }), h("div", { key: '9dd77bb25e1fc0f4e14303a687945147f5b20caf', innerHTML: this.scaleSvg, id: "scaleimg", class: "scale", ref: (el) => (this.scaleEl = el) }), h("div", { key: '0afcb89a2b8641f1268c0cb77796d2948339a32e', innerHTML: this.handlerSvg, id: "handlerimg", class: "handler", ref: (el) => (this.leftHandleEl = el) }), h("div", { key: 'f2d66362fb858602df1ac44a8e987aa9aa558e58', innerHTML: this.handlerSvg, id: "handimg", class: "hand", ref: (el) => (this.rightHandleEl = el) }), h("div", { key: '996d1211f5c35abe2531b46947d6015fc61a327f', id: "balanceSymbol", class: "lido-balance-symbol", "aria-hidden": !this.showSymbol }, this.showSymbol ? this.balanceSymbol : '')));
     }
     static get is() { return "lido-balance"; }
     static get originalStyleUrls() {

package/dist/collection/utils/constants.js

@@ -20,6 +20,7 @@ export const LangChangeEvent = 'languageChanged';
 export const LIDO_COMMON_AUDIO_PATH = '__LIDO_COMMON_AUDIO_PATH__';
 export const LIDO_COMMON_AUDIO_READY_EVENT = 'lidoCommonAudioPathReady';
 export const TemplateID = 'template-id';
+export const CalculatorOk = 'calculator-ok';
 export var TraceMode;
 (function (TraceMode) {
     TraceMode["NoFlow"] = "noFlow";

package/dist/collection/utils/utils.js

@@ -1,4 +1,4 @@
-import { ActivityScoreKey, DragMapKey, SelectedValuesKey, DropMode, DropToAttr, DropTimeAttr, LidoContainer, DropAction, } from "./constants";
+import { ActivityScoreKey, DragMapKey, SelectedValuesKey, DropMode, DropToAttr, DropTimeAttr, LidoContainer, DropAction, CalculatorOk } from "./constants";
 import { dispatchActivityEndEvent, dispatchLessonEndEvent, dispatchNextContainerEvent, dispatchPrevContainerEvent } from "./customEvents";
 import GameScore from "./constants";
 import { RiveService } from "./rive-service";
@@ -563,7 +563,10 @@ export const countPatternWords = (pattern) => {
     return wordCount;
 };
 export let countOfMistakes = 0;
-export const storingEachActivityScore = (flag) => {
+export const storingEachActivityScore = (flag, scoreTrigger) => {
+    const hasCalculator = document.querySelector('lido-calculator') !== null;
+    if (hasCalculator && scoreTrigger !== CalculatorOk)
+        return;
     if (flag) {
         gameScore.rightMoves += 1;
         countOfMistakes = 0;
@@ -577,6 +580,11 @@ export const storingEachActivityScore = (flag) => {
     console.log('Wrong Moves : ', gameScore.wrongMoves);
 };
 export const calculateScore = () => {
+    const container = document.getElementById(LidoContainer);
+    const hasCalculator = document.querySelector('lido-calculator') !== null;
+    if (hasCalculator && container && container.getAttribute('game-completed') !== 'true') {
+        return;
+    }
     const rightMoves = gameScore.rightMoves;
     const wrongMoves = gameScore.wrongMoves;
     let finalScore = Math.floor((rightMoves / (rightMoves + wrongMoves)) * 100);

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

@@ -292,7 +292,7 @@ export function enableDraggingWithScaling(element) {
             const dropSelectedDataObject = buildDragSelectedMapFromDOM();
             const dropSelectedData = JSON.stringify(dropSelectedDataObject);
             const dropHasDrag = buildDropHasDragFromDOM();
-            handleResetDragElement(element, null, dropHasDrag, selectedValueData, dragSelectedData, dropSelectedData);
+            handleResetDragElement(element, null, dropHasDrag, null, null, null);
             return;
         }
         onElementDropComplete(element, mostOverlappedElement);