lido-player 0.0.2-alpha-78 → 0.0.2-alpha-79

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CTFlNIYW.js');
+var index = require('./index-DCqhhVJB.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-DCqhhVJB.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';
@@ -7195,7 +7195,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 +7818,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 +11944,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
     ];
 
@@ -73476,6 +73476,7 @@ 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-DCqhhVJB.js');
+require('./index-7Dh-uOww.js');
 
 
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BrME-8br.js');
-var index$1 = require('./index-CTFlNIYW.js');
+var index = require('./index-7Dh-uOww.js');
+var index$1 = require('./index-DCqhhVJB.js');
 
 var rive$1 = {exports: {}};
 
@@ -8510,7 +8510,7 @@ const LidoBalance = class {
 };
 LidoBalance.style = lidoBalanceCss();
 
-const lidoCalculatorCss = () => `#lidoCalculator{border-radius:19px;border:5px solid #029A9A;position:relative;display:flex;flex-direction:column;padding:2%;box-sizing:border-box}.lido-calculator-btn-special{background-color:#014D4D !important;--btn-shadow-color:#0a2f2f !important}.lido-calculator-btn-default{--btn-bg-color:#029A9A !important;--btn-shadow-color:#0f4242 !important;color:#000}#lido-calculator-penIcon{--btn-bg-color:#FB7038 !important;--btn-shadow-px:0 8px 0 !important;--btn-shadow-color:#D74B12 !important;border-radius:5px !important}.lido-calculator-displayParent{width:89%;height:107px;background-color:rgb(68, 186, 186);border-radius:5px;margin:14px auto 17px auto;overflow:hidden;display:flex;align-items:end}.lido-calculator-display{width:97%;height:94px;background:#029A9A;color:#fff;text-align:right;display:flex;justify-content:flex-end;align-items:center;font-size:72px;font-weight:700;font-family:'Baloo Bhai 2', serif;border-radius:5px 0px 0px 5px;box-sizing:border-box;margin:0 0px -6px auto}.lido-calculator-buttons{flex:1;display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;gap:0%;width:100%;justify-items:center;align-items:center;position:relative;top:-1%}.lido-calculator-buttons lido-text{display:flex !important;justify-content:center;align-items:center;width:96px !important;height:80px !important;font-size:72px !important;font-weight:700 !important;color:#fff;border-radius:5px !important;cursor:pointer;text-align:center;line-height:1;box-sizing:border-box;transition:transform 0.1s}.lido-calculator-buttons lido-text:active{transform:scale(0.95)}`;
+const lidoCalculatorCss = () => `#lidoCalculator{border-radius:19px;border:5px solid #029A9A;position:relative;display:flex;flex-direction:column;padding:2%;box-sizing:border-box}.lido-calculator-btn-special{background-color:#014D4D !important;--btn-shadow-color:#0a2f2f !important}.lido-calculator-btn-default{background-color:#029A9A !important;color:#000;--btn-shadow-color:#0f4242 !important}#lido-calculator-penIcon{--btn-bg-color:#FB7038 !important;--btn-shadow-px:0 8px 0 !important;--btn-shadow-color:#D74B12 !important;border-radius:5px !important}.lido-calculator-displayParent{width:89%;height:107px;background-color:rgb(68, 186, 186);border-radius:5px;margin:14px auto 17px auto;overflow:hidden;display:flex;align-items:end}.lido-calculator-display{width:97%;height:94px;background:#029A9A;color:#fff;text-align:right;display:flex;justify-content:flex-end;align-items:center;font-size:72px;font-weight:700;font-family:'Baloo Bhai 2', serif;border-radius:5px 0px 0px 5px;box-sizing:border-box;margin:0 0px -6px auto}.lido-calculator-buttons{flex:1;display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;gap:0%;width:100%;justify-items:center;align-items:center;position:relative;top:-1%}.lido-calculator-buttons lido-text{display:flex !important;justify-content:center;align-items:center;width:96px !important;height:80px !important;font-size:72px !important;font-weight:700 !important;color:#fff;border-radius:5px !important;cursor:pointer;text-align:center;line-height:1;box-sizing:border-box;transition:transform 0.1s}.lido-calculator-buttons lido-text:active{transform:scale(0.95)}`;
 
 const LidoCalculator = class {
     constructor(hostRef) {
@@ -8648,12 +8648,13 @@ const LidoCalculator = class {
             else {
                 await index$1.executeActions(onInCorrect, container);
             }
+            index$1.triggerNextContainer();
         }
         okbtn.style.pointerEvents = 'auto'; // Re-enable OK button after processing
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (index.h(index.Host, { key: '29f91af1bedaa8be605cdf82fddf74b5622eff6e', 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: '1ac0f61986e688603db21b2eb1bb52bbcabca1ca', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '3bdacbcb2ea2f371b11a2ed05eb271e0a75c5e09', 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: '5f7bb3c09bccdb21c2bda00ae99234409bad7eda', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '0891cd4b5929861d264c29684ef260f61e65004b', class: "lido-calculator-displayParent" }, index.h("div", { key: 'ac5861ca1a9ebaee9eb7d729f8d2b88933b733d5', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: 'f80c85a89462fd96630a4bf8a304284e4546fe72', 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: 'e37b659e48048b18812f385db123c208eabe6ba4', 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: 'fb41e56bd1414869fa21e0460dd6e64945aeee82', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '4330873be32fbdc2236397240c5930bb1a1b395e', 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: 'b5f6b05debf1f641047b7021d0c08cdc628cea8d', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '125dca5b401eb78f51653867ff248b68997ade2c', class: "lido-calculator-displayParent" }, index.h("div", { key: '2fa29f9cab7d3a82cd0efe752d02d76c02f56f65', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: '30f9819671255c7a98f5137882b1c06bd75663e0', 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) }))))));
@@ -9284,7 +9285,7 @@ const deepFind = (obj, path, keySeparator = '.') => {
   }
   return current;
 };
-const getCleanedCode = code => code?.replace('_', '-');
+const getCleanedCode = code => code?.replace(/_/g, '-');
 
 const consoleLogger = {
   type: 'logger',
@@ -10793,13 +10794,21 @@ const bindMemberFunctions = inst => {
     }
   });
 };
-let supportNoticeShown = false;
+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;
+};
 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 {
@@ -10854,9 +10863,9 @@ class I18n extends EventEmitter {
     if (typeof this.options.overloadTranslationOptionHandler !== 'function') {
       this.options.overloadTranslationOptionHandler = defOpts.overloadTranslationOptionHandler;
     }
-    if (this.options.showSupportNotice !== false && !usesLocize(this) && !supportNoticeShown) {
+    if (this.options.showSupportNotice !== false && !usesLocize(this) && !getSupportNoticeShown()) {
       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;
+      setSupportNoticeShown();
     }
     const createClassOnDemand = ClassOrObject => {
       if (!ClassOrObject) return null;
@@ -11749,80 +11758,46 @@ class Browser {
 Browser.type = 'languageDetector';
 
 const Exit$5 = "Exit";
-const openwindow = " Select the correct picture indicating the word.";
-const fillblank = "Select the correct word from below and complete the sentence.";
-const writecard = "Trace the letter by dragging the green point as shown by the pointing finger. ";
-const picturemeaning = "Select the correct sentence/phrase matching with the picture.";
-const jumpsentence = "Complete the sentence by dragging the missing parts of the sentence from below.";
-const phonictractor = "Drag the wooden blocks to the tractor to form the correct sound.";
-const letterboard = "Drag the  alphabets from the right to its correct place and complete the puzzle.";
-const bubbletype = "Type the letter/word shown inside the bubble using the keyboard in the bottom.";
-const createsentence = "Pull the words from the bottom in the correct order to form a sentence.";
-const letterpair = "Match the cards with same letters together.";
-const rocket = "Drag the correct letter/syllable from bottom and form the correct word.";
-const writeset = "Trace the letter by dragging the green point as shown by the pointing finger. ";
-const spelldoor = "Drag the letters from the bottom to it correct place and form the correct spelling.";
-const speakingpet = "Listen to the cat's sound. Feed the food tray to the cat having the same sounds.";
-const grid = "Form the word by mixing the vertical sound with horizontal sounds. Drag the word from the bottom and put it in the correct place.";
-const balancing = "Compare the number of fruits on both the sides. Use the = sign when the number on both sides are equal. Use < sign when number on the right is bigger. Use > sign when number on the left is bigger.";
-const blender = "Fill the empty jars with the correct filled jars from below and complete the equation.";
-const calculator = "Solve the problem on the white board and enter the answer in the number board. ";
-const checkerblocks = "Drag the missing numbers from right to its correct place and complete the puzzle.";
-const drawshape = "Trace the lines as  shown by the pointing finger.";
-const fillanswer = "Solve the problem and select the correct answer from below.";
-const foodjar = "Fill the empty jars with the correct filled jars from below and complete the equation.";
-const multiplybeads = "Add new columns of beads from the right and count the sum of all beads.";
-const nimbletable = "Solve the question at the top most board and select the correct answer shown on the right.";
-const numberboard = "Drag the number from right and complete the number puzzle.";
-const rowblocks = "Drag the missing numbers from right to its correct place and complete the puzzle.";
-const sequencebox = "Fill the empty treasure box with the missing numbers and complete the pattern.";
-const shapepair = "Fill the empty treasure box with the missing numbers and complete the pattern.";
-const shapetractor = "Complete the pattern using the blocks given below .";
-const sumtogether = "Solve the problem by counting the tiles above and drag the correct answer .";
-const tag = "Solve the problem by counting the tiles above and drag the correct answer .";
-const total = "Count the number of objects in the left and click the number on the number board. ";
-const writenumber = "Trace the letter by dragging the green point as shown by the pointing finger. ";
-const writeletter = "Trace the letter by dragging the green point as shown by the pointing finger. ";
+const instruction$4 = {
+	dragAndDrop: "Match the items by dragging and dropping them into the correct places.",
+	mcq: "Select the correct answer from the options provided.",
+	tracing: "Trace the shape by following the outline carefully.",
+	flashcards: "Review the flashcards to reinforce your learning.",
+	substractionWithImage: "substractionWithImageEngAudio",
+	substractionWithoutImage: "substractionWithoutImageEngAudio",
+	numberIdentificationWithImage: "numberIdentificationWithImageEngAudio",
+	numberIdentificationWithoutImage: "numberIdentificationWithoutImageEngAudio",
+	wordBuildingWithImage: "wordBuildingWithImageEngAudio",
+	wordBuildingWithoutImage: "wordBuildingWithoutImageEngAudio",
+	pictureClues: "pictureCluesEngAudio",
+	pictureWordMatchMultipleImages: "pictureWordMatchMultipleImagesEngAudio",
+	pictureWordMatchSingleImage: "pictureWordMatchSingleImageEngAudio",
+	sentenceMatch: "sentenceMatchEngAudio",
+	imageMatch: "imageMatchEngAudio",
+	palStoryTale: "palStoryTaleEngAudio",
+	palEgmaPatternMatching: "palEgmaPatternMatchingEngAudio",
+	palEgmaWordProblemDragnDrop: "palEgmaWordProblemDragnDropEngAudio",
+	palEgmaWordProblemClick: "palEgmaWordProblemClickEngAudio",
+	palEgraOddOneOut: "palEgraOddOneOutEngAudio",
+	palEgraArrangePictures: "palEgraArrangePicturesEngAudio",
+	palEgraBuildWord: "palEgraBuildWordEngAudio",
+	palEgraWordFormation: "palEgraWordFormationEngAudio",
+	palInventedSpelling: "palInventedSpellingEngAudio",
+	palLetterIdentification: "palLetterIdentificationEngAudio",
+	palStoryMaking: "palStoryMakingEngAudio",
+	palegmasumtogether: "palegmasumtogetherEngAudio",
+	palegmamultioption: "palegmamultioptionEngAudio",
+	palegraoptionaudio: "palegraoptionaudioEngAudio",
+	palegrawordmatch: "palegrawordmatchEngAudio",
+	palegramcqimages: "palegramcqimagesEngAudio"
+};
 var en = {
 	"Do you want to exit?": "Do you want to exit?",
 	Exit: Exit$5,
 	"Continue playing": "Continue playing",
 	"Drop the elements to match the given symbol order": "Drop the elements to match the given symbol order",
 	"Fill  in  the  blanks": "Fill  in  the  blanks",
-	openwindow: openwindow,
-	fillblank: fillblank,
-	writecard: writecard,
-	picturemeaning: picturemeaning,
-	jumpsentence: jumpsentence,
-	phonictractor: phonictractor,
-	letterboard: letterboard,
-	bubbletype: bubbletype,
-	createsentence: createsentence,
-	letterpair: letterpair,
-	rocket: rocket,
-	writeset: writeset,
-	spelldoor: spelldoor,
-	speakingpet: speakingpet,
-	grid: grid,
-	balancing: balancing,
-	blender: blender,
-	calculator: calculator,
-	checkerblocks: checkerblocks,
-	drawshape: drawshape,
-	fillanswer: fillanswer,
-	foodjar: foodjar,
-	multiplybeads: multiplybeads,
-	nimbletable: nimbletable,
-	numberboard: numberboard,
-	rowblocks: rowblocks,
-	sequencebox: sequencebox,
-	shapepair: shapepair,
-	shapetractor: shapetractor,
-	sumtogether: sumtogether,
-	tag: tag,
-	total: total,
-	writenumber: writenumber,
-	writeletter: writeletter
+	instruction: instruction$4
 };
 
 const Exit$4 = "Quitter";
@@ -11946,37 +11921,10 @@ var port = {
 };
 
 const instruction = {
-	dragAndDrop: "Match the items by dragging and dropping them into the correct places.",
-	mcq: "Select the correct answer from the options provided.",
-	tracing: "Trace the shape by following the outline carefully.",
-	flashcards: "Review the flashcards to reinforce your learning.",
-	substractionWithImage: "substractionWithImageMaAudio  ",
-	substractionWithoutImage: "substractionWithoutImageMaAudio",
-	numberIdentificationWithImage: "numberIdentificationWithImageMaAudio",
-	numberIdentificationWithoutImage: "numberIdentificationWithoutImageMaAudio",
-	wordBuildingWithImage: "wordBuildingWithImageMaAudio",
-	wordBuildingWithoutImage: "wordBuildingWithoutImageMaAudio",
-	pictureClues: "pictureCluesMaAudio",
-	pictureWordMatchMultipleImages: "pictureWordMatchMultipleImagesMaAudio",
-	pictureWordMatchSingleImage: "pictureWordMatchSingleImageMaAudio",
-	sentenceMatch: "sentenceMatchMaAudio",
-	imageMatch: "imageMatchMaAudio",
-	palStoryTale: "palStoryTaleMaAudio",
-	palEgmaPatternMatching: "palEgmaPatternMatchingMaAudio",
-	palEgmaWordProblemDragnDrop: "palEgmaWordProblemDragnDropMaAudio",
-	palEgmaWordProblemClick: "palEgmaWordProblemClickMaAudio",
-	palEgraOddOneOut: "palEgraOddOneOutMaAudio",
-	palEgraArrangePictures: "palEgraArrangePicturesMaAudio",
-	palEgraBuildWord: "palEgraBuildWordMaAudio",
-	palEgraWordFormation: "palEgraWordFormationMaAudio",
-	palInventedSpelling: "palInventedSpellingMaAudio",
-	palLetterIdentification: "palLetterIdentificationMaAudio",
-	palStoryMaking: "palStoryMakingMaAudio",
-	palegmasumtogether: "palegmasumtogetherMaAudio",
-	palegmamultioption: "palegmamultioptionMaAudio",
-	palegraoptionaudio: "palegraoptionaudioMaAudio",
-	palegrawordmatch: "palegrawordmatchMaAudio",
-	palegramcqimages: "palegramcqimagesMaAudio"
+	dragAndDrop: "वस्तू योग्य ठिकाणी ओढून आणि सोडून जुळवा.",
+	mcq: "दिलेल्या पर्यायांमधून योग्य उत्तर निवडा.",
+	tracing: "रेषेचा काळजीपूर्वक मागोवा घेत आकृती काढा.",
+	flashcards: "तुमचे शिक्षण मजबूत करण्यासाठी फ्लॅशकार्ड्स पाहा."
 };
 var ma = {
 	instruction: instruction
@@ -12639,9 +12587,15 @@ const LidoFloat = class {
     }
     initializeFloatElement() {
         const floatElements = this.el.children;
+        let delay = 0;
         Array.from(floatElements).forEach((el) => {
             const element = el;
-            index$1.handleFloatElementPosition(element);
+            element.style.visibility = 'hidden';
+            setTimeout(() => {
+                element.style.visibility = 'visible';
+                index$1.handleFloatElementPosition(element);
+            }, delay);
+            delay += 1000; // Stagger the visibility of each element by 1 second
             el.addEventListener('click', () => {
                 index$1.handleElementClick(element);
             });
@@ -12658,7 +12612,7 @@ const LidoFloat = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'd12c96be36eb27c4b46cb2b494f1de3352634feb', class: "lido-float", "float-direction": this.floatDirection, id: this.id, "tab-index": this.tabIndex, style: this.style, onEntry: this.onEntry }, index.h("slot", { key: '5c2b330b5fb5c27ead76a0a9514750d4dd3ef820' })));
+        return (index.h(index.Host, { key: '56dd4ef6911cc6828d391c0860f8c06e4bc704f7', class: "lido-float", "float-direction": this.floatDirection, id: this.id, "tab-index": this.tabIndex, style: this.style, onEntry: this.onEntry }, index.h("slot", { key: '562f76563618f517918712821fa708f3dd59b596' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -12862,7 +12816,7 @@ const LidoHome = class {
         });
         await this.loadTemplateData();
         const trimmed = (this.xmlData || '').trim();
-        if (trimmed.startsWith('<main')) {
+        if (trimmed.includes("lido-container")) {
             this.parseXMLData(this.xmlData);
         }
         else {
@@ -12878,10 +12832,10 @@ const LidoHome = class {
         });
     }
     async loadTemplateData() {
-        // if (!this.baseUrl) {
-        //   return;
-        // }
-        const candidatePaths = ["/assets/data.json", "data.json"];
+        if (!this.baseUrl) {
+            return;
+        }
+        const candidatePaths = [`${this.baseUrl.replace(/\/+$/, '')}/data.json`];
         for (const path of candidatePaths) {
             try {
                 const resolvedPath = path.startsWith('http') ? path : index.getAssetPath(path);
@@ -12930,7 +12884,7 @@ const LidoHome = class {
         }
         // Pure-JS fallback (no wasm asset required)
         try {
-            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-C8i5r2rz.js'); }).then(function (n) { return n.decode; });
+            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-deq4aiWl.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') {
@@ -16446,14 +16400,18 @@ const LidoKeyboard = class {
             const element = word === null || word === void 0 ? void 0 : word.startsWith(this.inputString.toLowerCase());
             return element;
         });
-        if (matchedBubble) {
-            const bodyRect = document.body.getBoundingClientRect();
-            const elemRect = matchedBubble.getBoundingClientRect();
-            // Ciheck if the matched bubble is overlapping with the target area (you can define the target area as needed, here we use the entire viewport)
-            isOverlapping = elemRect.left < bodyRect.right && elemRect.right > bodyRect.left && elemRect.top < bodyRect.bottom && elemRect.bottom > bodyRect.top;
+        const bodyRect = document.body.getBoundingClientRect();
+        const elemRect = matchedBubble.getBoundingClientRect();
+        // Ciheck if the matched bubble is overlapping with the target area (you can define the target area as needed, here we use the entire viewport)
+        isOverlapping = elemRect.left < bodyRect.right && elemRect.right > bodyRect.left && elemRect.top < bodyRect.bottom && elemRect.bottom > bodyRect.top;
+        if (matchedBubble && isOverlapping) {
             // If full word completed
-            if (this.inputString.toLowerCase() === matchedBubble.getAttribute('value').toLowerCase() && isOverlapping) {
+            if (this.inputString.toLowerCase() === matchedBubble.getAttribute('value').toLowerCase()) {
                 index$1.storingEachActivityScore(true);
+                index$1.AudioPlayer.getI().play(matchedBubble);
+                index$1.stopHighlightForSpeakingElement(matchedBubble);
+                const elementOnCorrect = matchedBubble.getAttribute('onCorrect');
+                await index$1.executeActions(elementOnCorrect, matchedBubble);
                 matchedBubble.style.animation = 'none';
                 matchedBubble.style.pointerEvents = 'none';
                 this.numberOfClick++;
@@ -16528,10 +16486,10 @@ const LidoKeyboard = class {
         const keysArray = this.keys.split(',').map(k => k.trim());
         const container = document.getElementById(index$1.LidoContainer);
         const showCheck = container.getAttribute('show-check') === 'true';
-        return (index.h(index.Host, { key: 'c628b4412414cb77bf6596b302deb91f13626f53', class: "lido-keyboard", style: { width: this.style.width, height: this.style.height, position: 'relative', margin: this.style.margin, zIndex: this.z } }, this.keyboardInput && (index.h("div", { key: '3081daf25caa5ca0390b78567e0f46c8fecd0933', class: "input-area" }, index.h("input", { key: 'a21b93f86abb42afc45811d560400deb58da09fe', type: "text", value: this.inputString, class: "input-area", readonly: true }), index.h("lido-text", { key: '3486ddf43feb30d595a4e854761de41c0f963690', visible: showCheck ? 'true' : 'false', string: "<<", "bg-color": "black", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "100px", height: "70px", type: "click", onClick: () => {
+        return (index.h(index.Host, { key: '0d05d0c728277cb017348ba2d2ae3948cf2bab55', class: "lido-keyboard", style: { width: this.style.width, height: this.style.height, position: 'relative', margin: this.style.margin, zIndex: this.z } }, this.keyboardInput && (index.h("div", { key: '14a518c62f6d08a4f151862ee62164bb2855e663', class: "input-area" }, index.h("input", { key: '10eeaea092ff52f34f305228cdc3b5a0dfff444d', type: "text", value: this.inputString, class: "input-area", readonly: true }), index.h("lido-text", { key: '13773d7c06178fecd4de0f5e5913c0596a7c8870', visible: showCheck ? 'true' : 'false', string: "<<", "bg-color": "black", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "100px", height: "70px", type: "click", onClick: () => {
                 this.inputString = this.inputString.slice(0, -1);
                 this.inputValidation(event);
-            } }), index.h("lido-text", { key: '3a619b53a9c0a6e511adfbdff3f2e8b89692431b', visible: showCheck ? 'true' : 'false', id: "lido-checkButton", string: "Enter", "bg-color": "green", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "150px", height: "70px", type: "click" }))), this.letterLength && (index.h("lido-text", { key: '0a780c4a4669edb5bf7f51190ddb6345a724fd43', visible: "true", string: `${this.numberOfClick}/${this.letterLength}`, "font-size": "60px", "font-color": "white", onEntry: "this.position='absolute'; this.right='0'; this.fontWeight='800';", x: "unset" })), index.h("div", { key: '49f04eacdfbdc93ffcd3749531b90b4acd655d50', class: "keyboard-wrapper", style: {
+            } }), index.h("lido-text", { key: 'f430668be25e241f8047f66024d823c91aa07dea', visible: showCheck ? 'true' : 'false', id: "lido-checkButton", string: "Enter", "bg-color": "green", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "150px", height: "70px", type: "click" }))), this.letterLength && (index.h("lido-text", { key: 'e885f754dc148709506a3f5273c9a29a1746fad9', visible: "true", string: `${this.numberOfClick}/${this.letterLength}`, "font-size": "60px", "font-color": "white", onEntry: "this.position='absolute'; this.right='0'; this.fontWeight='800';", x: "unset" })), index.h("div", { key: '402251e518990c9ef768aaac13e93476a12cad06', class: "keyboard-wrapper", style: {
                 display: 'flex',
                 flexWrap: 'wrap',
                 justifyContent: 'center',

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

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

package/dist/cjs/loader.cjs.js

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

package/dist/collection/collection-manifest.json

@@ -23,9 +23,10 @@
     "components/trace/lido-trace.js",
     "components/wrap/lido-wrap.js"
   ],
+  "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.0",
+    "version": "4.43.2",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

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

@@ -13,9 +13,9 @@
 }
 
 .lido-calculator-btn-default {
-  --btn-bg-color: #029A9A !important;
-  --btn-shadow-color: #0f4242 !important;
+  background-color: #029A9A !important;
   color: #000;
+  --btn-shadow-color: #0f4242 !important ; 
 }
 
 #lido-calculator-penIcon {

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

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { executeActions, equationCheck, storingEachActivityScore, calculateScore } from "../../utils/utils";
+import { executeActions, equationCheck, storingEachActivityScore, calculateScore, triggerNextContainer } from "../../utils/utils";
 import { NextContainerKey } from "../../utils/constants";
 export class LidoCalculator {
     constructor() {
@@ -138,12 +138,13 @@ export class LidoCalculator {
             else {
                 await executeActions(onInCorrect, container);
             }
+            triggerNextContainer();
         }
         okbtn.style.pointerEvents = 'auto'; // Re-enable OK button after processing
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (h(Host, { key: '29f91af1bedaa8be605cdf82fddf74b5622eff6e', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, h("lido-cell", { key: '1ac0f61986e688603db21b2eb1bb52bbcabca1ca', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: '3bdacbcb2ea2f371b11a2ed05eb271e0a75c5e09', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: '5f7bb3c09bccdb21c2bda00ae99234409bad7eda', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: '0891cd4b5929861d264c29684ef260f61e65004b', class: "lido-calculator-displayParent" }, h("div", { key: 'ac5861ca1a9ebaee9eb7d729f8d2b88933b733d5', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: 'f80c85a89462fd96630a4bf8a304284e4546fe72', class: "lido-calculator-buttons" }, numbers.map((num, i) => (h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
+        return (h(Host, { key: 'e37b659e48048b18812f385db123c208eabe6ba4', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, h("lido-cell", { key: 'fb41e56bd1414869fa21e0460dd6e64945aeee82', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: '4330873be32fbdc2236397240c5930bb1a1b395e', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: 'b5f6b05debf1f641047b7021d0c08cdc628cea8d', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: '125dca5b401eb78f51653867ff248b68997ade2c', class: "lido-calculator-displayParent" }, h("div", { key: '2fa29f9cab7d3a82cd0efe752d02d76c02f56f65', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: '30f9819671255c7a98f5137882b1c06bd75663e0', class: "lido-calculator-buttons" }, numbers.map((num, i) => (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) }))))));

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

@@ -58,9 +58,15 @@ export class LidoFloat {
     }
     initializeFloatElement() {
         const floatElements = this.el.children;
+        let delay = 0;
         Array.from(floatElements).forEach((el) => {
             const element = el;
-            handleFloatElementPosition(element);
+            element.style.visibility = 'hidden';
+            setTimeout(() => {
+                element.style.visibility = 'visible';
+                handleFloatElementPosition(element);
+            }, delay);
+            delay += 1000; // Stagger the visibility of each element by 1 second
             el.addEventListener('click', () => {
                 handleElementClick(element);
             });
@@ -77,7 +83,7 @@ export class LidoFloat {
         };
     }
     render() {
-        return (h(Host, { key: 'd12c96be36eb27c4b46cb2b494f1de3352634feb', class: "lido-float", "float-direction": this.floatDirection, id: this.id, "tab-index": this.tabIndex, style: this.style, onEntry: this.onEntry }, h("slot", { key: '5c2b330b5fb5c27ead76a0a9514750d4dd3ef820' })));
+        return (h(Host, { key: '56dd4ef6911cc6828d391c0860f8c06e4bc704f7', class: "lido-float", "float-direction": this.floatDirection, id: this.id, "tab-index": this.tabIndex, style: this.style, onEntry: this.onEntry }, h("slot", { key: '562f76563618f517918712821fa708f3dd59b596' })));
     }
     static get is() { return "lido-float"; }
     static get originalStyleUrls() {