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

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-40afd35f.js';
+import { d as defineCustomElement$4, i as instance } from './p-e4b71ba1.js';
+import { d as defineCustomElement$m } from './p-76947363.js';
+import { d as defineCustomElement$l } from './p-dfa70e99.js';
+import { d as defineCustomElement$k } from './p-97ca067d.js';
+import { d as defineCustomElement$j } from './p-0f54f212.js';
+import { d as defineCustomElement$i } from './p-16a6a6f6.js';
+import { d as defineCustomElement$h } from './p-4a1af1bb.js';
+import { d as defineCustomElement$g } from './p-27bfb88f.js';
+import { d as defineCustomElement$f } from './p-2fedf56d.js';
+import { d as defineCustomElement$e } from './p-df6042b0.js';
+import { d as defineCustomElement$d } from './p-8632f479.js';
+import { d as defineCustomElement$c } from './p-6bee9883.js';
+import { d as defineCustomElement$b } from './p-4c1d15df.js';
+import { d as defineCustomElement$a } from './p-2b0ef6d4.js';
+import { d as defineCustomElement$9 } from './p-2ce1503f.js';
+import { d as defineCustomElement$8 } from './p-d28496a9.js';
+import { d as defineCustomElement$7 } from './p-572f8490.js';
+import { d as defineCustomElement$6 } from './p-be063cbd.js';
+import { d as defineCustomElement$5 } from './p-3c9dd098.js';
+import { d as defineCustomElement$3 } from './p-f241ab97.js';
+import { d as defineCustomElement$2 } from './p-4ec94e44.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-572f8490.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-be063cbd.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-3c9dd098.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-e4b71ba1.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-f241ab97.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-4ec94e44.js';
 
 const LidoWrap = LidoWrap$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-354f7b19.js → p-0f54f212.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, 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, k as parseProp, h, j as Host } from './p-40afd35f.js';
+import { d as defineCustomElement$1 } from './p-e4b71ba1.js';
 
 const lidoCanvasCss = ":host{display:flex;justify-content:center;align-items:center}.lido-canvas{background:red;border:2px solid #ccc;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;position:relative}#lido-exit-button{padding:6px 14px;border:none;background:transparent;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;position:relative;top:-43%;left:18%;z-index:10}canvas{touch-action:none;display:block}";
 const LidoCanvasStyle0 = lidoCanvasCss;

package/dist/components/{p-3acada8c.js → p-16a6a6f6.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-40afd35f.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-b151457d.js → p-27bfb88f.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-40afd35f.js';
+import { d as defineCustomElement$1, i as instance } from './p-e4b71ba1.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-93acfbb2.js → p-2b0ef6d4.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-40afd35f.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-c90d92db.js → p-2ce1503f.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-235091a1.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-40afd35f.js';
 
 const lidoPosCss = ".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}";
 const LidoPosStyle0 = lidoPosCss;

package/dist/components/{p-8f082c62.js → p-2fedf56d.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-40afd35f.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;

package/dist/components/{p-a182c9a2.js → p-3c9dd098.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-40afd35f.js';
 
 const lidoSlideFillCss = ".svg-element,svg{width:100%;height:100%}";
 const LidoSlideFillStyle0 = lidoSlideFillCss;