lido-player 0.0.2-alpha-34 → 0.0.2-alpha-35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/cjs/lido-avatar_18.cjs.entry.js +24 -22
  2. package/dist/collection/components/home/lido-home.js +22 -20
  3. package/dist/collection/components/trace/lido-trace.js +3 -3
  4. package/dist/components/lido-home.js +1 -1
  5. package/dist/components/lido-root.js +2 -2
  6. package/dist/components/lido-trace.js +1 -1
  7. package/dist/components/{p-66f916ce.js → p-2b7f6448.js} +23 -21
  8. package/dist/components/{p-9fe26d83.js → p-688c02a0.js} +4 -4
  9. package/dist/esm/lido-avatar_18.entry.js +24 -22
  10. package/dist/lido-player/lido-player.esm.js +1 -1
  11. package/dist/lido-player/{p-7af96d4a.entry.js → p-fe6ae561.entry.js} +1 -1
  12. package/package.json +1 -1
package/dist/cjs/lido-avatar_18.cjs.entry.js CHANGED
@@ -7116,7 +7116,7 @@ const LidoHome = class {
7116
7116
  if (index != undefined && index < this.containers.length) {
7117
7117
  // Move to the next container
7118
7118
  this.currentContainerIndex = index;
7119
- console.log("container index ; ", this.currentContainerIndex);
7119
+ console.log('container index ; ', this.currentContainerIndex);
7120
7120
  // window.dispatchEvent(new CustomEvent('activityChange', { detail: { index: this.currentContainerIndex } }));
7121
7121
  utils.dispatchActivityChangeEvent(this.currentContainerIndex);
7122
7122
  }
@@ -7257,30 +7257,32 @@ const LidoHome = class {
7257
7257
  });
7258
7258
  }
7259
7259
  async handleIcons() {
7260
+ var _a;
7260
7261
  const checkUrl = async (url, containerUrl, fallback) => {
7261
- if (!url && !containerUrl)
7262
- return fallback !== null && fallback !== void 0 ? fallback : false;
7263
- try {
7264
- let res = await fetch(url);
7265
- if (res.ok && url) {
7266
- return url;
7267
- }
7268
- else {
7269
- if (!containerUrl)
7270
- return fallback !== null && fallback !== void 0 ? fallback : false;
7271
- res = await fetch(containerUrl);
7272
- return res.ok ? containerUrl : fallback !== null && fallback !== void 0 ? fallback : false;
7273
- }
7274
- }
7275
- catch (_a) {
7276
- return fallback !== null && fallback !== void 0 ? fallback : false;
7277
- }
7262
+ // if (!url && !containerUrl) return fallback ?? false;
7263
+ if (url)
7264
+ return utils.convertUrlToRelative(url);
7265
+ if (containerUrl)
7266
+ return utils.convertUrlToRelative(containerUrl);
7267
+ return fallback !== null && fallback !== void 0 ? fallback : false;
7268
+ // try {
7269
+ // let res = await fetch(url);
7270
+ // if (res.ok && url) {
7271
+ // return url;
7272
+ // } else {
7273
+ // if (!containerUrl) return fallback ?? false;
7274
+ // res = await fetch(containerUrl);
7275
+ // return res.ok ? containerUrl : fallback ?? false;
7276
+ // }
7277
+ // } catch {
7278
+ // return fallback ?? false;
7279
+ // }
7278
7280
  };
7279
7281
  const container = document.getElementById(utils.LidoContainer);
7280
7282
  const containerExit = container.getAttribute('exit-button-url');
7281
7283
  const containerPrev = container.getAttribute('prev-button-url');
7282
7284
  const containerNext = container.getAttribute('next-button-url');
7283
- const containerSpeak = container.getAttribute('speak-button-url');
7285
+ const containerSpeak = (_a = container.getAttribute('speak-button-url')) !== null && _a !== void 0 ? _a : container.getAttribute('speaker-button-url');
7284
7286
  this.navBarIcons = {
7285
7287
  exit: `${await checkUrl(this.exitButtonUrl, containerExit, utils.exitUrl)}`,
7286
7288
  prev: `${await checkUrl(this.prevButtonUrl, containerPrev, utils.prevUrl)}`,
@@ -11189,7 +11191,7 @@ const LidoTrace = class {
11189
11191
  console.error('No SVG URL provided or index out of bounds.');
11190
11192
  return;
11191
11193
  }
11192
- await this.fetchSVG(url);
11194
+ await this.fetchSVG(utils.convertUrlToRelative(url));
11193
11195
  console.log('SVG fetched successfully\n');
11194
11196
  await this.loadAnotherSVG(state, true); // Load the first SVG
11195
11197
  }
@@ -11243,7 +11245,7 @@ const LidoTrace = class {
11243
11245
  testImage.onerror = () => {
11244
11246
  img.setAttributeNS('http://www.w3.org/1999/xlink', 'href', utils.convertUrlToRelative(utils.fingerUrl));
11245
11247
  };
11246
- testImage.src = this.fingerHintUrl || utils.fingerUrl;
11248
+ testImage.src = utils.convertUrlToRelative(this.fingerHintUrl || utils.fingerUrl);
11247
11249
  img.setAttribute('width', `${IMG_SIZE}`);
11248
11250
  img.setAttribute('height', `${IMG_SIZE}`);
11249
11251
  img.setAttribute('id', 'lido-finger-hint');
@@ -11814,7 +11816,7 @@ const LidoTrace = class {
11814
11816
  };
11815
11817
  }
11816
11818
  render() {
11817
- return (index.h(index.Host, { key: 'b3e4e80fb1fa3d1e83ff30aa6258c83c379cb9d4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, index.h("div", { key: 'a0c74bd35eba5de7afa4c4d600cc031e169a01d3', style: this.style, id: "lido-svgContainer" })));
11819
+ return (index.h(index.Host, { key: '16fb46d69a04aac108b4c21629210f3f31289ee4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, index.h("div", { key: '966e4f549b34e8c1f1886359527a36d81226ac9e', style: this.style, id: "lido-svgContainer" })));
11818
11820
  }
11819
11821
  static get assetsDirs() { return ["svg", "images"]; }
11820
11822
  get el() { return index.getElement(this); }
package/dist/collection/components/home/lido-home.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { h, Host } from "@stencil/core";
2
2
  import { NextContainerKey, PrevContainerKey, LidoContainer, exitUrl, prevUrl, nextUrl, speakUrl, ActivityScoreKey, } from "../../utils/constants";
3
3
  import { dispatchActivityChangeEvent, dispatchGameCompletedEvent, dispatchGameExitEvent } from "../../utils/customEvents";
4
- import { clearLocalStorage, calculateScale, getCancelBtnPopup, setCancelBtnPopup, executeActions, triggerPrevcontainer } from "../../utils/utils";
4
+ import { clearLocalStorage, calculateScale, getCancelBtnPopup, setCancelBtnPopup, executeActions, triggerPrevcontainer, convertUrlToRelative } from "../../utils/utils";
5
5
  import { AudioPlayer } from "../../utils/audioPlayer";
6
6
  /**
7
7
  * @component LidoHome
@@ -25,7 +25,7 @@ export class LidoHome {
25
25
  if (index != undefined && index < this.containers.length) {
26
26
  // Move to the next container
27
27
  this.currentContainerIndex = index;
28
- console.log("container index ; ", this.currentContainerIndex);
28
+ console.log('container index ; ', this.currentContainerIndex);
29
29
  // window.dispatchEvent(new CustomEvent('activityChange', { detail: { index: this.currentContainerIndex } }));
30
30
  dispatchActivityChangeEvent(this.currentContainerIndex);
31
31
  }
@@ -166,30 +166,32 @@ export class LidoHome {
166
166
  });
167
167
  }
168
168
  async handleIcons() {
169
+ var _a;
169
170
  const checkUrl = async (url, containerUrl, fallback) => {
170
- if (!url && !containerUrl)
171
- return fallback !== null && fallback !== void 0 ? fallback : false;
172
- try {
173
- let res = await fetch(url);
174
- if (res.ok && url) {
175
- return url;
176
- }
177
- else {
178
- if (!containerUrl)
179
- return fallback !== null && fallback !== void 0 ? fallback : false;
180
- res = await fetch(containerUrl);
181
- return res.ok ? containerUrl : fallback !== null && fallback !== void 0 ? fallback : false;
182
- }
183
- }
184
- catch (_a) {
185
- return fallback !== null && fallback !== void 0 ? fallback : false;
186
- }
171
+ // if (!url && !containerUrl) return fallback ?? false;
172
+ if (url)
173
+ return convertUrlToRelative(url);
174
+ if (containerUrl)
175
+ return convertUrlToRelative(containerUrl);
176
+ return fallback !== null && fallback !== void 0 ? fallback : false;
177
+ // try {
178
+ // let res = await fetch(url);
179
+ // if (res.ok && url) {
180
+ // return url;
181
+ // } else {
182
+ // if (!containerUrl) return fallback ?? false;
183
+ // res = await fetch(containerUrl);
184
+ // return res.ok ? containerUrl : fallback ?? false;
185
+ // }
186
+ // } catch {
187
+ // return fallback ?? false;
188
+ // }
187
189
  };
188
190
  const container = document.getElementById(LidoContainer);
189
191
  const containerExit = container.getAttribute('exit-button-url');
190
192
  const containerPrev = container.getAttribute('prev-button-url');
191
193
  const containerNext = container.getAttribute('next-button-url');
192
- const containerSpeak = container.getAttribute('speak-button-url');
194
+ const containerSpeak = (_a = container.getAttribute('speak-button-url')) !== null && _a !== void 0 ? _a : container.getAttribute('speaker-button-url');
193
195
  this.navBarIcons = {
194
196
  exit: `${await checkUrl(this.exitButtonUrl, containerExit, exitUrl)}`,
195
197
  prev: `${await checkUrl(this.prevButtonUrl, containerPrev, prevUrl)}`,
package/dist/collection/components/trace/lido-trace.js CHANGED
@@ -63,7 +63,7 @@ export class LidoTrace {
63
63
  console.error('No SVG URL provided or index out of bounds.');
64
64
  return;
65
65
  }
66
- const svgText = await this.fetchSVG(url);
66
+ const svgText = await this.fetchSVG(convertUrlToRelative(url));
67
67
  console.log('SVG fetched successfully\n');
68
68
  await this.loadAnotherSVG(state, true); // Load the first SVG
69
69
  }
@@ -117,7 +117,7 @@ export class LidoTrace {
117
117
  testImage.onerror = () => {
118
118
  img.setAttributeNS('http://www.w3.org/1999/xlink', 'href', convertUrlToRelative(fingerUrl));
119
119
  };
120
- testImage.src = this.fingerHintUrl || fingerUrl;
120
+ testImage.src = convertUrlToRelative(this.fingerHintUrl || fingerUrl);
121
121
  img.setAttribute('width', `${IMG_SIZE}`);
122
122
  img.setAttribute('height', `${IMG_SIZE}`);
123
123
  img.setAttribute('id', 'lido-finger-hint');
@@ -688,7 +688,7 @@ export class LidoTrace {
688
688
  };
689
689
  }
690
690
  render() {
691
- return (h(Host, { key: 'b3e4e80fb1fa3d1e83ff30aa6258c83c379cb9d4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: 'a0c74bd35eba5de7afa4c4d600cc031e169a01d3', style: this.style, id: "lido-svgContainer" })));
691
+ return (h(Host, { key: '16fb46d69a04aac108b4c21629210f3f31289ee4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: '966e4f549b34e8c1f1886359527a36d81226ac9e', style: this.style, id: "lido-svgContainer" })));
692
692
  }
693
693
  static get is() { return "lido-trace"; }
694
694
  static get originalStyleUrls() {
package/dist/components/lido-home.js CHANGED
@@ -1,4 +1,4 @@
1
- import { L as LidoHome$1, d as defineCustomElement$1 } from './p-66f916ce.js';
1
+ import { L as LidoHome$1, d as defineCustomElement$1 } from './p-2b7f6448.js';
2
2
 
3
3
  const LidoHome = LidoHome$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/lido-root.js CHANGED
@@ -5,7 +5,7 @@ import { d as defineCustomElement$g } from './p-9a0d4b4d.js';
5
5
  import { d as defineCustomElement$f } from './p-89ce7a02.js';
6
6
  import { d as defineCustomElement$e } from './p-0da64fcd.js';
7
7
  import { d as defineCustomElement$d } from './p-95965640.js';
8
- import { d as defineCustomElement$c } from './p-66f916ce.js';
8
+ import { d as defineCustomElement$c } from './p-2b7f6448.js';
9
9
  import { d as defineCustomElement$b } from './p-43d05f49.js';
10
10
  import { d as defineCustomElement$a } from './p-d0160fac.js';
11
11
  import { d as defineCustomElement$9 } from './p-d3e62673.js';
@@ -14,7 +14,7 @@ import { d as defineCustomElement$7 } from './p-7ca9b2ff.js';
14
14
  import { d as defineCustomElement$6 } from './p-c204e882.js';
15
15
  import { d as defineCustomElement$5 } from './p-806687ef.js';
16
16
  import { d as defineCustomElement$4 } from './p-65eae7f7.js';
17
- import { d as defineCustomElement$3 } from './p-9fe26d83.js';
17
+ import { d as defineCustomElement$3 } from './p-688c02a0.js';
18
18
  import { d as defineCustomElement$2 } from './p-a0e12946.js';
19
19
 
20
20
  const LidoRoot$1 = /*@__PURE__*/ proxyCustomElement(class LidoRoot extends H {
package/dist/components/lido-trace.js CHANGED
@@ -1,4 +1,4 @@
1
- import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-9fe26d83.js';
1
+ import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-688c02a0.js';
2
2
 
3
3
  const LidoTrace = LidoTrace$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/{p-66f916ce.js → p-2b7f6448.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, A as ActivityScoreKey, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, w as AudioPlayer, x as exitUrl, y as prevUrl, z as nextUrl, B as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, C as getCancelBtnPopup, n as calculateScale, D as triggerPrevcontainer, E as executeActions, j as Host, F as setCancelBtnPopup } from './p-912a3fd1.js';
1
+ import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, A as ActivityScoreKey, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, w as AudioPlayer, x as exitUrl, y as prevUrl, z as nextUrl, B as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, C as getCancelBtnPopup, n as calculateScale, D as triggerPrevcontainer, E as executeActions, j as Host, e as convertUrlToRelative, F as setCancelBtnPopup } from './p-912a3fd1.js';
2
2
  import { d as defineCustomElement$g } from './p-f3888e54.js';
3
3
  import { d as defineCustomElement$f } from './p-6f439433.js';
4
4
  import { d as defineCustomElement$e } from './p-9a0d4b4d.js';
@@ -13,7 +13,7 @@ import { d as defineCustomElement$6 } from './p-7ca9b2ff.js';
13
13
  import { d as defineCustomElement$5 } from './p-c204e882.js';
14
14
  import { d as defineCustomElement$4 } from './p-806687ef.js';
15
15
  import { d as defineCustomElement$3 } from './p-65eae7f7.js';
16
- import { d as defineCustomElement$2 } from './p-9fe26d83.js';
16
+ import { d as defineCustomElement$2 } from './p-688c02a0.js';
17
17
  import { d as defineCustomElement$1 } from './p-a0e12946.js';
18
18
 
19
19
  const indexCss = "@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:0 2px 4px rgba(151, 150, 150, 0.1) !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}";
@@ -42,7 +42,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
42
42
  if (index != undefined && index < this.containers.length) {
43
43
  // Move to the next container
44
44
  this.currentContainerIndex = index;
45
- console.log("container index ; ", this.currentContainerIndex);
45
+ console.log('container index ; ', this.currentContainerIndex);
46
46
  // window.dispatchEvent(new CustomEvent('activityChange', { detail: { index: this.currentContainerIndex } }));
47
47
  dispatchActivityChangeEvent(this.currentContainerIndex);
48
48
  }
@@ -183,30 +183,32 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
183
183
  });
184
184
  }
185
185
  async handleIcons() {
186
+ var _a;
186
187
  const checkUrl = async (url, containerUrl, fallback) => {
187
- if (!url && !containerUrl)
188
- return fallback !== null && fallback !== void 0 ? fallback : false;
189
- try {
190
- let res = await fetch(url);
191
- if (res.ok && url) {
192
- return url;
193
- }
194
- else {
195
- if (!containerUrl)
196
- return fallback !== null && fallback !== void 0 ? fallback : false;
197
- res = await fetch(containerUrl);
198
- return res.ok ? containerUrl : fallback !== null && fallback !== void 0 ? fallback : false;
199
- }
200
- }
201
- catch (_a) {
202
- return fallback !== null && fallback !== void 0 ? fallback : false;
203
- }
188
+ // if (!url && !containerUrl) return fallback ?? false;
189
+ if (url)
190
+ return convertUrlToRelative(url);
191
+ if (containerUrl)
192
+ return convertUrlToRelative(containerUrl);
193
+ return fallback !== null && fallback !== void 0 ? fallback : false;
194
+ // try {
195
+ // let res = await fetch(url);
196
+ // if (res.ok && url) {
197
+ // return url;
198
+ // } else {
199
+ // if (!containerUrl) return fallback ?? false;
200
+ // res = await fetch(containerUrl);
201
+ // return res.ok ? containerUrl : fallback ?? false;
202
+ // }
203
+ // } catch {
204
+ // return fallback ?? false;
205
+ // }
204
206
  };
205
207
  const container = document.getElementById(LidoContainer);
206
208
  const containerExit = container.getAttribute('exit-button-url');
207
209
  const containerPrev = container.getAttribute('prev-button-url');
208
210
  const containerNext = container.getAttribute('next-button-url');
209
- const containerSpeak = container.getAttribute('speak-button-url');
211
+ const containerSpeak = (_a = container.getAttribute('speak-button-url')) !== null && _a !== void 0 ? _a : container.getAttribute('speaker-button-url');
210
212
  this.navBarIcons = {
211
213
  exit: `${await checkUrl(this.exitButtonUrl, containerExit, exitUrl)}`,
212
214
  prev: `${await checkUrl(this.prevButtonUrl, containerPrev, prevUrl)}`,
package/dist/components/{p-9fe26d83.js → p-688c02a0.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, T as TraceMode, d as setVisibilityWithDelay, Q as speakIcon, e as convertUrlToRelative, U as fingerUrl, L as LidoContainer, E as executeActions, J as triggerNextContainer, m as parseProp, h, j as Host } from './p-912a3fd1.js';
1
+ import { p as proxyCustomElement, H, T as TraceMode, e as convertUrlToRelative, d as setVisibilityWithDelay, Q as speakIcon, L as LidoContainer, E as executeActions, J as triggerNextContainer, m as parseProp, h, j as Host, U as fingerUrl } from './p-912a3fd1.js';
2
2
 
3
3
  const lidoTraceCss = ":host{display:block;position:relative}#lido-svgContainer{display:flex;justify-content:center;align-items:center;overflow:hidden}svg{width:100%;height:100%;max-height:calc(100vh - 50px);touch-action:none}#lido-draggableCircle{cursor:pointer;fill:#CF1565;transition:fill 0.2s, r 0.2s}.lido-blindTracing{stroke:none !important}.lido-blindFreeTrace{stroke:none !important}.lido-hovered{cursor:grab;fill:darkred}#lido-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:10px;background-color:#f0f0f0;border-top:1px solid #ccc}button{padding:10px;font-size:16px}@media (max-width: 600px){button{padding:8px;font-size:14px}}.lido-trace-path-green{}.lido-flow-indicator{stroke:blue;stroke-width:2;stroke-dasharray:6, 6;fill:none}.lido-trace{height:700px;width:700px;z-index:1;justify-items:center;align-content:center}.trace-animate{animation:trace-bounce 0.5s}@keyframes trace-bounce{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(0.95)}100%{transform:scale(1)}}";
4
4
  const LidoTraceStyle0 = lidoTraceCss;
@@ -66,7 +66,7 @@ const LidoTrace = /*@__PURE__*/ proxyCustomElement(class LidoTrace extends H {
66
66
  console.error('No SVG URL provided or index out of bounds.');
67
67
  return;
68
68
  }
69
- await this.fetchSVG(url);
69
+ await this.fetchSVG(convertUrlToRelative(url));
70
70
  console.log('SVG fetched successfully\n');
71
71
  await this.loadAnotherSVG(state, true); // Load the first SVG
72
72
  }
@@ -120,7 +120,7 @@ const LidoTrace = /*@__PURE__*/ proxyCustomElement(class LidoTrace extends H {
120
120
  testImage.onerror = () => {
121
121
  img.setAttributeNS('http://www.w3.org/1999/xlink', 'href', convertUrlToRelative(fingerUrl));
122
122
  };
123
- testImage.src = this.fingerHintUrl || fingerUrl;
123
+ testImage.src = convertUrlToRelative(this.fingerHintUrl || fingerUrl);
124
124
  img.setAttribute('width', `${IMG_SIZE}`);
125
125
  img.setAttribute('height', `${IMG_SIZE}`);
126
126
  img.setAttribute('id', 'lido-finger-hint');
@@ -691,7 +691,7 @@ const LidoTrace = /*@__PURE__*/ proxyCustomElement(class LidoTrace extends H {
691
691
  };
692
692
  }
693
693
  render() {
694
- return (h(Host, { key: 'b3e4e80fb1fa3d1e83ff30aa6258c83c379cb9d4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: 'a0c74bd35eba5de7afa4c4d600cc031e169a01d3', style: this.style, id: "lido-svgContainer" })));
694
+ return (h(Host, { key: '16fb46d69a04aac108b4c21629210f3f31289ee4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: '966e4f549b34e8c1f1886359527a36d81226ac9e', style: this.style, id: "lido-svgContainer" })));
695
695
  }
696
696
  static get assetsDirs() { return ["svg", "images"]; }
697
697
  get el() { return this; }
package/dist/esm/lido-avatar_18.entry.js CHANGED
@@ -7112,7 +7112,7 @@ const LidoHome = class {
7112
7112
  if (index != undefined && index < this.containers.length) {
7113
7113
  // Move to the next container
7114
7114
  this.currentContainerIndex = index;
7115
- console.log("container index ; ", this.currentContainerIndex);
7115
+ console.log('container index ; ', this.currentContainerIndex);
7116
7116
  // window.dispatchEvent(new CustomEvent('activityChange', { detail: { index: this.currentContainerIndex } }));
7117
7117
  dispatchActivityChangeEvent(this.currentContainerIndex);
7118
7118
  }
@@ -7253,30 +7253,32 @@ const LidoHome = class {
7253
7253
  });
7254
7254
  }
7255
7255
  async handleIcons() {
7256
+ var _a;
7256
7257
  const checkUrl = async (url, containerUrl, fallback) => {
7257
- if (!url && !containerUrl)
7258
- return fallback !== null && fallback !== void 0 ? fallback : false;
7259
- try {
7260
- let res = await fetch(url);
7261
- if (res.ok && url) {
7262
- return url;
7263
- }
7264
- else {
7265
- if (!containerUrl)
7266
- return fallback !== null && fallback !== void 0 ? fallback : false;
7267
- res = await fetch(containerUrl);
7268
- return res.ok ? containerUrl : fallback !== null && fallback !== void 0 ? fallback : false;
7269
- }
7270
- }
7271
- catch (_a) {
7272
- return fallback !== null && fallback !== void 0 ? fallback : false;
7273
- }
7258
+ // if (!url && !containerUrl) return fallback ?? false;
7259
+ if (url)
7260
+ return convertUrlToRelative(url);
7261
+ if (containerUrl)
7262
+ return convertUrlToRelative(containerUrl);
7263
+ return fallback !== null && fallback !== void 0 ? fallback : false;
7264
+ // try {
7265
+ // let res = await fetch(url);
7266
+ // if (res.ok && url) {
7267
+ // return url;
7268
+ // } else {
7269
+ // if (!containerUrl) return fallback ?? false;
7270
+ // res = await fetch(containerUrl);
7271
+ // return res.ok ? containerUrl : fallback ?? false;
7272
+ // }
7273
+ // } catch {
7274
+ // return fallback ?? false;
7275
+ // }
7274
7276
  };
7275
7277
  const container = document.getElementById(LidoContainer$1);
7276
7278
  const containerExit = container.getAttribute('exit-button-url');
7277
7279
  const containerPrev = container.getAttribute('prev-button-url');
7278
7280
  const containerNext = container.getAttribute('next-button-url');
7279
- const containerSpeak = container.getAttribute('speak-button-url');
7281
+ const containerSpeak = (_a = container.getAttribute('speak-button-url')) !== null && _a !== void 0 ? _a : container.getAttribute('speaker-button-url');
7280
7282
  this.navBarIcons = {
7281
7283
  exit: `${await checkUrl(this.exitButtonUrl, containerExit, exitUrl)}`,
7282
7284
  prev: `${await checkUrl(this.prevButtonUrl, containerPrev, prevUrl)}`,
@@ -11185,7 +11187,7 @@ const LidoTrace = class {
11185
11187
  console.error('No SVG URL provided or index out of bounds.');
11186
11188
  return;
11187
11189
  }
11188
- await this.fetchSVG(url);
11190
+ await this.fetchSVG(convertUrlToRelative(url));
11189
11191
  console.log('SVG fetched successfully\n');
11190
11192
  await this.loadAnotherSVG(state, true); // Load the first SVG
11191
11193
  }
@@ -11239,7 +11241,7 @@ const LidoTrace = class {
11239
11241
  testImage.onerror = () => {
11240
11242
  img.setAttributeNS('http://www.w3.org/1999/xlink', 'href', convertUrlToRelative(fingerUrl));
11241
11243
  };
11242
- testImage.src = this.fingerHintUrl || fingerUrl;
11244
+ testImage.src = convertUrlToRelative(this.fingerHintUrl || fingerUrl);
11243
11245
  img.setAttribute('width', `${IMG_SIZE}`);
11244
11246
  img.setAttribute('height', `${IMG_SIZE}`);
11245
11247
  img.setAttribute('id', 'lido-finger-hint');
@@ -11810,7 +11812,7 @@ const LidoTrace = class {
11810
11812
  };
11811
11813
  }
11812
11814
  render() {
11813
- return (h(Host, { key: 'b3e4e80fb1fa3d1e83ff30aa6258c83c379cb9d4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: 'a0c74bd35eba5de7afa4c4d600cc031e169a01d3', style: this.style, id: "lido-svgContainer" })));
11815
+ return (h(Host, { key: '16fb46d69a04aac108b4c21629210f3f31289ee4', class: "lido-trace", id: this.id, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex }, h("div", { key: '966e4f549b34e8c1f1886359527a36d81226ac9e', style: this.style, id: "lido-svgContainer" })));
11814
11816
  }
11815
11817
  static get assetsDirs() { return ["svg", "images"]; }
11816
11818
  get el() { return getElement(this); }
package/dist/lido-player/lido-player.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as o}from"./p-ddf627b0.js";export{s as setNonce}from"./p-ddf627b0.js";import{g as n}from"./p-e1255160.js";(()=>{const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((async e=>(await n(),o(JSON.parse('[["p-7af96d4a",[[0,"lido-root",{"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"margin":[1],"canplay":[4],"baseUrl":[1,"base-url"],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"xmlData":[32]}],[0,"lido-home",{"xmlData":[1,"xml-data"],"initialIndex":[2,"initial-index"],"canplay":[4],"baseUrl":[1,"base-url"],"height":[1],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"navBarIcons":[32],"currentContainerIndex":[32],"exitFlag":[32],"containers":[32],"showDotsandbtn":[32]},null,{"xmlData":["onXmlDataChange"]}],[0,"lido-keyboard",{"keys":[1],"width":[1],"height":[1],"fontSize":[1,"font-size"],"fontColor":[1,"font-color"],"fontFamily":[1,"font-family"],"gap":[1],"bgColor":[1,"bg-color"],"borderRadius":[1,"border-radius"],"y":[1],"x":[1],"z":[1],"margin":[1],"padding":[1],"visible":[1],"onEntry":[1,"on-entry"],"type":[1],"keyboardInput":[4,"keyboard-input"],"columns":[1],"letterLength":[2,"letter-length"],"numberOfClick":[32],"inputString":[32],"style":[32]}],[0,"lido-avatar",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"src":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"delayVisible":[1,"delay-visible"]}],[4,"lido-cell",{"showSpeakIcon":[4,"show-speak-icon"],"scrollbarWidth":[1,"scrollbar-width"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"gap":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[1],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"layout":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"alignItems":[1,"align-items"],"borderRadius":[1,"border-radius"],"flexDirection":[1,"flex-direction"],"delayVisible":[1,"delay-visible"],"style":[32]}],[4,"lido-col",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"borderImage":[1,"border-image"],"boxShadow":[1,"box-shadow"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[4,"lido-container",{"showDropBorder":[4,"show-drop-border"],"appendToDropOnCompletion":[4,"append-to-drop-on-completion"],"id":[1],"objective":[1],"customStyle":[1,"custom-style"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"bgImage":[1,"bg-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"canplay":[4],"showCheck":[4,"show-check"],"isContinueOnCorrect":[4,"is-continue-on-correct"],"isAllowOnlyCorrect":[4,"is-allow-only-correct"],"baseUrl":[1,"base-url"],"margin":[1],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"showPrevButton":[1,"show-prev-button"],"showNextButton":[1,"show-next-button"],"delayVisible":[1,"delay-visible"]}],[4,"lido-flash-card",{"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"direction":[1],"display":[1],"front":[8],"back":[8],"flipped":[1540],"margin":[1],"delayVisible":[1,"delay-visible"],"style":[32]},null,{"flipped":["handleFlippedChange"]}],[4,"lido-float",{"id":[1],"value":[1],"z":[1],"tabIndex":[2,"tab-index"],"visible":[4],"onEntry":[1,"on-entry"],"width":[1],"height":[1],"bgColor":[1,"bg-color"],"type":[1],"delayVisible":[1,"delay-visible"],"floatDirection":[1,"float-direction"],"style":[32]}],[0,"lido-image",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"src":[1],"isSlice":[1,"is-slice"],"sliceWidth":[1,"slice-width"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"filter":[1],"borderRadius":[1,"border-radius"],"transform":[1],"delayVisible":[1,"delay-visible"],"style":[32]}],[4,"lido-pos",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[4,"lido-random",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1]}],[4,"lido-row",{"showSpeakIcon":[4,"show-speak-icon"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"display":[1],"margin":[1],"style":[32]}],[0,"lido-shape",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"shapeType":[1,"shape-type"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"delayVisible":[1,"delay-visible"]}],[0,"lido-slide-fill",{"id":[1],"width":[1],"height":[1],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"visible":[8],"margin":[1],"padding":[1],"borderRadius":[1,"border-radius"],"fill":[1],"numberType":[1,"number-type"],"min":[2],"division":[2],"max":[2],"slider":[4],"src":[1],"fillDirection":[1,"fill-direction"],"type":[1],"onEntry":[1,"on-entry"],"delayVisible":[1,"delay-visible"],"svgContent":[32],"style":[32]},null,{"src":["onSrcChange"],"fill":["onPropChange"],"division":["onPropChange"],"fillDirection":["onPropChange"],"numberType":["onPropChange"],"min":["onPropChange"],"max":["onPropChange"]}],[0,"lido-trace",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"svgSource":[1,"svg-source"],"value":[1],"height":[1],"width":[1],"x":[1],"y":[1],"z":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"tabIndex":[2,"tab-index"],"mode":[1],"fingerHintUrl":[1,"finger-hint-url"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"highlightTextId":[1,"highlight-text-id"],"animationTrace":[4,"animation-trace"],"delayVisible":[1,"delay-visible"],"svgUrls":[32],"currentSvgIndex":[32],"moving":[32],"style":[32],"fileIndex":[32],"isDragging":[32],"activePointerId":[32],"idleTimer":[32],"fingerImg":[32]},null,{"svgSource":["initializeSVG"],"mode":["initializeSVG"]}],[4,"lido-wrap",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"flex":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[0,"lido-text",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"string":[1],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"fontColor":[1,"font-color"],"highlightWhileSpeaking":[4,"highlight-while-speaking"],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"borderImage":[1,"border-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"onEntry":[1,"on-entry"],"margin":[1],"padding":[1],"borderRadius":[1,"border-radius"],"spanType":[1,"span-type"],"delayVisible":[1,"delay-visible"],"style":[32]}]]]]'),e))));
1
+ import{p as e,b as o}from"./p-ddf627b0.js";export{s as setNonce}from"./p-ddf627b0.js";import{g as n}from"./p-e1255160.js";(()=>{const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((async e=>(await n(),o(JSON.parse('[["p-fe6ae561",[[0,"lido-root",{"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"margin":[1],"canplay":[4],"baseUrl":[1,"base-url"],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"xmlData":[32]}],[0,"lido-home",{"xmlData":[1,"xml-data"],"initialIndex":[2,"initial-index"],"canplay":[4],"baseUrl":[1,"base-url"],"height":[1],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"navBarIcons":[32],"currentContainerIndex":[32],"exitFlag":[32],"containers":[32],"showDotsandbtn":[32]},null,{"xmlData":["onXmlDataChange"]}],[0,"lido-keyboard",{"keys":[1],"width":[1],"height":[1],"fontSize":[1,"font-size"],"fontColor":[1,"font-color"],"fontFamily":[1,"font-family"],"gap":[1],"bgColor":[1,"bg-color"],"borderRadius":[1,"border-radius"],"y":[1],"x":[1],"z":[1],"margin":[1],"padding":[1],"visible":[1],"onEntry":[1,"on-entry"],"type":[1],"keyboardInput":[4,"keyboard-input"],"columns":[1],"letterLength":[2,"letter-length"],"numberOfClick":[32],"inputString":[32],"style":[32]}],[0,"lido-avatar",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"src":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"delayVisible":[1,"delay-visible"]}],[4,"lido-cell",{"showSpeakIcon":[4,"show-speak-icon"],"scrollbarWidth":[1,"scrollbar-width"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"gap":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[1],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"layout":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"alignItems":[1,"align-items"],"borderRadius":[1,"border-radius"],"flexDirection":[1,"flex-direction"],"delayVisible":[1,"delay-visible"],"style":[32]}],[4,"lido-col",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"borderImage":[1,"border-image"],"boxShadow":[1,"box-shadow"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[4,"lido-container",{"showDropBorder":[4,"show-drop-border"],"appendToDropOnCompletion":[4,"append-to-drop-on-completion"],"id":[1],"objective":[1],"customStyle":[1,"custom-style"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"bgImage":[1,"bg-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"canplay":[4],"showCheck":[4,"show-check"],"isContinueOnCorrect":[4,"is-continue-on-correct"],"isAllowOnlyCorrect":[4,"is-allow-only-correct"],"baseUrl":[1,"base-url"],"margin":[1],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"showPrevButton":[1,"show-prev-button"],"showNextButton":[1,"show-next-button"],"delayVisible":[1,"delay-visible"]}],[4,"lido-flash-card",{"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"direction":[1],"display":[1],"front":[8],"back":[8],"flipped":[1540],"margin":[1],"delayVisible":[1,"delay-visible"],"style":[32]},null,{"flipped":["handleFlippedChange"]}],[4,"lido-float",{"id":[1],"value":[1],"z":[1],"tabIndex":[2,"tab-index"],"visible":[4],"onEntry":[1,"on-entry"],"width":[1],"height":[1],"bgColor":[1,"bg-color"],"type":[1],"delayVisible":[1,"delay-visible"],"floatDirection":[1,"float-direction"],"style":[32]}],[0,"lido-image",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"src":[1],"isSlice":[1,"is-slice"],"sliceWidth":[1,"slice-width"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"filter":[1],"borderRadius":[1,"border-radius"],"transform":[1],"delayVisible":[1,"delay-visible"],"style":[32]}],[4,"lido-pos",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[4,"lido-random",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1]}],[4,"lido-row",{"showSpeakIcon":[4,"show-speak-icon"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"display":[1],"margin":[1],"style":[32]}],[0,"lido-shape",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"shapeType":[1,"shape-type"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"delayVisible":[1,"delay-visible"]}],[0,"lido-slide-fill",{"id":[1],"width":[1],"height":[1],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"visible":[8],"margin":[1],"padding":[1],"borderRadius":[1,"border-radius"],"fill":[1],"numberType":[1,"number-type"],"min":[2],"division":[2],"max":[2],"slider":[4],"src":[1],"fillDirection":[1,"fill-direction"],"type":[1],"onEntry":[1,"on-entry"],"delayVisible":[1,"delay-visible"],"svgContent":[32],"style":[32]},null,{"src":["onSrcChange"],"fill":["onPropChange"],"division":["onPropChange"],"fillDirection":["onPropChange"],"numberType":["onPropChange"],"min":["onPropChange"],"max":["onPropChange"]}],[0,"lido-trace",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"svgSource":[1,"svg-source"],"value":[1],"height":[1],"width":[1],"x":[1],"y":[1],"z":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"tabIndex":[2,"tab-index"],"mode":[1],"fingerHintUrl":[1,"finger-hint-url"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"highlightTextId":[1,"highlight-text-id"],"animationTrace":[4,"animation-trace"],"delayVisible":[1,"delay-visible"],"svgUrls":[32],"currentSvgIndex":[32],"moving":[32],"style":[32],"fileIndex":[32],"isDragging":[32],"activePointerId":[32],"idleTimer":[32],"fingerImg":[32]},null,{"svgSource":["initializeSVG"],"mode":["initializeSVG"]}],[4,"lido-wrap",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"flex":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[0,"lido-text",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"string":[1],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"fontColor":[1,"font-color"],"highlightWhileSpeaking":[4,"highlight-while-speaking"],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"borderImage":[1,"border-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"onEntry":[1,"on-entry"],"margin":[1],"padding":[1],"borderRadius":[1,"border-radius"],"spanType":[1,"span-type"],"delayVisible":[1,"delay-visible"],"style":[32]}]]]]'),e))));