lido-player 0.0.2-alpha-90 → 0.0.2-alpha-92

package/dist/cjs/{decode-JJkh_9QG.js → decode-C3sBXlW1.js}

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

package/dist/cjs/{index-BrME-8br.js → index-Dl8SlqP-.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.3 | 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-BEEcyP4v.js → index-rb5JkNCU.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./index-BrME-8br.js');
+var index$1 = require('./index-Dl8SlqP-.js');
 
 const DragMapKey = 'lidoDragMap';
 const SelectedValuesKey = 'lidoSelectedValues';
@@ -556,11 +556,11 @@ function enableDraggingWithScaling(element) {
         if (!mostOverlappedElement) {
             // build current selection/drop maps so reset logic can update counts correctly
             (_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : "[]";
-            JSON.stringify(buildDragSelectedMapFromDOM());
+            const dragSelectedData = JSON.stringify(buildDragSelectedMapFromDOM());
             const dropSelectedDataObject = buildDragSelectedMapFromDOM();
             JSON.stringify(dropSelectedDataObject);
             const dropHasDrag = buildDropHasDragFromDOM();
-            handleResetDragElement(element, null, dropHasDrag, null, null);
+            handleResetDragElement(element, mostOverlappedElement, dropHasDrag, null, dragSelectedData);
             return;
         }
         onElementDropComplete(element, mostOverlappedElement);
@@ -732,7 +732,12 @@ async function handleResetDragElement(dragElement, dropElement, dropHasDrag, sel
         // rebuild counts & balance after removing mapping
         const rebuiltMap2 = buildDragSelectedMapFromDOM();
         const sortedValues2 = getSortedValuesArrayFromMap(rebuiltMap2);
-        container.setAttribute(SelectedValuesKey, JSON.stringify(sortedValues2));
+        if (sortedValues2 && sortedValues2.length > 0) {
+            container.setAttribute(SelectedValuesKey, JSON.stringify(sortedValues2));
+        }
+        else {
+            container.removeAttribute(SelectedValuesKey);
+        }
         updateBalanceOnDrop();
     }
     const allElements = document.querySelectorAll("[type='drop']");
@@ -1319,6 +1324,7 @@ class AudioPlayer {
         this.wordRects = [];
         this.activeWordIndex = -1;
         this.highlightRAF = null;
+        this.endPromiseResolve = null;
         this.handleUserClick = () => {
             const container = document.getElementById(LidoContainer);
             if ((container === null || container === void 0 ? void 0 : container.getAttribute('game-completed')) === 'true')
@@ -1346,6 +1352,12 @@ class AudioPlayer {
         if (window === null || window === void 0 ? void 0 : window.speechSynthesis) {
             window.speechSynthesis.cancel();
         }
+        // Resolve any pending "ended" wait so callers can continue.
+        if (this.endPromiseResolve) {
+            const resolve = this.endPromiseResolve;
+            this.endPromiseResolve = null;
+            resolve();
+        }
         this.audioElement.pause();
         this.audioElement.currentTime = 0;
         this.audioElement.src = '';
@@ -1445,7 +1457,13 @@ class AudioPlayer {
                 }
                 // unified end
                 await new Promise(resolve => {
-                    this.audioElement.onended = () => resolve();
+                    this.endPromiseResolve = resolve;
+                    this.audioElement.onended = () => {
+                        if (this.endPromiseResolve === resolve) {
+                            this.endPromiseResolve = null;
+                        }
+                        resolve();
+                    };
                 });
             }
             catch (error) {
@@ -1853,6 +1871,8 @@ function enableReorderDrag(element) {
                     const targetValue = element['value'];
                     if (dragValues[tabKey]) {
                         dragValues[tabKey] = dragValues[tabKey].filter((el) => el !== targetValue);
+                        const sortedValues = getSortedValuesArrayFromMap(dragValues);
+                        container.setAttribute(SelectedValuesKey, JSON.stringify(sortedValues));
                         // localStorage.setItem(DragSelectedMapKey, JSON.stringify(dragValues));
                     }
                     optionArea.scrollTo({
@@ -3532,25 +3552,30 @@ function validateWCAG2Parms(parms) {
 function onTouchListenerForOnTouch(element) {
     if (!element)
         return;
-    const container = document.getElementById('lido-container');
-    // const container = element.closest('lido-container') as HTMLElement;
-    // if (container && container.getAttribute('disable-speak') === 'true') {
-    //   return;
-    // }
-    // if (element.closest('[disableSpeak="true"]')) {
-    //   return;
-    // }
     const onTouch = element.getAttribute('onTouch');
     let onholdTimer = null;
     let onholdTriggered = false;
     const onholdTime = 1000;
     const playAudio = async () => {
-        if (container && (container.getAttribute('disable-speak') || container.getAttribute('disableSpeak') !== 'false')) {
+        const container = document.getElementById(LidoContainer);
+        if (element === container) {
             return;
         }
+        const hasDisableSpeakAttribute = element.hasAttribute('disable-speak') || element.hasAttribute('disableSpeak');
         onholdTriggered = true;
         setDraggingDisabled(true);
-        await AudioPlayer.getI().play(element);
+        // If container itself is NOT disabled → play normally
+        if (!hasDisableSpeakAttribute) {
+            await AudioPlayer.getI().play(element);
+            setDraggingDisabled(false);
+            return;
+        }
+        if (element.getAttribute('disable-speak') === 'true' || (element.hasAttribute('disable-speak') && element.getAttribute('disable-speak') !== 'false')) {
+            return;
+        }
+        else {
+            await AudioPlayer.getI().play(element);
+        }
         setDraggingDisabled(false);
     };
     const onPointerDown = (event) => {
@@ -7235,7 +7260,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)) {
@@ -7858,7 +7883,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)
@@ -11984,10 +12009,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
     ];
 
@@ -72928,7 +72953,8 @@ const parseMultiplyBeedsText = (text) => {
     const allSame = terms.every(term => Number(term) === firstValue);
     if (!allSame)
         return null;
-    let total = Number((resultPart !== null && resultPart !== void 0 ? resultPart : "").trim());
+    const resultText = (resultPart !== null && resultPart !== void 0 ? resultPart : "").trim();
+    let total = resultText === "" ? NaN : Number(resultText);
     if (Number.isNaN(total)) {
         total = terms
             .map(term => Number(term))

package/dist/cjs/index.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BEEcyP4v.js');
-require('./index-BrME-8br.js');
+var index = require('./index-rb5JkNCU.js');
+require('./index-Dl8SlqP-.js');