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

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

@@ -1,9 +1,10 @@
 import { calculateScale, countPatternWords, buildDragSelectedMapFromDOM, executeActions, handleShowCheck, handlingElementFlexibleWidth, onActivityComplete, storingEachActivityScore } from "../utils";
 import { updateBalanceOnDrop } from "./lidoBalanceHandler";
 import { AudioPlayer } from "../audioPlayer";
-import { DropLength, SelectedValuesKey, DropMode, DropToAttr, DropTimeAttr, LidoContainer, DropAction, NextContainerKey, } from "../constants";
+import { DropLength, SelectedValuesKey, DropMode, DropToAttr, DropTimeAttr, LidoContainer, DropAction, } from "../constants";
 import { dispatchElementDropEvent } from "../customEvents";
 import { removeHighlight } from "./highlightHandler";
+import { dragDropAnimation } from "./animationHandler";
 export function buildDropHasDragFromDOM() {
     const dropHasDrag = {};
     const dropElements = document.querySelectorAll("[type='drop']");
@@ -73,7 +74,7 @@ export function enableDraggingWithScaling(element) {
             isDragging = false;
             return;
         }
-        // AudioPlayer.getI().stop();
+        AudioPlayer.getI().stop();
         removeHighlight(element);
         isDragging = true;
         isClicked = true;
@@ -181,6 +182,7 @@ export function enableDraggingWithScaling(element) {
     // Start observing the element
     observer.observe(container, observerConfig);
     const onMove = (event) => {
+        console.log('moved');
         if (!isDragging)
             return;
         if (isDraggingDisabled) {
@@ -189,7 +191,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) {
@@ -515,7 +517,6 @@ export async function onElementDropComplete(dragElement, dropElement) {
             handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedValueData, dragSelectedData, dropSelectedData);
             return;
         }
-        // let isCorrect = dropElement.getAttribute('value').toLowerCase().includes(dragElement.getAttribute('value').toLowerCase());
         let isCorrect;
         const dragValue = ((_c = dragElement.getAttribute('value')) === null || _c === void 0 ? void 0 : _c.trim()) || "";
         const dropValue = ((_d = dropElement.getAttribute('value')) === null || _d === void 0 ? void 0 : _d.trim()) || "";
@@ -532,7 +533,8 @@ export async function onElementDropComplete(dragElement, dropElement) {
             }
         }
         else {
-            isCorrect = dropElement.getAttribute('value').toLowerCase().includes(dragElement.getAttribute('value').toLowerCase());
+            //strings
+            isCorrect = dropValue.toLowerCase().includes(dragValue.toLowerCase());
         }
         if (!isCorrect) {
             const localStorageKey = `${LidoContainer}_dropData`;
@@ -543,6 +545,7 @@ export async function onElementDropComplete(dragElement, dropElement) {
             await executeActions(onInCorrect, dropElement, dragElement);
             setTimeout(() => {
                 dragElement.style.transform = 'translate(0, 0)';
+                storingEachActivityScore(false);
                 // const oldDropIndex = dragToDropMap[dragElement.getAttribute('data-id')];
                 // if (oldDropIndex !== undefined && dropHasDrag[oldDropIndex]) {
                 //   dropHasDrag[oldDropIndex].isFull = false;
@@ -568,61 +571,18 @@ export async function onElementDropComplete(dragElement, dropElement) {
         else {
             const checkdropAttr = container.getAttribute('dropAttr');
             if (checkdropAttr && checkdropAttr.toLowerCase() === DropMode.EnableAnimation.toLowerCase()) {
-                container.style.pointerEvents = "none";
-                setTimeout(() => {
-                    var _a, _b, _c;
-                    const div = document.createElement('div');
-                    container.append(div);
-                    div.classList.add('after-drop-popup-container');
-                    dragElement.style.scale = `1`;
-                    dropElement.style.scale = `1`;
-                    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();
-                        dropElement.remove();
-                    }
-                    else {
-                        dragElement.parentElement.parentElement.remove();
-                        dropElement.parentElement.parentElement.remove();
-                    }
-                    // Add animation and popup classes
-                    dragElement.classList.add('zoom-fade-in', 'after-drop-popup-drag-element');
-                    dropElement.classList.add('zoom-fade-in', 'after-drop-popup-drop-element');
-                    div.appendChild(dragElement);
-                    div.appendChild(dropElement);
-                    dropElement.classList.remove('empty');
-                    setTimeout(() => {
-                        dragElement.classList.remove('zoom-fade-in');
-                        dropElement.classList.remove('zoom-fade-in');
-                        dragElement.classList.add('zoom-fade-out');
-                        dropElement.classList.add('zoom-fade-out');
-                        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));
-                                    tempVanishedValues.length = 0;
-                                })();
-                            }
-                        }, 800); // match animation duration
-                    }, 2000); // stay for 2 seconds
-                }, 250);
+                //This function coming from animationhandler.ts
+                dragDropAnimation(container, dragElement, dropElement);
             }
         }
     }
+    else {
+        const checkdropAttr = container.getAttribute('dropAttr');
+        if (checkdropAttr && checkdropAttr.toLowerCase() === DropMode.EnableAnimation.toLowerCase()) {
+            //This function coming from animationhandler.ts
+            dragDropAnimation(container, dragElement, dropElement);
+        }
+    }
     if (dropElement) {
         let selectedValues = JSON.parse((_e = container.getAttribute(SelectedValuesKey)) !== null && _e !== void 0 ? _e : "[]");
         const dragValue = dragElement.getAttribute('value');
@@ -755,11 +715,12 @@ 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';
     await onActivityComplete(dragElement, dropElement);
     const allDropElements = document.querySelectorAll('.drop-element');
     allDropElements.forEach(el => updateDropBorder(el));
+    await onActivityComplete(dragElement, dropElement);
 }
 export function updateDropBorder(element) {
     if (!element || !element.classList.contains('drop-element'))

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

@@ -1,7 +1,6 @@
 import { LidoContainer, SelectedValuesKey } from "../constants";
 import { findMostoverlappedElement, getElementScale } from "./dragDropHandler";
 import { calculateScale, handleShowCheck, matchStringPattern, storingEachActivityScore } from "../utils";
-import { onClickDropOrDragElement } from "./dragDropHandler";
 import { removeHighlight } from "./highlightHandler";
 let numberOfSlides = 0;
 const slideNumbers = (element) => {
@@ -237,9 +236,6 @@ export function slidingWithScaling(element) {
     element.style.transform = 'translate(0, 0)'; // Initialize transform for consistent dragging
     element.addEventListener('mousedown', onStart);
     element.addEventListener('touchstart', onStart);
-    element.addEventListener('click', ev => {
-        onClickDropOrDragElement(element, 'drag');
-    });
 }
 const slideCompleted = (slideElement) => {
     var _a;
@@ -255,6 +251,11 @@ const slideCompleted = (slideElement) => {
     const objectiveArray = objectiveString.split(',');
     const elementIndex = slideArr.indexOf(slideElement['value']);
     const isCorrect = matchStringPattern(slideElement['value'], [objectiveArray[elementIndex].trim()]);
-    storingEachActivityScore(isCorrect);
-    handleShowCheck();
+    if (container.getAttribute('is-continue-on-correct') === 'true') {
+        storingEachActivityScore(true);
+        handleShowCheck();
+    }
+    else {
+        storingEachActivityScore(isCorrect);
+    }
 };

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

@@ -1,5 +1,5 @@
 import { LidoContainer, SelectedValuesKey, DropToAttr } from "../constants";
-import { buildDragSelectedMapFromDOM, executeActions, handleShowCheck, matchStringPattern, onActivityComplete, storingEachActivityScore } from "../utils";
+import { calculateScale, buildDragSelectedMapFromDOM, 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-58c67252.js';
+export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-511377d2.js';

package/dist/components/lido-avatar.js

@@ -1,4 +1,4 @@
-import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-11bf64aa.js';
+import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-df1af62c.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-26df0769.js';
+import { L as LidoBalance$1, d as defineCustomElement$1 } from './p-09b3b152.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-3ce3744c.js';
+import { L as LidoCalculator$1, d as defineCustomElement$1 } from './p-004adc43.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-5b5f59a8.js';
+import { L as LidoCanvas$1, d as defineCustomElement$1 } from './p-567983a9.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-cb56a853.js';
+import { L as LidoCell$1, d as defineCustomElement$1 } from './p-d2fe2bb6.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-68112f8c.js';
+import { L as LidoCol$1, d as defineCustomElement$1 } from './p-3f0e4436.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-00777872.js';
+import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-9ea1a67d.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-0c2aebfb.js';
+import { L as LidoFlash, d as defineCustomElement$1 } from './p-8774f517.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-2d53e1a5.js';
+import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-d568d595.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-b2125fc9.js';
+import { L as LidoHome$1, d as defineCustomElement$1 } from './p-057fb7b8.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-8a34b98b.js';
+import { L as LidoImage$1, d as defineCustomElement$1 } from './p-6beee44b.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-9d34d59d.js';
+import { L as LidoKeyboard$1, d as defineCustomElement$1 } from './p-71ded596.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-09f1e2d2.js';
+import { L as LidoMathMatrix$1, d as defineCustomElement$1 } from './p-23549651.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-52e77394.js';
+import { L as LidoPos$1, d as defineCustomElement$1 } from './p-cca545f9.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-06171259.js';
+import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-875c1411.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-58c67252.js';
-import { i as instance } from './p-0fbeb3a1.js';
-import { d as defineCustomElement$m } from './p-11bf64aa.js';
-import { d as defineCustomElement$l } from './p-26df0769.js';
-import { d as defineCustomElement$k } from './p-3ce3744c.js';
-import { d as defineCustomElement$j } from './p-5b5f59a8.js';
-import { d as defineCustomElement$i } from './p-cb56a853.js';
-import { d as defineCustomElement$h } from './p-68112f8c.js';
-import { d as defineCustomElement$g } from './p-00777872.js';
-import { d as defineCustomElement$f } from './p-0c2aebfb.js';
-import { d as defineCustomElement$e } from './p-2d53e1a5.js';
-import { d as defineCustomElement$d } from './p-b2125fc9.js';
-import { d as defineCustomElement$c } from './p-8a34b98b.js';
-import { d as defineCustomElement$b } from './p-9d34d59d.js';
-import { d as defineCustomElement$a } from './p-09f1e2d2.js';
-import { d as defineCustomElement$9 } from './p-52e77394.js';
-import { d as defineCustomElement$8 } from './p-06171259.js';
-import { d as defineCustomElement$7 } from './p-3f4d4c0a.js';
-import { d as defineCustomElement$6 } from './p-8f2ed62f.js';
-import { d as defineCustomElement$5 } from './p-a2f96840.js';
-import { d as defineCustomElement$4 } from './p-39a2e638.js';
-import { d as defineCustomElement$3 } from './p-a516a324.js';
-import { d as defineCustomElement$2 } from './p-c4abfd0f.js';
+import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-511377d2.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';
 
 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-3f4d4c0a.js';
+import { L as LidoRow$1, d as defineCustomElement$1 } from './p-561908ec.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-8f2ed62f.js';
+import { L as LidoShape$1, d as defineCustomElement$1 } from './p-0733b277.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-a2f96840.js';
+import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-90f7dd48.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-39a2e638.js';
+import { L as LidoText$1, d as defineCustomElement$1 } from './p-b3e67e7f.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-a516a324.js';
+import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-3e8ae1c5.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-c4abfd0f.js';
+import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-92b9ae9e.js';
 
 const LidoWrap = LidoWrap$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-3ce3744c.js → p-004adc43.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, l as createEvent, m as equationCheck, n as storingEachActivityScore, o as executeActions, N as NextContainerKey, h, j as Host } from './p-58c67252.js';
-import { d as defineCustomElement$2 } from './p-cb56a853.js';
-import { d as defineCustomElement$1 } from './p-39a2e638.js';
+import { p as proxyCustomElement, H, l as createEvent, m as equationCheck, n as storingEachActivityScore, o as executeActions, N as NextContainerKey, h, j as Host } from './p-511377d2.js';
+import { d as defineCustomElement$2 } from './p-d2fe2bb6.js';
+import { d as defineCustomElement$1 } from './p-b3e67e7f.js';
 
 const lidoCalculatorCss = "#lidoCalculator{border-radius:19px;border:5px solid #029A9A;position:relative;display:flex;flex-direction:column;padding:2%;box-sizing:border-box}.lido-calculator-btn-special{background-color:#014D4D !important;--btn-shadow-color:#0a2f2f !important}.lido-calculator-btn-default{background-color:#029A9A !important;color:#000;--btn-shadow-color:#0f4242 !important}#lido-calculator-penIcon{--btn-bg-color:#FB7038 !important;--btn-shadow-px:0 8px 0 !important;--btn-shadow-color:#D74B12 !important;border-radius:5px !important}.lido-calculator-displayParent{width:89%;height:107px;background-color:rgb(68, 186, 186);border-radius:5px;margin:14px auto 17px auto;overflow:hidden;display:flex;align-items:end}.lido-calculator-display{width:97%;height:94px;background:#029A9A;color:#fff;text-align:right;display:flex;justify-content:flex-end;align-items:center;font-size:72px;font-weight:700;font-family:'Baloo Bhai 2', serif;border-radius:5px 0px 0px 5px;box-sizing:border-box;margin:0 0px -6px auto}.lido-calculator-buttons{flex:1;display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;gap:0%;width:100%;justify-items:center;align-items:center;position:relative;top:-1%}.lido-calculator-buttons lido-text{display:flex !important;justify-content:center;align-items:center;width:96px !important;height:80px !important;font-size:72px !important;font-weight:700 !important;color:#fff;border-radius:5px !important;cursor:pointer;text-align:center;line-height:1;box-sizing:border-box;transition:transform 0.1s}.lido-calculator-buttons lido-text:active{transform:scale(0.95)}";
 const LidoCalculatorStyle0 = lidoCalculatorCss;

package/dist/components/{p-b2125fc9.js → p-057fb7b8.js}

@@ -1,25 +1,25 @@
-import { p as proxyCustomElement, H, w as dispatchActivityChangeEvent, A as ActivityScoreKey, x as dispatchGameCompletedEvent, y as dispatchGameExitEvent, z as AudioPlayer, B as generateUUIDFallback, C as exitUrl, D as prevUrl, E as nextUrl, F as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, G as getCancelBtnPopup, t as calculateScale, I as triggerPrevcontainer, o as executeActions, j as Host, e as convertUrlToRelative, J as setCancelBtnPopup } from './p-58c67252.js';
-import { i as instance } from './p-0fbeb3a1.js';
-import { d as defineCustomElement$k } from './p-11bf64aa.js';
-import { d as defineCustomElement$j } from './p-26df0769.js';
-import { d as defineCustomElement$i } from './p-3ce3744c.js';
-import { d as defineCustomElement$h } from './p-5b5f59a8.js';
-import { d as defineCustomElement$g } from './p-cb56a853.js';
-import { d as defineCustomElement$f } from './p-68112f8c.js';
-import { d as defineCustomElement$e } from './p-00777872.js';
-import { d as defineCustomElement$d } from './p-0c2aebfb.js';
-import { d as defineCustomElement$c } from './p-2d53e1a5.js';
-import { d as defineCustomElement$b } from './p-8a34b98b.js';
-import { d as defineCustomElement$a } from './p-9d34d59d.js';
-import { d as defineCustomElement$9 } from './p-09f1e2d2.js';
-import { d as defineCustomElement$8 } from './p-52e77394.js';
-import { d as defineCustomElement$7 } from './p-06171259.js';
-import { d as defineCustomElement$6 } from './p-3f4d4c0a.js';
-import { d as defineCustomElement$5 } from './p-8f2ed62f.js';
-import { d as defineCustomElement$4 } from './p-a2f96840.js';
-import { d as defineCustomElement$3 } from './p-39a2e638.js';
-import { d as defineCustomElement$2 } from './p-a516a324.js';
-import { d as defineCustomElement$1 } from './p-c4abfd0f.js';
+import { p as proxyCustomElement, H, w as dispatchActivityChangeEvent, A as ActivityScoreKey, x as dispatchGameCompletedEvent, y as dispatchGameExitEvent, z as AudioPlayer, B as generateUUIDFallback, C as exitUrl, D as prevUrl, E as nextUrl, F as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, G as getCancelBtnPopup, S as SelectedValuesKey, I as matchStringPattern, J as triggerNextContainer, t as calculateScale, K as triggerPrevcontainer, o as executeActions, j as Host, e as convertUrlToRelative, M as setCancelBtnPopup } from './p-511377d2.js';
+import { i as instance } from './p-73e3f0f4.js';
+import { d as defineCustomElement$k } from './p-df1af62c.js';
+import { d as defineCustomElement$j } from './p-09b3b152.js';
+import { d as defineCustomElement$i } from './p-004adc43.js';
+import { d as defineCustomElement$h } from './p-567983a9.js';
+import { d as defineCustomElement$g } from './p-d2fe2bb6.js';
+import { d as defineCustomElement$f } from './p-3f0e4436.js';
+import { d as defineCustomElement$e } from './p-9ea1a67d.js';
+import { d as defineCustomElement$d } from './p-8774f517.js';
+import { d as defineCustomElement$c } from './p-d568d595.js';
+import { d as defineCustomElement$b } from './p-6beee44b.js';
+import { d as defineCustomElement$a } from './p-71ded596.js';
+import { d as defineCustomElement$9 } from './p-23549651.js';
+import { d as defineCustomElement$8 } from './p-cca545f9.js';
+import { d as defineCustomElement$7 } from './p-875c1411.js';
+import { d as defineCustomElement$6 } from './p-561908ec.js';
+import { d as defineCustomElement$5 } from './p-0733b277.js';
+import { d as defineCustomElement$4 } from './p-90f7dd48.js';
+import { d as defineCustomElement$3 } from './p-b3e67e7f.js';
+import { d as defineCustomElement$2 } from './p-3e8ae1c5.js';
+import { d as defineCustomElement$1 } from './p-92b9ae9e.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}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}";
 const LidoHomeStyle0 = indexCss;
@@ -27,7 +27,7 @@ const LidoHomeStyle0 = indexCss;
 const animationCss = "@keyframes rightToPlace{from{transform:translateX(2000px)}to{transform:translateX(0)}}@keyframes topToPlace{from{transform:translateY(-1000px)}to{transform:translateY(0)}}@keyframes bottomToPlace{from{transform:translateY(1000px)}to{transform:translateY(0)}}@keyframes placeToLeft{from{}to{transform:translateX(-2000px)}}@keyframes leftToPlace{from{transform:translateX(-2000px)}to{transform:translateX(0)}}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-5px)}20%{transform:translateX(5px)}30%{transform:translateX(-5px)}40%{transform:translateX(5px)}50%{transform:translateX(-5px)}60%{transform:translateX(5px)}70%{transform:translateX(-5px)}80%{transform:translateX(5px)}90%{transform:translateX(-5px)}100%{transform:translateX(0)}}@keyframes fallAndBounce{0%{transform:translateY(-1000px)}25%{transform:translateY(0px)}50%{transform:translateY(-200px)}75%{transform:translateY(0)}90%{transform:translateY(-100px)}100%{transform:translateY(0)}}@keyframes placeToDown{0%{transform:translateY(0)}100%{transform:translateY(1000px)}}@keyframes strongShake{0%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}100%{transform:translateX(0)}}@keyframes scaledShake{0%{transform:scale(1) translateX(0);box-shadow:0 0 0 transparent}20%{transform:scale(1.10) translateX(-12px);box-shadow:0 0 10px red}40%{transform:scale(1.10) translateX(12px);box-shadow:0 0 12px red}60%{transform:scale(1.10) translateX(-8px);box-shadow:0 0 10px red}80%{transform:scale(1.10) translateX(8px);box-shadow:0 0 12px red}100%{transform:scale(1) translateX(0);box-shadow:none}}@keyframes horizontalShake{0%{transform:scale(1) translateX(0);background-color:transparent}20%{transform:translateX(-20px);background-color:rgba(255, 0, 0, 0.2)}40%{transform:translateX(20px);background-color:rgba(255, 0, 0, 0.4)}60%{transform:translateX(-10px);background-color:rgba(255, 0, 0, 0.3)}80%{transform:translateX(10px);background-color:rgba(255, 0, 0, 0.2)}100%{transform:translateX(0);background-color:transparent}}@keyframes verticalShake{0%{transform:translateY(0);background-color:transparent}20%{transform:translateY(-20px);background-color:rgba(255, 0, 0, 0.2)}40%{transform:translateY(0);background-color:rgba(255, 0, 0, 0.4)}60%{transform:translateY(20px);background-color:rgba(255, 0, 0, 0.2)}80%{transform:translateY(0);background-color:rgba(255, 0, 0, 0.1)}100%{transform:translateY(0);background-color:transparent}}@keyframes diagonalShake{0%{transform:translate(0, 0);background-color:transparent}25%{transform:translate(20px, -20px);background-color:rgba(255, 0, 0, 0.2)}50%{transform:translate(-20px, 20px);background-color:rgba(255, 0, 0, 0.3)}75%{transform:translate(10px, -10px);background-color:rgba(255, 0, 0, 0.2)}100%{transform:translate(0, 0);background-color:transparent}}@keyframes glowPulse{0%{filter:drop-shadow(0 0 5px yellow)\r\n            drop-shadow(0 0 10px yellow)\r\n            drop-shadow(0 0 20px yellow)\r\n            drop-shadow(0 0 30px orange)}50%{filter:drop-shadow(0 0 10px yellow)\r\n            drop-shadow(0 0 20px yellow)\r\n            drop-shadow(0 0 40px yellow)\r\n            drop-shadow(0 0 50px orange)}100%{filter:drop-shadow(0 0 5px yellow)\r\n            drop-shadow(0 0 10px yellow)\r\n            drop-shadow(0 0 20px yellow)\r\n            drop-shadow(0 0 30px orange)}}";
 const LidoHomeStyle1 = animationCss;
 
-const lidoHomeCss = ".lido-snackbar{visibility:visible;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;bottom:30px;left:50%;transform:translateX(-50%);font-size:17px}.lido-dot-container{display:flex;justify-content:space-between;align-items:center;visibility:hidden;position:absolute;left:50%;padding:0 5px;z-index:1;width:100vw;max-width:100vw;box-sizing:border-box;height:0px}.lido-dot{height:18px;width:18px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.3s;cursor:pointer;z-index:1}.lido-btn-dot-container{flex-shrink:1;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1;min-width:0;height:0px}.lido-dot.completed{background-color:grey}.lido-dot.current{background-color:green}.lido-dot:not(.completed):not(.current){background-color:#bbb}#lido-arrow-left,#lido-arrow-right{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:1000;box-shadow:0px 8px 0px 0px #8b310f;background-color:#f34d08;cursor:pointer;visibility:hidden;flex-shrink:0}#lido-arrow-left:active,#lido-arrow-right:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px}.navbar{display:flex;justify-content:center}.lido-exit-button,#main-audio{width:80px;height:80px;z-index:1000;cursor:pointer;background-color:white;display:flex;align-items:center;justify-content:center;border:4px solid #f34d08;border-radius:16px;box-shadow:0px 8px #f34d08;flex-shrink:0;}#main-audio:active,.popup-button:active .lido-exit-button:active{margin-bottom:-8px;box-shadow:0px 0px 0px 0px !important}.lido-alert-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 768px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0 8px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0 8px}.lido-dot{height:16px;width:16px;margin:0 2.5px}}@media (max-width: 480px){#lido-arrow-left,#lido-arrow-right{width:74px;height:74px;margin:0px 5px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0px 5px}.lido-dot{height:15px;width:15px;margin:0 1.5px}.lido-dot-container{padding:0 3px}}@media (max-width: 375px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 3px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 3px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 2px}}@media (max-width: 320px){#lido-arrow-left,#lido-arrow-right,.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 2px}.lido-dot{height:12px;width:12px;margin:0 0.5px}.lido-dot-container{padding:0 2px}}@media (max-width: 900px) and (orientation: landscape){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 5px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 5px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 5px}}.popup-exit-text{white-space:nowrap;font-size:22px;font-weight:600;margin-top:-8%}.lido-alert-parent{z-index:10000 !important;position:absolute;top:0;left:0}.popup-button{width:80px;height:80px;z-index:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;border:4px solid #F34D08;border-radius:16px;box-shadow:0 8px 0 #F34D08}.nav-for-lanai{position:absolute;top:0%;left:0%;max-width:none;width:100%;height:auto;visibility:visible}";
+const lidoHomeCss = ".lido-snackbar{visibility:visible;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;bottom:30px;left:50%;transform:translateX(-50%);font-size:17px}.lido-dot-container{display:flex;justify-content:space-between;align-items:center;visibility:hidden;position:absolute;left:50%;padding:0 5px;z-index:1;width:100vw;max-width:100vw;box-sizing:border-box;height:0px}.lido-dot{height:18px;width:18px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.3s;cursor:pointer;z-index:1}.lido-btn-dot-container{flex-shrink:1;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1;min-width:0;height:0px}.lido-dot.completed{background-color:grey}.lido-dot.current{background-color:green}.lido-dot:not(.completed):not(.current){background-color:#bbb}#lido-arrow-left,#lido-arrow-right{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:1000;box-shadow:0px 8px 0px 0px #8b310f;background-color:#f34d08;cursor:pointer;visibility:hidden;flex-shrink:0}#lido-arrow-left:active,#lido-arrow-right:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px}.navbar{display:flex;justify-content:center}.lido-exit-button,#main-audio{width:80px;height:80px;z-index:1000;cursor:pointer;background-color:white;display:flex;align-items:center;justify-content:center;border:4px solid #f34d08;border-radius:16px;box-shadow:0px 8px #f34d08;flex-shrink:0;}#main-audio:active,.popup-button:active .lido-exit-button:active{margin-bottom:-8px;box-shadow:0px 0px 0px 0px !important}.lido-alert-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 768px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0 8px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0 8px}.lido-dot{height:16px;width:16px;margin:0 2.5px}}@media (max-width: 480px){#lido-arrow-left,#lido-arrow-right{width:74px;height:74px;margin:0px 5px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0px 5px}.lido-dot{height:15px;width:15px;margin:0 1.5px}.lido-dot-container{padding:0 3px}}@media (max-width: 375px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 3px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 3px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 2px}}@media (max-width: 320px){#lido-arrow-left,#lido-arrow-right,.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 2px}.lido-dot{height:12px;width:12px;margin:0 0.5px}.lido-dot-container{padding:0 2px}}@media (max-width: 900px) and (orientation: landscape){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 5px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 5px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 5px}}.popup-exit-text{white-space:nowrap;font-size:22px;font-weight:600;margin-top:-8%}.lido-alert-parent{z-index:10000 !important;position:absolute;top:0;left:0}.popup-button{width:80px;height:80px;z-index:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;border:4px solid #F34D08;border-radius:16px;box-shadow:0 8px 0 #F34D08}.nav-for-lanai{position:absolute;top:0%;left:0%;max-width:none;width:100%;height:auto;visibility:visible}.parent_dots{pointer-events:none}";
 const LidoHomeStyle2 = lidoHomeCss;
 
 const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
@@ -108,7 +108,6 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
                     rightbtn.style.visibility = 'hidden';
                 }
                 else {
-                    rightbtn.style.pointerEvents = 'auto';
                     rightbtn.style.visibility = 'visible';
                 }
             }, 100);
@@ -319,6 +318,9 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
         if (tagName === 'lido-text' && props.string) {
             props.string = instance.t(props.string);
         }
+        if (tagName === 'lido-text' && props.string) {
+            props.string = instance.t(props.string);
+        }
         // Map XML tags to Stencil components
         const componentMapping = {
             'lido-container': (h("lido-container", Object.assign({}, props, { canplay: this.canplay, baseUrl: this.baseUrl, height: this.height }), children)),
@@ -368,6 +370,16 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
         this.containers = containers;
         console.log("container :::", 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();
@@ -387,6 +399,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-8f2ed62f.js → p-0733b277.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-58c67252.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-511377d2.js';
 
 const lidoShapeCss = ".lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z)}.lido-rectangle{border-radius:0}.lido-circle{width:var(--width);height:var(--width);border-radius:50%;background-color:var(--bgColor)}.lido-ellipse{width:var(--width);height:var(--height);border-radius:50%;background-color:var(--bgColor)}.lido-triangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}.lido-rightTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(100% 0%, 100% 100%, 0% 100%)}.lido-leftTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--triangleBgColor);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}.lido-parallelogram{width:var(--paralleWidth);height:var(--paralleHeight);transform:skew(20deg)}.lido-star{width:var(--starWidth);height:var(--starHeight);background-color:var(--starBgColor);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.lido-pentagon{width:var(--pentagonWidth);height:var(--pentagonHeight);background-color:var(--pentagonBgColor);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.lido-heptagon{width:var(--heptagonWidth);height:var(--heptagonHeight);background-color:var(--heptagonBgColor);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.lido-octagon{width:var(--octagonWidth);height:var(--octagonHeight);background-color:var(--octagonBgColor);clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%)}.lido-rhombus{width:var(--rhombusWidth);height:var(--rhombusHeight);background-color:var(--rhombusBgColor);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.lido-heart{height:var(--heartHeight);width:var(--heartWidth);border-image:radial-gradient(var(--heartBgColor) 69%, #0000 70%) 84.5%/50%;clip-path:polygon(-41% 0, 50% 91%, 141% 0)}";
 const LidoShapeStyle0 = lidoShapeCss;

package/dist/components/{p-26df0769.js → p-09b3b152.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-58c67252.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-511377d2.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-09f1e2d2.js → p-23549651.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, e as convertUrlToRelative, k as parseProp, T as validateObjectiveStatus, h, j as Host } from './p-58c67252.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, e as convertUrlToRelative, k as parseProp, U as validateObjectiveStatus, h, j as Host } from './p-511377d2.js';
 
 const lidoMathMatrixCss = ".math-matrix{width:100%;height:100%;display:flex;justify-content:center}.slot{width:100%;height:100%;text-align:center;align-content:center;font-size:42px;font-weight:800;font-family:'Baloo Bhai 2';box-sizing:content-box}.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:contain;background-position:center;background-repeat:no-repeat}.slot-inactive{background-color:var(--deactive-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;font-weight:600;font-family:'Baloo Bhai 2'}";
 const LidoMathMatrixStyle0 = lidoMathMatrixCss;