lido-player 0.0.2-alpha-40 → 0.0.2-alpha-42

package/dist/cjs/index.cjs.js

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fe562525.js');
-const utils = require('./utils-02d1df71.js');
+const utils = require('./utils-d35051ce.js');
 
 var rive = {exports: {}};
 
@@ -11265,7 +11265,7 @@ const LidoText = class {
 };
 LidoText.style = LidoTextStyle0;
 
-const lidoTraceCss = ":host{display:block;position:relative}#lido-svgContainer{display:flex;justify-content:center;align-items:center;overflow:hidden}svg{width:100%;height:100%;max-height:calc(100vh - 50px);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 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;
 
 const LidoTrace = class {
@@ -11590,11 +11590,11 @@ const LidoTrace = class {
         var _a;
         const firstPathStart = state.paths[0].getPointAtLength(0);
         const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
-        const strokeWidth = state.paths[state.currentPathIndex].style['stroke-width'] || state.paths[state.currentPathIndex].getAttribute('stroke-width');
+        state.paths[state.currentPathIndex].style['stroke-width'] || state.paths[state.currentPathIndex].getAttribute('stroke-width');
         circle.setAttribute('id', 'lido-draggableCircle');
         circle.setAttribute('cx', firstPathStart.x.toString());
         circle.setAttribute('cy', firstPathStart.y.toString());
-        circle.setAttribute('r', `calc(${strokeWidth || 10} / 3)`); // Radius of the draggable circle
+        circle.setAttribute('r', `calc(20)`); // Radius of the draggable circle
         circle.setAttribute('fill', '#CF1565'); // fill the color for the circle 
         (_a = state.svg) === null || _a === void 0 ? void 0 : _a.appendChild(circle);
         state.circle = circle;
@@ -11977,7 +11977,7 @@ const LidoTrace = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '3cdcbcdfbc4bda470d2ce3e4a57fee9a280b250e', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, index.h("div", { key: '29c8230656dc827027ff07e25edbb375710f1213', style: this.style, id: "lido-svgContainer" })));
+        return (index.h(index.Host, { key: 'c774cbe324a21f540fc756dedab1c04a743ab03c', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, index.h("div", { key: '0d129814d07ca953b05200cb6101bd67a8e8596d', style: this.style, id: "lido-svgContainer" })));
     }
     static get assetsDirs() { return ["svg", "images"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/{utils-02d1df71.js → utils-d35051ce.js}

@@ -211,7 +211,7 @@ function enableDraggingWithScaling(element) {
             isDragging = false;
             return;
         }
-        AudioPlayer.getI().stop();
+        // AudioPlayer.getI().stop();
         removeHighlight(element);
         isDragging = true;
         isClicked = true;
@@ -836,19 +836,6 @@ 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);
-    if (isCorrect) {
-        // Perform actions if onMatch is defined
-        const onCorrect = dropElement.getAttribute('onCorrect');
-        if (onCorrect) {
-            await executeActions("this.alignMatch='true'", dropElement, dragElement);
-            await executeActions(onCorrect, dropElement, dragElement);
-        }
-    }
-    else {
-        const onInCorrect = dropElement.getAttribute('onInCorrect');
-        await executeActions(onInCorrect, dropElement, dragElement);
-        // showWrongAnswerAnimation([dropElement, dragElement]);
-    }
     storingEachActivityScore(isCorrect);
     dragElement.style.opacity = '1';
     await onActivityComplete(dragElement, dropElement);
@@ -67997,6 +67984,7 @@ const executeActions = async (actionsString, thisElement, element) => {
                     const container = document.getElementById(LidoContainer);
                     const containerScale = getElementScale$1(container);
                     dragElement.style.transform = 'translate(0,0)';
+                    console.log("logg alinmatch");
                     const dropRect = dropElement.getBoundingClientRect();
                     const dragRect = dragElement.getBoundingClientRect();
                     const dropCenterX = dropRect.left + dropRect.width / 2;
@@ -68272,6 +68260,19 @@ async function onActivityComplete(dragElement, dropElement) {
     if (!container)
         return;
     await executeActions("this.alignMatch='true'", dropElement, dragElement);
+    if (dragElement && dropElement) {
+        const isCorrect = dropElement['value'].toLowerCase().includes(dragElement['value'].toLowerCase());
+        if (isCorrect) {
+            const onCorrect = dropElement.getAttribute('onCorrect');
+            if (onCorrect) {
+                await executeActions(onCorrect, dropElement, dragElement);
+            }
+        }
+        else {
+            const onInCorrect = dropElement.getAttribute('onInCorrect');
+            await executeActions(onInCorrect, dropElement, dragElement);
+        }
+    }
     let dragScore = JSON.parse((_a = localStorage.getItem(DragSelectedMapKey)) !== null && _a !== void 0 ? _a : '{}');
     const tabindex = dropElement.getAttribute('tab-index');
     if (!dragScore[tabindex]) {

package/dist/collection/components/trace/lido-trace.css

@@ -18,7 +18,7 @@
 svg {
   width: 100%;
   height: 100%;
-  max-height: calc(100vh - 50px);
+  /* max-height: calc(100vh - 50px); */
   /* border: 1px solid black; */
   touch-action: none;
 }

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

@@ -327,7 +327,7 @@ export class LidoTrace {
         circle.setAttribute('id', 'lido-draggableCircle');
         circle.setAttribute('cx', firstPathStart.x.toString());
         circle.setAttribute('cy', firstPathStart.y.toString());
-        circle.setAttribute('r', `calc(${strokeWidth || 10} / 3)`); // Radius of the draggable circle
+        circle.setAttribute('r', `calc(20)`); // Radius of the draggable circle
         circle.setAttribute('fill', '#CF1565'); // fill the color for the circle 
         (_a = state.svg) === null || _a === void 0 ? void 0 : _a.appendChild(circle);
         state.circle = circle;
@@ -710,7 +710,7 @@ export class LidoTrace {
         };
     }
     render() {
-        return (h(Host, { key: '3cdcbcdfbc4bda470d2ce3e4a57fee9a280b250e', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, h("div", { key: '29c8230656dc827027ff07e25edbb375710f1213', style: this.style, id: "lido-svgContainer" })));
+        return (h(Host, { key: 'c774cbe324a21f540fc756dedab1c04a743ab03c', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, h("div", { key: '0d129814d07ca953b05200cb6101bd67a8e8596d', style: this.style, id: "lido-svgContainer" })));
     }
     static get is() { return "lido-trace"; }
     static get originalStyleUrls() {

package/dist/collection/utils/utils.js

@@ -83,6 +83,7 @@ export const executeActions = async (actionsString, thisElement, element) => {
                     const container = document.getElementById(LidoContainer);
                     const containerScale = getElementScale(container);
                     dragElement.style.transform = 'translate(0,0)';
+                    console.log("logg alinmatch");
                     const dropRect = dropElement.getBoundingClientRect();
                     const dragRect = dragElement.getBoundingClientRect();
                     const dropCenterX = dropRect.left + dropRect.width / 2;
@@ -358,6 +359,19 @@ export async function onActivityComplete(dragElement, dropElement) {
     if (!container)
         return;
     await executeActions("this.alignMatch='true'", dropElement, dragElement);
+    if (dragElement && dropElement) {
+        const isCorrect = dropElement['value'].toLowerCase().includes(dragElement['value'].toLowerCase());
+        if (isCorrect) {
+            const onCorrect = dropElement.getAttribute('onCorrect');
+            if (onCorrect) {
+                await executeActions(onCorrect, dropElement, dragElement);
+            }
+        }
+        else {
+            const onInCorrect = dropElement.getAttribute('onInCorrect');
+            await executeActions(onInCorrect, dropElement, dragElement);
+        }
+    }
     let dragScore = JSON.parse((_a = localStorage.getItem(DragSelectedMapKey)) !== null && _a !== void 0 ? _a : '{}');
     const tabindex = dropElement.getAttribute('tab-index');
     if (!dragScore[tabindex]) {

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

@@ -1,5 +1,4 @@
-import { calculateScale, countPatternWords, executeActions, handleShowCheck, handlingElementFlexibleWidth, onActivityComplete, storingEachActivityScore } from "../utils";
-import { AudioPlayer } from "../audioPlayer";
+import { calculateScale, countPatternWords, handleShowCheck, handlingElementFlexibleWidth, onActivityComplete, storingEachActivityScore } from "../utils";
 import { DragSelectedMapKey, DragMapKey, DropHasDrag, DropLength, SelectedValuesKey, DropMode, DropToAttr, DropTimeAttr, LidoContainer, DropAction } from "../constants";
 import { dispatchElementDropEvent } from "../customEvents";
 import { removeHighlight } from "./highlightHandler";
@@ -56,7 +55,7 @@ export function enableDraggingWithScaling(element) {
             isDragging = false;
             return;
         }
-        AudioPlayer.getI().stop();
+        // AudioPlayer.getI().stop();
         removeHighlight(element);
         isDragging = true;
         isClicked = true;
@@ -685,19 +684,6 @@ 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);
-    if (isCorrect) {
-        // Perform actions if onMatch is defined
-        const onCorrect = dropElement.getAttribute('onCorrect');
-        if (onCorrect) {
-            await executeActions("this.alignMatch='true'", dropElement, dragElement);
-            await executeActions(onCorrect, dropElement, dragElement);
-        }
-    }
-    else {
-        const onInCorrect = dropElement.getAttribute('onInCorrect');
-        await executeActions(onInCorrect, dropElement, dragElement);
-        // showWrongAnswerAnimation([dropElement, dragElement]);
-    }
     storingEachActivityScore(isCorrect);
     dragElement.style.opacity = '1';
     await onActivityComplete(dragElement, dropElement);

package/dist/components/index.js

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

package/dist/components/lido-avatar.js

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

package/dist/components/lido-cell.js

@@ -1,4 +1,4 @@
-import { L as LidoCell$1, d as defineCustomElement$1 } from './p-81542f6c.js';
+import { L as LidoCell$1, d as defineCustomElement$1 } from './p-aa898bfe.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-c8a210e2.js';
+import { L as LidoCol$1, d as defineCustomElement$1 } from './p-3b245088.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-e75bb071.js';
+import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-7d998445.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-d1babd48.js';
+import { L as LidoFlash, d as defineCustomElement$1 } from './p-8f56901e.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-992b0ecb.js';
+import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-12f1fee2.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-4a5bc7a1.js';
+import { L as LidoHome$1, d as defineCustomElement$1 } from './p-92908a74.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-00ef7219.js';
+import { L as LidoImage$1, d as defineCustomElement$1 } from './p-3cd37320.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-d5d1fb43.js';
+import { L as LidoKeyboard$1, d as defineCustomElement$1 } from './p-398c1fd5.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-5fb5226e.js';
+import { L as LidoMathMatrix$1, d as defineCustomElement$1 } from './p-4a0ead41.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-50691e58.js';
+import { L as LidoPos$1, d as defineCustomElement$1 } from './p-0ce4e25e.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-399a8fc2.js';
+import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-991aaa57.js';
 
 const LidoRandom = LidoRandom$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-root.js

@@ -1,22 +1,22 @@
-import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-fe91abe5.js';
-import { d as defineCustomElement$j } from './p-231747a8.js';
-import { d as defineCustomElement$i } from './p-81542f6c.js';
-import { d as defineCustomElement$h } from './p-c8a210e2.js';
-import { d as defineCustomElement$g } from './p-e75bb071.js';
-import { d as defineCustomElement$f } from './p-d1babd48.js';
-import { d as defineCustomElement$e } from './p-992b0ecb.js';
-import { d as defineCustomElement$d } from './p-4a5bc7a1.js';
-import { d as defineCustomElement$c } from './p-00ef7219.js';
-import { d as defineCustomElement$b } from './p-d5d1fb43.js';
-import { d as defineCustomElement$a } from './p-5fb5226e.js';
-import { d as defineCustomElement$9 } from './p-50691e58.js';
-import { d as defineCustomElement$8 } from './p-399a8fc2.js';
-import { d as defineCustomElement$7 } from './p-ecbbf755.js';
-import { d as defineCustomElement$6 } from './p-025c1426.js';
-import { d as defineCustomElement$5 } from './p-95151cee.js';
-import { d as defineCustomElement$4 } from './p-16ff1411.js';
-import { d as defineCustomElement$3 } from './p-1899cd80.js';
-import { d as defineCustomElement$2 } from './p-d3a015c5.js';
+import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-1880714b.js';
+import { d as defineCustomElement$j } from './p-01661863.js';
+import { d as defineCustomElement$i } from './p-aa898bfe.js';
+import { d as defineCustomElement$h } from './p-3b245088.js';
+import { d as defineCustomElement$g } from './p-7d998445.js';
+import { d as defineCustomElement$f } from './p-8f56901e.js';
+import { d as defineCustomElement$e } from './p-12f1fee2.js';
+import { d as defineCustomElement$d } from './p-92908a74.js';
+import { d as defineCustomElement$c } from './p-3cd37320.js';
+import { d as defineCustomElement$b } from './p-398c1fd5.js';
+import { d as defineCustomElement$a } from './p-4a0ead41.js';
+import { d as defineCustomElement$9 } from './p-0ce4e25e.js';
+import { d as defineCustomElement$8 } from './p-991aaa57.js';
+import { d as defineCustomElement$7 } from './p-8c1cafb5.js';
+import { d as defineCustomElement$6 } from './p-7261a34a.js';
+import { d as defineCustomElement$5 } from './p-6854f3b8.js';
+import { d as defineCustomElement$4 } from './p-d93b07ea.js';
+import { d as defineCustomElement$3 } from './p-25a9fac9.js';
+import { d as defineCustomElement$2 } from './p-05a9c77a.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-ecbbf755.js';
+import { L as LidoRow$1, d as defineCustomElement$1 } from './p-8c1cafb5.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-025c1426.js';
+import { L as LidoShape$1, d as defineCustomElement$1 } from './p-7261a34a.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-95151cee.js';
+import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-6854f3b8.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-16ff1411.js';
+import { L as LidoText$1, d as defineCustomElement$1 } from './p-d93b07ea.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-1899cd80.js';
+import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-25a9fac9.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-d3a015c5.js';
+import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-05a9c77a.js';
 
 const LidoWrap = LidoWrap$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-231747a8.js → p-01661863.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-fe91abe5.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-1880714b.js';
 
 var rive = {exports: {}};
 

package/dist/components/{p-d3a015c5.js → p-05a9c77a.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-fe91abe5.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-1880714b.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-50691e58.js → p-0ce4e25e.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, m as parseProp, h, j as Host } from './p-fe91abe5.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, m as parseProp, h, j as Host } from './p-1880714b.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-992b0ecb.js → p-12f1fee2.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, o as handleFloatElementPosition, q as handleElementClick, m as parseProp, h, j as Host } from './p-fe91abe5.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, o as handleFloatElementPosition, q as handleElementClick, m as parseProp, h, j as Host } from './p-1880714b.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-fe91abe5.js → p-1880714b.js}

@@ -1607,7 +1607,7 @@ function enableDraggingWithScaling(element) {
             isDragging = false;
             return;
         }
-        AudioPlayer.getI().stop();
+        // AudioPlayer.getI().stop();
         removeHighlight(element);
         isDragging = true;
         isClicked = true;
@@ -2232,19 +2232,6 @@ 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);
-    if (isCorrect) {
-        // Perform actions if onMatch is defined
-        const onCorrect = dropElement.getAttribute('onCorrect');
-        if (onCorrect) {
-            await executeActions("this.alignMatch='true'", dropElement, dragElement);
-            await executeActions(onCorrect, dropElement, dragElement);
-        }
-    }
-    else {
-        const onInCorrect = dropElement.getAttribute('onInCorrect');
-        await executeActions(onInCorrect, dropElement, dragElement);
-        // showWrongAnswerAnimation([dropElement, dragElement]);
-    }
     storingEachActivityScore(isCorrect);
     dragElement.style.opacity = '1';
     await onActivityComplete(dragElement, dropElement);
@@ -69393,6 +69380,7 @@ const executeActions = async (actionsString, thisElement, element) => {
                     const container = document.getElementById(LidoContainer);
                     const containerScale = getElementScale$1(container);
                     dragElement.style.transform = 'translate(0,0)';
+                    console.log("logg alinmatch");
                     const dropRect = dropElement.getBoundingClientRect();
                     const dragRect = dragElement.getBoundingClientRect();
                     const dropCenterX = dropRect.left + dropRect.width / 2;
@@ -69668,6 +69656,19 @@ async function onActivityComplete(dragElement, dropElement) {
     if (!container)
         return;
     await executeActions("this.alignMatch='true'", dropElement, dragElement);
+    if (dragElement && dropElement) {
+        const isCorrect = dropElement['value'].toLowerCase().includes(dragElement['value'].toLowerCase());
+        if (isCorrect) {
+            const onCorrect = dropElement.getAttribute('onCorrect');
+            if (onCorrect) {
+                await executeActions(onCorrect, dropElement, dragElement);
+            }
+        }
+        else {
+            const onInCorrect = dropElement.getAttribute('onInCorrect');
+            await executeActions(onInCorrect, dropElement, dragElement);
+        }
+    }
     let dragScore = JSON.parse((_a = localStorage.getItem(DragSelectedMapKey)) !== null && _a !== void 0 ? _a : '{}');
     const tabindex = dropElement.getAttribute('tab-index');
     if (!dragScore[tabindex]) {

package/dist/components/{p-1899cd80.js → p-25a9fac9.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, T as TraceMode, e as convertUrlToRelative, d as setVisibilityWithDelay, U as speakIcon, F as executeActions, K as triggerNextContainer, L as LidoContainer, m as parseProp, h, j as Host, V as fingerUrl } from './p-fe91abe5.js';
+import { p as proxyCustomElement, H, T as TraceMode, e as convertUrlToRelative, d as setVisibilityWithDelay, U as speakIcon, F as executeActions, K as triggerNextContainer, L as LidoContainer, m as parseProp, h, j as Host, V as fingerUrl } from './p-1880714b.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%;max-height:calc(100vh - 50px);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 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;
 
 const LidoTrace = /*@__PURE__*/ proxyCustomElement(class LidoTrace extends H {
@@ -326,11 +326,11 @@ const LidoTrace = /*@__PURE__*/ proxyCustomElement(class LidoTrace extends H {
         var _a;
         const firstPathStart = state.paths[0].getPointAtLength(0);
         const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
-        const strokeWidth = state.paths[state.currentPathIndex].style['stroke-width'] || state.paths[state.currentPathIndex].getAttribute('stroke-width');
+        state.paths[state.currentPathIndex].style['stroke-width'] || state.paths[state.currentPathIndex].getAttribute('stroke-width');
         circle.setAttribute('id', 'lido-draggableCircle');
         circle.setAttribute('cx', firstPathStart.x.toString());
         circle.setAttribute('cy', firstPathStart.y.toString());
-        circle.setAttribute('r', `calc(${strokeWidth || 10} / 3)`); // Radius of the draggable circle
+        circle.setAttribute('r', `calc(20)`); // Radius of the draggable circle
         circle.setAttribute('fill', '#CF1565'); // fill the color for the circle 
         (_a = state.svg) === null || _a === void 0 ? void 0 : _a.appendChild(circle);
         state.circle = circle;
@@ -713,7 +713,7 @@ const LidoTrace = /*@__PURE__*/ proxyCustomElement(class LidoTrace extends H {
         };
     }
     render() {
-        return (h(Host, { key: '3cdcbcdfbc4bda470d2ce3e4a57fee9a280b250e', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, h("div", { key: '29c8230656dc827027ff07e25edbb375710f1213', style: this.style, id: "lido-svgContainer" })));
+        return (h(Host, { key: 'c774cbe324a21f540fc756dedab1c04a743ab03c', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, h("div", { key: '0d129814d07ca953b05200cb6101bd67a8e8596d', style: this.style, id: "lido-svgContainer" })));
     }
     static get assetsDirs() { return ["svg", "images"]; }
     get el() { return this; }

package/dist/components/{p-d5d1fb43.js → p-398c1fd5.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, S as SelectedValuesKey, L as LidoContainer, F as executeActions, K as triggerNextContainer, o as handleFloatElementPosition, M as storingEachActivityScore, O as DropAction, m as parseProp, h, j as Host } from './p-fe91abe5.js';
-import { d as defineCustomElement$1 } from './p-16ff1411.js';
+import { p as proxyCustomElement, H, S as SelectedValuesKey, L as LidoContainer, F as executeActions, K as triggerNextContainer, o as handleFloatElementPosition, M as storingEachActivityScore, O as DropAction, m as parseProp, h, j as Host } from './p-1880714b.js';
+import { d as defineCustomElement$1 } from './p-d93b07ea.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-c8a210e2.js → p-3b245088.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-fe91abe5.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-1880714b.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-00ef7219.js → p-3cd37320.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, I as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, J as tinyColor, l as attachSpeakIcon, m as parseProp, e as convertUrlToRelative, h, j as Host } from './p-fe91abe5.js';
+import { c as commonjsGlobal, I as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, J as tinyColor, l as attachSpeakIcon, m as parseProp, e as convertUrlToRelative, h, j as Host } from './p-1880714b.js';
 
 var lib = {exports: {}};
 

package/dist/components/{p-5fb5226e.js → p-4a0ead41.js}

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

package/dist/components/{p-95151cee.js → p-6854f3b8.js}

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

package/dist/components/{p-025c1426.js → p-7261a34a.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-fe91abe5.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-1880714b.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-e75bb071.js → p-7d998445.js}

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

package/dist/components/{p-ecbbf755.js → p-8c1cafb5.js}

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

package/dist/components/{p-d1babd48.js → p-8f56901e.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, m as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-fe91abe5.js';
+import { p as proxyCustomElement, H, m as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-1880714b.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;