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.
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/lido-avatar_19.cjs.entry.js +4 -4
- package/dist/cjs/{utils-96ce5641.js → utils-c3e7cbcc.js} +5 -2
- package/dist/collection/components/container/lido-container.js +2 -1
- package/dist/collection/components/home/lido-home.css +4 -0
- package/dist/collection/components/home/lido-home.js +0 -1
- package/dist/collection/utils/utils.js +4 -2
- package/dist/collection/utils/utilsHandlers/clickHandler.js +1 -0
- package/dist/components/index.js +1 -1
- package/dist/components/lido-avatar.js +1 -1
- package/dist/components/lido-cell.js +1 -1
- package/dist/components/lido-col.js +1 -1
- package/dist/components/lido-container.js +1 -1
- package/dist/components/lido-flash-card.js +1 -1
- package/dist/components/lido-float.js +1 -1
- package/dist/components/lido-home.js +1 -1
- package/dist/components/lido-image.js +1 -1
- package/dist/components/lido-keyboard.js +1 -1
- package/dist/components/lido-math-matrix.js +1 -1
- package/dist/components/lido-pos.js +1 -1
- package/dist/components/lido-random.js +1 -1
- package/dist/components/lido-root.js +19 -19
- package/dist/components/lido-row.js +1 -1
- package/dist/components/lido-shape.js +1 -1
- package/dist/components/lido-slide-fill.js +1 -1
- package/dist/components/lido-text.js +1 -1
- package/dist/components/lido-trace.js +1 -1
- package/dist/components/lido-wrap.js +1 -1
- package/dist/components/{p-cfa2aec8.js → p-135e98bf.js} +5 -2
- package/dist/components/{p-0bf92c7f.js → p-1cb590fb.js} +1 -1
- package/dist/components/{p-b8af26e6.js → p-20ffe2e9.js} +19 -20
- package/dist/components/{p-7f11a624.js → p-33588c7a.js} +1 -1
- package/dist/components/{p-b55af747.js → p-3d732e48.js} +1 -1
- package/dist/components/{p-af54a485.js → p-513a03e1.js} +2 -2
- package/dist/components/{p-a8ab771b.js → p-58b69b3f.js} +1 -1
- package/dist/components/{p-cae021c6.js → p-6405d878.js} +1 -1
- package/dist/components/{p-4cabbf28.js → p-6917debf.js} +1 -1
- package/dist/components/{p-9c56f378.js → p-6c98fc03.js} +1 -1
- package/dist/components/{p-4dbae73b.js → p-76423463.js} +1 -1
- package/dist/components/{p-b5b6ad27.js → p-7fc73a13.js} +1 -1
- package/dist/components/{p-03e4cafe.js → p-868beaa6.js} +1 -1
- package/dist/components/{p-e735dce9.js → p-926348de.js} +3 -2
- package/dist/components/{p-61d97438.js → p-a9689087.js} +1 -1
- package/dist/components/{p-4882df37.js → p-ababe351.js} +1 -1
- package/dist/components/{p-b43ce4e1.js → p-b2d7b151.js} +1 -1
- package/dist/components/{p-cac6c8bf.js → p-b83c7a68.js} +1 -1
- package/dist/components/{p-51943db6.js → p-d489f16f.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/lido-avatar_19.entry.js +4 -4
- package/dist/esm/{utils-9ce243d8.js → utils-99110070.js} +5 -2
- package/dist/lido-player/index.esm.js +1 -1
- package/dist/lido-player/lido-player.esm.js +1 -1
- package/dist/lido-player/{p-d3911ee1.entry.js → p-b83634bf.entry.js} +1 -1
- package/dist/lido-player/{p-90212aa9.js → p-c8c00dcb.js} +1 -1
- package/package.json +1 -1
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -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-
|
|
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: '
|
|
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: '
|
|
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() {
|
|
@@ -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 {
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-
|
|
1
|
+
export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-135e98bf.js';
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-
|
|
2
|
-
import { d as defineCustomElement$j } from './p-
|
|
3
|
-
import { d as defineCustomElement$i } from './p-
|
|
4
|
-
import { d as defineCustomElement$h } from './p-
|
|
5
|
-
import { d as defineCustomElement$g } from './p-
|
|
6
|
-
import { d as defineCustomElement$f } from './p-
|
|
7
|
-
import { d as defineCustomElement$e } from './p-
|
|
8
|
-
import { d as defineCustomElement$d } from './p-
|
|
9
|
-
import { d as defineCustomElement$c } from './p-
|
|
10
|
-
import { d as defineCustomElement$b } from './p-
|
|
11
|
-
import { d as defineCustomElement$a } from './p-
|
|
12
|
-
import { d as defineCustomElement$9 } from './p-
|
|
13
|
-
import { d as defineCustomElement$8 } from './p-
|
|
14
|
-
import { d as defineCustomElement$7 } from './p-
|
|
15
|
-
import { d as defineCustomElement$6 } from './p-
|
|
16
|
-
import { d as defineCustomElement$5 } from './p-
|
|
17
|
-
import { d as defineCustomElement$4 } from './p-
|
|
18
|
-
import { d as defineCustomElement$3 } from './p-
|
|
19
|
-
import { d as defineCustomElement$2 } from './p-
|
|
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() {
|
|
@@ -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-
|
|
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-
|
|
2
|
-
import { d as defineCustomElement$h } from './p-
|
|
3
|
-
import { d as defineCustomElement$g } from './p-
|
|
4
|
-
import { d as defineCustomElement$f } from './p-
|
|
5
|
-
import { d as defineCustomElement$e } from './p-
|
|
6
|
-
import { d as defineCustomElement$d } from './p-
|
|
7
|
-
import { d as defineCustomElement$c } from './p-
|
|
8
|
-
import { d as defineCustomElement$b } from './p-
|
|
9
|
-
import { d as defineCustomElement$a } from './p-
|
|
10
|
-
import { d as defineCustomElement$9 } from './p-
|
|
11
|
-
import { d as defineCustomElement$8 } from './p-
|
|
12
|
-
import { d as defineCustomElement$7 } from './p-
|
|
13
|
-
import { d as defineCustomElement$6 } from './p-
|
|
14
|
-
import { d as defineCustomElement$5 } from './p-
|
|
15
|
-
import { d as defineCustomElement$4 } from './p-
|
|
16
|
-
import { d as defineCustomElement$3 } from './p-
|
|
17
|
-
import { d as defineCustomElement$2 } from './p-
|
|
18
|
-
import { d as defineCustomElement$1 } from './p-
|
|
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-
|
|
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-
|
|
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-
|
|
2
|
-
import { d as defineCustomElement$1 } from './p-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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;
|