lido-player 0.0.2-alpha-49 → 0.0.2-alpha-50

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 (55) hide show
  1. package/dist/cjs/index.cjs.js +1 -1
  2. package/dist/cjs/lido-avatar_19.cjs.entry.js +4 -4
  3. package/dist/cjs/{utils-96ce5641.js → utils-c3e7cbcc.js} +5 -2
  4. package/dist/collection/components/container/lido-container.js +2 -1
  5. package/dist/collection/components/home/lido-home.css +4 -0
  6. package/dist/collection/components/home/lido-home.js +0 -1
  7. package/dist/collection/utils/utils.js +4 -2
  8. package/dist/collection/utils/utilsHandlers/clickHandler.js +1 -0
  9. package/dist/components/index.js +1 -1
  10. package/dist/components/lido-avatar.js +1 -1
  11. package/dist/components/lido-cell.js +1 -1
  12. package/dist/components/lido-col.js +1 -1
  13. package/dist/components/lido-container.js +1 -1
  14. package/dist/components/lido-flash-card.js +1 -1
  15. package/dist/components/lido-float.js +1 -1
  16. package/dist/components/lido-home.js +1 -1
  17. package/dist/components/lido-image.js +1 -1
  18. package/dist/components/lido-keyboard.js +1 -1
  19. package/dist/components/lido-math-matrix.js +1 -1
  20. package/dist/components/lido-pos.js +1 -1
  21. package/dist/components/lido-random.js +1 -1
  22. package/dist/components/lido-root.js +19 -19
  23. package/dist/components/lido-row.js +1 -1
  24. package/dist/components/lido-shape.js +1 -1
  25. package/dist/components/lido-slide-fill.js +1 -1
  26. package/dist/components/lido-text.js +1 -1
  27. package/dist/components/lido-trace.js +1 -1
  28. package/dist/components/lido-wrap.js +1 -1
  29. package/dist/components/{p-cfa2aec8.js → p-135e98bf.js} +5 -2
  30. package/dist/components/{p-0bf92c7f.js → p-1cb590fb.js} +1 -1
  31. package/dist/components/{p-b8af26e6.js → p-20ffe2e9.js} +19 -20
  32. package/dist/components/{p-7f11a624.js → p-33588c7a.js} +1 -1
  33. package/dist/components/{p-b55af747.js → p-3d732e48.js} +1 -1
  34. package/dist/components/{p-af54a485.js → p-513a03e1.js} +2 -2
  35. package/dist/components/{p-a8ab771b.js → p-58b69b3f.js} +1 -1
  36. package/dist/components/{p-cae021c6.js → p-6405d878.js} +1 -1
  37. package/dist/components/{p-4cabbf28.js → p-6917debf.js} +1 -1
  38. package/dist/components/{p-9c56f378.js → p-6c98fc03.js} +1 -1
  39. package/dist/components/{p-4dbae73b.js → p-76423463.js} +1 -1
  40. package/dist/components/{p-b5b6ad27.js → p-7fc73a13.js} +1 -1
  41. package/dist/components/{p-03e4cafe.js → p-868beaa6.js} +1 -1
  42. package/dist/components/{p-e735dce9.js → p-926348de.js} +3 -2
  43. package/dist/components/{p-61d97438.js → p-a9689087.js} +1 -1
  44. package/dist/components/{p-4882df37.js → p-ababe351.js} +1 -1
  45. package/dist/components/{p-b43ce4e1.js → p-b2d7b151.js} +1 -1
  46. package/dist/components/{p-cac6c8bf.js → p-b83c7a68.js} +1 -1
  47. package/dist/components/{p-51943db6.js → p-d489f16f.js} +1 -1
  48. package/dist/esm/index.js +1 -1
  49. package/dist/esm/lido-avatar_19.entry.js +4 -4
  50. package/dist/esm/{utils-9ce243d8.js → utils-99110070.js} +5 -2
  51. package/dist/lido-player/index.esm.js +1 -1
  52. package/dist/lido-player/lido-player.esm.js +1 -1
  53. package/dist/lido-player/{p-d3911ee1.entry.js → p-b83634bf.entry.js} +1 -1
  54. package/dist/lido-player/{p-90212aa9.js → p-c8c00dcb.js} +1 -1
  55. package/package.json +1 -1
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const utils = require('./utils-96ce5641.js');
5
+ const utils = require('./utils-c3e7cbcc.js');
6
6
  require('./index-fe562525.js');
7
7
 
8
8
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-fe562525.js');
6
- const utils = require('./utils-96ce5641.js');
6
+ const utils = require('./utils-c3e7cbcc.js');
7
7
 
8
8
  var rive = {exports: {}};
9
9
 
@@ -6908,6 +6908,7 @@ const LidoContainer = class {
6908
6908
  componentDidLoad() {
6909
6909
  this.scaleContainer(this.el);
6910
6910
  const backGroundImage = this.bgImage ? utils.convertUrlToRelative(this.bgImage) : '';
6911
+ document.body.style.pointerEvents = 'auto';
6911
6912
  document.body.style.backgroundColor = this.bgColor;
6912
6913
  document.body.style.backgroundImage = backGroundImage ? `url(${backGroundImage})` : 'none';
6913
6914
  document.body.style.backgroundPosition = backGroundImage ? `bottom` : 'none';
@@ -6939,7 +6940,7 @@ const LidoContainer = class {
6939
6940
  userSelect: 'none', // Prevent any field selection
6940
6941
  };
6941
6942
  console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
6942
- return (index.h(index.Host, { key: '782cc0c88592899d58f942245db8e0561714d35c', id: "lido-container", "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 }, index.h("slot", { key: 'e23be1cba95353ad3678c2d1d41b4d23ae76f2d9' })));
6943
+ return (index.h(index.Host, { key: 'fbdeee45ac009fc79034bd34059b54dad544683a', id: "lido-container", "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 }, index.h("slot", { key: '517792aab81ff86fc420c0f4edbb05881a97bd14' })));
6943
6944
  }
6944
6945
  get el() { return index.getElement(this); }
6945
6946
  };
@@ -7100,7 +7101,7 @@ const LidoHomeStyle0 = indexCss;
7100
7101
  const animationCss = "@keyframes rightToPlace{from{transform:translateX(2000px)}to{transform:translateX(0)}}@keyframes topToPlace{from{transform:translateY(-1000px)}to{transform:translateY(0)}}@keyframes bottomToPlace{from{transform:translateY(1000px)}to{transform:translateY(0)}}@keyframes placeToLeft{from{}to{transform:translateX(-2000px)}}@keyframes leftToPlace{from{transform:translateX(-2000px)}to{transform:translateX(0)}}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-5px)}20%{transform:translateX(5px)}30%{transform:translateX(-5px)}40%{transform:translateX(5px)}50%{transform:translateX(-5px)}60%{transform:translateX(5px)}70%{transform:translateX(-5px)}80%{transform:translateX(5px)}90%{transform:translateX(-5px)}100%{transform:translateX(0)}}@keyframes fallAndBounce{0%{transform:translateY(-1000px)}25%{transform:translateY(0px)}50%{transform:translateY(-200px)}75%{transform:translateY(0)}90%{transform:translateY(-100px)}100%{transform:translateY(0)}}@keyframes placeToDown{0%{transform:translateY(0)}100%{transform:translateY(1000px)}}@keyframes strongShake{0%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}100%{transform:translateX(0)}}@keyframes scaledShake{0%{transform:scale(1) translateX(0);box-shadow:0 0 0 transparent}20%{transform:scale(1.10) translateX(-12px);box-shadow:0 0 10px red}40%{transform:scale(1.10) translateX(12px);box-shadow:0 0 12px red}60%{transform:scale(1.10) translateX(-8px);box-shadow:0 0 10px red}80%{transform:scale(1.10) translateX(8px);box-shadow:0 0 12px red}100%{transform:scale(1) translateX(0);box-shadow:none}}@keyframes horizontalShake{0%{transform:scale(1) translateX(0);background-color:transparent}20%{transform:translateX(-20px);background-color:rgba(255, 0, 0, 0.2)}40%{transform:translateX(20px);background-color:rgba(255, 0, 0, 0.4)}60%{transform:translateX(-10px);background-color:rgba(255, 0, 0, 0.3)}80%{transform:translateX(10px);background-color:rgba(255, 0, 0, 0.2)}100%{transform:translateX(0);background-color:transparent}}@keyframes verticalShake{0%{transform:translateY(0);background-color:transparent}20%{transform:translateY(-20px);background-color:rgba(255, 0, 0, 0.2)}40%{transform:translateY(0);background-color:rgba(255, 0, 0, 0.4)}60%{transform:translateY(20px);background-color:rgba(255, 0, 0, 0.2)}80%{transform:translateY(0);background-color:rgba(255, 0, 0, 0.1)}100%{transform:translateY(0);background-color:transparent}}@keyframes diagonalShake{0%{transform:translate(0, 0);background-color:transparent}25%{transform:translate(20px, -20px);background-color:rgba(255, 0, 0, 0.2)}50%{transform:translate(-20px, 20px);background-color:rgba(255, 0, 0, 0.3)}75%{transform:translate(10px, -10px);background-color:rgba(255, 0, 0, 0.2)}100%{transform:translate(0, 0);background-color:transparent}}";
7101
7102
  const LidoHomeStyle1 = animationCss;
7102
7103
 
7103
- const lidoHomeCss = ".lido-snackbar{visibility:visible;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;bottom:30px;left:50%;transform:translateX(-50%);font-size:17px}.lido-dot-container{display:flex;justify-content:space-between;align-items:center;visibility:hidden;position:absolute;left:50%;padding:0 5px;z-index:1;width:100vw;max-width:100vw;box-sizing:border-box;height:0px}.lido-dot{height:18px;width:18px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.3s;cursor:pointer;z-index:1}.lido-btn-dot-container{flex-shrink:1;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1;min-width:0;height:0px}.lido-dot.completed{background-color:grey}.lido-dot.current{background-color:green}.lido-dot:not(.completed):not(.current){background-color:#bbb}#lido-arrow-left,#lido-arrow-right{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:1000;box-shadow:0px 8px 0px 0px #8b310f;background-color:#f34d08;cursor:pointer;visibility:hidden;flex-shrink:0}#lido-arrow-left:active,#lido-arrow-right:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px}.navbar{display:flex;justify-content:center}.lido-exit-button,#main-audio{width:80px;height:80px;z-index:1000;cursor:pointer;background-color:white;display:flex;align-items:center;justify-content:center;border:4px solid #f34d08;border-radius:16px;box-shadow:0px 8px #f34d08;flex-shrink:0;}#main-audio:active,.popup-button:active .lido-exit-button:active{margin-bottom:-8px;box-shadow:0px 0px 0px 0px !important}.lido-alert-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 768px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0 8px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0 8px}.lido-dot{height:16px;width:16px;margin:0 2.5px}}@media (max-width: 480px){#lido-arrow-left,#lido-arrow-right{width:74px;height:74px;margin:0px 5px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0px 5px}.lido-dot{height:15px;width:15px;margin:0 1.5px}.lido-dot-container{padding:0 3px}}@media (max-width: 375px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 3px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 3px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 2px}}@media (max-width: 320px){#lido-arrow-left,#lido-arrow-right,.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 2px}.lido-dot{height:12px;width:12px;margin:0 0.5px}.lido-dot-container{padding:0 2px}}@media (max-width: 900px) and (orientation: landscape){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 5px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 5px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 5px}}.popup-exit-text{white-space:nowrap;font-size:22px;font-weight:600;margin-top:-8%}.lido-alert-parent{z-index:10000 !important;position:absolute;top:0;left:0}.popup-button{width:80px;height:80px;z-index:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;border:4px solid #F34D08;border-radius:16px;box-shadow:0 8px 0 #F34D08}.nav-for-lanai{position:absolute;top:0%;left:0%;max-width:none;width:100%;height:auto;visibility:visible}";
7104
+ const lidoHomeCss = ".lido-snackbar{visibility:visible;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;bottom:30px;left:50%;transform:translateX(-50%);font-size:17px}.lido-dot-container{display:flex;justify-content:space-between;align-items:center;visibility:hidden;position:absolute;left:50%;padding:0 5px;z-index:1;width:100vw;max-width:100vw;box-sizing:border-box;height:0px}.lido-dot{height:18px;width:18px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.3s;cursor:pointer;z-index:1}.lido-btn-dot-container{flex-shrink:1;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1;min-width:0;height:0px}.lido-dot.completed{background-color:grey}.lido-dot.current{background-color:green}.lido-dot:not(.completed):not(.current){background-color:#bbb}#lido-arrow-left,#lido-arrow-right{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:1000;box-shadow:0px 8px 0px 0px #8b310f;background-color:#f34d08;cursor:pointer;visibility:hidden;flex-shrink:0}#lido-arrow-left:active,#lido-arrow-right:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px}.navbar{display:flex;justify-content:center}.lido-exit-button,#main-audio{width:80px;height:80px;z-index:1000;cursor:pointer;background-color:white;display:flex;align-items:center;justify-content:center;border:4px solid #f34d08;border-radius:16px;box-shadow:0px 8px #f34d08;flex-shrink:0;}#main-audio:active,.popup-button:active .lido-exit-button:active{margin-bottom:-8px;box-shadow:0px 0px 0px 0px !important}.lido-alert-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 768px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0 8px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0 8px}.lido-dot{height:16px;width:16px;margin:0 2.5px}}@media (max-width: 480px){#lido-arrow-left,#lido-arrow-right{width:74px;height:74px;margin:0px 5px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0px 5px}.lido-dot{height:15px;width:15px;margin:0 1.5px}.lido-dot-container{padding:0 3px}}@media (max-width: 375px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 3px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 3px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 2px}}@media (max-width: 320px){#lido-arrow-left,#lido-arrow-right,.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 2px}.lido-dot{height:12px;width:12px;margin:0 0.5px}.lido-dot-container{padding:0 2px}}@media (max-width: 900px) and (orientation: landscape){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 5px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 5px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 5px}}.popup-exit-text{white-space:nowrap;font-size:22px;font-weight:600;margin-top:-8%}.lido-alert-parent{z-index:10000 !important;position:absolute;top:0;left:0}.popup-button{width:80px;height:80px;z-index:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;border:4px solid #F34D08;border-radius:16px;box-shadow:0 8px 0 #F34D08}.nav-for-lanai{position:absolute;top:0%;left:0%;max-width:none;width:100%;height:auto;visibility:visible}.parent_dots{pointer-events:none}";
7104
7105
  const LidoHomeStyle2 = lidoHomeCss;
7105
7106
 
7106
7107
  const LidoHome = class {
@@ -7178,7 +7179,6 @@ const LidoHome = class {
7178
7179
  rightbtn.style.visibility = 'hidden';
7179
7180
  }
7180
7181
  else {
7181
- rightbtn.style.pointerEvents = 'auto';
7182
7182
  rightbtn.style.visibility = 'visible';
7183
7183
  }
7184
7184
  }, 100);
@@ -3046,6 +3046,7 @@ function addClickListenerForClickType(element) {
3046
3046
  if (!(element.id && element.id.startsWith('key-button'))) {
3047
3047
  element.style.pointerEvents = 'none';
3048
3048
  }
3049
+ document.body.style.pointerEvents = 'none';
3049
3050
  await executeActions(onCorrect, element);
3050
3051
  }
3051
3052
  else {
@@ -67983,6 +67984,7 @@ const initEventsForElement = async (element, type) => {
67983
67984
  const executeActions = async (actionsString, thisElement, element) => {
67984
67985
  var _a;
67985
67986
  const actions = parseActions(actionsString);
67987
+ body.style.pointerEvents = 'none';
67986
67988
  for (let i = 0; i < actions.length; i++) {
67987
67989
  const action = actions[i];
67988
67990
  const queriedElement = document.querySelector(action.actor);
@@ -68047,7 +68049,7 @@ const executeActions = async (actionsString, thisElement, element) => {
68047
68049
  if (container.getAttribute('is-continue-on-correct') !== 'true') {
68048
68050
  targetElement.style.pointerEvents = 'none';
68049
68051
  }
68050
- validateObjectiveStatus();
68052
+ await validateObjectiveStatus();
68051
68053
  break;
68052
68054
  }
68053
68055
  case 'prevBtn': {
@@ -68098,6 +68100,7 @@ const executeActions = async (actionsString, thisElement, element) => {
68098
68100
  }
68099
68101
  }
68100
68102
  }
68103
+ body.style.pointerEvents = 'auto';
68101
68104
  };
68102
68105
  const afterDropDragHandling = (dragElement, dropElement) => {
68103
68106
  const container = document.getElementById(LidoContainer);
@@ -68395,6 +68398,7 @@ const validateObjectiveStatus = async () => {
68395
68398
  return;
68396
68399
  const objectiveString = container['objective'];
68397
68400
  if (objectiveString == null || objectiveString.length === 0) {
68401
+ body.style.pointerEvents = 'none';
68398
68402
  const onCorrect = container.getAttribute('onCorrect');
68399
68403
  if (onCorrect) {
68400
68404
  await executeActions(onCorrect, container);
@@ -68447,7 +68451,6 @@ const validateObjectiveStatus = async () => {
68447
68451
  }
68448
68452
  };
68449
68453
  const triggerNextContainer = () => {
68450
- body.style.pointerEvents = 'auto';
68451
68454
  AudioPlayer.getI().stop();
68452
68455
  // const event = new CustomEvent('nextContainer');
68453
68456
  console.log('🚀 ~ triggerNextContainer ~ event:', event);
@@ -96,6 +96,7 @@ export class LidoContainer {
96
96
  componentDidLoad() {
97
97
  this.scaleContainer(this.el);
98
98
  const backGroundImage = this.bgImage ? convertUrlToRelative(this.bgImage) : '';
99
+ document.body.style.pointerEvents = 'auto';
99
100
  document.body.style.backgroundColor = this.bgColor;
100
101
  document.body.style.backgroundImage = backGroundImage ? `url(${backGroundImage})` : 'none';
101
102
  document.body.style.backgroundPosition = backGroundImage ? `bottom` : 'none';
@@ -127,7 +128,7 @@ export class LidoContainer {
127
128
  userSelect: 'none', // Prevent any field selection
128
129
  };
129
130
  console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
130
- return (h(Host, { key: '782cc0c88592899d58f942245db8e0561714d35c', id: "lido-container", "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 }, h("slot", { key: 'e23be1cba95353ad3678c2d1d41b4d23ae76f2d9' })));
131
+ return (h(Host, { key: 'fbdeee45ac009fc79034bd34059b54dad544683a', id: "lido-container", "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 }, h("slot", { key: '517792aab81ff86fc420c0f4edbb05881a97bd14' })));
131
132
  }
132
133
  static get is() { return "lido-container"; }
133
134
  static get originalStyleUrls() {
@@ -276,4 +276,8 @@
276
276
  width: 100%;
277
277
  height: auto;
278
278
  visibility: visible;
279
+ }
280
+
281
+ .parent_dots{
282
+ pointer-events: none;
279
283
  }
@@ -85,7 +85,6 @@ export class LidoHome {
85
85
  rightbtn.style.visibility = 'hidden';
86
86
  }
87
87
  else {
88
- rightbtn.style.pointerEvents = 'auto';
89
88
  rightbtn.style.visibility = 'visible';
90
89
  }
91
90
  }, 100);
@@ -65,6 +65,7 @@ export const initEventsForElement = async (element, type) => {
65
65
  export const executeActions = async (actionsString, thisElement, element) => {
66
66
  var _a;
67
67
  const actions = parseActions(actionsString);
68
+ body.style.pointerEvents = 'none';
68
69
  for (let i = 0; i < actions.length; i++) {
69
70
  const action = actions[i];
70
71
  const queriedElement = document.querySelector(action.actor);
@@ -129,7 +130,7 @@ export const executeActions = async (actionsString, thisElement, element) => {
129
130
  if (container.getAttribute('is-continue-on-correct') !== 'true') {
130
131
  targetElement.style.pointerEvents = 'none';
131
132
  }
132
- validateObjectiveStatus();
133
+ await validateObjectiveStatus();
133
134
  break;
134
135
  }
135
136
  case 'prevBtn': {
@@ -180,6 +181,7 @@ export const executeActions = async (actionsString, thisElement, element) => {
180
181
  }
181
182
  }
182
183
  }
184
+ body.style.pointerEvents = 'auto';
183
185
  };
184
186
  const afterDropDragHandling = (dragElement, dropElement) => {
185
187
  const container = document.getElementById(LidoContainer);
@@ -477,6 +479,7 @@ export const validateObjectiveStatus = async () => {
477
479
  return;
478
480
  const objectiveString = container['objective'];
479
481
  if (objectiveString == null || objectiveString.length === 0) {
482
+ body.style.pointerEvents = 'none';
480
483
  const onCorrect = container.getAttribute('onCorrect');
481
484
  if (onCorrect) {
482
485
  await executeActions(onCorrect, container);
@@ -529,7 +532,6 @@ export const validateObjectiveStatus = async () => {
529
532
  }
530
533
  };
531
534
  export const triggerNextContainer = () => {
532
- body.style.pointerEvents = 'auto';
533
535
  AudioPlayer.getI().stop();
534
536
  // const event = new CustomEvent('nextContainer');
535
537
  console.log('🚀 ~ triggerNextContainer ~ event:', event);
@@ -93,6 +93,7 @@ export function addClickListenerForClickType(element) {
93
93
  if (!(element.id && element.id.startsWith('key-button'))) {
94
94
  element.style.pointerEvents = 'none';
95
95
  }
96
+ document.body.style.pointerEvents = 'none';
96
97
  await executeActions(onCorrect, element);
97
98
  }
98
99
  else {
@@ -1 +1 @@
1
- export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-cfa2aec8.js';
1
+ export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-135e98bf.js';
@@ -1,4 +1,4 @@
1
- import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-7f11a624.js';
1
+ import { L as LidoAvatar$1, d as defineCustomElement$1 } from './p-33588c7a.js';
2
2
 
3
3
  const LidoAvatar = LidoAvatar$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoCell$1, d as defineCustomElement$1 } from './p-b43ce4e1.js';
1
+ import { L as LidoCell$1, d as defineCustomElement$1 } from './p-b2d7b151.js';
2
2
 
3
3
  const LidoCell = LidoCell$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoCol$1, d as defineCustomElement$1 } from './p-4cabbf28.js';
1
+ import { L as LidoCol$1, d as defineCustomElement$1 } from './p-6917debf.js';
2
2
 
3
3
  const LidoCol = LidoCol$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-e735dce9.js';
1
+ import { L as LidoContainer$1, d as defineCustomElement$1 } from './p-926348de.js';
2
2
 
3
3
  const LidoContainer = LidoContainer$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoFlash, d as defineCustomElement$1 } from './p-03e4cafe.js';
1
+ import { L as LidoFlash, d as defineCustomElement$1 } from './p-868beaa6.js';
2
2
 
3
3
  const LidoFlashCard = LidoFlash;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-0bf92c7f.js';
1
+ import { L as LidoFloat$1, d as defineCustomElement$1 } from './p-1cb590fb.js';
2
2
 
3
3
  const LidoFloat = LidoFloat$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoHome$1, d as defineCustomElement$1 } from './p-b8af26e6.js';
1
+ import { L as LidoHome$1, d as defineCustomElement$1 } from './p-20ffe2e9.js';
2
2
 
3
3
  const LidoHome = LidoHome$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoImage$1, d as defineCustomElement$1 } from './p-b5b6ad27.js';
1
+ import { L as LidoImage$1, d as defineCustomElement$1 } from './p-7fc73a13.js';
2
2
 
3
3
  const LidoImage = LidoImage$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoKeyboard$1, d as defineCustomElement$1 } from './p-af54a485.js';
1
+ import { L as LidoKeyboard$1, d as defineCustomElement$1 } from './p-513a03e1.js';
2
2
 
3
3
  const LidoKeyboard = LidoKeyboard$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoMathMatrix$1, d as defineCustomElement$1 } from './p-a8ab771b.js';
1
+ import { L as LidoMathMatrix$1, d as defineCustomElement$1 } from './p-58b69b3f.js';
2
2
 
3
3
  const LidoMathMatrix = LidoMathMatrix$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoPos$1, d as defineCustomElement$1 } from './p-61d97438.js';
1
+ import { L as LidoPos$1, d as defineCustomElement$1 } from './p-a9689087.js';
2
2
 
3
3
  const LidoPos = LidoPos$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-51943db6.js';
1
+ import { L as LidoRandom$1, d as defineCustomElement$1 } from './p-d489f16f.js';
2
2
 
3
3
  const LidoRandom = LidoRandom$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,22 +1,22 @@
1
- import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-cfa2aec8.js';
2
- import { d as defineCustomElement$j } from './p-7f11a624.js';
3
- import { d as defineCustomElement$i } from './p-b43ce4e1.js';
4
- import { d as defineCustomElement$h } from './p-4cabbf28.js';
5
- import { d as defineCustomElement$g } from './p-e735dce9.js';
6
- import { d as defineCustomElement$f } from './p-03e4cafe.js';
7
- import { d as defineCustomElement$e } from './p-0bf92c7f.js';
8
- import { d as defineCustomElement$d } from './p-b8af26e6.js';
9
- import { d as defineCustomElement$c } from './p-b5b6ad27.js';
10
- import { d as defineCustomElement$b } from './p-af54a485.js';
11
- import { d as defineCustomElement$a } from './p-a8ab771b.js';
12
- import { d as defineCustomElement$9 } from './p-61d97438.js';
13
- import { d as defineCustomElement$8 } from './p-51943db6.js';
14
- import { d as defineCustomElement$7 } from './p-9c56f378.js';
15
- import { d as defineCustomElement$6 } from './p-cae021c6.js';
16
- import { d as defineCustomElement$5 } from './p-4882df37.js';
17
- import { d as defineCustomElement$4 } from './p-cac6c8bf.js';
18
- import { d as defineCustomElement$3 } from './p-b55af747.js';
19
- import { d as defineCustomElement$2 } from './p-4dbae73b.js';
1
+ import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-135e98bf.js';
2
+ import { d as defineCustomElement$j } from './p-33588c7a.js';
3
+ import { d as defineCustomElement$i } from './p-b2d7b151.js';
4
+ import { d as defineCustomElement$h } from './p-6917debf.js';
5
+ import { d as defineCustomElement$g } from './p-926348de.js';
6
+ import { d as defineCustomElement$f } from './p-868beaa6.js';
7
+ import { d as defineCustomElement$e } from './p-1cb590fb.js';
8
+ import { d as defineCustomElement$d } from './p-20ffe2e9.js';
9
+ import { d as defineCustomElement$c } from './p-7fc73a13.js';
10
+ import { d as defineCustomElement$b } from './p-513a03e1.js';
11
+ import { d as defineCustomElement$a } from './p-58b69b3f.js';
12
+ import { d as defineCustomElement$9 } from './p-a9689087.js';
13
+ import { d as defineCustomElement$8 } from './p-d489f16f.js';
14
+ import { d as defineCustomElement$7 } from './p-6c98fc03.js';
15
+ import { d as defineCustomElement$6 } from './p-6405d878.js';
16
+ import { d as defineCustomElement$5 } from './p-ababe351.js';
17
+ import { d as defineCustomElement$4 } from './p-b83c7a68.js';
18
+ import { d as defineCustomElement$3 } from './p-3d732e48.js';
19
+ import { d as defineCustomElement$2 } from './p-76423463.js';
20
20
 
21
21
  const LidoRoot$1 = /*@__PURE__*/ proxyCustomElement(class LidoRoot extends H {
22
22
  constructor() {
@@ -1,4 +1,4 @@
1
- import { L as LidoRow$1, d as defineCustomElement$1 } from './p-9c56f378.js';
1
+ import { L as LidoRow$1, d as defineCustomElement$1 } from './p-6c98fc03.js';
2
2
 
3
3
  const LidoRow = LidoRow$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoShape$1, d as defineCustomElement$1 } from './p-cae021c6.js';
1
+ import { L as LidoShape$1, d as defineCustomElement$1 } from './p-6405d878.js';
2
2
 
3
3
  const LidoShape = LidoShape$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-4882df37.js';
1
+ import { L as LidoSlideFill$1, d as defineCustomElement$1 } from './p-ababe351.js';
2
2
 
3
3
  const LidoSlideFill = LidoSlideFill$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoText$1, d as defineCustomElement$1 } from './p-cac6c8bf.js';
1
+ import { L as LidoText$1, d as defineCustomElement$1 } from './p-b83c7a68.js';
2
2
 
3
3
  const LidoText = LidoText$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-b55af747.js';
1
+ import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-3d732e48.js';
2
2
 
3
3
  const LidoTrace = LidoTrace$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-4dbae73b.js';
1
+ import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-76423463.js';
2
2
 
3
3
  const LidoWrap = LidoWrap$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -4442,6 +4442,7 @@ function addClickListenerForClickType(element) {
4442
4442
  if (!(element.id && element.id.startsWith('key-button'))) {
4443
4443
  element.style.pointerEvents = 'none';
4444
4444
  }
4445
+ document.body.style.pointerEvents = 'none';
4445
4446
  await executeActions(onCorrect, element);
4446
4447
  }
4447
4448
  else {
@@ -69379,6 +69380,7 @@ const initEventsForElement = async (element, type) => {
69379
69380
  const executeActions = async (actionsString, thisElement, element) => {
69380
69381
  var _a;
69381
69382
  const actions = parseActions(actionsString);
69383
+ body.style.pointerEvents = 'none';
69382
69384
  for (let i = 0; i < actions.length; i++) {
69383
69385
  const action = actions[i];
69384
69386
  const queriedElement = document.querySelector(action.actor);
@@ -69443,7 +69445,7 @@ const executeActions = async (actionsString, thisElement, element) => {
69443
69445
  if (container.getAttribute('is-continue-on-correct') !== 'true') {
69444
69446
  targetElement.style.pointerEvents = 'none';
69445
69447
  }
69446
- validateObjectiveStatus();
69448
+ await validateObjectiveStatus();
69447
69449
  break;
69448
69450
  }
69449
69451
  case 'prevBtn': {
@@ -69494,6 +69496,7 @@ const executeActions = async (actionsString, thisElement, element) => {
69494
69496
  }
69495
69497
  }
69496
69498
  }
69499
+ body.style.pointerEvents = 'auto';
69497
69500
  };
69498
69501
  const afterDropDragHandling = (dragElement, dropElement) => {
69499
69502
  const container = document.getElementById(LidoContainer);
@@ -69791,6 +69794,7 @@ const validateObjectiveStatus = async () => {
69791
69794
  return;
69792
69795
  const objectiveString = container['objective'];
69793
69796
  if (objectiveString == null || objectiveString.length === 0) {
69797
+ body.style.pointerEvents = 'none';
69794
69798
  const onCorrect = container.getAttribute('onCorrect');
69795
69799
  if (onCorrect) {
69796
69800
  await executeActions(onCorrect, container);
@@ -69843,7 +69847,6 @@ const validateObjectiveStatus = async () => {
69843
69847
  }
69844
69848
  };
69845
69849
  const triggerNextContainer = () => {
69846
- body.style.pointerEvents = 'auto';
69847
69850
  AudioPlayer.getI().stop();
69848
69851
  // const event = new CustomEvent('nextContainer');
69849
69852
  console.log('🚀 ~ triggerNextContainer ~ event:', event);
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, o as handleFloatElementPosition, q as handleElementClick, m as parseProp, h, j as Host } from './p-cfa2aec8.js';
1
+ import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, o as handleFloatElementPosition, q as handleElementClick, m as parseProp, h, j as Host } from './p-135e98bf.js';
2
2
 
3
3
  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}}";
4
4
  const LidoFloatStyle0 = lidoFloatCss;
@@ -1,21 +1,21 @@
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 generateUUIDFallback, y as exitUrl, z as prevUrl, B as nextUrl, C as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, D as getCancelBtnPopup, S as SelectedValuesKey, E as matchStringPattern, F as triggerNextContainer, n as calculateScale, G as triggerPrevcontainer, I as executeActions, j as Host, e as convertUrlToRelative, J as setCancelBtnPopup } from './p-cfa2aec8.js';
2
- import { d as defineCustomElement$h } from './p-7f11a624.js';
3
- import { d as defineCustomElement$g } from './p-b43ce4e1.js';
4
- import { d as defineCustomElement$f } from './p-4cabbf28.js';
5
- import { d as defineCustomElement$e } from './p-e735dce9.js';
6
- import { d as defineCustomElement$d } from './p-03e4cafe.js';
7
- import { d as defineCustomElement$c } from './p-0bf92c7f.js';
8
- import { d as defineCustomElement$b } from './p-b5b6ad27.js';
9
- import { d as defineCustomElement$a } from './p-af54a485.js';
10
- import { d as defineCustomElement$9 } from './p-a8ab771b.js';
11
- import { d as defineCustomElement$8 } from './p-61d97438.js';
12
- import { d as defineCustomElement$7 } from './p-51943db6.js';
13
- import { d as defineCustomElement$6 } from './p-9c56f378.js';
14
- import { d as defineCustomElement$5 } from './p-cae021c6.js';
15
- import { d as defineCustomElement$4 } from './p-4882df37.js';
16
- import { d as defineCustomElement$3 } from './p-cac6c8bf.js';
17
- import { d as defineCustomElement$2 } from './p-b55af747.js';
18
- import { d as defineCustomElement$1 } from './p-4dbae73b.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 generateUUIDFallback, y as exitUrl, z as prevUrl, B as nextUrl, C as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, D as getCancelBtnPopup, S as SelectedValuesKey, E as matchStringPattern, F as triggerNextContainer, n as calculateScale, G as triggerPrevcontainer, I as executeActions, j as Host, e as convertUrlToRelative, J as setCancelBtnPopup } from './p-135e98bf.js';
2
+ import { d as defineCustomElement$h } from './p-33588c7a.js';
3
+ import { d as defineCustomElement$g } from './p-b2d7b151.js';
4
+ import { d as defineCustomElement$f } from './p-6917debf.js';
5
+ import { d as defineCustomElement$e } from './p-926348de.js';
6
+ import { d as defineCustomElement$d } from './p-868beaa6.js';
7
+ import { d as defineCustomElement$c } from './p-1cb590fb.js';
8
+ import { d as defineCustomElement$b } from './p-7fc73a13.js';
9
+ import { d as defineCustomElement$a } from './p-513a03e1.js';
10
+ import { d as defineCustomElement$9 } from './p-58b69b3f.js';
11
+ import { d as defineCustomElement$8 } from './p-a9689087.js';
12
+ import { d as defineCustomElement$7 } from './p-d489f16f.js';
13
+ import { d as defineCustomElement$6 } from './p-6c98fc03.js';
14
+ import { d as defineCustomElement$5 } from './p-6405d878.js';
15
+ import { d as defineCustomElement$4 } from './p-ababe351.js';
16
+ import { d as defineCustomElement$3 } from './p-b83c7a68.js';
17
+ import { d as defineCustomElement$2 } from './p-3d732e48.js';
18
+ import { d as defineCustomElement$1 } from './p-76423463.js';
19
19
 
20
20
  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}";
21
21
  const LidoHomeStyle0 = indexCss;
@@ -23,7 +23,7 @@ const LidoHomeStyle0 = indexCss;
23
23
  const animationCss = "@keyframes rightToPlace{from{transform:translateX(2000px)}to{transform:translateX(0)}}@keyframes topToPlace{from{transform:translateY(-1000px)}to{transform:translateY(0)}}@keyframes bottomToPlace{from{transform:translateY(1000px)}to{transform:translateY(0)}}@keyframes placeToLeft{from{}to{transform:translateX(-2000px)}}@keyframes leftToPlace{from{transform:translateX(-2000px)}to{transform:translateX(0)}}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-5px)}20%{transform:translateX(5px)}30%{transform:translateX(-5px)}40%{transform:translateX(5px)}50%{transform:translateX(-5px)}60%{transform:translateX(5px)}70%{transform:translateX(-5px)}80%{transform:translateX(5px)}90%{transform:translateX(-5px)}100%{transform:translateX(0)}}@keyframes fallAndBounce{0%{transform:translateY(-1000px)}25%{transform:translateY(0px)}50%{transform:translateY(-200px)}75%{transform:translateY(0)}90%{transform:translateY(-100px)}100%{transform:translateY(0)}}@keyframes placeToDown{0%{transform:translateY(0)}100%{transform:translateY(1000px)}}@keyframes strongShake{0%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}100%{transform:translateX(0)}}@keyframes scaledShake{0%{transform:scale(1) translateX(0);box-shadow:0 0 0 transparent}20%{transform:scale(1.10) translateX(-12px);box-shadow:0 0 10px red}40%{transform:scale(1.10) translateX(12px);box-shadow:0 0 12px red}60%{transform:scale(1.10) translateX(-8px);box-shadow:0 0 10px red}80%{transform:scale(1.10) translateX(8px);box-shadow:0 0 12px red}100%{transform:scale(1) translateX(0);box-shadow:none}}@keyframes horizontalShake{0%{transform:scale(1) translateX(0);background-color:transparent}20%{transform:translateX(-20px);background-color:rgba(255, 0, 0, 0.2)}40%{transform:translateX(20px);background-color:rgba(255, 0, 0, 0.4)}60%{transform:translateX(-10px);background-color:rgba(255, 0, 0, 0.3)}80%{transform:translateX(10px);background-color:rgba(255, 0, 0, 0.2)}100%{transform:translateX(0);background-color:transparent}}@keyframes verticalShake{0%{transform:translateY(0);background-color:transparent}20%{transform:translateY(-20px);background-color:rgba(255, 0, 0, 0.2)}40%{transform:translateY(0);background-color:rgba(255, 0, 0, 0.4)}60%{transform:translateY(20px);background-color:rgba(255, 0, 0, 0.2)}80%{transform:translateY(0);background-color:rgba(255, 0, 0, 0.1)}100%{transform:translateY(0);background-color:transparent}}@keyframes diagonalShake{0%{transform:translate(0, 0);background-color:transparent}25%{transform:translate(20px, -20px);background-color:rgba(255, 0, 0, 0.2)}50%{transform:translate(-20px, 20px);background-color:rgba(255, 0, 0, 0.3)}75%{transform:translate(10px, -10px);background-color:rgba(255, 0, 0, 0.2)}100%{transform:translate(0, 0);background-color:transparent}}";
24
24
  const LidoHomeStyle1 = animationCss;
25
25
 
26
- const lidoHomeCss = ".lido-snackbar{visibility:visible;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;bottom:30px;left:50%;transform:translateX(-50%);font-size:17px}.lido-dot-container{display:flex;justify-content:space-between;align-items:center;visibility:hidden;position:absolute;left:50%;padding:0 5px;z-index:1;width:100vw;max-width:100vw;box-sizing:border-box;height:0px}.lido-dot{height:18px;width:18px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.3s;cursor:pointer;z-index:1}.lido-btn-dot-container{flex-shrink:1;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1;min-width:0;height:0px}.lido-dot.completed{background-color:grey}.lido-dot.current{background-color:green}.lido-dot:not(.completed):not(.current){background-color:#bbb}#lido-arrow-left,#lido-arrow-right{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:1000;box-shadow:0px 8px 0px 0px #8b310f;background-color:#f34d08;cursor:pointer;visibility:hidden;flex-shrink:0}#lido-arrow-left:active,#lido-arrow-right:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px}.navbar{display:flex;justify-content:center}.lido-exit-button,#main-audio{width:80px;height:80px;z-index:1000;cursor:pointer;background-color:white;display:flex;align-items:center;justify-content:center;border:4px solid #f34d08;border-radius:16px;box-shadow:0px 8px #f34d08;flex-shrink:0;}#main-audio:active,.popup-button:active .lido-exit-button:active{margin-bottom:-8px;box-shadow:0px 0px 0px 0px !important}.lido-alert-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 768px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0 8px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0 8px}.lido-dot{height:16px;width:16px;margin:0 2.5px}}@media (max-width: 480px){#lido-arrow-left,#lido-arrow-right{width:74px;height:74px;margin:0px 5px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0px 5px}.lido-dot{height:15px;width:15px;margin:0 1.5px}.lido-dot-container{padding:0 3px}}@media (max-width: 375px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 3px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 3px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 2px}}@media (max-width: 320px){#lido-arrow-left,#lido-arrow-right,.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 2px}.lido-dot{height:12px;width:12px;margin:0 0.5px}.lido-dot-container{padding:0 2px}}@media (max-width: 900px) and (orientation: landscape){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 5px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 5px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 5px}}.popup-exit-text{white-space:nowrap;font-size:22px;font-weight:600;margin-top:-8%}.lido-alert-parent{z-index:10000 !important;position:absolute;top:0;left:0}.popup-button{width:80px;height:80px;z-index:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;border:4px solid #F34D08;border-radius:16px;box-shadow:0 8px 0 #F34D08}.nav-for-lanai{position:absolute;top:0%;left:0%;max-width:none;width:100%;height:auto;visibility:visible}";
26
+ const lidoHomeCss = ".lido-snackbar{visibility:visible;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;bottom:30px;left:50%;transform:translateX(-50%);font-size:17px}.lido-dot-container{display:flex;justify-content:space-between;align-items:center;visibility:hidden;position:absolute;left:50%;padding:0 5px;z-index:1;width:100vw;max-width:100vw;box-sizing:border-box;height:0px}.lido-dot{height:18px;width:18px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.3s;cursor:pointer;z-index:1}.lido-btn-dot-container{flex-shrink:1;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1;min-width:0;height:0px}.lido-dot.completed{background-color:grey}.lido-dot.current{background-color:green}.lido-dot:not(.completed):not(.current){background-color:#bbb}#lido-arrow-left,#lido-arrow-right{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:1000;box-shadow:0px 8px 0px 0px #8b310f;background-color:#f34d08;cursor:pointer;visibility:hidden;flex-shrink:0}#lido-arrow-left:active,#lido-arrow-right:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px}.navbar{display:flex;justify-content:center}.lido-exit-button,#main-audio{width:80px;height:80px;z-index:1000;cursor:pointer;background-color:white;display:flex;align-items:center;justify-content:center;border:4px solid #f34d08;border-radius:16px;box-shadow:0px 8px #f34d08;flex-shrink:0;}#main-audio:active,.popup-button:active .lido-exit-button:active{margin-bottom:-8px;box-shadow:0px 0px 0px 0px !important}.lido-alert-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 768px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0 8px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0 8px}.lido-dot{height:16px;width:16px;margin:0 2.5px}}@media (max-width: 480px){#lido-arrow-left,#lido-arrow-right{width:74px;height:74px;margin:0px 5px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0px 5px}.lido-dot{height:15px;width:15px;margin:0 1.5px}.lido-dot-container{padding:0 3px}}@media (max-width: 375px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 3px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 3px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 2px}}@media (max-width: 320px){#lido-arrow-left,#lido-arrow-right,.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 2px}.lido-dot{height:12px;width:12px;margin:0 0.5px}.lido-dot-container{padding:0 2px}}@media (max-width: 900px) and (orientation: landscape){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 5px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 5px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 5px}}.popup-exit-text{white-space:nowrap;font-size:22px;font-weight:600;margin-top:-8%}.lido-alert-parent{z-index:10000 !important;position:absolute;top:0;left:0}.popup-button{width:80px;height:80px;z-index:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;border:4px solid #F34D08;border-radius:16px;box-shadow:0 8px 0 #F34D08}.nav-for-lanai{position:absolute;top:0%;left:0%;max-width:none;width:100%;height:auto;visibility:visible}.parent_dots{pointer-events:none}";
27
27
  const LidoHomeStyle2 = lidoHomeCss;
28
28
 
29
29
  const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
@@ -102,7 +102,6 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
102
102
  rightbtn.style.visibility = 'hidden';
103
103
  }
104
104
  else {
105
- rightbtn.style.pointerEvents = 'auto';
106
105
  rightbtn.style.visibility = 'visible';
107
106
  }
108
107
  }, 100);
@@ -1,4 +1,4 @@
1
- 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-cfa2aec8.js';
1
+ 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-135e98bf.js';
2
2
 
3
3
  var rive = {exports: {}};
4
4
 
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, U as TraceMode, e as convertUrlToRelative, d as setVisibilityWithDelay, V as speakIcon, I as executeActions, F as triggerNextContainer, L as LidoContainer, m as parseProp, h, j as Host, W as fingerUrl } from './p-cfa2aec8.js';
1
+ import { p as proxyCustomElement, H, U as TraceMode, e as convertUrlToRelative, d as setVisibilityWithDelay, V as speakIcon, I as executeActions, F as triggerNextContainer, L as LidoContainer, m as parseProp, h, j as Host, W as fingerUrl } from './p-135e98bf.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%;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;
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, S as SelectedValuesKey, L as LidoContainer, I as executeActions, F as triggerNextContainer, o as handleFloatElementPosition, O as storingEachActivityScore, Q as DropAction, m as parseProp, h, j as Host } from './p-cfa2aec8.js';
2
- import { d as defineCustomElement$1 } from './p-cac6c8bf.js';
1
+ import { p as proxyCustomElement, H, S as SelectedValuesKey, L as LidoContainer, I as executeActions, F as triggerNextContainer, o as handleFloatElementPosition, O as storingEachActivityScore, Q as DropAction, m as parseProp, h, j as Host } from './p-135e98bf.js';
2
+ import { d as defineCustomElement$1 } from './p-b83c7a68.js';
3
3
 
4
4
  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}";
5
5
  const LidoKeyboardStyle0 = lidoKeyboardCss;
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-cfa2aec8.js';
1
+ import { p as proxyCustomElement, H, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-135e98bf.js';
2
2
 
3
3
  const lidoMathMatrixCss = ".math-matrix{width:100%;height:100%;display:flex;justify-content:center}.slot{width:100%;height:100%}.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:cover;background-position:center;background-repeat:no-repeat}.slot-inactive{background-color:var(--inactive-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}";
4
4
  const LidoMathMatrixStyle0 = lidoMathMatrixCss;
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-cfa2aec8.js';
1
+ import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-135e98bf.js';
2
2
 
3
3
  const lidoShapeCss = ".lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z)}.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-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)}";
4
4
  const LidoShapeStyle0 = lidoShapeCss;
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-cfa2aec8.js';
1
+ import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, e as convertUrlToRelative, m as parseProp, h, j as Host } from './p-135e98bf.js';
2
2
 
3
3
  const lidoColCss = ".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>*{}";
4
4
  const LidoColStyle0 = lidoColCss;
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-cfa2aec8.js';
1
+ import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-135e98bf.js';
2
2
 
3
3
  const lidoRowCss = ".lido-row{display:flex;justify-content:space-around;align-items:center;}.lido-row>*{}";
4
4
  const LidoRowStyle0 = lidoRowCss;
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-cfa2aec8.js';
1
+ import { p as proxyCustomElement, H, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-135e98bf.js';
2
2
 
3
3
  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}";
4
4
  const LidoWrapStyle0 = lidoWrapCss;