lido-player 0.0.2-alpha-15 → 0.0.2-alpha-17
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_17.cjs.entry.js +73 -54
- package/dist/cjs/lido-player.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-cd5d227c.js → utils-f626a4b8.js} +69 -27
- package/dist/collection/components/container/lido-container.js +7 -40
- package/dist/collection/components/home/lido-home.css +183 -22
- package/dist/collection/components/home/lido-home.js +67 -17
- package/dist/collection/css/index.css +1 -1
- package/dist/collection/stories/Templates/Fill-Up/fill-up.stories.js +81 -52
- package/dist/collection/stories/Templates/LetterPairing/LetterPairing.stories.js +86 -31
- package/dist/collection/stories/Templates/categorize2/categorize2.stories.js +77 -31
- package/dist/collection/stories/Templates/create-sentence/createSentence.stories.js +93 -29
- package/dist/collection/stories/Templates/flashCard/flashCard.stories.js +1 -5
- package/dist/collection/stories/Templates/multipleOption/mcqWithQuestionImage.stories.js +22 -5
- package/dist/collection/stories/Templates/reorder/reorder.stories.js +20 -5
- package/dist/collection/utils/utils.js +43 -22
- package/dist/collection/utils/utilsHandlers/dragDropHandler.js +23 -4
- 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-pos.js +1 -1
- package/dist/components/lido-random.js +1 -1
- package/dist/components/lido-root.js +17 -17
- 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-61b53309.js → p-0514f191.js} +1 -1
- package/dist/components/{p-c3aa4e0c.js → p-0881da0d.js} +1 -1
- package/dist/components/{p-24f25f8b.js → p-1274b536.js} +1 -1
- package/dist/components/{p-900b1941.js → p-176b51e2.js} +1 -1
- package/dist/components/{p-3acc9aba.js → p-28c69665.js} +1 -1
- package/dist/components/{p-9c863339.js → p-2bc770cd.js} +84 -33
- package/dist/components/{p-2e94fbf7.js → p-44b368f5.js} +1 -1
- package/dist/components/{p-976693ee.js → p-4aee55d9.js} +1 -1
- package/dist/components/{p-012b96db.js → p-5fbc5d57.js} +1 -1
- package/dist/components/{p-21de2b04.js → p-603fc533.js} +1 -1
- package/dist/components/{p-67b3e70c.js → p-78c15747.js} +1 -1
- package/dist/components/{p-7e11b6d4.js → p-7cdd1958.js} +1 -1
- package/dist/components/{p-2c7bc6d4.js → p-a5ae9716.js} +66 -27
- package/dist/components/{p-cd464196.js → p-a9306687.js} +1 -1
- package/dist/components/{p-85f4ab08.js → p-bc8352b8.js} +5 -38
- package/dist/components/{p-c811c93d.js → p-d034cc2d.js} +1 -1
- package/dist/components/{p-48c5d815.js → p-f8855c9f.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/lido-avatar_17.entry.js +73 -54
- package/dist/esm/lido-player.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-cf6f1c94.js → utils-47f947df.js} +66 -27
- package/dist/lido-player/index.esm.js +1 -1
- package/dist/lido-player/lido-player.css +1 -1
- package/dist/lido-player/lido-player.esm.js +1 -1
- package/dist/lido-player/p-14393694.js +9 -0
- package/dist/lido-player/p-4e56030a.entry.js +1 -0
- package/dist/types/components/container/lido-container.d.ts +2 -2
- package/dist/types/components/home/lido-home.d.ts +1 -4
- package/dist/types/utils/utils.d.ts +4 -1
- package/dist/types/utils/utilsHandlers/dragDropHandler.d.ts +1 -0
- package/package.json +1 -1
- package/dist/lido-player/p-2728333c.js +0 -9
- package/dist/lido-player/p-46f22f88.entry.js +0 -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-f626a4b8.js');
|
|
7
7
|
|
|
8
8
|
var rive = {exports: {}};
|
|
9
9
|
|
|
@@ -6848,8 +6848,8 @@ const LidoContainer = class {
|
|
|
6848
6848
|
this.isAllowOnlyCorrect = false;
|
|
6849
6849
|
this.baseUrl = '';
|
|
6850
6850
|
this.margin = '';
|
|
6851
|
-
this.showPrevButton =
|
|
6852
|
-
this.showNextButton =
|
|
6851
|
+
this.showPrevButton = 'false';
|
|
6852
|
+
this.showNextButton = 'false';
|
|
6853
6853
|
this.delayVisible = '';
|
|
6854
6854
|
}
|
|
6855
6855
|
convertToPixels(height, parentElement = document.body) {
|
|
@@ -6876,43 +6876,11 @@ const LidoContainer = class {
|
|
|
6876
6876
|
* @param container The container element to be scaled.
|
|
6877
6877
|
*/
|
|
6878
6878
|
scaleContainer(container) {
|
|
6879
|
-
var _a;
|
|
6880
|
-
const widths = [window.innerWidth];
|
|
6881
|
-
const heights = [window.innerHeight];
|
|
6882
|
-
if ((_a = window.screen) === null || _a === void 0 ? void 0 : _a.width) {
|
|
6883
|
-
widths.push(window.screen.width);
|
|
6884
|
-
heights.push(window.screen.height);
|
|
6885
|
-
}
|
|
6886
|
-
const width = Math.min(...widths);
|
|
6887
|
-
const height = Math.min(...heights); // Get the smallest height
|
|
6888
|
-
const isPortrait = height > width; // Check if the device is in portrait mode
|
|
6889
|
-
let scaleX;
|
|
6890
|
-
let scaleY;
|
|
6891
|
-
if (isPortrait) {
|
|
6892
|
-
// Portrait Mode: Scale based on portrait reference size (e.g., 900x1600)
|
|
6893
|
-
scaleX = width / 900;
|
|
6894
|
-
scaleY = height / 1600;
|
|
6895
|
-
}
|
|
6896
|
-
else {
|
|
6897
|
-
// Landscape Mode: Scale based on landscape reference size (e.g., 1600x900)
|
|
6898
|
-
scaleX = width / 1600;
|
|
6899
|
-
scaleY = height / 900;
|
|
6900
|
-
}
|
|
6901
|
-
const scale = Math.min(scaleX, scaleY); // Ensure uniform scaling
|
|
6902
6879
|
// Center the container and apply scaling
|
|
6903
|
-
container.style.transform = `translate(-50%, -50%) scale(${
|
|
6880
|
+
container.style.transform = `translate(-50%, -50%) scale(${utils.calculateScale()})`;
|
|
6904
6881
|
container.style.left = '50%';
|
|
6905
6882
|
container.style.top = '50%';
|
|
6906
6883
|
container.style.position = 'absolute'; // Ensure proper positioning
|
|
6907
|
-
setTimeout(() => {
|
|
6908
|
-
const navBar = document.querySelector('.lido-dot-container');
|
|
6909
|
-
console.log('navBar', navBar);
|
|
6910
|
-
if (navBar) {
|
|
6911
|
-
navBar.style.width = `${container.offsetWidth - 25}px`;
|
|
6912
|
-
navBar.style.transform = `translate(-50%, -50%) scale(${scale})`; //ensure proper scaling
|
|
6913
|
-
navBar.style.visibility = 'visible';
|
|
6914
|
-
}
|
|
6915
|
-
}, 100);
|
|
6916
6884
|
this.screenOrientation();
|
|
6917
6885
|
}
|
|
6918
6886
|
screenOrientation() {
|
|
@@ -6932,7 +6900,6 @@ const LidoContainer = class {
|
|
|
6932
6900
|
* - Adds event listeners for `resize` and `load` to rescale the container on window size changes.
|
|
6933
6901
|
*/
|
|
6934
6902
|
componentDidLoad() {
|
|
6935
|
-
utils.setVisibilityWithDelay(this.el, this.delayVisible);
|
|
6936
6903
|
this.scaleContainer(this.el);
|
|
6937
6904
|
const backGroundImage = this.bgImage ? utils.convertUrlToRelative(this.bgImage) : '';
|
|
6938
6905
|
document.body.style.backgroundColor = this.bgColor;
|
|
@@ -6965,7 +6932,7 @@ const LidoContainer = class {
|
|
|
6965
6932
|
margin: this.margin,
|
|
6966
6933
|
};
|
|
6967
6934
|
console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
|
|
6968
|
-
return (index.h(index.Host, { key: '
|
|
6935
|
+
return (index.h(index.Host, { key: '7973350ab1163200af05910818e03001cd8a5ff9', 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 }, index.h("slot", { key: '4167e635d955bdd3bc713cf3eac79c437918bb3c' })));
|
|
6969
6936
|
}
|
|
6970
6937
|
get el() { return index.getElement(this); }
|
|
6971
6938
|
};
|
|
@@ -7116,13 +7083,13 @@ const LidoFloat = class {
|
|
|
7116
7083
|
};
|
|
7117
7084
|
LidoFloat.style = LidoFloatStyle0;
|
|
7118
7085
|
|
|
7119
|
-
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}.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;
|
|
7086
|
+
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}.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;gap:145px}.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}";
|
|
7120
7087
|
const LidoHomeStyle0 = indexCss;
|
|
7121
7088
|
|
|
7122
7089
|
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}}";
|
|
7123
7090
|
const LidoHomeStyle1 = animationCss;
|
|
7124
7091
|
|
|
7125
|
-
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;
|
|
7092
|
+
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}";
|
|
7126
7093
|
const LidoHomeStyle2 = lidoHomeCss;
|
|
7127
7094
|
|
|
7128
7095
|
const LidoHome = class {
|
|
@@ -7151,16 +7118,10 @@ const LidoHome = class {
|
|
|
7151
7118
|
utils.dispatchActivityChangeEvent(this.currentContainerIndex);
|
|
7152
7119
|
}
|
|
7153
7120
|
else if (this.currentContainerIndex >= this.containers.length - 1) {
|
|
7154
|
-
// Show the completion message if all containers have been viewed
|
|
7155
|
-
this.showCompletionMessage = true;
|
|
7156
7121
|
// const event = new CustomEvent('gameCompleted');
|
|
7157
7122
|
// window.dispatchEvent(event);
|
|
7158
7123
|
utils.dispatchGameCompletedEvent();
|
|
7159
7124
|
this.currentContainerIndex = 0;
|
|
7160
|
-
// Hide the completion message after 3 seconds
|
|
7161
|
-
setTimeout(() => {
|
|
7162
|
-
this.showCompletionMessage = false;
|
|
7163
|
-
}, 3000);
|
|
7164
7125
|
}
|
|
7165
7126
|
// Reset the containers array to trigger a re-render
|
|
7166
7127
|
this.containers = [...this.containers];
|
|
@@ -7206,12 +7167,12 @@ const LidoHome = class {
|
|
|
7206
7167
|
const alertElement = this.el.querySelector('.lido-alert-popup');
|
|
7207
7168
|
this.exitFlag = false;
|
|
7208
7169
|
if (alertElement) {
|
|
7209
|
-
if (comment === '
|
|
7170
|
+
if (comment === 'exit') {
|
|
7171
|
+
utils.dispatchGameExitEvent();
|
|
7172
|
+
utils.clearLocalStorage();
|
|
7210
7173
|
alertElement.remove();
|
|
7211
7174
|
}
|
|
7212
7175
|
else {
|
|
7213
|
-
utils.dispatchGameExitEvent();
|
|
7214
|
-
utils.clearLocalStorage();
|
|
7215
7176
|
alertElement.remove();
|
|
7216
7177
|
}
|
|
7217
7178
|
}
|
|
@@ -7222,7 +7183,6 @@ const LidoHome = class {
|
|
|
7222
7183
|
this.baseUrl = '';
|
|
7223
7184
|
this.height = '';
|
|
7224
7185
|
this.currentContainerIndex = this.initialIndex;
|
|
7225
|
-
this.showCompletionMessage = false;
|
|
7226
7186
|
this.exitFlag = false;
|
|
7227
7187
|
this.containers = [];
|
|
7228
7188
|
this.showDotsandbtn = false;
|
|
@@ -7254,9 +7214,15 @@ const LidoHome = class {
|
|
|
7254
7214
|
this.showDotsandbtn = true;
|
|
7255
7215
|
}, 10);
|
|
7256
7216
|
this.updateArrowVisibility();
|
|
7257
|
-
if (this.height
|
|
7217
|
+
if (this.height == '' || this.height === '0' || this.height === '0px' || this.height === '0%') {
|
|
7218
|
+
this.scaleNavbarContainer();
|
|
7219
|
+
}
|
|
7220
|
+
else {
|
|
7258
7221
|
this.updateBackgroundImage();
|
|
7259
7222
|
}
|
|
7223
|
+
window.addEventListener('resize', () => {
|
|
7224
|
+
this.scaleNavbarContainer(); // re-scale navbar on resize
|
|
7225
|
+
});
|
|
7260
7226
|
}
|
|
7261
7227
|
updateBackgroundImage() {
|
|
7262
7228
|
const container = document.querySelector(utils.LidoContainer);
|
|
@@ -7264,6 +7230,11 @@ const LidoHome = class {
|
|
|
7264
7230
|
document.body.style.background = 'none';
|
|
7265
7231
|
container.style.backgroundImage = bgImageSrc ? `url(${bgImageSrc})` : 'none';
|
|
7266
7232
|
container.style.backgroundPosition = bgImageSrc ? `bottom` : 'none';
|
|
7233
|
+
setTimeout(() => {
|
|
7234
|
+
const navBar = document.querySelector('.lido-dot-container');
|
|
7235
|
+
navBar.classList.add('nav-for-lanai');
|
|
7236
|
+
container.append(navBar);
|
|
7237
|
+
}, 50);
|
|
7267
7238
|
}
|
|
7268
7239
|
/**
|
|
7269
7240
|
* Lifecycle method that cleans up event listeners when the component is removed from the DOM.
|
|
@@ -7278,6 +7249,9 @@ const LidoHome = class {
|
|
|
7278
7249
|
window.removeEventListener(utils.PrevContainerKey, () => {
|
|
7279
7250
|
this.PrevContainerKey();
|
|
7280
7251
|
});
|
|
7252
|
+
window.removeEventListener('resize', () => {
|
|
7253
|
+
this.scaleNavbarContainer(); // clean up
|
|
7254
|
+
});
|
|
7281
7255
|
}
|
|
7282
7256
|
/**
|
|
7283
7257
|
* Parses the provided XML string into an XML DOM object and extracts the containers from it.
|
|
@@ -7362,25 +7336,70 @@ const LidoHome = class {
|
|
|
7362
7336
|
this.containers = containers;
|
|
7363
7337
|
}
|
|
7364
7338
|
async btnpopup() {
|
|
7339
|
+
utils.setCancelBtnPopup(false);
|
|
7365
7340
|
await utils.AudioPlayer.getI().stop();
|
|
7366
7341
|
const container = document.getElementById(utils.LidoContainer);
|
|
7367
7342
|
const allele = container.querySelectorAll('*');
|
|
7368
7343
|
for (const el of Array.from(allele)) {
|
|
7344
|
+
if (utils.getCancelBtnPopup())
|
|
7345
|
+
break;
|
|
7369
7346
|
const tabIndex = el.getAttribute('tab-index');
|
|
7370
7347
|
const htmlel = el;
|
|
7371
|
-
if (tabIndex &&
|
|
7348
|
+
if (tabIndex && Number(tabIndex) > 0) {
|
|
7372
7349
|
await utils.AudioPlayer.getI().play(htmlel);
|
|
7350
|
+
if (utils.getCancelBtnPopup()) {
|
|
7351
|
+
await utils.AudioPlayer.getI().stop();
|
|
7352
|
+
break;
|
|
7353
|
+
}
|
|
7373
7354
|
await new Promise(resolve => setTimeout(resolve, 300));
|
|
7374
7355
|
}
|
|
7375
7356
|
}
|
|
7376
7357
|
}
|
|
7358
|
+
scaleNavbarContainer() {
|
|
7359
|
+
setTimeout(() => {
|
|
7360
|
+
const navBar = document.querySelector('.lido-dot-container');
|
|
7361
|
+
if (!navBar)
|
|
7362
|
+
return;
|
|
7363
|
+
if ((window.innerWidth === 1600 && window.innerHeight === 900) || (window.innerWidth === 900 && window.innerHeight === 1600)) {
|
|
7364
|
+
const exit_and_audio_margin = document.querySelectorAll('.lido-exit-button, #main-audio');
|
|
7365
|
+
exit_and_audio_margin.forEach(el => {
|
|
7366
|
+
el.style.marginLeft = '10px';
|
|
7367
|
+
el.style.marginRight = '10px';
|
|
7368
|
+
});
|
|
7369
|
+
}
|
|
7370
|
+
if (window.innerWidth > window.innerHeight) {
|
|
7371
|
+
navBar.style.top = '6%';
|
|
7372
|
+
}
|
|
7373
|
+
else {
|
|
7374
|
+
navBar.style.top = '3.5%';
|
|
7375
|
+
}
|
|
7376
|
+
// Apply the scale to the navbar
|
|
7377
|
+
navBar.style.transform = `translate(-50%, -50%)`;
|
|
7378
|
+
navBar.style.visibility = 'visible';
|
|
7379
|
+
Array.from(navBar.children).forEach(el => {
|
|
7380
|
+
const item = el;
|
|
7381
|
+
item.style.transform = `scale(${utils.calculateScale()})`;
|
|
7382
|
+
});
|
|
7383
|
+
navBar.style.width = window.outerWidth + 'px';
|
|
7384
|
+
}, 100);
|
|
7385
|
+
}
|
|
7377
7386
|
/**
|
|
7378
7387
|
* Renders navigation dots for each container, indicating the progress of the user.
|
|
7379
7388
|
* Clicking on a dot allows the user to jump to a specific container.
|
|
7380
7389
|
*/
|
|
7381
7390
|
renderDots() {
|
|
7382
7391
|
const style = { pointerEvents: this.canplay ? 'none' : '' };
|
|
7383
|
-
return (index.h("div", { id: "lido-dot-indicator", class: "lido-dot-container" }, index.h("div", { class: "lido-exit-button
|
|
7392
|
+
return (index.h("div", { id: "lido-dot-indicator", class: "lido-dot-container" }, index.h("div", { class: "lido-exit-button popup\n -button", onClick: () => {
|
|
7393
|
+
this.exitFlag = true;
|
|
7394
|
+
utils.AudioPlayer.getI().stop();
|
|
7395
|
+
} }, index.h("lido-image", { src: "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.svg" })), index.h("div", { class: "lido-btn-dot-container" }, index.h("div", { id: "lido-arrow-left", onClick: () => {
|
|
7396
|
+
utils.triggerPrevcontainer();
|
|
7397
|
+
} }, index.h("lido-image", { src: "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.svg" })), this.containers.map((_, index$1) => (index.h("div", { class: "parent_dots" }, index.h("span", { class: `lido-dot ${index$1 < this.currentContainerIndex ? 'completed' : index$1 === this.currentContainerIndex ? 'current' : ''}`, onClick: () => this.jumpToContainer(index$1), style: style })))), index.h("div", { id: "lido-arrow-right", onClick: event => {
|
|
7398
|
+
console.log('Target:', event.target); // What was clicked
|
|
7399
|
+
console.log('Current Target:', event.currentTarget); // Where the onClick is bound
|
|
7400
|
+
console.log('✅ Button clicked - nextBtn action triggered');
|
|
7401
|
+
utils.executeActions("this.nextBtn='true'", event.currentTarget);
|
|
7402
|
+
} }, index.h("lido-image", { src: "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.svg" }))), index.h("div", { id: "main-audio", class: "popup-button", onClick: () => this.btnpopup() }, index.h("lido-image", { visible: "true", src: "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Audio%20icon.svg" }))));
|
|
7384
7403
|
}
|
|
7385
7404
|
/**
|
|
7386
7405
|
* Jumps to a specific container based on the index of the dot clicked.
|
|
@@ -7399,7 +7418,7 @@ const LidoHome = class {
|
|
|
7399
7418
|
// If no XML data is provided, prompt the user to provide it
|
|
7400
7419
|
return index.h("div", null, "Please provide XML data.");
|
|
7401
7420
|
}
|
|
7402
|
-
return (index.h(index.Host, { class: "lido-home", index: this.currentContainerIndex, totalIndex: this.containers.length }, index.h("div", { key: this.currentContainerIndex }, (_b = (_a = this.containers)[this.currentContainerIndex]) === null || _b === void 0 ? void 0 : _b.call(_a)), this.showDotsandbtn && this.renderDots(), this.exitFlag && (index.h("div", { class: "lido-alert-popup" }, index.h("lido-cell", { class: "lido-alert-content", visible: "true", layout: "col", width: "
|
|
7421
|
+
return (index.h(index.Host, { class: "lido-home", index: this.currentContainerIndex, totalIndex: this.containers.length }, index.h("div", { key: this.currentContainerIndex }, (_b = (_a = this.containers)[this.currentContainerIndex]) === null || _b === void 0 ? void 0 : _b.call(_a)), this.showDotsandbtn && this.renderDots(), this.exitFlag && (index.h("div", { class: "lido-alert-parent" }, index.h("div", { class: "lido-alert-popup" }, index.h("lido-cell", { class: "lido-alert-content", visible: "true", layout: "col", width: "720px", height: "360px", "bg-color": "#fff", "border-radius": "16px", onEntry: "this.box-shadow= '0 4px 8px 0 rgba(0, 0, 0, 0.25)';" }, index.h("lido-text", { visible: "true", string: "Do you want to exit?", width: "622px", height: "57px", class: "popup-exit-text", "font-size": "40px", onEntry: "this.margin-bottom =' -36px';" }), index.h("lido-cell", { visible: "true", layout: "row", width: "80%", class: "btn-cell" }, index.h("lido-text", { visible: "true", string: "EXIT", width: "240px", height: "105px", "font-size": "24px", margin: "0px 50px 0px 0px", class: "popup-button", onClick: () => this.popUpClick('exit'), borderRadius: "16px", onEntry: 'this.color="#F34D08"; this.font-weight="700"; this.box-shadow="0 2px 0 #F34D08";', fontFamily: "Baloo Bhai 2", "font-weight": "700", bgColor: "white", "border-radius": "16px" }), index.h("lido-text", { visible: "true", string: "KEEP PLAYING", width: "280px", height: "105px", "font-size": "24px", class: " popup-button", onClick: () => this.popUpClick('cancel'), borderRadius: "16px", onEntry: 'this.color=white; this.font-weight="700"; this.box-shadow="0 2px 0 #F34D08";', "font-family": "Baloo Bhai 2", "font-weight": "700", bgColor: "#F34D08", "border-radius": "16px" }))))))));
|
|
7403
7422
|
}
|
|
7404
7423
|
get el() { return index.getElement(this); }
|
|
7405
7424
|
static get watchers() { return {
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["lido-avatar_17.cjs",[[0,"lido-root",{"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"margin":[1],"canplay":[4],"baseUrl":[1,"base-url"],"xmlData":[32]}],[0,"lido-home",{"xmlData":[1,"xml-data"],"initialIndex":[2,"initial-index"],"canplay":[4],"baseUrl":[1,"base-url"],"height":[1],"currentContainerIndex":[32],"
|
|
22
|
+
return index.bootstrapLazy([["lido-avatar_17.cjs",[[0,"lido-root",{"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"margin":[1],"canplay":[4],"baseUrl":[1,"base-url"],"xmlData":[32]}],[0,"lido-home",{"xmlData":[1,"xml-data"],"initialIndex":[2,"initial-index"],"canplay":[4],"baseUrl":[1,"base-url"],"height":[1],"currentContainerIndex":[32],"exitFlag":[32],"containers":[32],"showDotsandbtn":[32]},null,{"xmlData":["onXmlDataChange"]}],[0,"lido-avatar",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"src":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"delayVisible":[1,"delay-visible"]}],[4,"lido-cell",{"showSpeakIcon":[4,"show-speak-icon"],"scrollbarWidth":[1,"scrollbar-width"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"gap":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[1],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"layout":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"alignItems":[1,"align-items"],"borderRadius":[1,"border-radius"],"flexDirection":[1,"flex-direction"],"delayVisible":[1,"delay-visible"],"style":[32]}],[4,"lido-col",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"borderImage":[1,"border-image"],"boxShadow":[1,"box-shadow"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[4,"lido-container",{"showDropBorder":[4,"show-drop-border"],"appendToDropOnCompletion":[4,"append-to-drop-on-completion"],"id":[1],"objective":[1],"customStyle":[1,"custom-style"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"bgImage":[1,"bg-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"canplay":[4],"showCheck":[4,"show-check"],"isContinueOnCorrect":[4,"is-continue-on-correct"],"isAllowOnlyCorrect":[4,"is-allow-only-correct"],"baseUrl":[1,"base-url"],"margin":[1],"showPrevButton":[1,"show-prev-button"],"showNextButton":[1,"show-next-button"],"delayVisible":[1,"delay-visible"]}],[4,"lido-flash-card",{"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"direction":[1],"display":[1],"front":[8],"back":[8],"flipped":[1540],"margin":[1],"delayVisible":[1,"delay-visible"],"style":[32]},null,{"flipped":["handleFlippedChange"]}],[4,"lido-float",{"id":[1],"value":[1],"z":[1],"tabIndex":[2,"tab-index"],"visible":[4],"onEntry":[1,"on-entry"],"width":[1],"height":[1],"bgColor":[1,"bg-color"],"delayVisible":[1,"delay-visible"],"style":[32]}],[0,"lido-image",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"src":[1],"isSlice":[1,"is-slice"],"sliceWidth":[1,"slice-width"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"filter":[1],"borderRadius":[1,"border-radius"],"transform":[1],"delayVisible":[1,"delay-visible"],"style":[32]}],[4,"lido-pos",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[4,"lido-random",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1]}],[4,"lido-row",{"showSpeakIcon":[4,"show-speak-icon"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"display":[1],"margin":[1],"style":[32]}],[0,"lido-shape",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"shapeType":[1,"shape-type"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"delayVisible":[1,"delay-visible"]}],[0,"lido-slide-fill",{"id":[1],"width":[1],"fill":[1],"numberType":[1,"number-type"],"min":[2],"division":[2],"max":[2],"slider":[4],"src":[1],"fillDirection":[1,"fill-direction"],"delayVisible":[1,"delay-visible"],"svgContent":[32]},null,{"src":["onSrcChange"],"fill":["onPropChange"],"division":["onPropChange"],"fillDirection":["onPropChange"],"numberType":["onPropChange"],"min":["onPropChange"],"max":["onPropChange"]}],[0,"lido-text",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"string":[1],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"fontColor":[1,"font-color"],"highlightWhileSpeaking":[4,"highlight-while-speaking"],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"borderImage":[1,"border-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"onEntry":[1,"on-entry"],"margin":[1],"padding":[1],"borderRadius":[1,"border-radius"],"spanType":[1,"span-type"],"delayVisible":[1,"delay-visible"],"style":[32]}],[0,"lido-trace",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"svgSource":[1,"svg-source"],"value":[1],"height":[1],"width":[1],"x":[1],"y":[1],"z":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"tabIndex":[2,"tab-index"],"mode":[1],"fingerHintUrl":[1,"finger-hint-url"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"highlightTextId":[1,"highlight-text-id"],"animationTrace":[4,"animation-trace"],"delayVisible":[1,"delay-visible"],"svgUrls":[32],"currentSvgIndex":[32],"fileIndex":[32],"isDragging":[32],"activePointerId":[32],"idleTimer":[32],"fingerImg":[32]},null,{"svgSource":["initializeSVG"],"mode":["initializeSVG"]}],[4,"lido-wrap",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"flex":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["lido-avatar_17.cjs",[[0,"lido-root",{"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"margin":[1],"canplay":[4],"baseUrl":[1,"base-url"],"xmlData":[32]}],[0,"lido-home",{"xmlData":[1,"xml-data"],"initialIndex":[2,"initial-index"],"canplay":[4],"baseUrl":[1,"base-url"],"height":[1],"currentContainerIndex":[32],"
|
|
11
|
+
return index.bootstrapLazy([["lido-avatar_17.cjs",[[0,"lido-root",{"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"margin":[1],"canplay":[4],"baseUrl":[1,"base-url"],"xmlData":[32]}],[0,"lido-home",{"xmlData":[1,"xml-data"],"initialIndex":[2,"initial-index"],"canplay":[4],"baseUrl":[1,"base-url"],"height":[1],"currentContainerIndex":[32],"exitFlag":[32],"containers":[32],"showDotsandbtn":[32]},null,{"xmlData":["onXmlDataChange"]}],[0,"lido-avatar",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"src":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"delayVisible":[1,"delay-visible"]}],[4,"lido-cell",{"showSpeakIcon":[4,"show-speak-icon"],"scrollbarWidth":[1,"scrollbar-width"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"gap":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[1],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"layout":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"alignItems":[1,"align-items"],"borderRadius":[1,"border-radius"],"flexDirection":[1,"flex-direction"],"delayVisible":[1,"delay-visible"],"style":[32]}],[4,"lido-col",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"borderImage":[1,"border-image"],"boxShadow":[1,"box-shadow"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[4,"lido-container",{"showDropBorder":[4,"show-drop-border"],"appendToDropOnCompletion":[4,"append-to-drop-on-completion"],"id":[1],"objective":[1],"customStyle":[1,"custom-style"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"bgImage":[1,"bg-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"canplay":[4],"showCheck":[4,"show-check"],"isContinueOnCorrect":[4,"is-continue-on-correct"],"isAllowOnlyCorrect":[4,"is-allow-only-correct"],"baseUrl":[1,"base-url"],"margin":[1],"showPrevButton":[1,"show-prev-button"],"showNextButton":[1,"show-next-button"],"delayVisible":[1,"delay-visible"]}],[4,"lido-flash-card",{"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"direction":[1],"display":[1],"front":[8],"back":[8],"flipped":[1540],"margin":[1],"delayVisible":[1,"delay-visible"],"style":[32]},null,{"flipped":["handleFlippedChange"]}],[4,"lido-float",{"id":[1],"value":[1],"z":[1],"tabIndex":[2,"tab-index"],"visible":[4],"onEntry":[1,"on-entry"],"width":[1],"height":[1],"bgColor":[1,"bg-color"],"delayVisible":[1,"delay-visible"],"style":[32]}],[0,"lido-image",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"src":[1],"isSlice":[1,"is-slice"],"sliceWidth":[1,"slice-width"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"filter":[1],"borderRadius":[1,"border-radius"],"transform":[1],"delayVisible":[1,"delay-visible"],"style":[32]}],[4,"lido-pos",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[4,"lido-random",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1]}],[4,"lido-row",{"showSpeakIcon":[4,"show-speak-icon"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"display":[1],"margin":[1],"style":[32]}],[0,"lido-shape",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"shapeType":[1,"shape-type"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"delayVisible":[1,"delay-visible"]}],[0,"lido-slide-fill",{"id":[1],"width":[1],"fill":[1],"numberType":[1,"number-type"],"min":[2],"division":[2],"max":[2],"slider":[4],"src":[1],"fillDirection":[1,"fill-direction"],"delayVisible":[1,"delay-visible"],"svgContent":[32]},null,{"src":["onSrcChange"],"fill":["onPropChange"],"division":["onPropChange"],"fillDirection":["onPropChange"],"numberType":["onPropChange"],"min":["onPropChange"],"max":["onPropChange"]}],[0,"lido-text",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"string":[1],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"fontColor":[1,"font-color"],"highlightWhileSpeaking":[4,"highlight-while-speaking"],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"borderImage":[1,"border-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"onEntry":[1,"on-entry"],"margin":[1],"padding":[1],"borderRadius":[1,"border-radius"],"spanType":[1,"span-type"],"delayVisible":[1,"delay-visible"],"style":[32]}],[0,"lido-trace",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"svgSource":[1,"svg-source"],"value":[1],"height":[1],"width":[1],"x":[1],"y":[1],"z":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"tabIndex":[2,"tab-index"],"mode":[1],"fingerHintUrl":[1,"finger-hint-url"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"highlightTextId":[1,"highlight-text-id"],"animationTrace":[4,"animation-trace"],"delayVisible":[1,"delay-visible"],"svgUrls":[32],"currentSvgIndex":[32],"fileIndex":[32],"isDragging":[32],"activePointerId":[32],"idleTimer":[32],"fingerImg":[32]},null,{"svgSource":["initializeSVG"],"mode":["initializeSVG"]}],[4,"lido-wrap",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"flex":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|