lido-player 0.0.2-alpha-65 → 0.0.2-alpha-67

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const utils = require('./utils-6fbaf604.js');
+const utils = require('./utils-a4d02b2b.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-6fbaf604.js');
+const utils = require('./utils-a4d02b2b.js');
 
 var rive = {exports: {}};
 

package/dist/cjs/{utils-6fbaf604.js → utils-a4d02b2b.js}

@@ -49,11 +49,11 @@ exports.DropAction = void 0;
     DropAction["Move"] = "move";
     DropAction["Hide"] = "hide";
 })(exports.DropAction || (exports.DropAction = {}));
-const exitUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.svg';
-const prevUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.svg';
-const nextUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.svg';
-const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/audio.png';
-const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.svg';
+const exitUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.png';
+const prevUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.png';
+const nextUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.png';
+const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/NavAudio.png';
+const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.png';
 
 class Timer {
     constructor() {
@@ -114,11 +114,11 @@ function dispatchCustomEvent(eventName, detail) {
     const event = new CustomEvent(eventName, { detail });
     window.dispatchEvent(event);
 }
-function dispatchActivityEndEvent(index, totalIndex, score) {
-    dispatchCustomEvent(ActivityEndKey, { index, totalIndex, score });
+function dispatchActivityEndEvent(totalIndex, currentIndex, score, rightMoves, wrongMoves) {
+    dispatchCustomEvent(ActivityEndKey, { currentIndex, totalIndex, score, rightMoves, wrongMoves });
 }
-function dispatchLessonEndEvent(score) {
-    dispatchCustomEvent(LessonEndKey, { score, timeSpent: Math.floor(Timer.getI().getElapsed() / 1000) });
+function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore) {
+    dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, timeSpent: Math.floor(Timer.getI().getElapsed() / 1000) });
 }
 function dispatchNextContainerEvent() {
     dispatchCustomEvent(NextContainerKey, {});
@@ -174,7 +174,7 @@ function updateBalanceOnDrop(dragElement, dropElement) {
 }
 function calculateValue(elements, operation) {
     if (elements.length === 0)
-        return 0;
+        return null;
     if (operation === "count") {
         return elements.length;
     }
@@ -206,18 +206,15 @@ function calculateValue(elements, operation) {
     }
 }
 function balanceResult(container, objectiveString) {
-    var _a, _b, _c, _d, _e, _f;
     const additionalCheck = container.getAttribute('equationCheck');
     if (!additionalCheck)
         return false;
     const balanceEl = document.querySelector('lido-balance');
     if (!balanceEl)
         return false;
-    const leftVal = Number((_c = (_a = balanceEl.leftVal) !== null && _a !== void 0 ? _a : (_b = balanceEl.dataset) === null || _b === void 0 ? void 0 : _b.leftVal) !== null && _c !== void 0 ? _c : 0);
-    const rightVal = Number((_f = (_d = balanceEl.rightVal) !== null && _d !== void 0 ? _d : (_e = balanceEl.dataset) === null || _e === void 0 ? void 0 : _e.rightVal) !== null && _f !== void 0 ? _f : 0);
-    const hasLeft = !isNaN(leftVal);
-    const hasRight = !isNaN(rightVal);
-    if (!hasLeft || !hasRight) {
+    const leftVal = balanceEl.leftVal;
+    const rightVal = balanceEl.rightVal;
+    if (leftVal == null || rightVal == null) {
         return false;
     }
     const symbol = leftVal > rightVal ? '>' : leftVal < rightVal ? '<' : '=';
@@ -800,7 +797,7 @@ async function onElementDropComplete(dragElement, dropElement) {
             await executeActions(onInCorrect, dropElement, dragElement);
             setTimeout(() => {
                 dragElement.style.transform = 'translate(0, 0)';
-                storingEachActivityScore(false);
+                // storingEachActivityScore(false);
                 // const oldDropIndex = dragToDropMap[dragElement.getAttribute('data-id')];
                 // if (oldDropIndex !== undefined && dropHasDrag[oldDropIndex]) {
                 //   dropHasDrag[oldDropIndex].isFull = false;
@@ -963,7 +960,7 @@ async function onElementDropComplete(dragElement, dropElement) {
     // Add pulse and highlight effect for a successful match
     const isCorrect = dropElement['value'].toLowerCase().includes(dragElement['value'].toLowerCase());
     dispatchElementDropEvent(dragElement, dropElement, isCorrect);
-    // storingEachActivityScore(isCorrect);
+    storingEachActivityScore(isCorrect);
     dragElement.style.opacity = '1';
     const allDropElements = document.querySelectorAll('.drop-element');
     allDropElements.forEach(el => updateDropBorder(el));
@@ -2040,12 +2037,24 @@ const slideCompleted = (slideElement) => {
     const isCorrect = matchStringPattern(slideElement['value'], [objectiveArray[elementIndex].trim()]);
     if (container.getAttribute('is-continue-on-correct') === 'true') {
         storingEachActivityScore(true);
-        handleShowCheck();
+        validationForSlideHandler();
     }
     else {
         storingEachActivityScore(isCorrect);
     }
 };
+const validationForSlideHandler = async () => {
+    var _a, _b;
+    const container = document.getElementById(LidoContainer);
+    if (!container)
+        return;
+    const objectiveArray = (_b = JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]')) !== null && _b !== void 0 ? _b : [];
+    const objectiveString = document.getElementById(LidoContainer)['objective'];
+    const res = matchStringPattern(objectiveString, objectiveArray);
+    if (res) {
+        await executeActions(container.getAttribute('onCorrect'), container);
+    }
+};
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -68809,6 +68818,7 @@ const executeActions = async (actionsString, thisElement, element) => {
                         AudioPlayer.getI().stop();
                     }
                     await validateObjectiveStatus();
+                    targetElement.style.pointerEvents = 'auto';
                     break;
                 }
                 case 'prevBtn': {
@@ -69206,7 +69216,7 @@ async function onActivityComplete(dragElement, dropElement) {
     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);
+        // storingEachActivityScore(isCorrect);
         if (isCorrect) {
             const onCorrect = dropElement.getAttribute('onCorrect');
             if (onCorrect) {
@@ -69231,7 +69241,13 @@ async function onActivityComplete(dragElement, dropElement) {
         if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
             if (!(((_a = otherElement.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal) && !(((_b = container.getAttribute('drop-action')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === DropMode.InfiniteDrop)) {
                 if (otherElement) {
-                    otherElement.style.opacity = "0";
+                    const append = container.getAttribute('appendToDropOnCompletion');
+                    if (append === 'true') {
+                        otherElement.style.opacity = "1";
+                    }
+                    else {
+                        otherElement.style.opacity = '0';
+                    }
                 }
             }
         }
@@ -69255,7 +69271,7 @@ const storeActivityScore = (score) => {
     activityScore[activityScoreKey] = score;
     //send Custom Event to parent
     // window.dispatchEvent(new CustomEvent(ActivityEndKey, { detail: { index: index, totalIndex: totalIndex, score: score } }));
-    dispatchActivityEndEvent(index, totalIndex, score);
+    dispatchActivityEndEvent(totalIndex, index, score, gameScore.rightMoves, gameScore.wrongMoves);
     localStorage.setItem(ActivityScoreKey, JSON.stringify(activityScore));
     if (totalIndex - 1 == index) {
         const scoresArray = Object.values(activityScore);
@@ -69263,7 +69279,7 @@ const storeActivityScore = (score) => {
         gameScore.finalScore = Math.floor(finalScore);
         console.log('Total Score : ', gameScore.finalScore);
         // window.dispatchEvent(new CustomEvent(LessonEndKey, { detail: { score: finalScore } }));
-        dispatchLessonEndEvent(finalScore);
+        dispatchLessonEndEvent(totalIndex, gameScore.rightMoves, gameScore.wrongMoves, finalScore);
         localStorage.removeItem(ActivityScoreKey);
     }
 };
@@ -69294,10 +69310,9 @@ const handleShowCheck = () => {
         }
     }
     else {
-        if (!container.getAttribute("game-completed")) {
+        if (!container.getAttribute("game-completed") && !container.querySelector("[type='slide']")) {
             validateObjectiveStatus();
         }
-        container.setAttribute("game-completed", "true");
     }
 };
 let res;
@@ -69341,6 +69356,7 @@ const validateObjectiveStatus = async () => {
         res = matchStringPattern(objectiveString, objectiveArray);
     }
     if (res) {
+        container.setAttribute("game-completed", "true");
         const attach = container.getAttribute('appendToDropOnCompletion');
         const onCorrect = container.getAttribute('onCorrect');
         if (onCorrect) {
@@ -69365,17 +69381,18 @@ const validateObjectiveStatus = async () => {
     else {
         const isContinueOnCorrect = container.getAttribute('is-continue-on-correct') === 'true';
         const onCorrect = container.getAttribute('onCorrect');
-        if (!isContinueOnCorrect) {
+        if (container.querySelectorAll("[type='click']").length > 0) {
             storingEachActivityScore(false);
+        }
+        if (!isContinueOnCorrect) {
+            container.setAttribute("game-completed", "true");
             calculateScore();
             await executeActions(onCorrect, container);
             triggerNextContainer();
         }
         else {
             const onInCorrect = container.getAttribute('onInCorrect');
-            storingEachActivityScore(false);
             await executeActions(onInCorrect, container);
-            container.removeAttribute("game-completed");
         }
     }
 };

package/dist/collection/stories/Templates/LetterPairing/LetterPairing.stories.js

@@ -148,7 +148,7 @@ function getContainerXml(args) {
 			<lido-cell visible="true" margin="20px 0px 0px 0px" bg-color="transparent" layout="landscape.row,portrait.col" height="landscape.50%,portrait.96%" width="landscape.100%,portrait.100%" onEntry="this.gap='10px';">
 				
 				${(args.dropimg1.length === 0 && args.droptext1.length === 0) ? '' : `<lido-cell layout="row" visible="true" bg-color="transparent" height="landscape.100%,portrait.20%" width="landscape.20%,portrait.100%" onEntry="">
-					<lido-cell layout="random" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="">
+					<lido-cell layout="row" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="">
 						<lido-cell id="image1" show-speak-icon="true" audio="${args.drop1Audio}" value="${args.correct1}" tab-index="1" height="landscape.270px,portrait.240px" width="landscape.200px,portrait.180px" type="drop" layout="col" visible="true" bg-Color="white" onEntry="this.padding='0px'; this.borderRadius='8px';">
 							${!args.dropimg1 || args.dropimg1.length === 0 ? '' : `<lido-image border-radius="8px 8px 0px 0px" margin="0px 0px 0px 0px"  visible="true" width="landscape.202px,portrait.180px" height="landscape.200px,portrait.180px" bg-color="transparent" src="${args.dropimg1}"></lido-image>`}
 
@@ -159,7 +159,7 @@ function getContainerXml(args) {
 				</lido-cell>`}
 
 				${(args.dropimg2.length === 0 && args.droptext2.length === 0) ? '' : `<lido-cell layout="row" visible="true" bg-color="transparent" height="landscape.100%,portrait.20%" width="landscape.20%,portrait.100%" onEntry="this.border-radius='6px';">
-					<lido-cell layout="random" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="">
+					<lido-cell layout="row" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="">
 						<lido-cell id="image2" show-speak-icon="true" audio="${args.drop2Audio}" value="${args.correct2}" tab-index="2" isAllowOnlyOneDrop="true" disable-edit="true" height="landscape.268px,portrait.240px" width="landscape.200px,portrait.178px" type="drop" layout="col" visible="true" bg-Color="white" onEntry="this.padding='0px';this.borderRadius='8px';">
 							${!args.dropimg2 || args.dropimg2.length === 0 ? '' : `<lido-image border-radius="8px 8px 0px 0px" margin="0px 0px 0px 0px"  visible="true" width="landscape.202px,portrait.180px" height="landscape.200px,portrait.180px" bg-color="transparent" src="${args.dropimg2}"></lido-image>`}
 
@@ -169,7 +169,7 @@ function getContainerXml(args) {
 				</lido-cell>`}
 
 				${(args.dropimg3.length === 0 && args.droptext3.length === 0) ? '' : `<lido-cell layout="row" margin="landscape.50px 0px 0px 0px,portrait.0px 0px 0px 0px" visible="true" bg-color="transparent" height="landscape.100%,portrait.20%" width="landscape.20%,portrait.100%" onEntry="this.border-radius='5px';">
-					<lido-cell layout="random" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="">
+					<lido-cell layout="row" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="">
 						<lido-cell type="drop" show-speak-icon="true" audio="${args.drop3Audio}" id="image3" tab-index="3" isAllowOnlyOneDrop="true" disable-edit="true" value="${args.correct3}" height="landscape.268px,portrait.240px" width="landscape.200px,portrait.178px" layout="col" visible="true" bg-Color="white" onEntry="this.padding='0px';this.borderRadius='8px';">
 							${!args.dropimg3 || args.dropimg3.length === 0 ? '' : `<lido-image border-radius="8px 8px 0px 0px" margin="0px 0px 0px 0px"  visible="true" width="landscape.202px,portrait.180px" height="landscape.200px,portrait.180px" bg-color="transparent" src="${args.dropimg3}"></lido-image>`}
 
@@ -180,7 +180,7 @@ function getContainerXml(args) {
 
 
 				${(args.dropimg4.length === 0 && args.droptext4.length === 0) ? '' : `<lido-cell layout="row" margin="landscape.0px 0px 0px 0px,portrait.0px 0px 0px 0px" visible="true" bg-color="transparent" height="landscape.100%,portrait.20%" width="landscape.20%,portrait.100%" onEntry="this.border-radius='6px';">
-					<lido-cell layout="random" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="this.display='flex';">
+					<lido-cell layout="row" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="this.display='flex';">
 						<lido-cell id="image4" show-speak-icon="true" audio="${args.drop4Audio}" value="${args.correct4}" isAllowOnlyOneDrop="true" disable-edit="true" tab-index="4" height="landscape.270px,portrait.240px" width="landscape.200px,portrait.178px" type="drop" layout="col" visible="true" bg-Color="white" onEntry="this.padding='0px';this.borderRadius='8px';">
 							${!args.dropimg4 || args.dropimg4.length === 0 ? '' : `<lido-image border-radius="8px 8px 0px 0px" margin="0px 0px 0px 0px"  visible="true" width="landscape.202px,portrait.180px" height="landscape.200px,portrait.180px" bg-color="transparent" src="${args.dropimg4}"></lido-image>`}
 
@@ -190,7 +190,7 @@ function getContainerXml(args) {
 				</lido-cell>`}
 
 				${(args.dropimg5.length === 0 && args.droptext5.length === 0) ? '' : `<lido-cell layout="row" margin="landscape.0px 0px 0px 0px,portrait.0px 0px 0px 0px" visible="true" bg-color="transparent" height="landscape.100%,portrait.20%" width="landscape.20%,portrait.100%" onEntry="this.border-radius='6px';">
-					<lido-cell layout="random" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="this.display='flex';">
+					<lido-cell layout="row" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="this.display='flex';">
 						<lido-cell type="drop" show-speak-icon="true" audio="${args.drop5Audio}" id="image5" value="${args.correct5}" tab-index="5" isAllowOnlyOneDrop="true" disable-edit="true" width="landscape.200px,portrait.178px" height="landscape.268px,portrait.240px" layout="col" visible="true" bg-Color="white" onEntry="this.padding='0px';this.borderRadius='8px';">
 							${!args.dropimg5 || args.dropimg5.length === 0 ? '' : `<lido-image border-radius="8px 8px 0px 0px" margin="0px 0px 0px 0px"  visible="true" width="landscape.202px,portrait.180px" height="landscape.200px,portrait.180px" bg-color="transparent" src="${args.dropimg5}"></lido-image>`}
 

package/dist/collection/stories/Templates/balancing/balancing.stories.js

@@ -34,7 +34,7 @@ function getContainerXml(args) {
     const rightValue = escapeXml(args.rightValue);
     return `
    <main>
-    <lido-container visible="true" drop-action="move"  objective="${objective}"  equationCheck="$#lefthandle1,$#righthandle1" id="lido-container" onCorrect="lido-avatar.avatarAnimate='Success';this.sleep='2000';" show-Check="true" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/background-images/Balancing.png" is-continue-on-correct="true">
+    <lido-container visible="true" drop-action="move"  objective="${objective}"  equationCheck="$#lefthandle1,$#righthandle1" id="lido-container" onCorrect="lido-avatar.avatarAnimate='Success';this.sleep='2000';" show-Check="true" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/background-images/Balancing.png" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" is-continue-on-correct="true">
      <!-- Chimple Avatar -->
     <lido-cell layout="pos" id="pos1" disable-edit="true" value="pos2" height="landscape.396px,portrait.400px" width="landscape.298px,portrait.369px" x="landscape.82%, portrait.32%" y="landscape.63%, portrait.78%" aria-hidden="true" z="1" bg-color="transparent" visible="true" onEntry="">
         <lido-avatar id="lido-avatar" disable-edit="true" visible="true" height="100%" width="100%"  src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/temp2/chimplecharacter.riv" alt-text="{chimpleCharacterRive}">
@@ -46,7 +46,7 @@ function getContainerXml(args) {
         </lido-text>
       </lido-pos>
       <!-- question -->
-      <lido-text visible="true" tab-index="12" height="landscape.100px,portrait.175px" font-family="'Baloo Bhai 2'" font-size="60px" width="landscape.auto,portrait.86%" string="Drop the elements to match the given symbol '${objective}'" font-color="black" bg-color="white" y="landscape.0%,portrait.-12%" onEntry="this.font-weight='600'; this.position='relative';">
+      <lido-text visible="true" audio="" id="heading" tab-index="12" height="landscape.100px,portrait.175px" font-family="'Baloo Bhai 2'" font-size="60px" width="landscape.auto,portrait.86%" string="Drop the elements to match the given symbol '${objective}'" font-color="black" bg-color="white" y="landscape.0%,portrait.-12%" onEntry="this.speak='true';this.font-weight='600'; this.position='relative';">
       </lido-text>
       <lido-balance  tilt="0" operation="add" visible="true" height="landscape.456px,portrait.500px" y="landscape.4%,portrait.0%" width="landscape.1136px,portrait.876px">
       <!-- drop Element -->

package/dist/collection/stories/Templates/create-sentence/createSentence.stories.js

@@ -136,22 +136,22 @@ function getContainerXml(args) {
 				<lido-cell layout="landscape.flex,portrait.wrap" delay-visible="2650" visible="true" width="landscape.86%, portrait.88%" y="landscape.65%, portrait.62%" x="landscape.4%,portrait.0px" z="2" onEntry="this.gridTemplateColumns = 'repeat(4, 1fr)';  this.gridTemplateRows = 'repeat(2, 1fr)';this.position='relative';this.gap='40px';">
 
 
-					<lido-text id="option1" show-speak-icon="true" audio="${args.option1Audio}" value="${args.option1}" tab-index="10"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800';  " width="auto" height="84px" string="${args.option1}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
+					<lido-text id="option1"  audio="${args.option1Audio}" value="${args.option1}" tab-index="10"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800';  " width="auto" height="84px" string="${args.option1}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
 					</lido-text>
-					<lido-text id="option2" show-speak-icon="true" audio="${args.option2Audio}" value="${args.option2}" tab-index="11"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option2}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
+					<lido-text id="option2"  audio="${args.option2Audio}" value="${args.option2}" tab-index="11"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option2}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
 
 					</lido-text>
-					<lido-text id="option3" show-speak-icon="true" audio="${args.option3Audio}" value="${args.option3}" tab-index="12"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option3}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
+					<lido-text id="option3"  audio="${args.option3Audio}" value="${args.option3}" tab-index="12"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option3}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
 					</lido-text>
-					<lido-text id="option4" show-speak-icon="true" audio="${args.option4Audio}" value="${args.option4}" tab-index="13"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option4}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
+					<lido-text id="option4"  audio="${args.option4Audio}" value="${args.option4}" tab-index="13"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option4}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
 					</lido-text>
-					<lido-text id="option5" show-speak-icon="true" audio="${args.option5Audio}" value="${args.option5}" tab-index="14"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option5}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
+					<lido-text id="option5"  audio="${args.option5Audio}" value="${args.option5}" tab-index="14"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option5}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
 					</lido-text>
-					<lido-text id="option6" show-speak-icon="true" audio="${args.option6Audio}" value="${args.option6}" tab-index="15"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800';" width="auto" height="84px" string="${args.option6}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
+					<lido-text id="option6"  audio="${args.option6Audio}" value="${args.option6}" tab-index="15"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800';" width="auto" height="84px" string="${args.option6}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
 					</lido-text>
-					<lido-text id="option7" show-speak-icon="true" audio="${args.option7Audio}" value="${args.option7}" tab-index="16"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option7}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
+					<lido-text id="option7"  audio="${args.option7Audio}" value="${args.option7}" tab-index="16"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option7}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
 					</lido-text>
-					<lido-text id="option8" show-speak-icon="true" audio="${args.option8Audio}" value="${args.option8}" tab-index="17"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option8}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
+					<lido-text id="option8"  audio="${args.option8Audio}" value="${args.option8}" tab-index="17"  visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option8}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
 
 					</lido-text>
 				</lido-cell>

package/dist/collection/stories/Templates/palEgra_build_word/palEgra_build_word.stories.js

@@ -44,7 +44,7 @@ custom-style = "#audioCell:active {
 }" >
 	   <!-- Chimple Avatar -->
       <lido-cell layout="pos" id="pos1" disable-edit="true" value="pos2" height="landscape.330px,portrait.378px" width="landscape.300px,portrait.382px"
-       x="landscape.82%, portrait.30%" y="landscape.32%, portrait.78%" aria-hidden="true" z="1" bg-color="transparent" visible="true" onEntry="">
+       x="landscape.79%, portrait.30%" y="landscape.61%, portrait.78%" aria-hidden="true" z="1" bg-color="transparent" visible="true" onEntry="">
         <lido-avatar id="lido-avatar" disable-edit="true" visible="true" height="100%" width="100%"  src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/temp2/chimplecharacter.riv" alt-text="{chimpleCharacterRive}">
         </lido-avatar>
 		<lido-image id="image" disableEdit="true" value="image" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/temp2/Shadow.png" bgColor="transparent" width="inherit" height="20px" x="landscape.-1px, portrait.-7px" y="landscape.280px, portrait.535px" altText="{shadowImage}"></lido-image>

package/dist/collection/utils/constants.js

@@ -48,8 +48,8 @@ export var DropAction;
     DropAction["Move"] = "move";
     DropAction["Hide"] = "hide";
 })(DropAction || (DropAction = {}));
-export const exitUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.svg';
-export const prevUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.svg';
-export const nextUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.svg';
-export const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/audio.png';
-export const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.svg';
+export const exitUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.png';
+export const prevUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.png';
+export const nextUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.png';
+export const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/NavAudio.png';
+export const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.png';

package/dist/collection/utils/customEvents.js

@@ -5,11 +5,11 @@ function dispatchCustomEvent(eventName, detail) {
     const event = new CustomEvent(eventName, { detail });
     window.dispatchEvent(event);
 }
-export function dispatchActivityEndEvent(index, totalIndex, score) {
-    dispatchCustomEvent(ActivityEndKey, { index, totalIndex, score });
+export function dispatchActivityEndEvent(totalIndex, currentIndex, score, rightMoves, wrongMoves) {
+    dispatchCustomEvent(ActivityEndKey, { currentIndex, totalIndex, score, rightMoves, wrongMoves });
 }
-export function dispatchLessonEndEvent(score) {
-    dispatchCustomEvent(LessonEndKey, { score, timeSpent: Math.floor(Timer.getI().getElapsed() / 1000) });
+export function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore) {
+    dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, timeSpent: Math.floor(Timer.getI().getElapsed() / 1000) });
 }
 export function dispatchNextContainerEvent() {
     dispatchCustomEvent(NextContainerKey, {});

package/dist/collection/utils/utils.js

@@ -192,6 +192,7 @@ export const executeActions = async (actionsString, thisElement, element) => {
                         AudioPlayer.getI().stop();
                     }
                     await validateObjectiveStatus();
+                    targetElement.style.pointerEvents = 'auto';
                     break;
                 }
                 case 'prevBtn': {
@@ -589,7 +590,7 @@ export async function onActivityComplete(dragElement, dropElement) {
     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);
+        // storingEachActivityScore(isCorrect);
         if (isCorrect) {
             const onCorrect = dropElement.getAttribute('onCorrect');
             if (onCorrect) {
@@ -614,7 +615,13 @@ export async function onActivityComplete(dragElement, dropElement) {
         if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
             if (!(((_a = otherElement.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal) && !(((_b = container.getAttribute('drop-action')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === DropMode.InfiniteDrop)) {
                 if (otherElement) {
-                    otherElement.style.opacity = "0";
+                    const append = container.getAttribute('appendToDropOnCompletion');
+                    if (append === 'true') {
+                        otherElement.style.opacity = "1";
+                    }
+                    else {
+                        otherElement.style.opacity = '0';
+                    }
                 }
             }
         }
@@ -638,7 +645,7 @@ const storeActivityScore = (score) => {
     activityScore[activityScoreKey] = score;
     //send Custom Event to parent
     // window.dispatchEvent(new CustomEvent(ActivityEndKey, { detail: { index: index, totalIndex: totalIndex, score: score } }));
-    dispatchActivityEndEvent(index, totalIndex, score);
+    dispatchActivityEndEvent(totalIndex, index, score, gameScore.rightMoves, gameScore.wrongMoves);
     localStorage.setItem(ActivityScoreKey, JSON.stringify(activityScore));
     if (totalIndex - 1 == index) {
         const scoresArray = Object.values(activityScore);
@@ -646,7 +653,7 @@ const storeActivityScore = (score) => {
         gameScore.finalScore = Math.floor(finalScore);
         console.log('Total Score : ', gameScore.finalScore);
         // window.dispatchEvent(new CustomEvent(LessonEndKey, { detail: { score: finalScore } }));
-        dispatchLessonEndEvent(finalScore);
+        dispatchLessonEndEvent(totalIndex, gameScore.rightMoves, gameScore.wrongMoves, finalScore);
         localStorage.removeItem(ActivityScoreKey);
     }
 };
@@ -677,10 +684,9 @@ export const handleShowCheck = () => {
         }
     }
     else {
-        if (!container.getAttribute("game-completed")) {
+        if (!container.getAttribute("game-completed") && !container.querySelector("[type='slide']")) {
             validateObjectiveStatus();
         }
-        container.setAttribute("game-completed", "true");
     }
 };
 const body = document.body;
@@ -725,6 +731,7 @@ export const validateObjectiveStatus = async () => {
         res = matchStringPattern(objectiveString, objectiveArray);
     }
     if (res) {
+        container.setAttribute("game-completed", "true");
         const attach = container.getAttribute('appendToDropOnCompletion');
         const onCorrect = container.getAttribute('onCorrect');
         if (onCorrect) {
@@ -749,17 +756,18 @@ export const validateObjectiveStatus = async () => {
     else {
         const isContinueOnCorrect = container.getAttribute('is-continue-on-correct') === 'true';
         const onCorrect = container.getAttribute('onCorrect');
-        if (!isContinueOnCorrect) {
+        if (container.querySelectorAll("[type='click']").length > 0) {
             storingEachActivityScore(false);
+        }
+        if (!isContinueOnCorrect) {
+            container.setAttribute("game-completed", "true");
             calculateScore();
             await executeActions(onCorrect, container);
             triggerNextContainer();
         }
         else {
             const onInCorrect = container.getAttribute('onInCorrect');
-            storingEachActivityScore(false);
             await executeActions(onInCorrect, container);
-            container.removeAttribute("game-completed");
         }
     }
 };

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

@@ -530,7 +530,7 @@ export async function onElementDropComplete(dragElement, dropElement) {
             await executeActions(onInCorrect, dropElement, dragElement);
             setTimeout(() => {
                 dragElement.style.transform = 'translate(0, 0)';
-                storingEachActivityScore(false);
+                // storingEachActivityScore(false);
                 // const oldDropIndex = dragToDropMap[dragElement.getAttribute('data-id')];
                 // if (oldDropIndex !== undefined && dropHasDrag[oldDropIndex]) {
                 //   dropHasDrag[oldDropIndex].isFull = false;
@@ -693,7 +693,7 @@ export async function onElementDropComplete(dragElement, dropElement) {
     // Add pulse and highlight effect for a successful match
     const isCorrect = dropElement['value'].toLowerCase().includes(dragElement['value'].toLowerCase());
     dispatchElementDropEvent(dragElement, dropElement, isCorrect);
-    // storingEachActivityScore(isCorrect);
+    storingEachActivityScore(isCorrect);
     dragElement.style.opacity = '1';
     const allDropElements = document.querySelectorAll('.drop-element');
     allDropElements.forEach(el => updateDropBorder(el));

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

@@ -14,7 +14,7 @@ export function updateBalanceOnDrop(dragElement, dropElement) {
 }
 function calculateValue(elements, operation) {
     if (elements.length === 0)
-        return 0;
+        return null;
     if (operation === "count") {
         return elements.length;
     }
@@ -46,18 +46,17 @@ function calculateValue(elements, operation) {
     }
 }
 export function balanceResult(container, objectiveString) {
-    var _a, _b, _c, _d, _e, _f;
     const additionalCheck = container.getAttribute('equationCheck');
     if (!additionalCheck)
         return false;
     const balanceEl = document.querySelector('lido-balance');
     if (!balanceEl)
         return false;
-    const leftVal = Number((_c = (_a = balanceEl.leftVal) !== null && _a !== void 0 ? _a : (_b = balanceEl.dataset) === null || _b === void 0 ? void 0 : _b.leftVal) !== null && _c !== void 0 ? _c : 0);
-    const rightVal = Number((_f = (_d = balanceEl.rightVal) !== null && _d !== void 0 ? _d : (_e = balanceEl.dataset) === null || _e === void 0 ? void 0 : _e.rightVal) !== null && _f !== void 0 ? _f : 0);
+    const leftVal = balanceEl.leftVal;
+    const rightVal = balanceEl.rightVal;
     const hasLeft = !isNaN(leftVal);
     const hasRight = !isNaN(rightVal);
-    if (!hasLeft || !hasRight) {
+    if (leftVal == null || rightVal == null) {
         return false;
     }
     const symbol = leftVal > rightVal ? '>' : leftVal < rightVal ? '<' : '=';

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

@@ -1,6 +1,6 @@
 import { LidoContainer, SelectedValuesKey } from "../constants";
 import { findMostoverlappedElement, getElementScale } from "./dragDropHandler";
-import { calculateScale, handleShowCheck, matchStringPattern, storingEachActivityScore } from "../utils";
+import { calculateScale, executeActions, matchStringPattern, storingEachActivityScore } from "../utils";
 import { removeHighlight } from "./highlightHandler";
 let numberOfSlides = 0;
 const slideNumbers = (element) => {
@@ -253,9 +253,21 @@ const slideCompleted = (slideElement) => {
     const isCorrect = matchStringPattern(slideElement['value'], [objectiveArray[elementIndex].trim()]);
     if (container.getAttribute('is-continue-on-correct') === 'true') {
         storingEachActivityScore(true);
-        handleShowCheck();
+        validationForSlideHandler();
     }
     else {
         storingEachActivityScore(isCorrect);
     }
 };
+const validationForSlideHandler = async () => {
+    var _a, _b;
+    const container = document.getElementById(LidoContainer);
+    if (!container)
+        return;
+    const objectiveArray = (_b = JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]')) !== null && _b !== void 0 ? _b : [];
+    const objectiveString = document.getElementById(LidoContainer)['objective'];
+    const res = matchStringPattern(objectiveString, objectiveArray);
+    if (res) {
+        await executeActions(container.getAttribute('onCorrect'), container);
+    }
+};

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-873471c6.js';
+export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ff8ce1fd.js';

package/dist/components/lido-avatar.js

@@ -1,4 +1,4 @@
-import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-09a49b19.js';
+import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-b2a85579.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-dc616111.js';
+import { L as LidoBalance$1, d as defineCustomElement$1 } from './p-80a747ee.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-c682e9ff.js';
+import { L as LidoCalculator$1, d as defineCustomElement$1 } from './p-63a5cb05.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-56a84433.js';
+import { L as LidoCanvas$1, d as defineCustomElement$1 } from './p-41d68189.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-cf94b10e.js';
+import { L as LidoCell$1, d as defineCustomElement$1 } from './p-01a666ff.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-bb46f8e2.js';
+import { L as LidoCol$1, d as defineCustomElement$1 } from './p-748778ca.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-5aeef0cc.js';
+import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-fa60ef00.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-50a2d817.js';
+import { L as LidoFlash, d as defineCustomElement$1 } from './p-395ab663.js';
 
 const LidoFlashCard = LidoFlash;
 const defineCustomElement = defineCustomElement$1;