lido-player 0.0.2-alpha-88 → 0.0.2-alpha-90

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

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

package/dist/cjs/{index-BDnxAitU.js → index-BEEcyP4v.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./index-Dl8SlqP-.js');
+var index$1 = require('./index-BrME-8br.js');
 
 const DragMapKey = 'lidoDragMap';
 const SelectedValuesKey = 'lidoSelectedValues';
@@ -1180,6 +1180,34 @@ const reduceSizeToOriginal = () => {
         }
     });
 };
+const multiplyBeedsCalculation = (dropElement) => {
+    var _a, _b;
+    const container = document.getElementById("lido-container");
+    const beedsTextPlace = container.querySelector("#beedsText");
+    if (!beedsTextPlace)
+        return;
+    const colsText = (_a = dropElement.getAttribute("cols")) !== null && _a !== void 0 ? _a : "";
+    if (colsText.trim() === "")
+        return;
+    const currentText = ((_b = beedsTextPlace.textContent) !== null && _b !== void 0 ? _b : "").trim();
+    if (currentText === "") {
+        beedsTextPlace.textContent = colsText;
+        return;
+    }
+    // Keep the expression part before "=" if it already exists.
+    const expression = currentText.split("=")[0].trim();
+    const newExpression = expression ? `${expression}+${colsText}` : colsText;
+    const sum = newExpression
+        .split("+")
+        .map(part => Number(part.trim()))
+        .reduce((acc, val) => (Number.isNaN(val) ? NaN : acc + val), 0);
+    if (Number.isNaN(sum)) {
+        beedsTextPlace.textContent = newExpression;
+    }
+    else {
+        beedsTextPlace.textContent = `${newExpression}=${sum}`;
+    }
+};
 
 function removeHighlight(element) {
     element.classList.remove('highlight-element');
@@ -7207,7 +7235,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 ? -x : x;
+  return signx ^ signy ? -6.283185307179586 : x;
 }
 function _toNumberOrThrow(value, onError) {
   if (isNumber(value)) {
@@ -7830,7 +7858,7 @@ var EXP_LIMIT = 9e15,                      // 0 to 9e15
 
     // The minimum exponent value, beneath which underflow to zero occurs.
     // JavaScript numbers: -324  (5e-324)
-    minE: -EXP_LIMIT,                      // -1 to -EXP_LIMIT
+    minE: -9e15,                      // -1 to -EXP_LIMIT
 
     // The maximum exponent value, above which overflow to Infinity occurs.
     // JavaScript numbers: 308  (1.7976931348623157e+308)
@@ -11956,10 +11984,10 @@ function config(obj) {
     ps = [
       'precision', 1, MAX_DIGITS,
       'rounding', 0, 8,
-      'toExpNeg', -EXP_LIMIT, 0,
+      'toExpNeg', -9e15, 0,
       'toExpPos', 0, EXP_LIMIT,
       'maxE', 0, EXP_LIMIT,
-      'minE', -EXP_LIMIT, 0,
+      'minE', -9e15, 0,
       'modulo', 0, 9
     ];
 
@@ -72696,6 +72724,10 @@ async function onActivityComplete(dragElement, dropElement) {
             if (onCorrect) {
                 await executeActions(onCorrect, dropElement, dragElement);
             }
+            //for multiply beeds
+            if (container.getAttribute("template-id") === "multiplyBeeds") {
+                multiplyBeedsCalculation(dropElement);
+            }
         }
         else {
             const onInCorrect = dropElement.getAttribute('onInCorrect');
@@ -72840,6 +72872,12 @@ const validateObjectiveStatus = async () => {
             if (container.querySelectorAll("[type='click']").length > 0 || container.getAttribute("template-id") === "blender") {
                 storingEachActivityScore(true);
             }
+            if (container.getAttribute("template-id") === "multiplyBeeds") {
+                const beedsTextPlace = container.querySelector("#beedsText");
+                if (!beedsTextPlace)
+                    return;
+                await animateMultiplyBeedsResult(beedsTextPlace);
+            }
             await executeActions(onCorrect, container);
         }
         calculateScore();
@@ -72870,6 +72908,76 @@ const validateObjectiveStatus = async () => {
         }
     }
 };
+const parseMultiplyBeedsText = (text) => {
+    const trimmed = text.trim();
+    if (!trimmed)
+        return null;
+    const [expressionPart, resultPart] = trimmed.split("=");
+    const expression = (expressionPart !== null && expressionPart !== void 0 ? expressionPart : "").trim();
+    if (!expression)
+        return null;
+    const terms = expression
+        .split("+")
+        .map(part => part.trim())
+        .filter(Boolean);
+    if (terms.length === 0)
+        return null;
+    const firstValue = Number(terms[0]);
+    if (Number.isNaN(firstValue))
+        return null;
+    const allSame = terms.every(term => Number(term) === firstValue);
+    if (!allSame)
+        return null;
+    let total = Number((resultPart !== null && resultPart !== void 0 ? resultPart : "").trim());
+    if (Number.isNaN(total)) {
+        total = terms
+            .map(term => Number(term))
+            .reduce((acc, val) => (Number.isNaN(val) ? NaN : acc + val), 0);
+    }
+    if (Number.isNaN(total))
+        return null;
+    return {
+        value: firstValue,
+        count: terms.length,
+        total,
+    };
+};
+const animateMultiplyBeedsResult = (beedsTextPlace) => {
+    var _a;
+    const parsed = parseMultiplyBeedsText((_a = beedsTextPlace.textContent) !== null && _a !== void 0 ? _a : "");
+    if (!parsed)
+        return;
+    const existingTimerIds = beedsTextPlace.getAttribute("data-multiply-timers");
+    if (existingTimerIds) {
+        existingTimerIds
+            .split(",")
+            .map(id => Number(id))
+            .filter(id => Number.isFinite(id))
+            .forEach(id => clearTimeout(id));
+    }
+    beedsTextPlace.removeAttribute("data-multiply-timers");
+    const steps = [
+        String(parsed.value),
+        "X",
+        String(parsed.count),
+        "=",
+        String(parsed.total),
+    ];
+    const intervalMs = 1000;
+    const timerIds = [];
+    steps.forEach((step, index) => {
+        const id = window.setTimeout(() => {
+            var _a;
+            if (index === 0) {
+                beedsTextPlace.textContent = "";
+            }
+            const existing = ((_a = beedsTextPlace.textContent) !== null && _a !== void 0 ? _a : "").trim();
+            beedsTextPlace.textContent = existing ? `${existing} ${step}` : step;
+        }, intervalMs * (index + 1));
+        timerIds.push(id);
+    });
+    beedsTextPlace.setAttribute("data-multiply-timers", timerIds.join(","));
+};
 const triggerNextContainer = () => {
     AudioPlayer.getI().stop();
     // const event = new CustomEvent('nextContainer');

package/dist/cjs/{index-Dl8SlqP-.js → index-BrME-8br.js}

@@ -25,22 +25,9 @@ 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.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.0 | 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$;
@@ -48,7 +35,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, true) || Object.getOwnPropertyDescriptor(instance, memberName);
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
       if (ogDescriptor) {
         Object.defineProperty(instance, memberName, {
           get() {
@@ -61,14 +48,18 @@ var reWireGetterSetter = (instance, hostRef) => {
           enumerable: true
         });
       }
-      if (hostRef.$instanceValues$.has(memberName)) {
-        instance[memberName] = hostRef.$instanceValues$.get(memberName);
-      } else if (ogValue !== void 0) {
-        instance[memberName] = ogValue;
-      }
+      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(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) => {
@@ -452,7 +443,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               }
             } else {
               const existingStyleContainer = styleContainerNode.querySelector("style");
-              if (existingStyleContainer && true) {
+              if (existingStyleContainer) {
                 existingStyleContainer.textContent = style + existingStyleContainer.textContent;
               } else {
                 styleContainerNode.prepend(styleElm);
@@ -730,7 +721,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     return;
   } else {
     const isComplex = isComplexType(newValue);
-    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+    if ((isProp || isComplex && newValue !== null) && true) {
       try {
         if (!elm.tagName.includes("-")) {
           const n = newValue == null ? "" : newValue;
@@ -1594,7 +1585,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 } = getPropertyDescriptor(prototype, memberName) || {};
+        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
         if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
         if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
         if (flags & 1 /* isElementConstructor */ || !origGetter) {
@@ -1856,7 +1847,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;

package/dist/cjs/index.cjs.js

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Dl8SlqP-.js');
-var index$1 = require('./index-BDnxAitU.js');
+var index = require('./index-BrME-8br.js');
+var index$1 = require('./index-BEEcyP4v.js');
 
 var rive$1 = {exports: {}};
 
@@ -747,7 +747,7 @@ function requireRive () {
 		    return Wa(c, a, b);
 		  }));
 		}
-		var Za, $a, db = {478226:(a, b, c, d, e) => {
+		var Za, $a, db = {491138:(a, b, c, d, e) => {
 		  if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
 		    return 0;
 		  }
@@ -810,11 +810,11 @@ function requireRive () {
 		  }
 		  window.h.za += 1;
 		  return 1;
-		}, 480404:() => {
+		}, 493316:() => {
 		  "undefined" !== typeof window.h && (window.h.Sa.map(function(a) {
 		    document.removeEventListener(a, window.h.unlock, true);
 		  }), --window.h.za, 0 === window.h.za && delete window.h);
-		}, 480708:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 480812:() => {
+		}, 493620:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 493724:() => {
 		  try {
 		    var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
 		    a.close();
@@ -822,7 +822,7 @@ function requireRive () {
 		  } catch (c) {
 		    return 0;
 		  }
-		}, 480983:(a, b, c, d, e, f) => {
+		}, 493895:(a, b, c, d, e, f) => {
 		  if ("undefined" === typeof window.h) {
 		    return -1;
 		  }
@@ -868,7 +868,7 @@ function requireRive () {
 		  a == window.h.J.xa && g.Z.connect(g.L.destination);
 		  g.pb = f;
 		  return window.h.sc(g);
-		}, 483860:a => window.h.qa(a).L.sampleRate, 483933:a => {
+		}, 496772:a => window.h.qa(a).L.sampleRate, 496845:a => {
 		  a = window.h.qa(a);
 		  void 0 !== a.Z && (a.Z.onaudioprocess = function() {
 		  }, a.Z.disconnect(), a.Z = void 0);
@@ -876,13 +876,13 @@ function requireRive () {
 		  a.L.close();
 		  a.L = void 0;
 		  a.pb = void 0;
-		}, 484333:a => {
+		}, 497245:a => {
 		  window.h.Ab(a);
-		}, 484383:a => {
+		}, 497295:a => {
 		  a = window.h.qa(a);
 		  a.L.resume();
 		  a.state = window.h.ga.wb;
-		}, 484522:a => {
+		}, 497434:a => {
 		  a = window.h.qa(a);
 		  a.L.suspend();
 		  a.state = window.h.ga.stopped;
@@ -3390,7 +3390,7 @@ function requireRive () {
 		/* 2 */
 		/***/ ((module) => {
 
-		module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/canvas","version":"2.35.3","description":"Rive\'s canvas based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive_fallback.wasm","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
+		module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/canvas","version":"2.35.0","description":"Rive\'s canvas based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive_fallback.wasm","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 		/***/ }),
 		/* 3 */
@@ -8278,8 +8278,9 @@ const LidoAvatar = class {
             display: this.visible ? 'flex' : 'none',
             zIndex: this.z,
         };
-        return (index.h(index.Host, { key: 'e37ca80bf4fce30a13791a1b1dce283966903645', id: this.id, type: this.type, "tab-index": this.tabIndex, value: this.value, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, src: this.src }, index.h("canvas", { key: '0b1ac45cfb89c5d88c0720e92664af71b143f274', class: "lido-canvas" })));
+        return (index.h(index.Host, { key: 'c8b6bedf402ea855efa32eeedc897b6dff97e2ba', id: this.id, type: this.type, "tab-index": this.tabIndex, value: this.value, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, src: this.src }, index.h("canvas", { key: 'dc3751f08ad1de2830a86a6e3e774ab9b466d06c', class: "lido-canvas" })));
     }
+    static get assetsDirs() { return ["."]; }
     get el() { return index.getElement(this); }
 };
 LidoAvatar.style = lidoAvatarCss();
@@ -8622,7 +8623,11 @@ const LidoCalculator = class {
         this.onOk.emit(isCorrect);
         const okbtn = document.getElementById("btn-11");
         if (isCorrect) {
-            container.setAttribute("game-completed", "true");
+            const isNimbleTable = container.getAttribute('template-id') === 'nimbleTable';
+            const isMultiObjective = this.objective.includes(',');
+            if (!(isNimbleTable && isMultiObjective)) {
+                container.setAttribute("game-completed", "true");
+            }
             this.tempInputs.push(userInput);
             const existingSelected = JSON.parse((_a = container.getAttribute(index$1.SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]');
             const cleanedSelected = Array.isArray(existingSelected)
@@ -8636,10 +8641,20 @@ const LidoCalculator = class {
             okbtn.style.pointerEvents = 'none'; // Disable OK button to prevent multiple clicks
             this.displayValue = "";
             index$1.storingEachActivityScore(isCorrect, index$1.CalculatorOk);
+            if (isNimbleTable && isMultiObjective) {
+                const activeCell = container.querySelector("[type='calculate']");
+                if (activeCell) {
+                    const activeCellAudio = activeCell.getAttribute('audio') || '';
+                    if (activeCellAudio.trim()) {
+                        activeCell.style.boxShadow = 'none !important';
+                        activeCell.setAttribute('onCorrect', "this.speak='true'");
+                        index$1.AudioPlayer.getI().play(activeCell);
+                    }
+                }
+            }
             const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
             await index$1.executeActions(onCorrect, container);
             const hasScrollAction = onCorrect.includes('scrollCellAfterEquationSolved');
-            const isMultiObjective = this.objective.includes(',');
             if (!hasScrollAction) {
                 if (!isMultiObjective) {
                     index$1.calculateScore();
@@ -8649,6 +8664,7 @@ const LidoCalculator = class {
                     const objectives = this.objective.split(',').map(obj => obj.trim());
                     const allSolved = this.userAnswers.length >= objectives.length;
                     if (allSolved) {
+                        container.setAttribute("game-completed", "true");
                         index$1.calculateScore();
                         window.dispatchEvent(new CustomEvent(index$1.NextContainerKey));
                     }
@@ -8677,7 +8693,7 @@ const LidoCalculator = class {
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (index.h(index.Host, { key: '3142741f9712fec62b3094504a689ab10a8a4adc', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, index.h("lido-cell", { key: '977a41823d740f1eaf24c6296c366ee2f070fc75', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '8a16f2f6bf09e5a87cc9d08acf3ab2cf50a09876', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, index.h("img", { key: 'dabdc13613fc5f6a8ad73c933a6de69f320dc626', src: index$1.convertUrlToRelative(this.penIcon), alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '27a068eee1580b397709c274f1f29b626d681e17', class: "lido-calculator-displayParent" }, index.h("div", { key: 'dd430c1e6366101ad8e9822961c06a92e52a7173', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: 'ab7db4a88676205492e84cb241ce759eab93404d', class: "lido-calculator-buttons" }, numbers.map((num, i) => (index.h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
+        return (index.h(index.Host, { key: 'f74605bdd05ece961c175ff64aba213961797587', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, index.h("lido-cell", { key: 'df158e5e1a545a3d763e3e5a8bf07861b826aad0', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: 'c6afe2c1e7970b2d6f5a6d63a6cc8f2ceb403f74', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, index.h("img", { key: '60e8e03c6d344c6b8be3c2a7417fb4ed55a2af9e', src: index$1.convertUrlToRelative(this.penIcon), alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: 'cf53e61f86acc8dce793ee1b09d880ee6fe8e35e', class: "lido-calculator-displayParent" }, index.h("div", { key: '0522a16f1ff07e3e42078eab83f58b4a0e9a6fbf', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: 'c0145ed065199cc68ed136ebc3077a2857da7b2b', class: "lido-calculator-buttons" }, numbers.map((num, i) => (index.h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
                 'lido-calculator-btn-special': num === '←' || num === 'OK',
                 'lido-calculator-btn-default': num !== '←' && num !== 'OK'
             }, onClick: () => this.handleClick(num) }))))));
@@ -9308,7 +9324,7 @@ const deepFind = (obj, path, keySeparator = '.') => {
   }
   return current;
 };
-const getCleanedCode = code => code?.replace(/_/g, '-');
+const getCleanedCode = code => code?.replace('_', '-');
 
 const consoleLogger = {
   type: 'logger',
@@ -9569,16 +9585,7 @@ function keysFromSelector(selector, opts) {
   const {
     [PATH_KEY]: path
   } = selector(createProxy());
-  const keySeparator = opts?.keySeparator ?? '.';
-  const nsSeparator = opts?.nsSeparator ?? ':';
-  if (path.length > 1 && nsSeparator) {
-    const ns = opts?.ns;
-    const nsArray = Array.isArray(ns) ? ns : null;
-    if (nsArray && nsArray.length > 1 && nsArray.slice(1).includes(path[0])) {
-      return `${path[0]}${nsSeparator}${path.slice(1).join(keySeparator)}`;
-    }
-  }
-  return path.join(keySeparator);
+  return path.join(opts?.keySeparator ?? '.');
 }
 
 const checkedLoadedFor = {};
@@ -9652,10 +9659,6 @@ class Translator extends EventEmitter {
       ...opt
     });
     if (!Array.isArray(keys)) keys = [String(keys)];
-    keys = keys.map(k => typeof k === 'function' ? keysFromSelector(k, {
-      ...this.options,
-      ...opt
-    }) : String(k));
     const returnDetails = opt.returnDetails !== undefined ? opt.returnDetails : this.options.returnDetails;
     const keySeparator = opt.keySeparator !== undefined ? opt.keySeparator : this.options.keySeparator;
     const {
@@ -9902,10 +9905,6 @@ class Translator extends EventEmitter {
     let usedLng;
     let usedNS;
     if (isString(keys)) keys = [keys];
-    if (Array.isArray(keys)) keys = keys.map(k => typeof k === 'function' ? keysFromSelector(k, {
-      ...this.options,
-      ...opt
-    }) : k);
     keys.forEach(k => {
       if (this.isValidLookup(found)) return;
       const extracted = this.extractFromKey(k, opt);
@@ -10834,21 +10833,13 @@ const bindMemberFunctions = inst => {
     }
   });
 };
-const SUPPORT_NOTICE_KEY = '__i18next_supportNoticeShown';
-const getSupportNoticeShown = () => typeof globalThis !== 'undefined' && !!globalThis[SUPPORT_NOTICE_KEY];
-const setSupportNoticeShown = () => {
-  if (typeof globalThis !== 'undefined') globalThis[SUPPORT_NOTICE_KEY] = true;
-};
+let supportNoticeShown = false;
 const usesLocize = inst => {
   if (inst?.modules?.backend?.name?.indexOf('Locize') > 0) return true;
   if (inst?.modules?.backend?.constructor?.name?.indexOf('Locize') > 0) return true;
   if (inst?.options?.backend?.backends) {
     if (inst.options.backend.backends.some(b => b?.name?.indexOf('Locize') > 0 || b?.constructor?.name?.indexOf('Locize') > 0)) return true;
   }
-  if (inst?.options?.backend?.projectId) return true;
-  if (inst?.options?.backend?.backendOptions) {
-    if (inst.options.backend.backendOptions.some(b => b?.projectId)) return true;
-  }
   return false;
 };
 class I18n extends EventEmitter {
@@ -10903,9 +10894,9 @@ class I18n extends EventEmitter {
     if (typeof this.options.overloadTranslationOptionHandler !== 'function') {
       this.options.overloadTranslationOptionHandler = defOpts.overloadTranslationOptionHandler;
     }
-    if (this.options.showSupportNotice !== false && !usesLocize(this) && !getSupportNoticeShown()) {
-      if (typeof console !== 'undefined' && typeof console.info !== 'undefined') console.info('🌐 i18next is made possible by our own product, Locize — consider powering your project with managed localization (AI, CDN, integrations): https://locize.com 💙');
-      setSupportNoticeShown();
+    if (this.options.showSupportNotice !== false && !usesLocize(this) && !supportNoticeShown) {
+      if (typeof console !== 'undefined' && typeof console.info !== 'undefined') console.info('🌐 i18next is maintained with support from Locize — consider powering your project with managed localization (AI, CDN, integrations): https://locize.com 💙');
+      supportNoticeShown = true;
     }
     const createClassOnDemand = ClassOrObject => {
       if (!ClassOrObject) return null;
@@ -11167,19 +11158,21 @@ class I18n extends EventEmitter {
       o.lngs = o.lngs || fixedT.lngs;
       o.ns = o.ns || fixedT.ns;
       if (o.keyPrefix !== '') o.keyPrefix = o.keyPrefix || keyPrefix || fixedT.keyPrefix;
-      const selectorOpts = {
-        ...this.options,
-        ...o
-      };
       const keySeparator = this.options.keySeparator || '.';
       let resultKey;
       if (o.keyPrefix && Array.isArray(key)) {
         resultKey = key.map(k => {
-          if (typeof k === 'function') k = keysFromSelector(k, selectorOpts);
+          if (typeof k === 'function') k = keysFromSelector(k, {
+            ...this.options,
+            ...opts
+          });
           return `${o.keyPrefix}${keySeparator}${k}`;
         });
       } else {
-        if (typeof key === 'function') key = keysFromSelector(key, selectorOpts);
+        if (typeof key === 'function') key = keysFromSelector(key, {
+          ...this.options,
+          ...opts
+        });
         resultKey = o.keyPrefix ? `${o.keyPrefix}${keySeparator}${key}` : key;
       }
       return this.t(resultKey, o);
@@ -12407,7 +12400,7 @@ const LidoContainer = class {
             userSelect: 'none', // Prevent any field selection
         };
         console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
-        return (index.h(index.Host, { key: 'abcebd40adfbb553ac4878f9e0d7b76800d74a59', id: "lido-container", Lang: this.Lang, "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, "highlight-word-by-word": `${this.highlightWordByWord}` }, index.h("lido-text", { key: '94b6176383b21924018ba601e4c69d6f640e6cac', visible: "false", id: this.templateId, audio: "", string: this.instructName }), index.h("slot", { key: 'fb107851146dc5e3d3a17cef43a84dd894fad646' })));
+        return (index.h(index.Host, { key: '9969d4eee1befeb5b5a82fdce7c58aa44abc179c', id: "lido-container", Lang: this.Lang, "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, "highlight-word-by-word": `${this.highlightWordByWord}` }, index.h("lido-text", { key: 'c5476a7d3e16bb1b5608046d9f0b54f757003706', visible: "false", id: this.templateId, audio: "", string: this.instructName }), index.h("slot", { key: '7523757d12373c3355815012ed6a93abcb839f71' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -12931,7 +12924,7 @@ const LidoHome = class {
         }
         // Pure-JS fallback (no wasm asset required)
         try {
-            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-BCtIYiSY.js'); }).then(function (n) { return n.decode; });
+            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-JJkh_9QG.js'); }).then(function (n) { return n.decode; });
             const brotliDecompressBuffer = brotliDecodeModule.BrotliDecompressBuffer ||
                 ((_a = brotliDecodeModule.default) === null || _a === void 0 ? void 0 : _a.BrotliDecompressBuffer);
             if (typeof brotliDecompressBuffer !== 'function') {
@@ -13200,7 +13193,8 @@ const LidoHome = class {
             const tabIndex = el.getAttribute('tab-index');
             const htmlel = el;
             if (tabIndex && Number(tabIndex) > 0) {
-                if (el && el.getAttribute('disable-speak') !== 'true') {
+                if (el && (el.getAttribute('disable-speak') !== 'true') || !el.getAttribute("disable-speak")) {
+                    console.log("disbale speak thing : ", el.getAttribute("diable-speak"), !el.getAttribute("diable-speak"));
                     await index$1.AudioPlayer.getI().play(htmlel);
                 }
                 if (index$1.getCancelBtnPopup()) {
@@ -16622,7 +16616,7 @@ const LidoMathMatrix = class {
             slot.style.border = this.border;
             slot.style.color = this.fontColor;
             if (slot.className.includes('slot-active')) {
-                slot.style.visibility = 'visible';
+                slot.style.visibility = '';
                 if (this.matrixImage) {
                     slot.style.setProperty('--bg-image', `url(${index$1.convertUrlToRelative(this.matrixImage)})`);
                 }
@@ -16653,8 +16647,15 @@ const LidoMathMatrix = class {
         const fristElement = this.el.querySelector('.slot');
         if (!slotElement.length || !fristElement)
             return;
-        const elementSize = Number(this.rows) < Number(this.cols) ? this.el.offsetHeight : this.el.offsetWidth;
-        const numberOfSlots = Number(this.rows) > Number(this.cols) ? Number(this.rows) : Number(this.cols);
+        const container = document.getElementById(index$1.LidoContainer);
+        let numOfRows = this.rows;
+        let numOfCols = this.cols;
+        if (container && container.getAttribute("template-id") === "multiplyBeeds") {
+            numOfCols = "9";
+            numOfRows = "1";
+        }
+        const elementSize = Number(numOfRows) < Number(numOfCols) ? this.el.offsetHeight : this.el.offsetWidth;
+        const numberOfSlots = Number(numOfRows) > Number(numOfCols) ? Number(numOfRows) : Number(numOfCols);
         const slotParent = this.el.querySelectorAll('.slot-parent');
         const slotMaxValues = elementSize / numberOfSlots;
         slotParent.forEach(parent => {
@@ -16760,7 +16761,7 @@ const LidoMathMatrix = class {
     render() {
         let slotNumber = 1;
         const slotData = this.getSlotData();
-        return (index.h(index.Host, { key: '3da93fe1224f166febc7da07a7ef301a66d88997', class: "math-matrix", style: {
+        return (index.h(index.Host, { key: '0281adbd885b8021d47ed5407aabbfadf008bdd1', class: "math-matrix", style: {
                 height: this.style.height,
                 width: this.style.width,
                 z: this.style.z,
@@ -17883,7 +17884,7 @@ const LidoText = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7b3c230890775e489b3d2bc2abca683078211377', class: "lido-text", value: this.value, type: this.type, "tab-index": this.tabIndex, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, minDrops: this.minDrops, maxDrops: this.maxDrops, id: this.id, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, "span-type": this.spanType, "disable-speak": this.disableSpeak }, this.spanType !== '' ? index.h("div", { class: "lido-text-content" }, " ", instance.t(this.string)) : instance.t(this.string)));
+        return (index.h(index.Host, { key: '35218060c543c6775c92989779e173af4702b0d8', class: "lido-text", value: this.value, type: this.type, "tab-index": this.tabIndex, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, minDrops: this.minDrops, maxDrops: this.maxDrops, id: this.id, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, "span-type": this.spanType, "disable-speak": `${this.disableSpeak}` }, this.spanType !== '' ? index.h("div", { class: "lido-text-content" }, " ", instance.t(this.string)) : instance.t(this.string)));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/lido-player.cjs.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-Dl8SlqP-.js');
+var index = require('./index-BrME-8br.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Dl8SlqP-.js');
+var index = require('./index-BrME-8br.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;