lido-player 0.0.2-alpha-53-dev → 0.0.2-alpha-55-dev

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const utils = require('./utils-3c1ce74e.js');
+const utils = require('./utils-4b44610b.js');
 require('./index-baff5c15.js');
 
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-baff5c15.js');
-const utils = require('./utils-3c1ce74e.js');
+const utils = require('./utils-4b44610b.js');
 
 var rive = {exports: {}};
 
@@ -6835,10 +6835,12 @@ const LidoCalculator = class {
             await utils.executeActions(onCorrect, container);
             if (onCorrect.includes('scrollCellAfterEquationSolved')) {
                 if (this.objective.length === 0) {
+                    utils.calculateScore();
                     window.dispatchEvent(new CustomEvent(utils.NextContainerKey));
                 }
             }
             else {
+                utils.calculateScore();
                 window.dispatchEvent(new CustomEvent(utils.NextContainerKey));
             }
         }
@@ -6851,7 +6853,7 @@ const LidoCalculator = class {
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (index.h(index.Host, { key: 'de394a3b14826c7fb6d6cf33fbbf1726238cbe3b', 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: '6dbc01d1032553ba6376d60d451b546851f5ebed', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '353396c173bbdeb5f2fbb235e54fa900d2d0b771', 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: '083b53c01a3d7bfff1c39a408ed064fd18d3e8a3', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: 'b0936ba134feda621d5f0f26b7de70db51f56cf8', class: "lido-calculator-displayParent" }, index.h("div", { key: '35507ac35c70c4bf515c904a402e5312dafeffc3', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: 'd7412b0d4c8971aa09d9ca22ee8d25f2773cd2c8', 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: '394177b08965252a6008cce3284475c6176eca3d', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, index.h("lido-cell", { key: '1c79a951e666ad4171b686400f0ba391783e693f', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '70da4a0990c7ae72367f8d61026c1d4e6f682d48', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, index.h("img", { key: 'c510e7f1cc6ec5d34683030fff988054ac721225', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '790d7bd307e296cc8e05e29705ebf4bfdda49906', class: "lido-calculator-displayParent" }, index.h("div", { key: 'f0195ce772bffdee06483da524f8a392dffdde38', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: '00fda79dab52a801acafe6006db0dd50923ea74b', class: "lido-calculator-buttons" }, numbers.map((num, i) => (index.h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
                 'lido-calculator-btn-special': num === '←' || num === 'OK',
                 'lido-calculator-btn-default': num !== '←' && num !== 'OK'
             }, onClick: () => this.handleClick(num) }))))));

package/dist/cjs/{utils-3c1ce74e.js → utils-4b44610b.js}

@@ -53,6 +53,7 @@ const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/pub
 const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.svg';
 
 function dispatchCustomEvent(eventName, detail) {
+    console.log("👍Event Name : ", eventName, "Detail : ", detail.toString());
     const event = new CustomEvent(eventName, { detail });
     window.dispatchEvent(event);
 }
@@ -226,9 +227,11 @@ function balanceResult(container, objectiveString) {
     return res;
 }
 
+const tempVanishedValues = [];
 function dragDropAnimation(container, dragElement, dropElement) {
-    container.style.pointerEvents = 'none';
+    container.style.pointerEvents = "none";
     setTimeout(() => {
+        var _a, _b, _c;
         const div = document.createElement('div');
         container.append(div);
         div.classList.add('after-drop-popup-container');
@@ -237,6 +240,11 @@ function dragDropAnimation(container, dragElement, dropElement) {
         const allDragElements = container.querySelectorAll('[type="drag"]');
         const dragParents = Array.from(allDragElements).map(el => el.parentElement);
         const allSameParent = dragParents.every(parent => parent === dragElement.parentElement);
+        JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]');
+        const vanishedValue = (_b = dragElement.getAttribute('value')) !== null && _b !== void 0 ? _b : (_c = dragElement.textContent) === null || _c === void 0 ? void 0 : _c.trim();
+        if (vanishedValue) {
+            tempVanishedValues.push(vanishedValue);
+        }
         // Remove from old parents
         if (allSameParent) {
             dragElement.remove();
@@ -260,6 +268,17 @@ function dragDropAnimation(container, dragElement, dropElement) {
             setTimeout(() => {
                 div.remove();
                 container.style.pointerEvents = 'auto';
+                const objective = container.getAttribute('objective');
+                if (objective && tempVanishedValues.map(v => v.trim()).sort().join(',') === objective.split(',').map(v => v.trim()).sort().join(',')) {
+                    (async () => {
+                        // isCorrect=true;
+                        const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
+                        await executeActions(onCorrect, container);
+                        window.dispatchEvent(new CustomEvent(NextContainerKey));
+                        calculateScore();
+                        tempVanishedValues.length = 0;
+                    })();
+                }
             }, 800); // match animation duration
         }, 2000); // stay for 2 seconds
     }, 250);
@@ -968,7 +987,6 @@ async function onElementDropComplete(dragElement, dropElement) {
     dispatchElementDropEvent(dragElement, dropElement, isCorrect);
     // storingEachActivityScore(isCorrect);
     dragElement.style.opacity = '1';
-    await onActivityComplete(dragElement, dropElement);
     const allDropElements = document.querySelectorAll('.drop-element');
     allDropElements.forEach(el => updateDropBorder(el));
     await onActivityComplete(dragElement, dropElement);
@@ -69056,6 +69074,8 @@ async function onActivityComplete(dragElement, dropElement) {
     await executeActions("this.alignMatch='true'", dropElement, dragElement);
     if (dragElement && dropElement) {
         const isCorrect = dropElement['value'].toLowerCase().includes(dragElement['value'].toLowerCase());
+        // storing each activity score based on isCorrect for (all drag-drop events)
+        storingEachActivityScore(isCorrect);
         if (isCorrect) {
             const onCorrect = dropElement.getAttribute('onCorrect');
             if (onCorrect) {
@@ -69886,6 +69906,7 @@ exports.RiveService = RiveService;
 exports.SelectedValuesKey = SelectedValuesKey;
 exports.attachSpeakIcon = attachSpeakIcon;
 exports.calculateScale = calculateScale;
+exports.calculateScore = calculateScore;
 exports.commonjsGlobal = commonjsGlobal;
 exports.convertUrlToRelative = convertUrlToRelative;
 exports.dispatchActivityChangeEvent = dispatchActivityChangeEvent;

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

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { executeActions, equationCheck, storingEachActivityScore } from "../../utils/utils";
+import { executeActions, equationCheck, storingEachActivityScore, calculateScore } from "../../utils/utils";
 import { NextContainerKey } from "../../utils/constants";
 export class LidoCalculator {
     constructor() {
@@ -101,10 +101,12 @@ export class LidoCalculator {
             await executeActions(onCorrect, container);
             if (onCorrect.includes('scrollCellAfterEquationSolved')) {
                 if (this.objective.length === 0) {
+                    calculateScore();
                     window.dispatchEvent(new CustomEvent(NextContainerKey));
                 }
             }
             else {
+                calculateScore();
                 window.dispatchEvent(new CustomEvent(NextContainerKey));
             }
         }
@@ -117,7 +119,7 @@ export class LidoCalculator {
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (h(Host, { key: 'de394a3b14826c7fb6d6cf33fbbf1726238cbe3b', 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: '6dbc01d1032553ba6376d60d451b546851f5ebed', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: '353396c173bbdeb5f2fbb235e54fa900d2d0b771', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: '083b53c01a3d7bfff1c39a408ed064fd18d3e8a3', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: 'b0936ba134feda621d5f0f26b7de70db51f56cf8', class: "lido-calculator-displayParent" }, h("div", { key: '35507ac35c70c4bf515c904a402e5312dafeffc3', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: 'd7412b0d4c8971aa09d9ca22ee8d25f2773cd2c8', 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: '394177b08965252a6008cce3284475c6176eca3d', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, h("lido-cell", { key: '1c79a951e666ad4171b686400f0ba391783e693f', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: '70da4a0990c7ae72367f8d61026c1d4e6f682d48', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: 'c510e7f1cc6ec5d34683030fff988054ac721225', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: '790d7bd307e296cc8e05e29705ebf4bfdda49906', class: "lido-calculator-displayParent" }, h("div", { key: 'f0195ce772bffdee06483da524f8a392dffdde38', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: '00fda79dab52a801acafe6006db0dd50923ea74b', class: "lido-calculator-buttons" }, numbers.map((num, i) => (h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
                 'lido-calculator-btn-special': num === '←' || num === 'OK',
                 'lido-calculator-btn-default': num !== '←' && num !== 'OK'
             }, onClick: () => this.handleClick(num) }))))));

package/dist/collection/utils/customEvents.js

@@ -1,5 +1,6 @@
 import { ActivityChangeKey, ActivityEndKey, ElementClickKey, ElementDropKey, GameCompletedKey, GameExitKey, LessonEndKey, NextContainerKey, PrevContainerKey } from "./constants";
 function dispatchCustomEvent(eventName, detail) {
+    console.log("👍Event Name : ", eventName, "Detail : ", detail.toString());
     const event = new CustomEvent(eventName, { detail });
     window.dispatchEvent(event);
 }

package/dist/collection/utils/utils.js

@@ -575,6 +575,8 @@ export async function onActivityComplete(dragElement, dropElement) {
     await executeActions("this.alignMatch='true'", dropElement, dragElement);
     if (dragElement && dropElement) {
         const isCorrect = dropElement['value'].toLowerCase().includes(dragElement['value'].toLowerCase());
+        // storing each activity score based on isCorrect for (all drag-drop events)
+        storingEachActivityScore(isCorrect);
         if (isCorrect) {
             const onCorrect = dropElement.getAttribute('onCorrect');
             if (onCorrect) {

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

@@ -1,6 +1,10 @@
+import { NextContainerKey, SelectedValuesKey } from "../constants";
+import { calculateScore, executeActions } from "../utils";
+const tempVanishedValues = [];
 export function dragDropAnimation(container, dragElement, dropElement) {
-    container.style.pointerEvents = 'none';
+    container.style.pointerEvents = "none";
     setTimeout(() => {
+        var _a, _b, _c;
         const div = document.createElement('div');
         container.append(div);
         div.classList.add('after-drop-popup-container');
@@ -9,6 +13,11 @@ export function dragDropAnimation(container, dragElement, dropElement) {
         const allDragElements = container.querySelectorAll('[type="drag"]');
         const dragParents = Array.from(allDragElements).map(el => el.parentElement);
         const allSameParent = dragParents.every(parent => parent === dragElement.parentElement);
+        const selectedValues = JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]');
+        const vanishedValue = (_b = dragElement.getAttribute('value')) !== null && _b !== void 0 ? _b : (_c = dragElement.textContent) === null || _c === void 0 ? void 0 : _c.trim();
+        if (vanishedValue) {
+            tempVanishedValues.push(vanishedValue);
+        }
         // Remove from old parents
         if (allSameParent) {
             dragElement.remove();
@@ -32,6 +41,17 @@ export function dragDropAnimation(container, dragElement, dropElement) {
             setTimeout(() => {
                 div.remove();
                 container.style.pointerEvents = 'auto';
+                const objective = container.getAttribute('objective');
+                if (objective && tempVanishedValues.map(v => v.trim()).sort().join(',') === objective.split(',').map(v => v.trim()).sort().join(',')) {
+                    (async () => {
+                        // isCorrect=true;
+                        const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
+                        await executeActions(onCorrect, container);
+                        window.dispatchEvent(new CustomEvent(NextContainerKey));
+                        calculateScore();
+                        tempVanishedValues.length = 0;
+                    })();
+                }
             }, 800); // match animation duration
         }, 2000); // stay for 2 seconds
     }, 250);

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

@@ -490,7 +490,6 @@ export function handleResetDragElement(dragElement, dropElement, dropHasDrag, se
     });
     handleShowCheck();
 }
-const tempVanishedValues = [];
 export async function onElementDropComplete(dragElement, dropElement) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const container = document.getElementById(LidoContainer);
@@ -717,7 +716,6 @@ export async function onElementDropComplete(dragElement, dropElement) {
     dispatchElementDropEvent(dragElement, dropElement, isCorrect);
     // storingEachActivityScore(isCorrect);
     dragElement.style.opacity = '1';
-    await onActivityComplete(dragElement, dropElement);
     const allDropElements = document.querySelectorAll('.drop-element');
     allDropElements.forEach(el => updateDropBorder(el));
     await onActivityComplete(dragElement, dropElement);

package/dist/components/index.js

@@ -1 +1 @@
-export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-511377d2.js';
+export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-36c2e21a.js';

package/dist/components/lido-avatar.js

@@ -1,4 +1,4 @@
-import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-df1af62c.js';
+import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-2c518dbe.js';
 
 const LidoAvatar = LidoAvatar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-balance.js

@@ -1,4 +1,4 @@
-import { L as LidoBalance$1, d as defineCustomElement$1 } from './p-09b3b152.js';
+import { L as LidoBalance$1, d as defineCustomElement$1 } from './p-590ce2c9.js';
 
 const LidoBalance = LidoBalance$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-calculator.js

@@ -1,4 +1,4 @@
-import { L as LidoCalculator$1, d as defineCustomElement$1 } from './p-004adc43.js';
+import { L as LidoCalculator$1, d as defineCustomElement$1 } from './p-73b2bd74.js';
 
 const LidoCalculator = LidoCalculator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-canvas.js

@@ -1,4 +1,4 @@
-import { L as LidoCanvas$1, d as defineCustomElement$1 } from './p-567983a9.js';
+import { L as LidoCanvas$1, d as defineCustomElement$1 } from './p-67a24ad4.js';
 
 const LidoCanvas = LidoCanvas$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-cell.js

@@ -1,4 +1,4 @@
-import { L as LidoCell$1, d as defineCustomElement$1 } from './p-d2fe2bb6.js';
+import { L as LidoCell$1, d as defineCustomElement$1 } from './p-c296051d.js';
 
 const LidoCell = LidoCell$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-col.js

@@ -1,4 +1,4 @@
-import { L as LidoCol$1, d as defineCustomElement$1 } from './p-3f0e4436.js';
+import { L as LidoCol$1, d as defineCustomElement$1 } from './p-72d6a594.js';
 
 const LidoCol = LidoCol$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-container.js

@@ -1,4 +1,4 @@
-import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-9ea1a67d.js';
+import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-5078599e.js';
 
 const LidoContainer = LidoContainer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-flash-card.js

@@ -1,4 +1,4 @@
-import { L as LidoFlash, d as defineCustomElement$1 } from './p-8774f517.js';
+import { L as LidoFlash, d as defineCustomElement$1 } from './p-9acf0fcc.js';
 
 const LidoFlashCard = LidoFlash;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-float.js

@@ -1,4 +1,4 @@
-import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-d568d595.js';
+import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-ca8aea4b.js';
 
 const LidoFloat = LidoFloat$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-home.js

@@ -1,4 +1,4 @@
-import { L as LidoHome$1, d as defineCustomElement$1 } from './p-057fb7b8.js';
+import { L as LidoHome$1, d as defineCustomElement$1 } from './p-b0dbee97.js';
 
 const LidoHome = LidoHome$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-image.js

@@ -1,4 +1,4 @@
-import { L as LidoImage$1, d as defineCustomElement$1 } from './p-6beee44b.js';
+import { L as LidoImage$1, d as defineCustomElement$1 } from './p-c69ef266.js';
 
 const LidoImage = LidoImage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-keyboard.js

@@ -1,4 +1,4 @@
-import { L as LidoKeyboard$1, d as defineCustomElement$1 } from './p-71ded596.js';
+import { L as LidoKeyboard$1, d as defineCustomElement$1 } from './p-bc5202db.js';
 
 const LidoKeyboard = LidoKeyboard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-math-matrix.js

@@ -1,4 +1,4 @@
-import { L as LidoMathMatrix$1, d as defineCustomElement$1 } from './p-23549651.js';
+import { L as LidoMathMatrix$1, d as defineCustomElement$1 } from './p-e534ea52.js';
 
 const LidoMathMatrix = LidoMathMatrix$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-pos.js

@@ -1,4 +1,4 @@
-import { L as LidoPos$1, d as defineCustomElement$1 } from './p-cca545f9.js';
+import { L as LidoPos$1, d as defineCustomElement$1 } from './p-3fc01453.js';
 
 const LidoPos = LidoPos$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-random.js

@@ -1,4 +1,4 @@
-import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-875c1411.js';
+import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-43d79c61.js';
 
 const LidoRandom = LidoRandom$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-root.js

@@ -1,26 +1,26 @@
-import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-511377d2.js';
+import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-36c2e21a.js';
 import { i as instance } from './p-73e3f0f4.js';
-import { d as defineCustomElement$m } from './p-df1af62c.js';
-import { d as defineCustomElement$l } from './p-09b3b152.js';
-import { d as defineCustomElement$k } from './p-004adc43.js';
-import { d as defineCustomElement$j } from './p-567983a9.js';
-import { d as defineCustomElement$i } from './p-d2fe2bb6.js';
-import { d as defineCustomElement$h } from './p-3f0e4436.js';
-import { d as defineCustomElement$g } from './p-9ea1a67d.js';
-import { d as defineCustomElement$f } from './p-8774f517.js';
-import { d as defineCustomElement$e } from './p-d568d595.js';
-import { d as defineCustomElement$d } from './p-057fb7b8.js';
-import { d as defineCustomElement$c } from './p-6beee44b.js';
-import { d as defineCustomElement$b } from './p-71ded596.js';
-import { d as defineCustomElement$a } from './p-23549651.js';
-import { d as defineCustomElement$9 } from './p-cca545f9.js';
-import { d as defineCustomElement$8 } from './p-875c1411.js';
-import { d as defineCustomElement$7 } from './p-561908ec.js';
-import { d as defineCustomElement$6 } from './p-0733b277.js';
-import { d as defineCustomElement$5 } from './p-90f7dd48.js';
-import { d as defineCustomElement$4 } from './p-b3e67e7f.js';
-import { d as defineCustomElement$3 } from './p-3e8ae1c5.js';
-import { d as defineCustomElement$2 } from './p-92b9ae9e.js';
+import { d as defineCustomElement$m } from './p-2c518dbe.js';
+import { d as defineCustomElement$l } from './p-590ce2c9.js';
+import { d as defineCustomElement$k } from './p-73b2bd74.js';
+import { d as defineCustomElement$j } from './p-67a24ad4.js';
+import { d as defineCustomElement$i } from './p-c296051d.js';
+import { d as defineCustomElement$h } from './p-72d6a594.js';
+import { d as defineCustomElement$g } from './p-5078599e.js';
+import { d as defineCustomElement$f } from './p-9acf0fcc.js';
+import { d as defineCustomElement$e } from './p-ca8aea4b.js';
+import { d as defineCustomElement$d } from './p-b0dbee97.js';
+import { d as defineCustomElement$c } from './p-c69ef266.js';
+import { d as defineCustomElement$b } from './p-bc5202db.js';
+import { d as defineCustomElement$a } from './p-e534ea52.js';
+import { d as defineCustomElement$9 } from './p-3fc01453.js';
+import { d as defineCustomElement$8 } from './p-43d79c61.js';
+import { d as defineCustomElement$7 } from './p-de2193c5.js';
+import { d as defineCustomElement$6 } from './p-f8c00485.js';
+import { d as defineCustomElement$5 } from './p-b095de27.js';
+import { d as defineCustomElement$4 } from './p-0be6b5d5.js';
+import { d as defineCustomElement$3 } from './p-b847f269.js';
+import { d as defineCustomElement$2 } from './p-2e023f67.js';
 
 const LidoRoot$1 = /*@__PURE__*/ proxyCustomElement(class LidoRoot extends H {
     constructor() {

package/dist/components/lido-row.js

@@ -1,4 +1,4 @@
-import { L as LidoRow$1, d as defineCustomElement$1 } from './p-561908ec.js';
+import { L as LidoRow$1, d as defineCustomElement$1 } from './p-de2193c5.js';
 
 const LidoRow = LidoRow$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-shape.js

@@ -1,4 +1,4 @@
-import { L as LidoShape$1, d as defineCustomElement$1 } from './p-0733b277.js';
+import { L as LidoShape$1, d as defineCustomElement$1 } from './p-f8c00485.js';
 
 const LidoShape = LidoShape$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-slide-fill.js

@@ -1,4 +1,4 @@
-import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-90f7dd48.js';
+import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-b095de27.js';
 
 const LidoSlideFill = LidoSlideFill$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-text.js

@@ -1,4 +1,4 @@
-import { L as LidoText$1, d as defineCustomElement$1 } from './p-b3e67e7f.js';
+import { L as LidoText$1, d as defineCustomElement$1 } from './p-0be6b5d5.js';
 
 const LidoText = LidoText$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-trace.js

@@ -1,4 +1,4 @@
-import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-3e8ae1c5.js';
+import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-b847f269.js';
 
 const LidoTrace = LidoTrace$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-wrap.js

@@ -1,4 +1,4 @@
-import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-92b9ae9e.js';
+import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-2e023f67.js';
 
 const LidoWrap = LidoWrap$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-b3e67e7f.js → p-0be6b5d5.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, r as attachSpeakIcon, e as convertUrlToRelative, k as parseProp, h, j as Host } from './p-511377d2.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, t as attachSpeakIcon, e as convertUrlToRelative, k as parseProp, h, j as Host } from './p-36c2e21a.js';
 import { i as instance } from './p-73e3f0f4.js';
 
 const lidoTextCss = ".lido-text{transition:background-color 0.3s ease;user-select:none;align-items:center;justify-content:center;text-align:center;border-radius:24px;color:#333;cursor:pointer;font-family:'Baloo Bhai 2', serif}.text-letters{transition:color 0.3s, text-shadow 0.3s;display:inline-block;padding:0 2px}.text-letters.letter-highlight{color:#8e24aa;background:none;border-radius:0;text-shadow:0 2px 8px #8e24aa88;animation:text-letter-bounce 0.4s}.text-words{transition:color 0.3s, text-shadow 0.3s;display:inline-block;padding:0 2px}.text-words.word-highlight{color:#8e24aa;background:none;border-radius:0;text-shadow:0 2px 8px #8e24aa88;animation:text-word-bounce 0.4s}@keyframes text-letter-bounce{0%{transform:scale(1)}60%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes text-word-bounce{0%{transform:scale(1)}60%{transform:scale(1.3)}100%{transform:scale(1)}}";

package/dist/components/{p-df1af62c.js → p-2c518dbe.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, p as proxyCustomElement, H, g as getAssetPath, d as setVisibilityWithDelay, i as initEventsForElement, e as convertUrlToRelative, h, j as Host, R as RiveService } from './p-511377d2.js';
+import { c as commonjsGlobal, p as proxyCustomElement, H, g as getAssetPath, d as setVisibilityWithDelay, i as initEventsForElement, e as convertUrlToRelative, h, j as Host, R as RiveService } from './p-36c2e21a.js';
 
 var rive = {exports: {}};
 

package/dist/components/{p-92b9ae9e.js → p-2e023f67.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, q as handlingChildElements, r as attachSpeakIcon, k as parseProp, h, j as Host } from './p-511377d2.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-36c2e21a.js';
 
 const lidoWrapCss = ".lido-wrap{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill, minmax(186px, auto))}.lido-wrap>*{padding:10px;background-color:var(--child-bg-color, #f0f0f0);box-sizing:border-box}.lido-flex{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}";
 const LidoWrapStyle0 = lidoWrapCss;

package/dist/components/{p-511377d2.js → p-36c2e21a.js}

@@ -1418,6 +1418,7 @@ const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/pub
 const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.svg';
 
 function dispatchCustomEvent(eventName, detail) {
+    console.log("👍Event Name : ", eventName, "Detail : ", detail.toString());
     const event = new CustomEvent(eventName, { detail });
     window.dispatchEvent(event);
 }
@@ -1665,9 +1666,11 @@ function balanceResult(container, objectiveString) {
     return res;
 }
 
+const tempVanishedValues = [];
 function dragDropAnimation(container, dragElement, dropElement) {
-    container.style.pointerEvents = 'none';
+    container.style.pointerEvents = "none";
     setTimeout(() => {
+        var _a, _b, _c;
         const div = document.createElement('div');
         container.append(div);
         div.classList.add('after-drop-popup-container');
@@ -1676,6 +1679,11 @@ function dragDropAnimation(container, dragElement, dropElement) {
         const allDragElements = container.querySelectorAll('[type="drag"]');
         const dragParents = Array.from(allDragElements).map(el => el.parentElement);
         const allSameParent = dragParents.every(parent => parent === dragElement.parentElement);
+        JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]');
+        const vanishedValue = (_b = dragElement.getAttribute('value')) !== null && _b !== void 0 ? _b : (_c = dragElement.textContent) === null || _c === void 0 ? void 0 : _c.trim();
+        if (vanishedValue) {
+            tempVanishedValues.push(vanishedValue);
+        }
         // Remove from old parents
         if (allSameParent) {
             dragElement.remove();
@@ -1699,6 +1707,17 @@ function dragDropAnimation(container, dragElement, dropElement) {
             setTimeout(() => {
                 div.remove();
                 container.style.pointerEvents = 'auto';
+                const objective = container.getAttribute('objective');
+                if (objective && tempVanishedValues.map(v => v.trim()).sort().join(',') === objective.split(',').map(v => v.trim()).sort().join(',')) {
+                    (async () => {
+                        // isCorrect=true;
+                        const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
+                        await executeActions(onCorrect, container);
+                        window.dispatchEvent(new CustomEvent(NextContainerKey));
+                        calculateScore();
+                        tempVanishedValues.length = 0;
+                    })();
+                }
             }, 800); // match animation duration
         }, 2000); // stay for 2 seconds
     }, 250);
@@ -2407,7 +2426,6 @@ async function onElementDropComplete(dragElement, dropElement) {
     dispatchElementDropEvent(dragElement, dropElement, isCorrect);
     // storingEachActivityScore(isCorrect);
     dragElement.style.opacity = '1';
-    await onActivityComplete(dragElement, dropElement);
     const allDropElements = document.querySelectorAll('.drop-element');
     allDropElements.forEach(el => updateDropBorder(el));
     await onActivityComplete(dragElement, dropElement);
@@ -70495,6 +70513,8 @@ async function onActivityComplete(dragElement, dropElement) {
     await executeActions("this.alignMatch='true'", dropElement, dragElement);
     if (dragElement && dropElement) {
         const isCorrect = dropElement['value'].toLowerCase().includes(dragElement['value'].toLowerCase());
+        // storing each activity score based on isCorrect for (all drag-drop events)
+        storingEachActivityScore(isCorrect);
         if (isCorrect) {
             const onCorrect = dropElement.getAttribute('onCorrect');
             if (onCorrect) {
@@ -71316,4 +71336,4 @@ const updateCalculatorAnswer = (el) => {
     el.setAttribute('string', value);
 };
 
-export { ActivityScoreKey as A, generateUUIDFallback as B, exitUrl as C, prevUrl as D, nextUrl as E, speakUrl as F, getCancelBtnPopup as G, H, matchStringPattern as I, triggerNextContainer as J, triggerPrevcontainer as K, LidoContainer as L, setCancelBtnPopup as M, NextContainerKey as N, getDefaultExportFromCjs as O, PrevContainerKey as P, tinyColor as Q, RiveService as R, SelectedValuesKey as S, DropAction as T, validateObjectiveStatus as U, fraction as V, TraceMode as W, speakIcon as X, fingerUrl as Y, setNonce as a, setPlatformOptions as b, commonjsGlobal as c, setVisibilityWithDelay as d, convertUrlToRelative as e, format as f, getAssetPath$1 as g, h, initEventsForElement as i, Host as j, parseProp as k, createEvent as l, equationCheck as m, storingEachActivityScore as n, executeActions as o, proxyCustomElement as p, handlingChildElements as q, attachSpeakIcon as r, setAssetPath as s, calculateScale as t, handleFloatElementPosition as u, handleElementClick as v, dispatchActivityChangeEvent as w, dispatchGameCompletedEvent as x, dispatchGameExitEvent as y, AudioPlayer as z };
+export { ActivityScoreKey as A, AudioPlayer as B, generateUUIDFallback as C, exitUrl as D, prevUrl as E, nextUrl as F, speakUrl as G, H, getCancelBtnPopup as I, matchStringPattern as J, triggerNextContainer as K, LidoContainer as L, triggerPrevcontainer as M, NextContainerKey as N, setCancelBtnPopup as O, PrevContainerKey as P, getDefaultExportFromCjs as Q, RiveService as R, SelectedValuesKey as S, tinyColor as T, DropAction as U, validateObjectiveStatus as V, fraction as W, TraceMode as X, speakIcon as Y, fingerUrl as Z, setNonce as a, setPlatformOptions as b, commonjsGlobal as c, setVisibilityWithDelay as d, convertUrlToRelative as e, format as f, getAssetPath$1 as g, h, initEventsForElement as i, Host as j, parseProp as k, createEvent as l, equationCheck as m, storingEachActivityScore as n, executeActions as o, proxyCustomElement as p, calculateScore as q, handlingChildElements as r, setAssetPath as s, attachSpeakIcon as t, calculateScale as u, handleFloatElementPosition as v, handleElementClick as w, dispatchActivityChangeEvent as x, dispatchGameCompletedEvent as y, dispatchGameExitEvent as z };

package/dist/components/{p-cca545f9.js → p-3fc01453.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-511377d2.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-36c2e21a.js';
 
 const lidoPosCss = ".lido-pos{top:var(--y, 0);left:var(--x, 0);height:var(--height, 100%);width:var(--width, 100%);background-color:var(--bgColor, #eeeeee);display:flex;justify-content:space-around;flex-direction:column;position:fixed}.lido-pos>*{position:absolute}";
 const LidoPosStyle0 = lidoPosCss;

package/dist/components/{p-875c1411.js → p-43d79c61.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, r as attachSpeakIcon, h, j as Host } from './p-511377d2.js';
+import { p as proxyCustomElement, H, t as attachSpeakIcon, h, j as Host } from './p-36c2e21a.js';
 
 const lidoRandomCss = ".lido-random{position:relative;width:100%;height:100%}.lido-random>*{position:absolute}";
 const LidoRandomStyle0 = lidoRandomCss;

package/dist/components/{p-9ea1a67d.js → p-5078599e.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, t as calculateScale, e as convertUrlToRelative, i as initEventsForElement, h, j as Host } from './p-511377d2.js';
+import { p as proxyCustomElement, H, u as calculateScale, e as convertUrlToRelative, i as initEventsForElement, h, j as Host } from './p-36c2e21a.js';
 import { i as instance } from './p-73e3f0f4.js';
 
 const lidoContainerCss = ".lido-container{position:relative;height:100%;width:100%;background-color:var(--bgColor, transparent);display:flex;flex-direction:column;justify-content:center;align-items:center}";

package/dist/components/{p-09b3b152.js → p-590ce2c9.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-511377d2.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-36c2e21a.js';
 
 const lidoBalanceCss = "#lido-balance{position:relative;height:500px;width:1205px;top:20%;left:-91px;z-index:0}.lido-balance-symbol{position:absolute;top:64%;left:50%;transform:translate(-50%, -50%);font-size:5vw;font-weight:bold;color:black;pointer-events:none;z-index:999}@media (orientation: portrait){.lido-balance-shadow{height:100px;position:absolute;top:80%;left:28%}}@media (orientation: landscape){.lido-balance-shadow{height:100px;position:absolute;top:90%;left:33%}}@media (orientation: portrait){#pivotimg{position:absolute;height:auto;width:23%;bottom:18%;left:38%;z-index:100}}#pivotimg::after{content:\"\";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:120%;height:60px;background-image:url(\"https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/balancing/Shadow.svg\");background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:10}@media (orientation: landscape){#pivotimg{position:absolute;height:auto;width:23%;bottom:8%;left:38%;z-index:100}}.lido-balance .pivot svg{width:100%;height:auto}#scaleimg{position:absolute;width:73%;height:auto;top:61%;left:14%;z-index:90}.lido-balance .scale svg{width:100%;height:auto}@media (orientation: landscape){#handlerimg{position:absolute;width:35%;height:auto;top:49%;left:2%}}@media (orientation:portrait ){#handlerimg{position:absolute;width:35%;height:auto;top:53%;left:2%}}.lido-balance .handler svg{width:100%;height:auto;fill:brown}@media (orientation: landscape){#handimg{position:absolute;width:35%;height:auto;top:49%;right:2%}}@media (orientation:portrait){#handimg{position:absolute;width:35%;height:auto;top:53%;right:2%}}.lido-balance .hand svg{width:100%;height:auto;fill:brown}.pivot svg path:nth-of-type(1){fill:brown}.pivot svg path[d^=\"M78.9414\"]{fill:white}";
 const LidoBalanceStyle0 = lidoBalanceCss;

package/dist/components/{p-567983a9.js → p-67a24ad4.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, k as parseProp, h, j as Host } from './p-511377d2.js';
-import { d as defineCustomElement$1 } from './p-b3e67e7f.js';
+import { p as proxyCustomElement, H, k as parseProp, h, j as Host } from './p-36c2e21a.js';
+import { d as defineCustomElement$1 } from './p-0be6b5d5.js';
 
 const lidoCanvasCss = ":host{display:flex;justify-content:center;align-items:center}.lido-canvas{background:red;border:2px solid #ccc;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;position:relative}#lido-exit-button{padding:6px 14px;border:none;background:transparent;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;position:relative;top:-43%;left:18%;z-index:10}canvas{touch-action:none;display:block}";
 const LidoCanvasStyle0 = lidoCanvasCss;

package/dist/components/{p-3f0e4436.js → p-72d6a594.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, q as handlingChildElements, r as attachSpeakIcon, e as convertUrlToRelative, k as parseProp, h, j as Host } from './p-511377d2.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, e as convertUrlToRelative, k as parseProp, h, j as Host } from './p-36c2e21a.js';
 
 const lidoColCss = ".lido-col{top:var(--y, 0);left:var(--x, 0);height:var(--height, 100%);width:var(--width, 100%);background-color:var(--bgColor, #eeeeee);padding:15px;border-radius:10px;display:flex;justify-content:space-around;flex-direction:column;align-items:center}.lido-col>*{}";
 const LidoColStyle0 = lidoColCss;