lido-player 0.0.2-alpha-80 → 0.0.2-alpha-81

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

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

package/dist/cjs/{index-7Dh-uOww.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.2 | 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-CgaE1GjD.js → index-w6fx6vpR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./index-7Dh-uOww.js');
+var index$1 = require('./index-BrME-8br.js');
 
 const DragMapKey = 'lidoDragMap';
 const SelectedValuesKey = 'lidoSelectedValues';
@@ -1332,6 +1332,7 @@ class AudioPlayer {
         return el.closest('lido-text');
     }
     async play(targetElement) {
+        console.log("iiiiiiiii");
         // Stop any currently playing audio first if target element has audio given
         try {
             await AudioPlayer.getI().stop();
@@ -1377,7 +1378,7 @@ class AudioPlayer {
             this.audioElement.src = audioUrl;
             console.log('🚀 Playing audio:', this.audioElement.src);
             try {
-                setDraggingDisabled(true);
+                // setDraggingDisabled(true);
                 const language = container.getAttribute('Lang') || 'en';
                 const profile = LANGUAGE_PROFILES[language] || LANGUAGE_PROFILES[language.split('-')[0]] || LANGUAGE_PROFILES['en'];
                 let timeline = [];
@@ -7199,7 +7200,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)) {
@@ -7822,7 +7823,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)
@@ -11948,10 +11949,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
     ];
 

package/dist/cjs/index.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CgaE1GjD.js');
-require('./index-7Dh-uOww.js');
+var index = require('./index-w6fx6vpR.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-7Dh-uOww.js');
-var index$1 = require('./index-CgaE1GjD.js');
+var index = require('./index-BrME-8br.js');
+var index$1 = require('./index-w6fx6vpR.js');
 
 var rive$1 = {exports: {}};
 
@@ -747,7 +747,7 @@ function requireRive () {
 		    return Wa(c, a, b);
 		  }));
 		}
-		var Za, $a, db = {491234:(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;
-		}, 493412:() => {
+		}, 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);
-		}, 493716:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 493820:() => {
+		}, 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;
 		  }
-		}, 493991:(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);
-		}, 496868:a => window.h.qa(a).L.sampleRate, 496941: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;
-		}, 497341:a => {
+		}, 497245:a => {
 		  window.h.Ab(a);
-		}, 497391:a => {
+		}, 497295:a => {
 		  a = window.h.qa(a);
 		  a.L.resume();
 		  a.state = window.h.ga.wb;
-		}, 497530: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.1","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 */
@@ -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{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 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 LidoCalculator = class {
     constructor(hostRef) {
@@ -9286,7 +9286,7 @@ const deepFind = (obj, path, keySeparator = '.') => {
   }
   return current;
 };
-const getCleanedCode = code => code?.replace(/_/g, '-');
+const getCleanedCode = code => code?.replace('_', '-');
 
 const consoleLogger = {
   type: 'logger',
@@ -10795,21 +10795,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 {
@@ -10864,9 +10856,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 (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 💙');
-      setSupportNoticeShown();
+      supportNoticeShown = true;
     }
     const createClassOnDemand = ClassOrObject => {
       if (!ClassOrObject) return null;
@@ -11922,10 +11914,37 @@ var port = {
 };
 
 const instruction = {
-	dragAndDrop: "वस्तू योग्य ठिकाणी ओढून आणि सोडून जुळवा.",
-	mcq: "दिलेल्या पर्यायांमधून योग्य उत्तर निवडा.",
-	tracing: "रेषेचा काळजीपूर्वक मागोवा घेत आकृती काढा.",
-	flashcards: "तुमचे शिक्षण मजबूत करण्यासाठी फ्लॅशकार्ड्स पाहा."
+	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"
 };
 var ma = {
 	instruction: instruction
@@ -12894,7 +12913,7 @@ const LidoHome = class {
         }
         // Pure-JS fallback (no wasm asset required)
         try {
-            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-BoJO3btM.js'); }).then(function (n) { return n.decode; });
+            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-0PH42AW4.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') {
@@ -13142,6 +13161,7 @@ const LidoHome = class {
         });
     }
     async btnpopup() {
+        var _a, _b;
         index$1.setCancelBtnPopup(false);
         await index$1.AudioPlayer.getI().stop();
         const container = document.getElementById(index$1.LidoContainer);
@@ -13171,7 +13191,7 @@ const LidoHome = class {
         }
         if (this.areAllDropsFilled()) {
             const objectiveString = container['objective'];
-            const objectiveArray = JSON.parse(localStorage.getItem(index$1.SelectedValuesKey) || '[]');
+            const objectiveArray = (_b = JSON.parse((_a = container.getAttribute(index$1.SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]')) !== null && _b !== void 0 ? _b : [];
             const res = index$1.matchStringPattern(objectiveString, objectiveArray);
             console.log('Resultt', res);
             if (res) {

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-7Dh-uOww.js');
+var index = require('./index-BrME-8br.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.43.2 | 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-7Dh-uOww.js');
+var index = require('./index-BrME-8br.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/collection/collection-manifest.json

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

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

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

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

@@ -519,6 +519,7 @@ export class LidoHome {
         });
     }
     async btnpopup() {
+        var _a, _b;
         setCancelBtnPopup(false);
         await AudioPlayer.getI().stop();
         const container = document.getElementById(LidoContainer);
@@ -548,7 +549,7 @@ export class LidoHome {
         }
         if (this.areAllDropsFilled()) {
             const objectiveString = container['objective'];
-            const objectiveArray = JSON.parse(localStorage.getItem(SelectedValuesKey) || '[]');
+            const objectiveArray = (_b = JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]')) !== null && _b !== void 0 ? _b : [];
             const res = matchStringPattern(objectiveString, objectiveArray);
             console.log('Resultt', res);
             if (res) {

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

@@ -164,7 +164,7 @@ export class LidoRoot {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "CSS margin value applied to each child element inside the container.\r\nAccepts standard CSS margin formats (e.g., '10px', '5px 10px', etc.)."
+                    "text": "CSS margin value applied to each child element inside the container.\nAccepts standard CSS margin formats (e.g., '10px', '5px 10px', etc.)."
                 },
                 "getter": false,
                 "setter": false,
@@ -224,7 +224,7 @@ export class LidoRoot {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Custom URL for the Exit button icon.\r\nFalls back to the default icon if not provided or invalid."
+                    "text": "Custom URL for the Exit button icon.\nFalls back to the default icon if not provided or invalid."
                 },
                 "getter": false,
                 "setter": false,
@@ -243,7 +243,7 @@ export class LidoRoot {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Custom URL for the Previous button icon.\r\nFalls back to the default icon if not provided or invalid."
+                    "text": "Custom URL for the Previous button icon.\nFalls back to the default icon if not provided or invalid."
                 },
                 "getter": false,
                 "setter": false,
@@ -262,7 +262,7 @@ export class LidoRoot {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Custom URL for the Next button icon.\r\nFalls back to the default icon if not provided or invalid."
+                    "text": "Custom URL for the Next button icon.\nFalls back to the default icon if not provided or invalid."
                 },
                 "getter": false,
                 "setter": false,
@@ -281,7 +281,7 @@ export class LidoRoot {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Custom URL for the Speaker button icon.\r\nFalls back to the default icon if not provided or invalid."
+                    "text": "Custom URL for the Speaker button icon.\nFalls back to the default icon if not provided or invalid."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/stories/Templates/numberIdentification/numberIdentificationimageTotext.stories.js

@@ -47,7 +47,7 @@ function getContainerXml(args) {
 			onEntry="this.fontWeight='700';">
             </lido-text>
 			<lido-cell visible="true" width="500px" bg-color="transparent" height="300px" onEntry="this.display='flex';this.align-items='center';"	>
-				<lido-math-matrix id="mat1" rows="${args.row}" cols="${args.col}"  defualtFill="${args.answer}" leftIndex="false" topIndex="false" clickable="true" matrixImage="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/pal_number_identification/fruit.png" activeBgColor="transparent" inactiveBgColor="transparent" border="5px soild transparent" height="300px" width="500px" visible="true" margin="landscape.0,portrait.-26px 0px 0px 0px">
+				<lido-math-matrix id="mat1" onEntry="this.pointer-events='none';" rows="${args.row}" cols="${args.col}"  defualtFill="${args.answer}" leftIndex="false" topIndex="false" clickable="true" matrixImage="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/pal_number_identification/fruit.png" activeBgColor="transparent" inactiveBgColor="transparent" border="5px soild transparent" height="300px" width="500px" visible="true" margin="landscape.0,portrait.-26px 0px 0px 0px">
 			</lido-math-matrix>
 		  </lido-cell>
 			
@@ -58,14 +58,14 @@ function getContainerXml(args) {
 		
 				<lido-cell layout="row" visible="true" margin="" onEntry="this.border-radius='24px';" height="228px" width="landscape.280px,portrait.300px" bg-color="orange"  type="click" value="${args.option1}">
 					
-					<lido-text id="text1" tab-index="3" disable-speak="true" visible="true"  string="${args.option1}" font-family="'Baloo Bhai 2'" font-color="black" font-size="landscape.140px, portrait.100px"  bg-color="orange" 
+					<lido-text id="text1" tab-index="3" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-upAudio.mp3" disable-speak="true" visible="true"  string="${args.option1}" font-family="'Baloo Bhai 2'" font-color="black" font-size="landscape.140px, portrait.100px"  bg-color="orange" 
 					onEntry="this.fontWeight='700';">
 					</lido-text>
 				</lido-cell>
 
 				<lido-cell layout="row" visible="true" margin="" onEntry="this.border-radius='24px';" height="228px" width="landscape.280px,portrait.300px" bg-color="orange"  type="click" value="${args.option2}">
 					
-					<lido-text id="text2" tab-index="4" disable-speak="true" visible="true"  string="${args.option2}" font-family="'Baloo Bhai 2'" font-color="black" font-size="landscape.140px, portrait.100px"  bg-color="orange" 
+					<lido-text id="text2" tab-index="4" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-upAudio.mp3" disable-speak="true" visible="true"  string="${args.option2}" font-family="'Baloo Bhai 2'" font-color="black" font-size="landscape.140px, portrait.100px"  bg-color="orange" 
 					onEntry="this.fontWeight='700';">
 					</lido-text>
 				</lido-cell>
@@ -73,14 +73,14 @@ function getContainerXml(args) {
 		
 				<lido-cell layout="row" visible="true" margin="" onEntry="this.border-radius='24px';" height="228px" width="landscape.280px,portrait.300px" bg-color="orange"  type="click" value="${args.option3}">
 					
-					<lido-text id="text3" tab-index="5" disable-speak="true" visible="true" string="${args.option3}" font-family="'Baloo Bhai 2'" font-color="black" font-size="landscape.140px, portrait.100px"  bg-color="orange" 
+					<lido-text id="text3" tab-index="5" disable-speak="true" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-upAudio.mp3" visible="true" string="${args.option3}" font-family="'Baloo Bhai 2'" font-color="black" font-size="landscape.140px, portrait.100px"  bg-color="orange" 
 					onEntry="this.fontWeight='700';">
 					</lido-text>
 				</lido-cell>
 
 				<lido-cell layout="row" visible="true" margin="" onEntry="this.border-radius='24px';" height="228px" width="landscape.280px,portrait.300px" bg-color="orange"  type="click" value="${args.option4}">
 					
-					<lido-text id="text4" tab-index="6" disable-speak="true" visible="true" string="${args.option4}" font-family="'Baloo Bhai 2'" font-color="black" font-size="landscape.130px, portrait.100px"  bg-color="orange" 
+					<lido-text id="text4" tab-index="6" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-upAudio.mp3" disable-speak="true" visible="true" string="${args.option4}" font-family="'Baloo Bhai 2'" font-color="black" font-size="landscape.130px, portrait.100px"  bg-color="orange" 
 					onEntry="this.fontWeight='800';">
 					</lido-text>
 				</lido-cell>	

package/dist/collection/stories/Templates/palEgmaPatternMatching/palEgmaPatternMatching.stories.js

@@ -64,7 +64,7 @@ function getContainerXml(args) {
     }).join('');
     return `
 <main>
-<lido-container disable-speak="true" visible="true" id="lido-container" template-id="mcq" onInCorrect="lido-avatar.avatarAnimate='Fail';this.sleep='2000';" onCorrect="lido-avatar.avatarAnimate='Success';this.sleep='2300';" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/PAL-EGMA/Frame%2051.svg" objective="${(args.questions.find(q => q.startsWith('@')) || '').slice(1)}" is-continue-on-correct="${args.PracticeMode}" is-allow-only-correct="${args.PracticeMode}" custom-style= "#text {
+<lido-container disable-speak="true" visible="true" id="lido-container" template-id="mcq" onInCorrect="lido-avatar.avatarAnimate='Fail';this.sleep='2000';" onCorrect="lido-avatar.avatarAnimate='Success';this.sleep='2300';" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/PAL-EGMA/image1.png" objective="${(args.questions.find(q => q.startsWith('@')) || '').slice(1)}" is-continue-on-correct="${args.PracticeMode}" is-allow-only-correct="${args.PracticeMode}" custom-style= "#text {
         box-shadow: none !important;
         }" onEntry="questionText.speak='true'; pattern1.speak='true'; pattern2.speak='true'; pattern3.speak='true'; pattern4.speak='true'; pattern5.speak='true'">
 	 <!-- Chimple Avatar -->

package/dist/collection/stories/Templates/palEgraTemplate1/palEgraLetterIdentification.stories.js

@@ -17,11 +17,11 @@ export const Default = {
     args: {
         PracticeMode: false,
         template: ['Template1'],
-        option1: 'A',
-        option2: 'D',
-        option3: 'E',
-        option4: 'B',
-        option5: 'C',
+        option1: 'Grandmother',
+        option2: 'Grandmother',
+        option3: 'Grandmother',
+        option4: 'Grandmother',
+        option5: 'Grandmother',
         correctAns: 'A',
     },
     render: args => {
@@ -52,14 +52,14 @@ function getContainerXml(args) {
 		</lido-cell>
 
 		<lido-cell layout="col" visible="true" width="90%" height="50%" bg-color="transparent" padding="0">
-			<lido-cell layout="row" visible="true" width="70%" height="50%" bg-color="transparent">
-				<lido-text visible="true" disable-speak="true" width="400px" height="136px" type="click" value="${args.option1}" string="${args.option1}" font-size="110px" border-radius="20px" font-color="black" onEntry="this.fontWeight='700';"></lido-text>
-				<lido-text visible="true" disable-speak="true" width="400px" height="136px" type="click" value="${args.option2}" string="${args.option2}" font-size="110px" border-radius="20px" font-color="black" onEntry="this.fontWeight='700';"></lido-text>
+			<lido-cell layout="row" visible="true" width="70%" onEntry="this.gap='16px';" height="50%" bg-color="transparent">
+				<lido-text visible="true" disable-speak="true" width="auto" height="136px" type="click" value="${args.option1}" string="${args.option1}" font-size="80px" border-radius="20px" font-color="black" onEntry="this.fontWeight='700';this.padding='0px 25px 0px 25px';"></lido-text>
+				<lido-text visible="true" disable-speak="true" width="auto" height="136px" type="click" value="${args.option2}" string="${args.option2}" font-size="80px" border-radius="20px" font-color="black" onEntry="this.fontWeight='700';this.padding='0px 25px 0px 25px';"></lido-text>
 			</lido-cell>
-			<lido-cell layout="row" visible="true" width="100%" height="50%" bg-color="transparent">
-				<lido-text visible="true" disable-speak="true" width="400px" height="136px" type="click" value="${args.option3}" string="${args.option3}" font-size="110px" border-radius="20px" font-color="black" onEntry="this.fontWeight='700';"></lido-text>
-				<lido-text visible="true" disable-speak="true" width="400px" height="136px" type="click" value="${args.option4}" string="${args.option4}" font-size="110px" border-radius="20px" font-color="black" onEntry="this.fontWeight='700';"></lido-text>
-				<lido-text visible="true" disable-speak="true" width="400px" height="136px" type="click" value="${args.option5}" string="${args.option5}" font-size="110px" border-radius="20px" font-color="black" onEntry="this.fontWeight='700';"></lido-text>
+			<lido-cell layout="row" visible="true" width="100%" onEntry="this.gap='16px';" margin="0px 104px 0px 0px" height="50%" bg-color="transparent">
+				<lido-text visible="true" disable-speak="true" width="auto" height="136px" type="click" value="${args.option3}" string="${args.option3}" font-size="80px" border-radius="20px" font-color="black" onEntry="this.fontWeight='700';this.padding='0px 15px 0px 15px';"></lido-text>
+				<lido-text visible="true" disable-speak="true" width="auto" height="136px" type="click" value="${args.option4}" string="${args.option4}" font-size="80px" border-radius="20px" font-color="black" onEntry="this.fontWeight='700';this.padding='0px 15px 0px 15px';"></lido-text>
+				<lido-text visible="true" disable-speak="true" width="auto" height="136px" type="click" value="${args.option5}" string="${args.option5}" font-size="80px" border-radius="20px" font-color="black" onEntry="this.fontWeight='700';this.padding='0px 15px 0px 15px';"></lido-text>
 			</lido-cell>
 		</lido-cell>
 	</lido-col>

package/dist/collection/stories/Templates/substraction/substractionWithimg.stories.js

@@ -96,10 +96,10 @@ function getContainerXml(args) {
 						
 			</lido-cell>
 			<lido-cell layout="row" visible="true" width="84%" height="300px">
-				<lido-text visible="true" disable-speak="true" value="${args.option1}" type="click" id="option1" tab-index="8" bg-color="#FFAC4C" height="212.4px" width="280px" string="${args.option1}"  font-family="'Baloo Bhai 2'" font-color="black" font-size="140px" onEntry="this.fontWeight='700';this.border-radius='16px';"></lido-text>
-				<lido-text visible="true" disable-speak="true" value="${args.option2}" type="click" id="option2" tab-index="9" bg-color="#FFAC4C" height="212.4px" width="280px" string="${args.option2}"  font-family="'Baloo Bhai 2'" font-color="black" font-size="140px" onEntry="this.fontWeight='700';this.border-radius='16px';"></lido-text>
-				<lido-text visible="true" disable-speak="true" value="${args.option3}" type="click" id="option3" tab-index="10" bg-color="#FFAC4C" height="212.4px" width="280px" string="${args.option3}"  font-family="'Baloo Bhai 2'" font-color="black" font-size="140px" onEntry="this.fontWeight='700';this.border-radius='16px';"></lido-text>
-				<lido-text visible="true" disable-speak="true" type="click" value="${args.option4}" id="option4" tab-index="11" bg-color="#FFAC4C" height="212.4px" width="280px" string="${args.option4}"  font-family="'Baloo Bhai 2'" font-color="black" font-size="140px" onEntry="this.fontWeight='700';this.border-radius='16px';"></lido-text>
+				<lido-text visible="true" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-upAudio.mp3" disable-speak="true" value="${args.option1}" type="click" id="option1" tab-index="8" bg-color="#FFAC4C" height="212.4px" width="280px" string="${args.option1}"  font-family="'Baloo Bhai 2'" font-color="black" font-size="140px" onEntry="this.fontWeight='700';this.border-radius='16px';"></lido-text>
+				<lido-text visible="true" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-upAudio.mp3" disable-speak="true" value="${args.option2}" type="click" id="option2" tab-index="9" bg-color="#FFAC4C" height="212.4px" width="280px" string="${args.option2}"  font-family="'Baloo Bhai 2'" font-color="black" font-size="140px" onEntry="this.fontWeight='700';this.border-radius='16px';"></lido-text>
+				<lido-text visible="true" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-upAudio.mp3" disable-speak="true" value="${args.option3}" type="click" id="option3" tab-index="10" bg-color="#FFAC4C" height="212.4px" width="280px" string="${args.option3}"  font-family="'Baloo Bhai 2'" font-color="black" font-size="140px" onEntry="this.fontWeight='700';this.border-radius='16px';"></lido-text>
+				<lido-text visible="true" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-upAudio.mp3" disable-speak="true" type="click" value="${args.option4}" id="option4" tab-index="11" bg-color="#FFAC4C" height="212.4px" width="280px" string="${args.option4}"  font-family="'Baloo Bhai 2'" font-color="black" font-size="140px" onEntry="this.fontWeight='700';this.border-radius='16px';"></lido-text>