lido-player 0.0.2-alpha-59-dev → 0.0.2-alpha-60-dev

package/dist/components/lido-balance.js

@@ -1,4 +1,4 @@
-import { L as LidoBalance$1, d as defineCustomElement$1 } from './p-5eeaccab.js';
+import { L as LidoBalance$1, d as defineCustomElement$1 } from './p-06cecca5.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-aff68c41.js';
+import { L as LidoCalculator$1, d as defineCustomElement$1 } from './p-db2a05f5.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-ad0f335e.js';
+import { L as LidoCanvas$1, d as defineCustomElement$1 } from './p-354f7b19.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-33b83222.js';
+import { L as LidoCell$1, d as defineCustomElement$1 } from './p-3acada8c.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-f9426cbe.js';
+import { L as LidoCol$1, d as defineCustomElement$1 } from './p-57400ebc.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-5c990168.js';
+import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-b151457d.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-6819005f.js';
+import { L as LidoFlash, d as defineCustomElement$1 } from './p-8f082c62.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-f238004e.js';
+import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-b867548e.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-73e4bb01.js';
+import { L as LidoHome$1, d as defineCustomElement$1 } from './p-de45dcab.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-84302365.js';
+import { L as LidoImage$1, d as defineCustomElement$1 } from './p-16604098.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-4d9462ab.js';
+import { L as LidoKeyboard$1, d as defineCustomElement$1 } from './p-74c270d2.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-6bbad90f.js';
+import { L as LidoMathMatrix$1, d as defineCustomElement$1 } from './p-93acfbb2.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-5aa24314.js';
+import { L as LidoPos$1, d as defineCustomElement$1 } from './p-c90d92db.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-9b35082a.js';
+import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-8c0667eb.js';
 
 const LidoRandom = LidoRandom$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-root.js

@@ -1,25 +1,25 @@
-import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-3513b1f3.js';
-import { d as defineCustomElement$4, i as instance } from './p-2bb1f74d.js';
-import { d as defineCustomElement$m } from './p-99fcbae4.js';
-import { d as defineCustomElement$l } from './p-5eeaccab.js';
-import { d as defineCustomElement$k } from './p-aff68c41.js';
-import { d as defineCustomElement$j } from './p-ad0f335e.js';
-import { d as defineCustomElement$i } from './p-33b83222.js';
-import { d as defineCustomElement$h } from './p-f9426cbe.js';
-import { d as defineCustomElement$g } from './p-5c990168.js';
-import { d as defineCustomElement$f } from './p-6819005f.js';
-import { d as defineCustomElement$e } from './p-f238004e.js';
-import { d as defineCustomElement$d } from './p-73e4bb01.js';
-import { d as defineCustomElement$c } from './p-84302365.js';
-import { d as defineCustomElement$b } from './p-4d9462ab.js';
-import { d as defineCustomElement$a } from './p-6bbad90f.js';
-import { d as defineCustomElement$9 } from './p-5aa24314.js';
-import { d as defineCustomElement$8 } from './p-9b35082a.js';
-import { d as defineCustomElement$7 } from './p-d9b17242.js';
-import { d as defineCustomElement$6 } from './p-de62d08e.js';
-import { d as defineCustomElement$5 } from './p-356e56bd.js';
-import { d as defineCustomElement$3 } from './p-49ccf573.js';
-import { d as defineCustomElement$2 } from './p-e8e9250e.js';
+import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-235091a1.js';
+import { d as defineCustomElement$4, i as instance } from './p-37c86a94.js';
+import { d as defineCustomElement$m } from './p-4d01394c.js';
+import { d as defineCustomElement$l } from './p-06cecca5.js';
+import { d as defineCustomElement$k } from './p-db2a05f5.js';
+import { d as defineCustomElement$j } from './p-354f7b19.js';
+import { d as defineCustomElement$i } from './p-3acada8c.js';
+import { d as defineCustomElement$h } from './p-57400ebc.js';
+import { d as defineCustomElement$g } from './p-b151457d.js';
+import { d as defineCustomElement$f } from './p-8f082c62.js';
+import { d as defineCustomElement$e } from './p-b867548e.js';
+import { d as defineCustomElement$d } from './p-de45dcab.js';
+import { d as defineCustomElement$c } from './p-16604098.js';
+import { d as defineCustomElement$b } from './p-74c270d2.js';
+import { d as defineCustomElement$a } from './p-93acfbb2.js';
+import { d as defineCustomElement$9 } from './p-c90d92db.js';
+import { d as defineCustomElement$8 } from './p-8c0667eb.js';
+import { d as defineCustomElement$7 } from './p-3acd9a2e.js';
+import { d as defineCustomElement$6 } from './p-8a32f7cb.js';
+import { d as defineCustomElement$5 } from './p-a182c9a2.js';
+import { d as defineCustomElement$3 } from './p-32c89979.js';
+import { d as defineCustomElement$2 } from './p-5e7c6afa.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-d9b17242.js';
+import { L as LidoRow$1, d as defineCustomElement$1 } from './p-3acd9a2e.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-de62d08e.js';
+import { L as LidoShape$1, d as defineCustomElement$1 } from './p-8a32f7cb.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-356e56bd.js';
+import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-a182c9a2.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-2bb1f74d.js';
+import { L as LidoText$1, d as defineCustomElement$1 } from './p-37c86a94.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-49ccf573.js';
+import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-32c89979.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-e8e9250e.js';
+import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-5e7c6afa.js';
 
 const LidoWrap = LidoWrap$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-5eeaccab.js → p-06cecca5.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-235091a1.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-84302365.js → p-16604098.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, W as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, X as tinyColor, t as attachSpeakIcon, k as parseProp, e as convertUrlToRelative, h, j as Host } from './p-3513b1f3.js';
+import { c as commonjsGlobal, W as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, X as tinyColor, t as attachSpeakIcon, k as parseProp, e as convertUrlToRelative, h, j as Host } from './p-235091a1.js';
 
 var lib = {exports: {}};
 

package/dist/components/{p-3513b1f3.js → p-235091a1.js}

@@ -2139,7 +2139,6 @@ async function onElementDropComplete(dragElement, dropElement) {
     const dragSelectedData = JSON.stringify(buildDragSelectedMapFromDOM());
     const dropSelectedDataobject = buildDragSelectedMapFromDOM();
     JSON.stringify(dropSelectedDataobject);
-    console.log("dragggedddd elem", { value: dragElement.getAttribute("value") });
     let dropHasDrag = buildDropHasDragFromDOM();
     if (!dropElement) {
         handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedValueData, dragSelectedData);
@@ -2372,6 +2371,7 @@ function updateDropBorder(element) {
     if (dragSelectedElements.length > 0) {
         element.classList.add('filled');
         element.classList.remove('empty');
+        element.classList.remove('highlight-element');
     }
     else {
         if (!element.classList.contains('math-matrix')) {
@@ -2603,7 +2603,7 @@ function highlightElement() {
         }
         // Highlight corresponding drag elements if mistakes are more than 2
         const dragElements = container.querySelectorAll(`[type="drag"]`);
-        if (countOfMistakes > 2) {
+        if (countOfMistakes > 2 && container.getAttribute("is-continue-on-correct") === "true") {
             dragElements.forEach(dragEl => {
                 dragEl.classList.remove('highlight-element');
                 if (dragEl.getAttribute('value') === dropEle.getAttribute('value')) {
@@ -2620,7 +2620,7 @@ function highlightElement() {
         }
     }
     else {
-        if (countOfMistakes <= 2)
+        if (countOfMistakes <= 2 || container.getAttribute("is-continue-on-correct") === "false")
             return;
         const clickTemplate = container.querySelectorAll("[type='click']");
         clickTemplate.forEach(clickEl => {

package/dist/components/{p-49ccf573.js → p-32c89979.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, $ as TraceMode, e as convertUrlToRelative, d as setVisibilityWithDelay, a0 as speakIcon, n as storingEachActivityScore, o as executeActions, q as calculateScore, Q as triggerNextContainer, K as LidoContainer, k as parseProp, h, j as Host, a1 as fingerUrl } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, $ as TraceMode, e as convertUrlToRelative, d as setVisibilityWithDelay, a0 as speakIcon, n as storingEachActivityScore, o as executeActions, q as calculateScore, Q as triggerNextContainer, K as LidoContainer, k as parseProp, h, j as Host, a1 as fingerUrl } from './p-235091a1.js';
 
 const lidoTraceCss = ":host{display:block;position:relative}#lido-svgContainer{display:flex;justify-content:center;align-items:center;overflow:hidden}svg{width:100%;height:100%;touch-action:none}#lido-draggableCircle{cursor:pointer;fill:#CF1565;transition:fill 0.2s, r 0.2s}.lido-blindTracing{stroke:none !important}.lido-blindFreeTrace{stroke:none !important}.lido-hovered{cursor:grab;fill:darkred}#lido-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:10px;background-color:#f0f0f0;border-top:1px solid #ccc}button{padding:10px;font-size:16px}@media (max-width: 600px){button{padding:8px;font-size:14px}}.lido-trace-path-green{}.lido-flow-indicator{stroke:blue;stroke-width:2;stroke-dasharray:6, 6;fill:none}.lido-trace{height:700px;width:700px;z-index:1;justify-items:center;align-content:center}.trace-animate{animation:trace-bounce 0.5s}@keyframes trace-bounce{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(0.95)}100%{transform:scale(1)}}";
 const LidoTraceStyle0 = lidoTraceCss;

package/dist/components/{p-ad0f335e.js → p-354f7b19.js}

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

package/dist/components/{p-2bb1f74d.js → p-37c86a94.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, t as attachSpeakIcon, L as LIDO_COMMON_AUDIO_READY_EVENT, e as convertUrlToRelative, k as parseProp, h, j as Host, u as LIDO_COMMON_AUDIO_PATH } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, t as attachSpeakIcon, L as LIDO_COMMON_AUDIO_READY_EVENT, e as convertUrlToRelative, k as parseProp, h, j as Host, u as LIDO_COMMON_AUDIO_PATH } from './p-235091a1.js';
 
 const isString = obj => typeof obj === 'string';
 const defer = () => {

package/dist/components/{p-33b83222.js → p-3acada8c.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-235091a1.js';
 
 const lidoCellCss = ".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>*{}.lido-row{display:flex;justify-content:space-around;align-items:center;}.lido-row>*{}.lido-wrap{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill, minmax(186px, auto))}.lido-wrap>*{padding:10px;box-sizing:border-box}.lido-flex{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}.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}.lido-random{position:relative;width:100%;height:100%}.lido-random>*{position:absolute}.lido-col::-webkit-scrollbar,.lido-wrap::-webkit-scrollbar,.lido-flex::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.lido-col::-webkit-scrollbar-thumb,.lido-wrap::-webkit-scrollbar-thumb,.lido-flex::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:3px solid transparent;background-clip:content-box}.lido-col::-webkit-scrollbar-track,.lido-wrap::-webkit-scrollbar-track,.lido-flex::-webkit-scrollbar-track{background:#f1f1f1}";
 const LidoCellStyle0 = lidoCellCss;

package/dist/components/{p-d9b17242.js → p-3acd9a2e.js}

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

package/dist/components/{p-99fcbae4.js → p-4d01394c.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-3513b1f3.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-235091a1.js';
 
 var rive = {exports: {}};
 

package/dist/components/{p-f9426cbe.js → p-57400ebc.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, e as convertUrlToRelative, k as parseProp, h, j as Host } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, e as convertUrlToRelative, k as parseProp, h, j as Host } from './p-235091a1.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-e8e9250e.js → p-5e7c6afa.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-235091a1.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-4d9462ab.js → p-74c270d2.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, S as SelectedValuesKey, K as LidoContainer, o as executeActions, Q as triggerNextContainer, x as handleFloatElementPosition, n as storingEachActivityScore, Y as DropAction, k as parseProp, h, j as Host } from './p-3513b1f3.js';
-import { d as defineCustomElement$1 } from './p-2bb1f74d.js';
+import { p as proxyCustomElement, H, S as SelectedValuesKey, K as LidoContainer, o as executeActions, Q as triggerNextContainer, x as handleFloatElementPosition, n as storingEachActivityScore, Y as DropAction, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { d as defineCustomElement$1 } from './p-37c86a94.js';
 
 const lidoKeyboardCss = ".lido-keyboard{display:flex;flex-direction:column;align-items:center;gap:30px}.input-area{display:flex;gap:15px}input[type=\"text\"]{font-size:30px;font-weight:600;padding-left:20px;width:300px;height:70px;border:2px solid;background:whitesmoke;border-radius:20px;text-align:center}.keyboard-wrapper{justify-content:center;width:700px}.disabled{opacity:0.5;pointer-events:none}.key-button{background:aquamarine;font-weight:600}";
 const LidoKeyboardStyle0 = lidoKeyboardCss;

package/dist/components/{p-de62d08e.js → p-8a32f7cb.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, k as parseProp, h, j as Host } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, k as parseProp, h, j as Host } from './p-235091a1.js';
 
 const lidoShapeCss = ".lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z);justify-content:center;align-items:center}.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-trapezoid{width:var(--trapezoidWidth);height:var(--trapezoidHeight);background-color:var(--bgColor);clip-path:polygon(\r\n    20% 0%,   \r\n    80% 0%,   \r\n    100% 100%,\r\n    0% 100%  \r\n  )}.lido-hexagon{width:var(--hexagonWidth);height:var(--hexagonHeight);background-color:var(--bgColor);clip-path:polygon(\r\n    25% 0%,   \r\n    75% 0%,   \r\n    100% 50%, \r\n    75% 100%, \r\n    25% 100%, \r\n    0% 50%   \r\n  )}.lido-cone{width:var(--coneWidth);height:var(--coneHeight);background-color:var(--bgColor);clip-path:polygon(\r\n    \r\n    15% 10%,\r\n    25% 4%,\r\n    35% 1%,\r\n    50% 0%,\r\n    65% 1%,\r\n    75% 4%,\r\n    85% 10%,\r\n\r\n    \r\n    50% 100%\r\n  )}.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)}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(45deg)}.face{position:absolute;width:var(--face-width,150px);height:var(--face-width,150px);background:var(--face-bg-color,150px);box-shadow:inset -20px -20px 40px rgba(0,0,0,0.3)}.front{transform:rotateY(  0deg) translateZ(var(--face-translate, 75px))}.back{transform:rotateY(180deg) translateZ(var(--face-translate, 75px))}.right{transform:rotateY( 90deg) translateZ(var(--face-translate, 75px))}.left{transform:rotateY(-90deg) translateZ(var(--face-translate, 75px))}.top{transform:rotateX( 90deg) translateZ(var(--face-translate, 75px))}.bottom{transform:rotateX(-90deg) translateZ(var(--face-translate, 75px))}.lido-cylinder{width:var(--width);height:var(--height);border-radius:100% / 80px;background:radial-gradient(50% 40px at 50% 40px, #0003 99.99%, #0000 0),\r\n    radial-gradient(50% 40px at 50% calc(100% - 40px), #fff3 99.99%, #0000 0),\r\n    red}";
 const LidoShapeStyle0 = lidoShapeCss;

package/dist/components/{p-9b35082a.js → p-8c0667eb.js}

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

package/dist/components/{p-6819005f.js → p-8f082c62.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, k as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, k as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-235091a1.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-6bbad90f.js → p-93acfbb2.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, e as convertUrlToRelative, k as parseProp, Z as validateObjectiveStatus, h, j as Host } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, e as convertUrlToRelative, k as parseProp, Z as validateObjectiveStatus, h, j as Host } from './p-235091a1.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;

package/dist/components/{p-356e56bd.js → p-a182c9a2.js}

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

package/dist/components/{p-5c990168.js → p-b151457d.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, T as TemplateID, v as calculateScale, e as convertUrlToRelative, i as initEventsForElement, w as highlightElement, h, j as Host } from './p-3513b1f3.js';
-import { d as defineCustomElement$1, i as instance } from './p-2bb1f74d.js';
+import { p as proxyCustomElement, H, T as TemplateID, v as calculateScale, e as convertUrlToRelative, i as initEventsForElement, w as highlightElement, h, j as Host } from './p-235091a1.js';
+import { d as defineCustomElement$1, i as instance } from './p-37c86a94.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;
@@ -197,7 +197,9 @@ const LidoContainer = /*@__PURE__*/ proxyCustomElement(class LidoContainer exten
         }
         const langToApply = this.resolveLanguage();
         this.updateChildTextLanguage(langToApply);
-        highlightElement();
+        setTimeout(() => {
+            highlightElement();
+        }, 100);
     }
     disconnectedCallback() {
         window.removeEventListener('resize', () => this.scaleContainer(this.el));
@@ -217,7 +219,7 @@ const LidoContainer = /*@__PURE__*/ proxyCustomElement(class LidoContainer exten
             userSelect: 'none', // Prevent any field selection
         };
         console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
-        return (h(Host, { key: '062e67bfc3b71a1dca4502d9a233b312e20d5b0e', id: "lido-container", locale: this.locale, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": this.disableSpeak, "template-id": this.templateId, audio: this.audio }, h("lido-text", { key: 'a297a1aad38160b3bbf13386c92a3b9623bd7276', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: '49d014ea8cbda57b9b7b683a4b8150df5c3d9b40' })));
+        return (h(Host, { key: 'bdae7c7d24046fc0f726668b9b1bbb84f3ddd3dd', id: "lido-container", locale: this.locale, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": this.disableSpeak, "template-id": this.templateId, audio: this.audio }, h("lido-text", { key: 'aa5d73493b429f0d99c5737aed89488c565e1699', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: 'd251b1fed4468aabd66a6f6c14b3de234329ab64' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/{p-f238004e.js → p-b867548e.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, x as handleFloatElementPosition, y as handleElementClick, k as parseProp, h, j as Host } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, x as handleFloatElementPosition, y as handleElementClick, k as parseProp, h, j as Host } from './p-235091a1.js';
 
 const lidoFloatCss = ".lido-float{position:relative}.lido-float>*{position:absolute;cursor:pointer}@keyframes float-up{from{top:var(--el-top)}to{top:-500px}}#removeShadow{box-shadow:unset !important}@keyframes float-lr{from{right:var(--el-left)}to{right:-500px}}";
 const LidoFloatStyle0 = lidoFloatCss;

package/dist/components/{p-5aa24314.js → p-c90d92db.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-3513b1f3.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-235091a1.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-aff68c41.js → p-db2a05f5.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, l as createEvent, m as equationCheck, n as storingEachActivityScore, o as executeActions, q as calculateScore, N as NextContainerKey, h, j as Host } from './p-3513b1f3.js';
-import { d as defineCustomElement$2 } from './p-33b83222.js';
-import { d as defineCustomElement$1 } from './p-2bb1f74d.js';
+import { p as proxyCustomElement, H, l as createEvent, m as equationCheck, n as storingEachActivityScore, o as executeActions, q as calculateScore, N as NextContainerKey, h, j as Host } from './p-235091a1.js';
+import { d as defineCustomElement$2 } from './p-3acada8c.js';
+import { d as defineCustomElement$1 } from './p-37c86a94.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-73e4bb01.js → p-de45dcab.js}

@@ -1,24 +1,24 @@
-import { p as proxyCustomElement, H, z as dispatchActivityChangeEvent, A as ActivityScoreKey, B as dispatchGameCompletedEvent, C as dispatchGameExitEvent, D as AudioPlayer, E as generateUUIDFallback, F as exitUrl, G as prevUrl, I as nextUrl, J as speakUrl, N as NextContainerKey, P as PrevContainerKey, u as LIDO_COMMON_AUDIO_PATH, K as LidoContainer, h, T as TemplateID, o as executeActions, M as getCancelBtnPopup, S as SelectedValuesKey, O as matchStringPattern, Q as triggerNextContainer, v as calculateScale, U as triggerPrevcontainer, j as Host, e as convertUrlToRelative, V as setCancelBtnPopup } from './p-3513b1f3.js';
-import { d as defineCustomElement$3, i as instance } from './p-2bb1f74d.js';
-import { d as defineCustomElement$k } from './p-99fcbae4.js';
-import { d as defineCustomElement$j } from './p-5eeaccab.js';
-import { d as defineCustomElement$i } from './p-aff68c41.js';
-import { d as defineCustomElement$h } from './p-ad0f335e.js';
-import { d as defineCustomElement$g } from './p-33b83222.js';
-import { d as defineCustomElement$f } from './p-f9426cbe.js';
-import { d as defineCustomElement$e } from './p-5c990168.js';
-import { d as defineCustomElement$d } from './p-6819005f.js';
-import { d as defineCustomElement$c } from './p-f238004e.js';
-import { d as defineCustomElement$b } from './p-84302365.js';
-import { d as defineCustomElement$a } from './p-4d9462ab.js';
-import { d as defineCustomElement$9 } from './p-6bbad90f.js';
-import { d as defineCustomElement$8 } from './p-5aa24314.js';
-import { d as defineCustomElement$7 } from './p-9b35082a.js';
-import { d as defineCustomElement$6 } from './p-d9b17242.js';
-import { d as defineCustomElement$5 } from './p-de62d08e.js';
-import { d as defineCustomElement$4 } from './p-356e56bd.js';
-import { d as defineCustomElement$2 } from './p-49ccf573.js';
-import { d as defineCustomElement$1 } from './p-e8e9250e.js';
+import { p as proxyCustomElement, H, z as dispatchActivityChangeEvent, A as ActivityScoreKey, B as dispatchGameCompletedEvent, C as dispatchGameExitEvent, D as AudioPlayer, E as generateUUIDFallback, F as exitUrl, G as prevUrl, I as nextUrl, J as speakUrl, N as NextContainerKey, P as PrevContainerKey, u as LIDO_COMMON_AUDIO_PATH, K as LidoContainer, h, T as TemplateID, o as executeActions, M as getCancelBtnPopup, S as SelectedValuesKey, O as matchStringPattern, Q as triggerNextContainer, v as calculateScale, U as triggerPrevcontainer, j as Host, e as convertUrlToRelative, V as setCancelBtnPopup } from './p-235091a1.js';
+import { d as defineCustomElement$3, i as instance } from './p-37c86a94.js';
+import { d as defineCustomElement$k } from './p-4d01394c.js';
+import { d as defineCustomElement$j } from './p-06cecca5.js';
+import { d as defineCustomElement$i } from './p-db2a05f5.js';
+import { d as defineCustomElement$h } from './p-354f7b19.js';
+import { d as defineCustomElement$g } from './p-3acada8c.js';
+import { d as defineCustomElement$f } from './p-57400ebc.js';
+import { d as defineCustomElement$e } from './p-b151457d.js';
+import { d as defineCustomElement$d } from './p-8f082c62.js';
+import { d as defineCustomElement$c } from './p-b867548e.js';
+import { d as defineCustomElement$b } from './p-16604098.js';
+import { d as defineCustomElement$a } from './p-74c270d2.js';
+import { d as defineCustomElement$9 } from './p-93acfbb2.js';
+import { d as defineCustomElement$8 } from './p-c90d92db.js';
+import { d as defineCustomElement$7 } from './p-8c0667eb.js';
+import { d as defineCustomElement$6 } from './p-3acd9a2e.js';
+import { d as defineCustomElement$5 } from './p-8a32f7cb.js';
+import { d as defineCustomElement$4 } from './p-a182c9a2.js';
+import { d as defineCustomElement$2 } from './p-32c89979.js';
+import { d as defineCustomElement$1 } from './p-5e7c6afa.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:rgb(243, 77, 8) 0px 0px 40px !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;

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { f as format } from './utils-3995d2d5.js';
+export { f as format } from './utils-2edeb213.js';
 import './index-37c2ad2d.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, g as getAssetPath, h, H as Host, a as getElement, c as createEvent } from './index-37c2ad2d.js';
-import { c as commonjsGlobal, s as setVisibilityWithDelay, i as initEventsForElement, a as convertUrlToRelative, R as RiveService, p as parseProp, e as equationCheck, b as storingEachActivityScore, d as executeActions, g as calculateScore, N as NextContainerKey, h as handlingChildElements, j as attachSpeakIcon, T as TemplateID, k as calculateScale, l as highlightElement, m as handleFloatElementPosition, n as handleElementClick, o as dispatchActivityChangeEvent, A as ActivityScoreKey, q as dispatchGameCompletedEvent, r as dispatchGameExitEvent, t as AudioPlayer, u as generateUUIDFallback, v as exitUrl, w as prevUrl, x as nextUrl, y as speakUrl, P as PrevContainerKey, L as LIDO_COMMON_AUDIO_PATH, z as LidoContainer$1, B as getCancelBtnPopup, S as SelectedValuesKey, C as matchStringPattern, D as triggerNextContainer, E as triggerPrevcontainer, F as setCancelBtnPopup, G as getDefaultExportFromCjs, H as tinyColor, I as DropAction, J as validateObjectiveStatus, K as fraction, M as LIDO_COMMON_AUDIO_READY_EVENT, O as TraceMode, Q as speakIcon, U as fingerUrl } from './utils-3995d2d5.js';
+import { c as commonjsGlobal, s as setVisibilityWithDelay, i as initEventsForElement, a as convertUrlToRelative, R as RiveService, p as parseProp, e as equationCheck, b as storingEachActivityScore, d as executeActions, g as calculateScore, N as NextContainerKey, h as handlingChildElements, j as attachSpeakIcon, T as TemplateID, k as calculateScale, l as highlightElement, m as handleFloatElementPosition, n as handleElementClick, o as dispatchActivityChangeEvent, A as ActivityScoreKey, q as dispatchGameCompletedEvent, r as dispatchGameExitEvent, t as AudioPlayer, u as generateUUIDFallback, v as exitUrl, w as prevUrl, x as nextUrl, y as speakUrl, P as PrevContainerKey, L as LIDO_COMMON_AUDIO_PATH, z as LidoContainer$1, B as getCancelBtnPopup, S as SelectedValuesKey, C as matchStringPattern, D as triggerNextContainer, E as triggerPrevcontainer, F as setCancelBtnPopup, G as getDefaultExportFromCjs, H as tinyColor, I as DropAction, J as validateObjectiveStatus, K as fraction, M as LIDO_COMMON_AUDIO_READY_EVENT, O as TraceMode, Q as speakIcon, U as fingerUrl } from './utils-2edeb213.js';
 
 var rive = {exports: {}};
 
@@ -10073,7 +10073,9 @@ const LidoContainer = class {
         }
         const langToApply = this.resolveLanguage();
         this.updateChildTextLanguage(langToApply);
-        highlightElement();
+        setTimeout(() => {
+            highlightElement();
+        }, 100);
     }
     disconnectedCallback() {
         window.removeEventListener('resize', () => this.scaleContainer(this.el));
@@ -10093,7 +10095,7 @@ const LidoContainer = class {
             userSelect: 'none', // Prevent any field selection
         };
         console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
-        return (h(Host, { key: '062e67bfc3b71a1dca4502d9a233b312e20d5b0e', id: "lido-container", locale: this.locale, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": this.disableSpeak, "template-id": this.templateId, audio: this.audio }, h("lido-text", { key: 'a297a1aad38160b3bbf13386c92a3b9623bd7276', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: '49d014ea8cbda57b9b7b683a4b8150df5c3d9b40' })));
+        return (h(Host, { key: 'bdae7c7d24046fc0f726668b9b1bbb84f3ddd3dd', id: "lido-container", locale: this.locale, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": this.disableSpeak, "template-id": this.templateId, audio: this.audio }, h("lido-text", { key: 'aa5d73493b429f0d99c5737aed89488c565e1699', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: 'd251b1fed4468aabd66a6f6c14b3de234329ab64' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{utils-3995d2d5.js → utils-2edeb213.js}

@@ -698,7 +698,6 @@ async function onElementDropComplete(dragElement, dropElement) {
     const dragSelectedData = JSON.stringify(buildDragSelectedMapFromDOM());
     const dropSelectedDataobject = buildDragSelectedMapFromDOM();
     JSON.stringify(dropSelectedDataobject);
-    console.log("dragggedddd elem", { value: dragElement.getAttribute("value") });
     let dropHasDrag = buildDropHasDragFromDOM();
     if (!dropElement) {
         handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedValueData, dragSelectedData);
@@ -931,6 +930,7 @@ function updateDropBorder(element) {
     if (dragSelectedElements.length > 0) {
         element.classList.add('filled');
         element.classList.remove('empty');
+        element.classList.remove('highlight-element');
     }
     else {
         if (!element.classList.contains('math-matrix')) {
@@ -1162,7 +1162,7 @@ function highlightElement() {
         }
         // Highlight corresponding drag elements if mistakes are more than 2
         const dragElements = container.querySelectorAll(`[type="drag"]`);
-        if (countOfMistakes > 2) {
+        if (countOfMistakes > 2 && container.getAttribute("is-continue-on-correct") === "true") {
             dragElements.forEach(dragEl => {
                 dragEl.classList.remove('highlight-element');
                 if (dragEl.getAttribute('value') === dropEle.getAttribute('value')) {
@@ -1179,7 +1179,7 @@ function highlightElement() {
         }
     }
     else {
-        if (countOfMistakes <= 2)
+        if (countOfMistakes <= 2 || container.getAttribute("is-continue-on-correct") === "false")
             return;
         const clickTemplate = container.querySelectorAll("[type='click']");
         clickTemplate.forEach(clickEl => {

package/dist/lido-player/index.esm.js

@@ -1 +1 @@
-export{f as format}from"./p-aee89fba.js";import"./p-9a9d5339.js";
+export{f as format}from"./p-add7f36e.js";import"./p-9a9d5339.js";