lido-player 0.0.2-alpha-60-dev → 0.0.2-alpha-62

package/dist/components/lido-random.js

@@ -1,4 +1,4 @@
-import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-8c0667eb.js';
+import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-85eaa0b7.js';
 
 const LidoRandom = LidoRandom$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-root.js

@@ -1,31 +1,31 @@
-import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-235091a1.js';
-import { d as defineCustomElement$4, i as instance } from './p-37c86a94.js';
-import { d as defineCustomElement$m } from './p-4d01394c.js';
-import { d as defineCustomElement$l } from './p-06cecca5.js';
-import { d as defineCustomElement$k } from './p-db2a05f5.js';
-import { d as defineCustomElement$j } from './p-354f7b19.js';
-import { d as defineCustomElement$i } from './p-3acada8c.js';
-import { d as defineCustomElement$h } from './p-57400ebc.js';
-import { d as defineCustomElement$g } from './p-b151457d.js';
-import { d as defineCustomElement$f } from './p-8f082c62.js';
-import { d as defineCustomElement$e } from './p-b867548e.js';
-import { d as defineCustomElement$d } from './p-de45dcab.js';
-import { d as defineCustomElement$c } from './p-16604098.js';
-import { d as defineCustomElement$b } from './p-74c270d2.js';
-import { d as defineCustomElement$a } from './p-93acfbb2.js';
-import { d as defineCustomElement$9 } from './p-c90d92db.js';
-import { d as defineCustomElement$8 } from './p-8c0667eb.js';
-import { d as defineCustomElement$7 } from './p-3acd9a2e.js';
-import { d as defineCustomElement$6 } from './p-8a32f7cb.js';
-import { d as defineCustomElement$5 } from './p-a182c9a2.js';
-import { d as defineCustomElement$3 } from './p-32c89979.js';
-import { d as defineCustomElement$2 } from './p-5e7c6afa.js';
+import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-bd09bc5b.js';
+import { d as defineCustomElement$4, i as instance } from './p-5a3a7f41.js';
+import { d as defineCustomElement$m } from './p-6c1ea24d.js';
+import { d as defineCustomElement$l } from './p-f4c980f0.js';
+import { d as defineCustomElement$k } from './p-d0d890d8.js';
+import { d as defineCustomElement$j } from './p-da85322a.js';
+import { d as defineCustomElement$i } from './p-64b85ae6.js';
+import { d as defineCustomElement$h } from './p-d2d6e641.js';
+import { d as defineCustomElement$g } from './p-5da9c4a0.js';
+import { d as defineCustomElement$f } from './p-8f174468.js';
+import { d as defineCustomElement$e } from './p-7256917d.js';
+import { d as defineCustomElement$d } from './p-fb9e274c.js';
+import { d as defineCustomElement$c } from './p-e42ddea5.js';
+import { d as defineCustomElement$b } from './p-21938b85.js';
+import { d as defineCustomElement$a } from './p-40dd6fa3.js';
+import { d as defineCustomElement$9 } from './p-cdb5b0e6.js';
+import { d as defineCustomElement$8 } from './p-85eaa0b7.js';
+import { d as defineCustomElement$7 } from './p-3db5a756.js';
+import { d as defineCustomElement$6 } from './p-777293d6.js';
+import { d as defineCustomElement$5 } from './p-39767aae.js';
+import { d as defineCustomElement$3 } from './p-bf0c1e81.js';
+import { d as defineCustomElement$2 } from './p-552f581f.js';
 
 const LidoRoot$1 = /*@__PURE__*/ proxyCustomElement(class LidoRoot extends H {
     constructor() {
         super();
         this.__registerHost();
-        this.locale = '';
+        this.Lang = '';
         this.xmlPath = '';
         this.initialIndex = 0;
         this.margin = '';
@@ -42,7 +42,7 @@ const LidoRoot$1 = /*@__PURE__*/ proxyCustomElement(class LidoRoot extends H {
      * It fetches the XML data from the specified path or URL and sets it to the component's state.
      */
     connectedCallback() {
-        this.setLanguage(this.locale);
+        this.setLanguage(this.Lang);
     }
     onLangChange(newLang) {
         this.setLanguage(newLang);
@@ -94,10 +94,10 @@ const LidoRoot$1 = /*@__PURE__*/ proxyCustomElement(class LidoRoot extends H {
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {
-        "locale": ["onLangChange"]
+        "Lang": ["onLangChange"]
     }; }
 }, [0, "lido-root", {
-        "locale": [1],
+        "Lang": [1, "lang"],
         "xmlPath": [1, "xml-path"],
         "initialIndex": [2, "initial-index"],
         "margin": [1],
@@ -109,7 +109,7 @@ const LidoRoot$1 = /*@__PURE__*/ proxyCustomElement(class LidoRoot extends H {
         "speakerButtonUrl": [1, "speaker-button-url"],
         "xmlData": [32]
     }, undefined, {
-        "locale": ["onLangChange"]
+        "Lang": ["onLangChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/lido-row.js

@@ -1,4 +1,4 @@
-import { L as LidoRow$1, d as defineCustomElement$1 } from './p-3acd9a2e.js';
+import { L as LidoRow$1, d as defineCustomElement$1 } from './p-3db5a756.js';
 
 const LidoRow = LidoRow$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-shape.js

@@ -1,4 +1,4 @@
-import { L as LidoShape$1, d as defineCustomElement$1 } from './p-8a32f7cb.js';
+import { L as LidoShape$1, d as defineCustomElement$1 } from './p-777293d6.js';
 
 const LidoShape = LidoShape$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-slide-fill.js

@@ -1,4 +1,4 @@
-import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-a182c9a2.js';
+import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-39767aae.js';
 
 const LidoSlideFill = LidoSlideFill$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-text.js

@@ -1,4 +1,4 @@
-import { L as LidoText$1, d as defineCustomElement$1 } from './p-37c86a94.js';
+import { L as LidoText$1, d as defineCustomElement$1 } from './p-5a3a7f41.js';
 
 const LidoText = LidoText$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-trace.js

@@ -1,4 +1,4 @@
-import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-32c89979.js';
+import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-bf0c1e81.js';
 
 const LidoTrace = LidoTrace$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-wrap.js

@@ -1,4 +1,4 @@
-import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-5e7c6afa.js';
+import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-552f581f.js';
 
 const LidoWrap = LidoWrap$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-74c270d2.js → p-21938b85.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, S as SelectedValuesKey, K as LidoContainer, o as executeActions, Q as triggerNextContainer, x as handleFloatElementPosition, n as storingEachActivityScore, Y as DropAction, k as parseProp, h, j as Host } from './p-235091a1.js';
-import { d as defineCustomElement$1 } from './p-37c86a94.js';
+import { p as proxyCustomElement, H, S as SelectedValuesKey, M as LidoContainer, o as executeActions, U as triggerNextContainer, y as handleFloatElementPosition, n as storingEachActivityScore, Z as DropAction, k as parseProp, h, j as Host } from './p-bd09bc5b.js';
+import { d as defineCustomElement$1 } from './p-5a3a7f41.js';
 
 const lidoKeyboardCss = ".lido-keyboard{display:flex;flex-direction:column;align-items:center;gap:30px}.input-area{display:flex;gap:15px}input[type=\"text\"]{font-size:30px;font-weight:600;padding-left:20px;width:300px;height:70px;border:2px solid;background:whitesmoke;border-radius:20px;text-align:center}.keyboard-wrapper{justify-content:center;width:700px}.disabled{opacity:0.5;pointer-events:none}.key-button{background:aquamarine;font-weight:600}";
 const LidoKeyboardStyle0 = lidoKeyboardCss;

package/dist/components/{p-a182c9a2.js → p-39767aae.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as convertUrlToRelative, d as setVisibilityWithDelay, i as initEventsForElement, k as parseProp, _ as fraction, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, e as convertUrlToRelative, d as setVisibilityWithDelay, i as initEventsForElement, k as parseProp, $ as fraction, h, j as Host } from './p-bd09bc5b.js';
 
 const lidoSlideFillCss = ".svg-element,svg{width:100%;height:100%}";
 const LidoSlideFillStyle0 = lidoSlideFillCss;

package/dist/components/{p-3acd9a2e.js → p-3db5a756.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-bd09bc5b.js';
 
 const lidoRowCss = ".lido-row{display:flex;justify-content:space-around;align-items:center;}.lido-row>*{}";
 const LidoRowStyle0 = lidoRowCss;

package/dist/components/{p-93acfbb2.js → p-40dd6fa3.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, e as convertUrlToRelative, k as parseProp, Z as validateObjectiveStatus, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, e as convertUrlToRelative, k as parseProp, _ as validateObjectiveStatus, h, j as Host } from './p-bd09bc5b.js';
 
 const lidoMathMatrixCss = ".math-matrix{width:100%;height:100%;display:flex;justify-content:center}.slot{width:100%;height:100%;text-align:center;align-content:center;font-size:42px;font-weight:800;font-family:'Baloo Bhai 2';box-sizing:content-box}.slot:hover{opacity:0.7}.slot-parent{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.slot-active{background-color:var(--active-bg-color);background-image:var(--bg-image);background-size:contain;background-position:center;background-repeat:no-repeat}.slot-inactive{background-color:var(--deactive-bg-color);background-size:cover;background-position:center;background-repeat:no-repeat}.topIndex,.leftIndex,.bottomIndex{height:100%;width:100%;text-align:center;align-content:center;font-size:30px;font-weight:600;font-family:'Baloo Bhai 2'}";
 const LidoMathMatrixStyle0 = lidoMathMatrixCss;

package/dist/components/{p-5e7c6afa.js → p-552f581f.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-bd09bc5b.js';
 
 const lidoWrapCss = ".lido-wrap{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill, minmax(186px, auto))}.lido-wrap>*{padding:10px;background-color:var(--child-bg-color, #f0f0f0);box-sizing:border-box}.lido-flex{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}";
 const LidoWrapStyle0 = lidoWrapCss;

package/dist/components/{p-37c86a94.js → p-5a3a7f41.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, t as attachSpeakIcon, L as LIDO_COMMON_AUDIO_READY_EVENT, e as convertUrlToRelative, k as parseProp, h, j as Host, u as LIDO_COMMON_AUDIO_PATH } from './p-235091a1.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, t as attachSpeakIcon, L as LIDO_COMMON_AUDIO_READY_EVENT, e as convertUrlToRelative, k as parseProp, h, j as Host, u as LIDO_COMMON_AUDIO_PATH } from './p-bd09bc5b.js';
 
 const isString = obj => typeof obj === 'string';
 const defer = () => {
@@ -2629,39 +2629,67 @@ class Browser {
 Browser.type = 'languageDetector';
 
 const Exit$5 = "Exit";
+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."
+};
 const 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"
+	"Fill  in  the  blanks": "Fill  in  the  blanks",
+	instruction: instruction$4
 };
 
 const Exit$4 = "Quitter";
+const instruction$3 = {
+	dragAndDrop: "Faites glisser les objets vers le bon emplacement.",
+	mcq: "Choisissez la bonne réponse parmi les options proposées.",
+	tracing: "Tracez soigneusement la forme en suivant la ligne.",
+	flashcards: "Regardez les cartes mémoire pour renforcer l’apprentissage."
+};
 const fr = {
 	"Do you want to exit?": "Voulez-vous quitter?",
 	Exit: Exit$4,
 	"Continue playing": "Continuer à jouer",
 	"Drop the elements to match the given symbol order": "Déposez les éléments pour correspondre au symbole donné",
-	"Fill  in  the  blanks": "Remplissez les blancs"
+	"Fill  in  the  blanks": "Remplissez les blancs",
+	instruction: instruction$3
 };
 
 const Exit$3 = "बाहर निकलें";
+const instruction$2 = {
+	dragAndDrop: "वस्तुओं को सही स्थानों पर खींचकर और छोड़कर मिलाएँ।",
+	mcq: "दिए गए विकल्पों में से सही उत्तर चुनें।",
+	tracing: "रेखा का सावधानीपूर्वक अनुसरण करते हुए आकृति बनाएँ।",
+	flashcards: "सीख को मजबूत करने के लिए फ्लैशकार्ड देखें।"
+};
 const hi = {
 	"Do you want to exit?": "क्या आप बाहर निकलना चाहते हैं?",
 	Exit: Exit$3,
 	"Continue playing": "खेलना जारी रखें",
 	"Drop the elements to match the given symbol order": "दिए गए चिन्ह से मिलाने के लिए तत्वों को ड्रॉप करें",
-	"Fill  in  the  blanks": "रिक्त स्थान भरें"
+	"Fill  in  the  blanks": "रिक्त स्थान भरें",
+	instruction: instruction$2
 };
 
 const Exit$2 = "ನಿರ್ಗಮಿಸು";
+const instruction$1 = {
+	dragAndDrop: "ವಸ್ತುಗಳನ್ನು ಸರಿಯಾದ ಸ್ಥಳಗಳಿಗೆ ಎಳೆದು ಬಿಟ್ಟು ಹೊಂದಿಸಿ.",
+	mcq: "ನೀಡಿದ ಆಯ್ಕೆಗಳಲ್ಲಿ ಸರಿಯಾದ ಉತ್ತರವನ್ನು ಆಯ್ಕೆಮಾಡಿ.",
+	tracing: "ರೆಖೆಯನ್ನು ಗಮನದಿಂದ ಅನುಸರಿಸಿ ಆಕಾರವನ್ನು ಬಿಡಿಸಿ.",
+	flashcards: "ಕಲಿಕೆಯನ್ನು ಬಲಪಡಿಸಲು ಫ್ಲ್ಯಾಶ್ ಕಾರ್ಡ್‌ಗಳನ್ನು ನೋಡಿ."
+};
 const ka = {
 	"Do you want to exit?": "ನೀವು ನಿರ್ಗಮಿಸಲು ಬಯಸುವಿರಾ?",
 	Exit: Exit$2,
 	"Continue playing": "ಆಟವನ್ನು ಮುಂದುವರಿಸಿ",
 	"Drop the elements to match the given symbol order": "ನೀಡಿರುವ ಸಂಕೇತಕ್ಕೆ ಹೊಂದುವಂತೆ ಅಂಶಗಳನ್ನು ಬಿಡಿ",
-	"Fill  in  the  blanks": "ಖಾಲಿ ಸ್ಥಳಗಳನ್ನು ಭರ್ತಿ ಮಾಡಿ"
+	"Fill  in  the  blanks": "ಖಾಲಿ ಸ್ಥಳಗಳನ್ನು ಭರ್ತಿ ಮಾಡಿ",
+	instruction: instruction$1
 };
 
 const Exit$1 = "బయటకు వెళ్ళు";
@@ -2682,6 +2710,16 @@ const port = {
 	"Fill  in  the  blanks": "Preencha os espaços em branco"
 };
 
+const instruction = {
+	dragAndDrop: "वस्तू योग्य ठिकाणी ओढून आणि सोडून जुळवा.",
+	mcq: "दिलेल्या पर्यायांमधून योग्य उत्तर निवडा.",
+	tracing: "रेषेचा काळजीपूर्वक मागोवा घेत आकृती काढा.",
+	flashcards: "तुमचे शिक्षण मजबूत करण्यासाठी फ्लॅशकार्ड्स पाहा."
+};
+const ma = {
+	instruction: instruction
+};
+
 instance
     .use(Browser)
     .init({
@@ -2692,6 +2730,7 @@ instance
         ka: { translation: ka },
         te: { translation: te },
         port: { translation: port },
+        ma: { translation: ma },
     },
     fallbackLng: 'en', // fallback if current lang not found
     debug: false,
@@ -2783,7 +2822,8 @@ const LidoText = /*@__PURE__*/ proxyCustomElement(class LidoText extends H {
         const base = window[LIDO_COMMON_AUDIO_PATH];
         if (!base || !this.string)
             return null;
-        const fileName = this.string.toLowerCase().trim().replace(/\s+/g, "_").replace(/[^\w-]/g, "");
+        const fileName = this.string;
+        console.log(fileName, "filename😂");
         return `${base}/${fileName}.mp3`;
     }
     /**
@@ -2850,7 +2890,7 @@ const LidoText = /*@__PURE__*/ proxyCustomElement(class LidoText extends H {
         }
     }
     render() {
-        return (h(Host, { key: '9635bba385679026c4f90aac9467612f06a21f1b', 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 !== '' ? h("div", { class: "lido-text-content" }, " ", instance.t(this.string)) : instance.t(this.string)));
+        return (h(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 !== '' ? h("div", { class: "lido-text-content" }, " ", instance.t(this.string)) : instance.t(this.string)));
     }
     get el() { return this; }
     static get style() { return LidoTextStyle0; }

package/dist/components/{p-b151457d.js → p-5da9c4a0.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, T as TemplateID, v as calculateScale, e as convertUrlToRelative, i as initEventsForElement, w as highlightElement, h, j as Host } from './p-235091a1.js';
-import { d as defineCustomElement$1, i as instance } from './p-37c86a94.js';
+import { p as proxyCustomElement, H, T as TemplateID, v as calculateScale, e as convertUrlToRelative, i as initEventsForElement, w as highlightElement, x as Timer, h, j as Host } from './p-bd09bc5b.js';
+import { d as defineCustomElement$1, i as instance } from './p-5a3a7f41.js';
 
 const lidoContainerCss = ".lido-container{position:relative;height:100%;width:100%;background-color:var(--bgColor, transparent);display:flex;flex-direction:column;justify-content:center;align-items:center}";
 const LidoContainerStyle0 = lidoContainerCss;
@@ -8,7 +8,7 @@ const LidoContainer = /*@__PURE__*/ proxyCustomElement(class LidoContainer exten
     constructor() {
         super();
         this.__registerHost();
-        this.locale = '';
+        this.Lang = '';
         this.showDropBorder = true;
         this.appendToDropOnCompletion = false;
         this.id = '';
@@ -61,13 +61,13 @@ const LidoContainer = /*@__PURE__*/ proxyCustomElement(class LidoContainer exten
     }
     resolveInstructionAudio() {
         var _a;
-        this.instructName =
-            (_a = {
-                flashcard: "Review the flashcards to reinforce your learning." /* templateAudio.flashcards */,
-                mcq: "Select the correct answer from the options provided." /* templateAudio.mcq */,
-                tracing: "Trace the shape by following the outline carefully." /* templateAudio.tracing */,
-                dragAndDrop: "Match the items by dragging and dropping them into the correct places." /* templateAudio.dragAndDrop */,
-            }[this.templateId]) !== null && _a !== void 0 ? _a : '';
+        const key = (_a = {
+            flashcard: "instruction.flashcards" /* templateAudio.flashcards */,
+            mcq: "instruction.mcq" /* templateAudio.mcq */,
+            tracing: "instruction.tracing" /* templateAudio.tracing */,
+            dragAndDrop: "instruction.dragAndDrop" /* templateAudio.dragAndDrop */,
+        }[this.templateId]) !== null && _a !== void 0 ? _a : '';
+        this.instructName = key ? instance.t(key) : '';
         const home = document.querySelector('lido-home');
         if (!home)
             return;
@@ -80,16 +80,16 @@ const LidoContainer = /*@__PURE__*/ proxyCustomElement(class LidoContainer exten
     resolveLanguage() {
         var _a, _b;
         const rootEl = this.el.closest('lido-root');
-        const rootLang = (rootEl === null || rootEl === void 0 ? void 0 : rootEl.locale) || '';
+        const rootLang = (rootEl === null || rootEl === void 0 ? void 0 : rootEl.Lang) || '';
         if (rootLang === null || rootLang === void 0 ? void 0 : rootLang.trim())
             return rootLang;
         const homeEl = this.el.closest('lido-home');
-        const homeLang = (homeEl === null || homeEl === void 0 ? void 0 : homeEl.locale) || '';
+        const homeLang = (homeEl === null || homeEl === void 0 ? void 0 : homeEl.Lang) || '';
         if (homeLang === null || homeLang === void 0 ? void 0 : homeLang.trim())
             return homeLang;
-        if ((_a = this.locale) === null || _a === void 0 ? void 0 : _a.trim())
-            return this.locale;
-        const xmlLang = this.el.getAttribute('locale');
+        if ((_a = this.Lang) === null || _a === void 0 ? void 0 : _a.trim())
+            return this.Lang;
+        const xmlLang = this.el.getAttribute('Lang');
         if (xmlLang === null || xmlLang === void 0 ? void 0 : xmlLang.trim())
             return xmlLang;
         return (_b = this.el.textContent) === null || _b === void 0 ? void 0 : _b.trim();
@@ -161,7 +161,7 @@ const LidoContainer = /*@__PURE__*/ proxyCustomElement(class LidoContainer exten
         instance.changeLanguage(appliedLang);
         const texts = this.el.querySelectorAll('lido-text');
         texts.forEach((textEl) => {
-            textEl.locale = appliedLang;
+            textEl.Lang = appliedLang;
             textEl.dispatchEvent(new CustomEvent('languageChanged', { bubbles: true }));
         });
     }
@@ -200,12 +200,14 @@ const LidoContainer = /*@__PURE__*/ proxyCustomElement(class LidoContainer exten
         setTimeout(() => {
             highlightElement();
         }, 100);
+        Timer.getI().start();
     }
     disconnectedCallback() {
         window.removeEventListener('resize', () => this.scaleContainer(this.el));
         window.removeEventListener('load', () => this.scaleContainer(this.el));
         document.body.style.backgroundColor = '';
         document.body.style.backgroundImage = '';
+        Timer.getI().stop();
     }
     render() {
         // Define the styles for the container element
@@ -219,15 +221,15 @@ const LidoContainer = /*@__PURE__*/ proxyCustomElement(class LidoContainer exten
             userSelect: 'none', // Prevent any field selection
         };
         console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
-        return (h(Host, { key: 'bdae7c7d24046fc0f726668b9b1bbb84f3ddd3dd', id: "lido-container", locale: this.locale, "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 }, h("lido-text", { key: 'aa5d73493b429f0d99c5737aed89488c565e1699', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: 'd251b1fed4468aabd66a6f6c14b3de234329ab64' })));
+        return (h(Host, { key: 'b2b35ac6c3be99cabf0eeaf2708611bfd4c3360c', 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 }, h("lido-text", { key: 'ebd91c0603caa4e52d583dd86a1692b57b99afb4', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: '76f7f53558af814bbd0ce4516b80d4fa970e3c48' })));
     }
     get el() { return this; }
     static get watchers() { return {
-        "locale": ["languageChanged"]
+        "Lang": ["languageChanged"]
     }; }
     static get style() { return LidoContainerStyle0; }
 }, [4, "lido-container", {
-        "locale": [1],
+        "Lang": [1, "lang"],
         "showDropBorder": [4, "show-drop-border"],
         "appendToDropOnCompletion": [4, "append-to-drop-on-completion"],
         "id": [1],
@@ -269,7 +271,7 @@ const LidoContainer = /*@__PURE__*/ proxyCustomElement(class LidoContainer exten
         "instructName": [32],
         "speakFlag": [32]
     }, undefined, {
-        "locale": ["languageChanged"]
+        "Lang": ["languageChanged"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/{p-3acada8c.js → p-64b85ae6.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, r as handlingChildElements, t as attachSpeakIcon, k as parseProp, h, j as Host } from './p-bd09bc5b.js';
 
 const lidoCellCss = ".lido-col{top:var(--y, 0);left:var(--x, 0);height:var(--height, 100%);width:var(--width, 100%);background-color:var(--bgColor, #eeeeee);padding:15px;border-radius:10px;display:flex;justify-content:space-around;flex-direction:column;align-items:center}.lido-col>*{}.lido-row{display:flex;justify-content:space-around;align-items:center;}.lido-row>*{}.lido-wrap{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill, minmax(186px, auto))}.lido-wrap>*{padding:10px;box-sizing:border-box}.lido-flex{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}.lido-pos{top:var(--y, 0);left:var(--x, 0);height:var(--height, 100%);width:var(--width, 100%);background-color:var(--bgColor, #eeeeee);display:flex;justify-content:space-around;flex-direction:column;position:fixed}.lido-pos>*{position:absolute}.lido-random{position:relative;width:100%;height:100%}.lido-random>*{position:absolute}.lido-col::-webkit-scrollbar,.lido-wrap::-webkit-scrollbar,.lido-flex::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.lido-col::-webkit-scrollbar-thumb,.lido-wrap::-webkit-scrollbar-thumb,.lido-flex::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:3px solid transparent;background-clip:content-box}.lido-col::-webkit-scrollbar-track,.lido-wrap::-webkit-scrollbar-track,.lido-flex::-webkit-scrollbar-track{background:#f1f1f1}";
 const LidoCellStyle0 = lidoCellCss;

package/dist/components/{p-4d01394c.js → p-6c1ea24d.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, p as proxyCustomElement, H, g as getAssetPath, d as setVisibilityWithDelay, i as initEventsForElement, e as convertUrlToRelative, h, j as Host, R as RiveService } from './p-235091a1.js';
+import { c as commonjsGlobal, p as proxyCustomElement, H, g as getAssetPath, d as setVisibilityWithDelay, i as initEventsForElement, e as convertUrlToRelative, h, j as Host, R as RiveService } from './p-bd09bc5b.js';
 
 var rive = {exports: {}};
 

package/dist/components/{p-b867548e.js → p-7256917d.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, x as handleFloatElementPosition, y as handleElementClick, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, y as handleFloatElementPosition, z as handleElementClick, k as parseProp, h, j as Host } from './p-bd09bc5b.js';
 
 const lidoFloatCss = ".lido-float{position:relative}.lido-float>*{position:absolute;cursor:pointer}@keyframes float-up{from{top:var(--el-top)}to{top:-500px}}#removeShadow{box-shadow:unset !important}@keyframes float-lr{from{right:var(--el-left)}to{right:-500px}}";
 const LidoFloatStyle0 = lidoFloatCss;

package/dist/components/{p-8a32f7cb.js → p-777293d6.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, k as parseProp, h, j as Host } from './p-bd09bc5b.js';
 
 const lidoShapeCss = ".lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z);justify-content:center;align-items:center}.lido-rectangle{border-radius:0}.lido-circle{width:var(--width);height:var(--width);border-radius:50%;background-color:var(--bgColor)}.lido-ellipse{width:var(--width);height:var(--height);border-radius:50%;background-color:var(--bgColor)}.lido-triangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}.lido-rightTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(100% 0%, 100% 100%, 0% 100%)}.lido-leftTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--triangleBgColor);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}.lido-parallelogram{width:var(--paralleWidth);height:var(--paralleHeight);transform:skew(20deg)}.lido-trapezoid{width:var(--trapezoidWidth);height:var(--trapezoidHeight);background-color:var(--bgColor);clip-path:polygon(\r\n    20% 0%,   \r\n    80% 0%,   \r\n    100% 100%,\r\n    0% 100%  \r\n  )}.lido-hexagon{width:var(--hexagonWidth);height:var(--hexagonHeight);background-color:var(--bgColor);clip-path:polygon(\r\n    25% 0%,   \r\n    75% 0%,   \r\n    100% 50%, \r\n    75% 100%, \r\n    25% 100%, \r\n    0% 50%   \r\n  )}.lido-cone{width:var(--coneWidth);height:var(--coneHeight);background-color:var(--bgColor);clip-path:polygon(\r\n    \r\n    15% 10%,\r\n    25% 4%,\r\n    35% 1%,\r\n    50% 0%,\r\n    65% 1%,\r\n    75% 4%,\r\n    85% 10%,\r\n\r\n    \r\n    50% 100%\r\n  )}.lido-star{width:var(--starWidth);height:var(--starHeight);background-color:var(--starBgColor);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.lido-pentagon{width:var(--pentagonWidth);height:var(--pentagonHeight);background-color:var(--pentagonBgColor);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.lido-heptagon{width:var(--heptagonWidth);height:var(--heptagonHeight);background-color:var(--heptagonBgColor);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.lido-octagon{width:var(--octagonWidth);height:var(--octagonHeight);background-color:var(--octagonBgColor);clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%)}.lido-rhombus{width:var(--rhombusWidth);height:var(--rhombusHeight);background-color:var(--rhombusBgColor);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.lido-heart{height:var(--heartHeight);width:var(--heartWidth);border-image:radial-gradient(var(--heartBgColor) 69%, #0000 70%) 84.5%/50%;clip-path:polygon(-41% 0, 50% 91%, 141% 0)}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(45deg)}.face{position:absolute;width:var(--face-width,150px);height:var(--face-width,150px);background:var(--face-bg-color,150px);box-shadow:inset -20px -20px 40px rgba(0,0,0,0.3)}.front{transform:rotateY(  0deg) translateZ(var(--face-translate, 75px))}.back{transform:rotateY(180deg) translateZ(var(--face-translate, 75px))}.right{transform:rotateY( 90deg) translateZ(var(--face-translate, 75px))}.left{transform:rotateY(-90deg) translateZ(var(--face-translate, 75px))}.top{transform:rotateX( 90deg) translateZ(var(--face-translate, 75px))}.bottom{transform:rotateX(-90deg) translateZ(var(--face-translate, 75px))}.lido-cylinder{width:var(--width);height:var(--height);border-radius:100% / 80px;background:radial-gradient(50% 40px at 50% 40px, #0003 99.99%, #0000 0),\r\n    radial-gradient(50% 40px at 50% calc(100% - 40px), #fff3 99.99%, #0000 0),\r\n    red}";
 const LidoShapeStyle0 = lidoShapeCss;

package/dist/components/{p-8c0667eb.js → p-85eaa0b7.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, t as attachSpeakIcon, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, t as attachSpeakIcon, h, j as Host } from './p-bd09bc5b.js';
 
 const lidoRandomCss = ".lido-random{position:relative;width:100%;height:100%}.lido-random>*{position:absolute}";
 const LidoRandomStyle0 = lidoRandomCss;

package/dist/components/{p-8f082c62.js → p-8f174468.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, k as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, k as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-bd09bc5b.js';
 
 const lidoFlashCardCss = ".card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s ease;cursor:pointer}.card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-back{transform:rotateY(180deg)}";
 const LidoFlashCardStyle0 = lidoFlashCardCss;