lido-player 0.0.2-alpha-78 → 0.0.2-alpha-80

package/dist/cjs/{decode-C8i5r2rz.js → decode-BoJO3btM.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CTFlNIYW.js');
+var index = require('./index-CgaE1GjD.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/cjs/{index-BrME-8br.js → index-7Dh-uOww.js}

@@ -25,9 +25,22 @@ const globalScripts = () => {};
 const globalStyles = "@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}.lido-tts-highlight-overlay{position:fixed;pointer-events:none;z-index:9999;background:linear-gradient(\r\n    180deg,\r\n    rgba(255, 235, 59, 0.95),\r\n    rgba(255, 214, 0, 0.95)\r\n  );border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18),\r\n    inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:left 55ms linear,\r\n    top 55ms linear,\r\n    width 55ms ease-out,\r\n    height 55ms ease-out,\r\n    opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height}";
 
 /*
- Stencil Client Platform v4.43.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
  */
 
+
+// src/utils/get-prop-descriptor.ts
+function getPropertyDescriptor(obj, memberName, getOnly) {
+  const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
+  while (obj && obj !== stopAt) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc && (!getOnly || desc.get)) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
+
+// src/utils/es2022-rewire-class-members.ts
 var reWireGetterSetter = (instance, hostRef) => {
   var _a;
   const cmpMeta = hostRef.$cmpMeta$;
@@ -35,7 +48,7 @@ var reWireGetterSetter = (instance, hostRef) => {
   members.map(([memberName, [memberFlags]]) => {
     if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
       const ogValue = instance[memberName];
-      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName, true) || Object.getOwnPropertyDescriptor(instance, memberName);
       if (ogDescriptor) {
         Object.defineProperty(instance, memberName, {
           get() {
@@ -48,18 +61,14 @@ var reWireGetterSetter = (instance, hostRef) => {
           enumerable: true
         });
       }
-      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+      if (hostRef.$instanceValues$.has(memberName)) {
+        instance[memberName] = hostRef.$instanceValues$.get(memberName);
+      } else if (ogValue !== void 0) {
+        instance[memberName] = ogValue;
+      }
     }
   });
 };
-function getPropertyDescriptor(obj, memberName) {
-  while (obj) {
-    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
-    if (desc == null ? void 0 : desc.get) return desc;
-    obj = Object.getPrototypeOf(obj);
-  }
-  return void 0;
-}
 
 // src/client/client-host-ref.ts
 var getHostRef = (ref) => {
@@ -443,7 +452,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               }
             } else {
               const existingStyleContainer = styleContainerNode.querySelector("style");
-              if (existingStyleContainer) {
+              if (existingStyleContainer && true) {
                 existingStyleContainer.textContent = style + existingStyleContainer.textContent;
               } else {
                 styleContainerNode.prepend(styleElm);
@@ -721,7 +730,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     return;
   } else {
     const isComplex = isComplexType(newValue);
-    if ((isProp || isComplex && newValue !== null) && true) {
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
       try {
         if (!elm.tagName.includes("-")) {
           const n = newValue == null ? "" : newValue;
@@ -1585,7 +1594,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
+        const { get: origGetter, set: origSetter } = getPropertyDescriptor(prototype, memberName) || {};
         if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
         if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
         if (flags & 1 /* isElementConstructor */ || !origGetter) {
@@ -1847,7 +1856,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
+          if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;

package/dist/cjs/{index-CTFlNIYW.js → index-CgaE1GjD.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./index-BrME-8br.js');
+var index$1 = require('./index-7Dh-uOww.js');
 
 const DragMapKey = 'lidoDragMap';
 const SelectedValuesKey = 'lidoSelectedValues';
@@ -117,7 +117,7 @@ function dispatchActivityEndEvent(totalIndex, currentIndex, score, rightMoves, w
     dispatchCustomEvent(ActivityEndKey, { currentIndex, totalIndex, score, rightMoves, wrongMoves, timeSpentForActivity });
 }
 function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson) {
-    dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, timeSpendForLesson });
+    dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, score: finalScore, timeSpendForLesson });
 }
 function dispatchNextContainerEvent() {
     dispatchCustomEvent(NextContainerKey, {});
@@ -343,6 +343,8 @@ function enableDraggingWithScaling(element) {
     handlingElementFlexibleWidth(element, 'drag');
     const onStart = (event) => {
         var _a, _b;
+        if (container && container.getAttribute("game-completed") === "true")
+            return;
         console.log("moving start");
         if (isDraggingDisabled) {
             isDragging = false;
@@ -605,6 +607,8 @@ function enableDraggingWithScaling(element) {
     element.addEventListener('click', ev => {
         if (isClicked) {
             console.log("clicked drag elkement");
+            if (container && container.getAttribute("game-completed") === "true")
+                return;
             onClickDropOrDragElement(element, 'drag');
         }
     });
@@ -7195,7 +7199,7 @@ var tanh$2 = Math.tanh || function (x) {
 function copysign(x, y) {
   var signx = true ;
   var signy = y > 0 ? true : y < 0 ? false : 1 / y === Infinity;
-  return signx ^ signy ? -6.283185307179586 : x;
+  return signx ^ signy ? -x : x;
 }
 function _toNumberOrThrow(value, onError) {
   if (isNumber(value)) {
@@ -7818,7 +7822,7 @@ var EXP_LIMIT = 9e15,                      // 0 to 9e15
 
     // The minimum exponent value, beneath which underflow to zero occurs.
     // JavaScript numbers: -324  (5e-324)
-    minE: -9e15,                      // -1 to -EXP_LIMIT
+    minE: -EXP_LIMIT,                      // -1 to -EXP_LIMIT
 
     // The maximum exponent value, above which overflow to Infinity occurs.
     // JavaScript numbers: 308  (1.7976931348623157e+308)
@@ -11944,10 +11948,10 @@ function config(obj) {
     ps = [
       'precision', 1, MAX_DIGITS,
       'rounding', 0, 8,
-      'toExpNeg', -9e15, 0,
+      'toExpNeg', -EXP_LIMIT, 0,
       'toExpPos', 0, EXP_LIMIT,
       'maxE', 0, EXP_LIMIT,
-      'minE', -9e15, 0,
+      'minE', -EXP_LIMIT, 0,
       'modulo', 0, 9
     ];
 
@@ -71467,8 +71471,11 @@ async function handleElementClick(element) {
         if (fillValue === 100 && !fillCompleted) {
             fillCompleted = true;
             container.style.pointerEvents = 'none';
-            triggerNextContainer();
-            calculateScore();
+            if (!container.getAttribute('game-completed') || container.getAttribute('game-completed') === 'false' || container.getAttribute('game-completed') === null || container.getAttribute('game-completed') === undefined || container.getAttribute('game-completed') === '') {
+                container.setAttribute('game-completed', 'true');
+                triggerNextContainer();
+                calculateScore();
+            }
         }
         else {
             fillCompleted = false;
@@ -71479,40 +71486,107 @@ async function handleElementClick(element) {
         await executeActions(onInCorrect, container);
     }
 }
+let floatDelay = 0;
+const laneNextStartAtMs = [];
+const BUBBLE_VERTICAL_GAP = 12;
+const BUBBLE_TIME_GAP_SECONDS = 0.5;
+function getEarliestLaneIndex(laneCount) {
+    let laneIndex = 0;
+    let earliestTime = Number.POSITIVE_INFINITY;
+    // Find the lane that becomes available the earliest.
+    for (let i = 0; i < laneCount; i++) {
+        const laneTime = laneNextStartAtMs[i] || 0;
+        if (laneTime < earliestTime) {
+            earliestTime = laneTime;
+            laneIndex = i;
+        }
+    }
+    return laneIndex;
+}
+function resetFloatState() {
+    // Reset all module-level float state so a fresh screen starts from initial behavior.
+    fillCompleted = false;
+    floatDelay = 0;
+    laneNextStartAtMs.length = 0;
+}
 function handleFloatElementPosition(element) {
+    // Step 1: Resolve the main game container.
     const container = document.getElementById(LidoContainer);
     if (!container) {
         console.error(`No container found with id: lido-container`);
         return;
     }
+    // Step 2: Stop speaking highlight before repositioning.
     stopHighlightForSpeakingElement(element);
+    // Step 3: Resolve the float area that owns moving elements.
     const floatContainer = container.querySelector('.lido-float');
     if (!floatContainer)
         return;
+    // Step 4: Read movement direction from the container.
     const direction = floatContainer.getAttribute('float-direction') || 'bottomToTop';
+    // Step 5: Generate a random delay used by the vertical float mode.
     const delay = Math.random() * 5;
     // const isFirstEntry = element.getAttribute('data-entry') !== 'true';
     // if (isFirstEntry) {
     //   element.setAttribute('data-entry', 'true');
     //   entryValue += 10;
     // }
+    // Step 6: Ensure element is absolutely positioned for animation.
     element.style.position = 'absolute';
     if (direction === 'leftToRight') {
+        // Step 7: Prepare horizontal floating setup.
         const containerHeight = floatContainer.offsetHeight;
         // Add class for bubble elements to identify them later for input matching and scoring
         element.classList.add("bubble-element");
-        element.style.left = 'unset';
-        element.style.right = `${window.innerWidth + document.body.getBoundingClientRect().width}px`;
-        // element.style.top = isFirstEntry ? `${entryValue}%` : `${Math.floor(Math.random() * (containerHeight - element.clientHeight))}px`;
-        element.style.top = `${Math.floor(Math.random() * (containerHeight - element.clientHeight))}px`;
-        // const duration = 15 + Math.random() * 15;
+        element.style.left = `unset`;
+        element.style.right = `${(1600 - window.innerWidth) + window.innerWidth + element.offsetWidth}px`;
+        // Step 8: Split available height into lanes with a vertical gap.
+        const laneHeight = Math.max(1, element.clientHeight + BUBBLE_VERTICAL_GAP);
+        const laneCount = Math.max(1, Math.floor(containerHeight / laneHeight));
+        // Keep lane timer array length in sync with current lane count.
+        if (laneNextStartAtMs.length > laneCount) {
+            laneNextStartAtMs.length = laneCount;
+        }
+        // Step 9: Find all lanes that are currently free.
+        const now = performance.now();
+        const availableLaneIndexes = [];
+        for (let i = 0; i < laneCount; i++) {
+            const laneReadyAt = laneNextStartAtMs[i] || 0;
+            if (laneReadyAt <= now) {
+                availableLaneIndexes.push(i);
+            }
+        }
+        // Step 10: Choose a random free lane, else fallback to earliest available lane.
+        let laneIndex = 0;
+        if (availableLaneIndexes.length > 0) {
+            const randomAvailableIndex = Math.floor(Math.random() * availableLaneIndexes.length);
+            laneIndex = availableLaneIndexes[randomAvailableIndex];
+        }
+        else {
+            laneIndex = getEarliestLaneIndex(laneCount);
+        }
+        // Step 11: Convert lane index to top position.
+        const resolvedLaneIndex = laneIndex !== null && laneIndex !== void 0 ? laneIndex : 0;
+        const maxTop = Math.max(0, containerHeight - element.clientHeight);
+        const laneStep = laneCount > 1 ? maxTop / (laneCount - 1) : 0;
+        element.style.top = `${Math.round(resolvedLaneIndex * laneStep)}px`;
+        // Step 12: Set animation start position and compute spacing delay.
         element.style.setProperty('--el-left', element.style.right);
-        element.style.animation = `float-lr 15s linear ${delay}s`;
+        const timePerElement = element.offsetWidth / (container.offsetWidth / 60);
+        const laneReadyAt = laneNextStartAtMs[resolvedLaneIndex] || 0;
+        const laneDelaySeconds = Math.max(0, (laneReadyAt - now) / 1000);
+        const appliedDelay = Math.max(floatDelay, laneDelaySeconds);
+        // Step 13: Start horizontal animation and reserve lane time to avoid overlap.
+        element.style.animation = `float-lr 40s linear ${appliedDelay}s`;
+        laneNextStartAtMs[resolvedLaneIndex] = now + (appliedDelay + timePerElement + BUBBLE_TIME_GAP_SECONDS) * 1000;
+        // Step 14: Reset legacy delay after applying once.
+        floatDelay = 0;
     }
     else {
+        // Step 7 (vertical mode): pick a random x-position in container.
         const containerWidth = floatContainer.offsetWidth;
-        // element.style.left = isFirstEntry ? `${entryValue}%` : `${Math.floor(Math.random() * (containerWidth - element.clientWidth))}px`;
         element.style.left = `${Math.floor(Math.random() * (containerWidth - element.clientWidth))}px`;
+        // Step 8 (vertical mode): place below viewport and animate upward.
         const startTop = document.body.offsetHeight + element.offsetHeight * (1 / calculateScale());
         element.style.top = `${startTop}px`;
         const duration = 5 + Math.random() * 5;
@@ -71520,6 +71594,7 @@ function handleFloatElementPosition(element) {
         element.style.animation = `float-up ${duration}s linear ${delay}s`;
         element.id = 'removeShadow';
     }
+    // Step 15: Requeue the same element once current animation finishes.
     element.addEventListener('animationend', () => {
         element.style.animation = 'none';
         handleFloatElementPosition(element);
@@ -72593,6 +72668,12 @@ async function onActivityComplete(dragElement, dropElement) {
                 await executeActions(onCorrect, dropElement, dragElement);
             }
         }
+        else {
+            const onInCorrect = dropElement.getAttribute('onInCorrect');
+            if (onInCorrect) {
+                await executeActions(onInCorrect, dropElement, dragElement);
+            }
+        }
     }
     let dragScore = buildDragSelectedMapFromDOM();
     const sortedValues = getSortedValuesArrayFromMap(dragScore);
@@ -73472,10 +73553,12 @@ exports.matchStringPattern = matchStringPattern;
 exports.nextUrl = nextUrl;
 exports.parseProp = parseProp;
 exports.prevUrl = prevUrl;
+exports.resetFloatState = resetFloatState;
 exports.setCancelBtnPopup = setCancelBtnPopup;
 exports.setVisibilityWithDelay = setVisibilityWithDelay;
 exports.speakIcon = speakIcon;
 exports.speakUrl = speakUrl;
+exports.stopHighlightForSpeakingElement = stopHighlightForSpeakingElement;
 exports.storingEachActivityScore = storingEachActivityScore;
 exports.tinycolor = tinycolor;
 exports.triggerNextContainer = triggerNextContainer;

package/dist/cjs/index.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CTFlNIYW.js');
-require('./index-BrME-8br.js');
+var index = require('./index-CgaE1GjD.js');
+require('./index-7Dh-uOww.js');