lido-player 0.0.2-alpha-45 → 0.0.2-alpha-47

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const utils = require('./utils-5163b0ea.js');
+const utils = require('./utils-5eb1c564.js');
 require('./index-fe562525.js');
 
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fe562525.js');
-const utils = require('./utils-5163b0ea.js');
+const utils = require('./utils-5eb1c564.js');
 
 var rive = {exports: {}};
 
@@ -7414,6 +7414,16 @@ const LidoHome = class {
         });
         this.containers = containers;
     }
+    areAllDropsFilled() {
+        const drops = Array.from(document.querySelectorAll('[type="drop"]'));
+        const drags = Array.from(document.querySelectorAll('[type="drag"]')).filter(drag => drag.getAttribute('drop-to'));
+        console.log('drops', drops);
+        console.log('drags', drags);
+        return drops.every(drop => {
+            const dropId = drop.id;
+            return drags.some(drag => drag.getAttribute('drop-to') === dropId);
+        });
+    }
     async btnpopup() {
         utils.setCancelBtnPopup(false);
         await utils.AudioPlayer.getI().stop();
@@ -7433,6 +7443,18 @@ const LidoHome = class {
                 await new Promise(resolve => setTimeout(resolve, 300));
             }
         }
+        if (this.areAllDropsFilled()) {
+            const objectiveString = container['objective'];
+            const objectiveArray = JSON.parse(localStorage.getItem(utils.SelectedValuesKey) || '[]');
+            const res = utils.matchStringPattern(objectiveString, objectiveArray);
+            console.log('Resultt', res);
+            if (res) {
+                utils.triggerNextContainer();
+            }
+        }
+        else {
+            console.log('Not yet filled ');
+        }
     }
     scaleNavbarContainer() {
         setTimeout(() => {

package/dist/cjs/{utils-5163b0ea.js → utils-5eb1c564.js}

@@ -324,7 +324,7 @@ function enableDraggingWithScaling(element) {
         }
         isClicked = false;
         element.style.transition = 'none';
-        const containerScale = getElementScale$1(container);
+        const containerScale = calculateScale();
         let dx = 0;
         let dy = 0;
         if (event instanceof MouseEvent) {
@@ -1203,7 +1203,7 @@ function enableReorderDrag(element) {
         isClicked = false;
         event.preventDefault();
         const containerRect = container.getBoundingClientRect();
-        const containerScale = getElementScale(container);
+        const containerScale = calculateScale();
         const newLeft = (point.clientX - containerRect.left - offsetXInElement) / containerScale;
         const newTop = (point.clientY - containerRect.top - offsetYInElement) / containerScale;
         element.style.left = `${newLeft}px`;
@@ -1270,9 +1270,7 @@ function enableReorderDrag(element) {
             else {
                 if (element.parentElement['type'] !== 'category') {
                     executeActions('this.alignMatch=true', divEl, element);
-                    setTimeout(() => {
-                        divEl.replaceWith(element);
-                    }, 500);
+                    divEl.replaceWith(element);
                 }
                 else {
                     const categoryElement = element.parentElement;
@@ -3045,7 +3043,9 @@ function addClickListenerForClickType(element) {
             dispatchClickEvent(element, isCorrect);
             if (isCorrect) {
                 const onCorrect = element.getAttribute('onCorrect');
-                // element.style.pointerEvents = 'none';
+                if (!(element.id && element.id.startsWith('key-button'))) {
+                    element.style.pointerEvents = 'none';
+                }
                 await executeActions(onCorrect, element);
             }
             else {
@@ -3100,6 +3100,7 @@ function addClickListenerForClickType(element) {
             localStorage.setItem(SelectedValuesKey, JSON.stringify(sortedValues));
             const isCorrect = objective.includes(element['value']);
             dispatchClickEvent(element, isCorrect);
+            AudioPlayer.getI().stop();
             if (isCorrect) {
                 const onCorrect = element.getAttribute('onCorrect');
                 await executeActions(onCorrect, element);
@@ -68847,6 +68848,7 @@ exports.handleElementClick = handleElementClick;
 exports.handleFloatElementPosition = handleFloatElementPosition;
 exports.handlingChildElements = handlingChildElements;
 exports.initEventsForElement = initEventsForElement;
+exports.matchStringPattern = matchStringPattern;
 exports.nextUrl = nextUrl;
 exports.parseProp = parseProp;
 exports.prevUrl = prevUrl;

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
-import { NextContainerKey, PrevContainerKey, LidoContainer, exitUrl, prevUrl, nextUrl, speakUrl, ActivityScoreKey, } from "../../utils/constants";
+import { SelectedValuesKey, NextContainerKey, PrevContainerKey, LidoContainer, exitUrl, prevUrl, nextUrl, speakUrl, ActivityScoreKey, } from "../../utils/constants";
 import { dispatchActivityChangeEvent, dispatchGameCompletedEvent, dispatchGameExitEvent } from "../../utils/customEvents";
-import { clearLocalStorage, calculateScale, getCancelBtnPopup, setCancelBtnPopup, executeActions, triggerPrevcontainer, convertUrlToRelative } from "../../utils/utils";
+import { clearLocalStorage, calculateScale, getCancelBtnPopup, setCancelBtnPopup, executeActions, triggerPrevcontainer, convertUrlToRelative, triggerNextContainer, matchStringPattern } from "../../utils/utils";
 import { AudioPlayer } from "../../utils/audioPlayer";
 import { generateUUIDFallback } from "../../utils/utils";
 /**
@@ -321,6 +321,16 @@ export class LidoHome {
         });
         this.containers = containers;
     }
+    areAllDropsFilled() {
+        const drops = Array.from(document.querySelectorAll('[type="drop"]'));
+        const drags = Array.from(document.querySelectorAll('[type="drag"]')).filter(drag => drag.getAttribute('drop-to'));
+        console.log('drops', drops);
+        console.log('drags', drags);
+        return drops.every(drop => {
+            const dropId = drop.id;
+            return drags.some(drag => drag.getAttribute('drop-to') === dropId);
+        });
+    }
     async btnpopup() {
         setCancelBtnPopup(false);
         await AudioPlayer.getI().stop();
@@ -340,6 +350,18 @@ export class LidoHome {
                 await new Promise(resolve => setTimeout(resolve, 300));
             }
         }
+        if (this.areAllDropsFilled()) {
+            const objectiveString = container['objective'];
+            const objectiveArray = JSON.parse(localStorage.getItem(SelectedValuesKey) || '[]');
+            const res = matchStringPattern(objectiveString, objectiveArray);
+            console.log('Resultt', res);
+            if (res) {
+                triggerNextContainer();
+            }
+        }
+        else {
+            console.log('Not yet filled ');
+        }
     }
     scaleNavbarContainer() {
         setTimeout(() => {

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

@@ -90,7 +90,9 @@ export function addClickListenerForClickType(element) {
             dispatchClickEvent(element, isCorrect);
             if (isCorrect) {
                 const onCorrect = element.getAttribute('onCorrect');
-                // element.style.pointerEvents = 'none';
+                if (!(element.id && element.id.startsWith('key-button'))) {
+                    element.style.pointerEvents = 'none';
+                }
                 await executeActions(onCorrect, element);
             }
             else {
@@ -145,6 +147,7 @@ export function addClickListenerForClickType(element) {
             localStorage.setItem(SelectedValuesKey, JSON.stringify(sortedValues));
             const isCorrect = objective.includes(element['value']);
             dispatchClickEvent(element, isCorrect);
+            AudioPlayer.getI().stop();
             if (isCorrect) {
                 const onCorrect = element.getAttribute('onCorrect');
                 await executeActions(onCorrect, element);

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

@@ -173,7 +173,7 @@ export function enableDraggingWithScaling(element) {
         }
         isClicked = false;
         element.style.transition = 'none';
-        const containerScale = getElementScale(container);
+        const containerScale = calculateScale();
         let dx = 0;
         let dy = 0;
         if (event instanceof MouseEvent) {

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

@@ -1,5 +1,5 @@
 import { DragSelectedMapKey, LidoContainer, SelectedValuesKey } from "../constants";
-import { executeActions, handleShowCheck, matchStringPattern, onActivityComplete, storingEachActivityScore } from "../utils";
+import { calculateScale, executeActions, handleShowCheck, matchStringPattern, onActivityComplete, storingEachActivityScore } from "../utils";
 let preOverlap;
 function getElementScale(element) {
     const transform = window.getComputedStyle(element).transform;
@@ -106,7 +106,7 @@ export function enableReorderDrag(element) {
         isClicked = false;
         event.preventDefault();
         const containerRect = container.getBoundingClientRect();
-        const containerScale = getElementScale(container);
+        const containerScale = calculateScale();
         const newLeft = (point.clientX - containerRect.left - offsetXInElement) / containerScale;
         const newTop = (point.clientY - containerRect.top - offsetYInElement) / containerScale;
         element.style.left = `${newLeft}px`;
@@ -173,9 +173,7 @@ export function enableReorderDrag(element) {
             else {
                 if (element.parentElement['type'] !== 'category') {
                     executeActions('this.alignMatch=true', divEl, element);
-                    setTimeout(() => {
-                        divEl.replaceWith(element);
-                    }, 500);
+                    divEl.replaceWith(element);
                 }
                 else {
                     const categoryElement = element.parentElement;

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

package/dist/components/lido-avatar.js

@@ -1,4 +1,4 @@
-import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-2674c807.js';
+import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-3f870259.js';
 
 const LidoAvatar = LidoAvatar$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-8973becd.js';
+import { L as LidoCell$1, d as defineCustomElement$1 } from './p-ce3cd4fa.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-7c08f4b0.js';
+import { L as LidoCol$1, d as defineCustomElement$1 } from './p-5ecdd4d6.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-59b453c0.js';
+import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-3c61fbbf.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-8dc32540.js';
+import { L as LidoFlash, d as defineCustomElement$1 } from './p-4eb470d6.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-f0eccd33.js';
+import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-9232f089.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-321f6fa4.js';
+import { L as LidoHome$1, d as defineCustomElement$1 } from './p-5fe75d33.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-10f1bf20.js';
+import { L as LidoImage$1, d as defineCustomElement$1 } from './p-db43b49d.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-04f31279.js';
+import { L as LidoKeyboard$1, d as defineCustomElement$1 } from './p-8679133b.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-1cb5cdd1.js';
+import { L as LidoMathMatrix$1, d as defineCustomElement$1 } from './p-84be7c39.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-2652df87.js';
+import { L as LidoPos$1, d as defineCustomElement$1 } from './p-431ba5f4.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-a9ab64eb.js';
+import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-cebc6dde.js';
 
 const LidoRandom = LidoRandom$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-root.js

@@ -1,22 +1,22 @@
-import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-1ed40a32.js';
-import { d as defineCustomElement$j } from './p-2674c807.js';
-import { d as defineCustomElement$i } from './p-8973becd.js';
-import { d as defineCustomElement$h } from './p-7c08f4b0.js';
-import { d as defineCustomElement$g } from './p-59b453c0.js';
-import { d as defineCustomElement$f } from './p-8dc32540.js';
-import { d as defineCustomElement$e } from './p-f0eccd33.js';
-import { d as defineCustomElement$d } from './p-321f6fa4.js';
-import { d as defineCustomElement$c } from './p-10f1bf20.js';
-import { d as defineCustomElement$b } from './p-04f31279.js';
-import { d as defineCustomElement$a } from './p-1cb5cdd1.js';
-import { d as defineCustomElement$9 } from './p-2652df87.js';
-import { d as defineCustomElement$8 } from './p-a9ab64eb.js';
-import { d as defineCustomElement$7 } from './p-06be7863.js';
-import { d as defineCustomElement$6 } from './p-00ed3e98.js';
-import { d as defineCustomElement$5 } from './p-60ac87d6.js';
-import { d as defineCustomElement$4 } from './p-c88691c0.js';
-import { d as defineCustomElement$3 } from './p-69254a4c.js';
-import { d as defineCustomElement$2 } from './p-89b75740.js';
+import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-411211a1.js';
+import { d as defineCustomElement$j } from './p-3f870259.js';
+import { d as defineCustomElement$i } from './p-ce3cd4fa.js';
+import { d as defineCustomElement$h } from './p-5ecdd4d6.js';
+import { d as defineCustomElement$g } from './p-3c61fbbf.js';
+import { d as defineCustomElement$f } from './p-4eb470d6.js';
+import { d as defineCustomElement$e } from './p-9232f089.js';
+import { d as defineCustomElement$d } from './p-5fe75d33.js';
+import { d as defineCustomElement$c } from './p-db43b49d.js';
+import { d as defineCustomElement$b } from './p-8679133b.js';
+import { d as defineCustomElement$a } from './p-84be7c39.js';
+import { d as defineCustomElement$9 } from './p-431ba5f4.js';
+import { d as defineCustomElement$8 } from './p-cebc6dde.js';
+import { d as defineCustomElement$7 } from './p-845c86f1.js';
+import { d as defineCustomElement$6 } from './p-ab6100de.js';
+import { d as defineCustomElement$5 } from './p-4aed6173.js';
+import { d as defineCustomElement$4 } from './p-37b858ea.js';
+import { d as defineCustomElement$3 } from './p-e755a718.js';
+import { d as defineCustomElement$2 } from './p-45facd95.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-06be7863.js';
+import { L as LidoRow$1, d as defineCustomElement$1 } from './p-845c86f1.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-00ed3e98.js';
+import { L as LidoShape$1, d as defineCustomElement$1 } from './p-ab6100de.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-60ac87d6.js';
+import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-4aed6173.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-c88691c0.js';
+import { L as LidoText$1, d as defineCustomElement$1 } from './p-37b858ea.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-69254a4c.js';
+import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-e755a718.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-89b75740.js';
+import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-45facd95.js';
 
 const LidoWrap = LidoWrap$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-c88691c0.js → p-37b858ea.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-1ed40a32.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-411211a1.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)}}";
 const LidoTextStyle0 = lidoTextCss;

package/dist/components/{p-59b453c0.js → p-3c61fbbf.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, n as calculateScale, e as convertUrlToRelative, i as initEventsForElement, h, j as Host } from './p-1ed40a32.js';
+import { p as proxyCustomElement, H, n as calculateScale, e as convertUrlToRelative, i as initEventsForElement, h, j as Host } from './p-411211a1.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}";
 const LidoContainerStyle0 = lidoContainerCss;

package/dist/components/{p-2674c807.js → p-3f870259.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-1ed40a32.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-411211a1.js';
 
 var rive = {exports: {}};
 

package/dist/components/{p-1ed40a32.js → p-411211a1.js}

@@ -1720,7 +1720,7 @@ function enableDraggingWithScaling(element) {
         }
         isClicked = false;
         element.style.transition = 'none';
-        const containerScale = getElementScale$1(container);
+        const containerScale = calculateScale();
         let dx = 0;
         let dy = 0;
         if (event instanceof MouseEvent) {
@@ -2599,7 +2599,7 @@ function enableReorderDrag(element) {
         isClicked = false;
         event.preventDefault();
         const containerRect = container.getBoundingClientRect();
-        const containerScale = getElementScale(container);
+        const containerScale = calculateScale();
         const newLeft = (point.clientX - containerRect.left - offsetXInElement) / containerScale;
         const newTop = (point.clientY - containerRect.top - offsetYInElement) / containerScale;
         element.style.left = `${newLeft}px`;
@@ -2666,9 +2666,7 @@ function enableReorderDrag(element) {
             else {
                 if (element.parentElement['type'] !== 'category') {
                     executeActions('this.alignMatch=true', divEl, element);
-                    setTimeout(() => {
-                        divEl.replaceWith(element);
-                    }, 500);
+                    divEl.replaceWith(element);
                 }
                 else {
                     const categoryElement = element.parentElement;
@@ -4441,7 +4439,9 @@ function addClickListenerForClickType(element) {
             dispatchClickEvent(element, isCorrect);
             if (isCorrect) {
                 const onCorrect = element.getAttribute('onCorrect');
-                // element.style.pointerEvents = 'none';
+                if (!(element.id && element.id.startsWith('key-button'))) {
+                    element.style.pointerEvents = 'none';
+                }
                 await executeActions(onCorrect, element);
             }
             else {
@@ -4496,6 +4496,7 @@ function addClickListenerForClickType(element) {
             localStorage.setItem(SelectedValuesKey, JSON.stringify(sortedValues));
             const isCorrect = objective.includes(element['value']);
             dispatchClickEvent(element, isCorrect);
+            AudioPlayer.getI().stop();
             if (isCorrect) {
                 const onCorrect = element.getAttribute('onCorrect');
                 await executeActions(onCorrect, element);
@@ -70216,4 +70217,4 @@ function generateUUIDFallback() {
     });
 }
 
-export { ActivityScoreKey as A, nextUrl as B, speakUrl as C, getCancelBtnPopup as D, triggerPrevcontainer as E, executeActions as F, setCancelBtnPopup as G, H, getDefaultExportFromCjs as I, tinyColor as J, triggerNextContainer as K, LidoContainer as L, storingEachActivityScore as M, NextContainerKey as N, DropAction as O, PrevContainerKey as P, fraction as Q, RiveService as R, SelectedValuesKey as S, TraceMode as T, speakIcon as U, fingerUrl as V, 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, handlingChildElements as k, attachSpeakIcon as l, parseProp as m, calculateScale as n, handleFloatElementPosition as o, proxyCustomElement as p, handleElementClick as q, clearLocalStorage as r, setAssetPath as s, dispatchActivityChangeEvent as t, dispatchGameCompletedEvent as u, dispatchGameExitEvent as v, AudioPlayer as w, generateUUIDFallback as x, exitUrl as y, prevUrl as z };
+export { ActivityScoreKey as A, nextUrl as B, speakUrl as C, getCancelBtnPopup as D, matchStringPattern as E, triggerNextContainer as F, triggerPrevcontainer as G, H, executeActions as I, setCancelBtnPopup as J, getDefaultExportFromCjs as K, LidoContainer as L, tinyColor as M, NextContainerKey as N, storingEachActivityScore as O, PrevContainerKey as P, DropAction as Q, RiveService as R, SelectedValuesKey as S, fraction as T, TraceMode as U, speakIcon as V, fingerUrl as W, 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, handlingChildElements as k, attachSpeakIcon as l, parseProp as m, calculateScale as n, handleFloatElementPosition as o, proxyCustomElement as p, handleElementClick as q, clearLocalStorage as r, setAssetPath as s, dispatchActivityChangeEvent as t, dispatchGameCompletedEvent as u, dispatchGameExitEvent as v, AudioPlayer as w, generateUUIDFallback as x, exitUrl as y, prevUrl as z };

package/dist/components/{p-2652df87.js → p-431ba5f4.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, m as parseProp, h, j as Host } from './p-1ed40a32.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, m as parseProp, h, j as Host } from './p-411211a1.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-89b75740.js → p-45facd95.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-1ed40a32.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-411211a1.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-60ac87d6.js → p-4aed6173.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as convertUrlToRelative, d as setVisibilityWithDelay, i as initEventsForElement, m as parseProp, Q as fraction, h, j as Host } from './p-1ed40a32.js';
+import { p as proxyCustomElement, H, e as convertUrlToRelative, d as setVisibilityWithDelay, i as initEventsForElement, m as parseProp, T as fraction, h, j as Host } from './p-411211a1.js';
 
 const lidoSlideFillCss = ".svg-element,svg{width:100%;height:100%}";
 const LidoSlideFillStyle0 = lidoSlideFillCss;

package/dist/components/{p-8dc32540.js → p-4eb470d6.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, m as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-1ed40a32.js';
+import { p as proxyCustomElement, H, m as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-411211a1.js';
 
 const lidoFlashCardCss = ".card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s ease;cursor:pointer}.card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-back{transform:rotateY(180deg)}";
 const LidoFlashCardStyle0 = lidoFlashCardCss;

package/dist/components/{p-7c08f4b0.js → p-5ecdd4d6.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-1ed40a32.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-411211a1.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;

package/dist/components/{p-321f6fa4.js → p-5fe75d33.js}

@@ -1,21 +1,21 @@
-import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, A as ActivityScoreKey, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, w as AudioPlayer, x as generateUUIDFallback, y as exitUrl, z as prevUrl, B as nextUrl, C as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, D as getCancelBtnPopup, n as calculateScale, E as triggerPrevcontainer, F as executeActions, j as Host, e as convertUrlToRelative, G as setCancelBtnPopup } from './p-1ed40a32.js';
-import { d as defineCustomElement$h } from './p-2674c807.js';
-import { d as defineCustomElement$g } from './p-8973becd.js';
-import { d as defineCustomElement$f } from './p-7c08f4b0.js';
-import { d as defineCustomElement$e } from './p-59b453c0.js';
-import { d as defineCustomElement$d } from './p-8dc32540.js';
-import { d as defineCustomElement$c } from './p-f0eccd33.js';
-import { d as defineCustomElement$b } from './p-10f1bf20.js';
-import { d as defineCustomElement$a } from './p-04f31279.js';
-import { d as defineCustomElement$9 } from './p-1cb5cdd1.js';
-import { d as defineCustomElement$8 } from './p-2652df87.js';
-import { d as defineCustomElement$7 } from './p-a9ab64eb.js';
-import { d as defineCustomElement$6 } from './p-06be7863.js';
-import { d as defineCustomElement$5 } from './p-00ed3e98.js';
-import { d as defineCustomElement$4 } from './p-60ac87d6.js';
-import { d as defineCustomElement$3 } from './p-c88691c0.js';
-import { d as defineCustomElement$2 } from './p-69254a4c.js';
-import { d as defineCustomElement$1 } from './p-89b75740.js';
+import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, A as ActivityScoreKey, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, w as AudioPlayer, x as generateUUIDFallback, y as exitUrl, z as prevUrl, B as nextUrl, C as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, D as getCancelBtnPopup, S as SelectedValuesKey, E as matchStringPattern, F as triggerNextContainer, n as calculateScale, G as triggerPrevcontainer, I as executeActions, j as Host, e as convertUrlToRelative, J as setCancelBtnPopup } from './p-411211a1.js';
+import { d as defineCustomElement$h } from './p-3f870259.js';
+import { d as defineCustomElement$g } from './p-ce3cd4fa.js';
+import { d as defineCustomElement$f } from './p-5ecdd4d6.js';
+import { d as defineCustomElement$e } from './p-3c61fbbf.js';
+import { d as defineCustomElement$d } from './p-4eb470d6.js';
+import { d as defineCustomElement$c } from './p-9232f089.js';
+import { d as defineCustomElement$b } from './p-db43b49d.js';
+import { d as defineCustomElement$a } from './p-8679133b.js';
+import { d as defineCustomElement$9 } from './p-84be7c39.js';
+import { d as defineCustomElement$8 } from './p-431ba5f4.js';
+import { d as defineCustomElement$7 } from './p-cebc6dde.js';
+import { d as defineCustomElement$6 } from './p-845c86f1.js';
+import { d as defineCustomElement$5 } from './p-ab6100de.js';
+import { d as defineCustomElement$4 } from './p-4aed6173.js';
+import { d as defineCustomElement$3 } from './p-37b858ea.js';
+import { d as defineCustomElement$2 } from './p-e755a718.js';
+import { d as defineCustomElement$1 } from './p-45facd95.js';
 
 const indexCss = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:0 2px 4px rgba(151, 150, 150, 0.1) !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-image:url(\"https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png\");background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}";
 const LidoHomeStyle0 = indexCss;
@@ -338,6 +338,16 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
         });
         this.containers = containers;
     }
+    areAllDropsFilled() {
+        const drops = Array.from(document.querySelectorAll('[type="drop"]'));
+        const drags = Array.from(document.querySelectorAll('[type="drag"]')).filter(drag => drag.getAttribute('drop-to'));
+        console.log('drops', drops);
+        console.log('drags', drags);
+        return drops.every(drop => {
+            const dropId = drop.id;
+            return drags.some(drag => drag.getAttribute('drop-to') === dropId);
+        });
+    }
     async btnpopup() {
         setCancelBtnPopup(false);
         await AudioPlayer.getI().stop();
@@ -357,6 +367,18 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
                 await new Promise(resolve => setTimeout(resolve, 300));
             }
         }
+        if (this.areAllDropsFilled()) {
+            const objectiveString = container['objective'];
+            const objectiveArray = JSON.parse(localStorage.getItem(SelectedValuesKey) || '[]');
+            const res = matchStringPattern(objectiveString, objectiveArray);
+            console.log('Resultt', res);
+            if (res) {
+                triggerNextContainer();
+            }
+        }
+        else {
+            console.log('Not yet filled ');
+        }
     }
     scaleNavbarContainer() {
         setTimeout(() => {

package/dist/components/{p-06be7863.js → p-845c86f1.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-1ed40a32.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-411211a1.js';
 
 const lidoRowCss = ".lido-row{display:flex;justify-content:space-around;align-items:center;}.lido-row>*{}";
 const LidoRowStyle0 = lidoRowCss;

package/dist/components/{p-1cb5cdd1.js → p-84be7c39.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-1ed40a32.js';
+import { p as proxyCustomElement, H, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-411211a1.js';
 
 const lidoMathMatrixCss = ".math-matrix{width:100%;height:100%;display:flex;justify-content:center}.slot{width:100%;height:100%}.slot:hover{opacity:0.7}.slot-parent{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.slot-active{background-color:var(--active-bg-color);background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.slot-inactive{background-color:var(--inactive-bg-color);background-size:cover;background-position:center;background-repeat:no-repeat}.topIndex,.leftIndex,.bottomIndex{height:100%;width:100%;text-align:center;align-content:center;font-size:30px}";
 const LidoMathMatrixStyle0 = lidoMathMatrixCss;