lido-player 0.0.2-alpha-16 → 0.0.2-alpha-18
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 +23 -24
- package/dist/cjs/lido-player.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-ce8aa817.js → utils-267a4d73.js} +3 -3
- package/dist/collection/components/home/lido-home.css +39 -1
- package/dist/collection/components/home/lido-home.js +21 -23
- package/dist/collection/css/index.css +1 -1
- package/dist/collection/stories/Templates/Fill-Up/fill-up.stories.js +8 -4
- package/dist/collection/stories/Templates/LetterPairing/LetterPairing.stories.js +20 -20
- package/dist/collection/stories/Templates/categorize2/categorize2.stories.js +30 -24
- package/dist/collection/stories/Templates/create-sentence/createSentence.stories.js +15 -11
- package/dist/collection/stories/Templates/flashCard/flashCard.stories.js +1 -5
- package/dist/collection/stories/Templates/reorder/reorder.stories.js +1 -1
- package/dist/collection/utils/utils.js +2 -3
- 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-1a1ce031.js → p-02f2d714.js} +1 -1
- package/dist/components/{p-a286ca50.js → p-18155371.js} +1 -1
- package/dist/components/{p-c6137b71.js → p-21a7754e.js} +1 -1
- package/dist/components/{p-9802fe83.js → p-23bffce5.js} +1 -1
- package/dist/components/{p-da8ee1e7.js → p-396f4ad6.js} +1 -1
- package/dist/components/{p-c86c371c.js → p-3a0a81ae.js} +1 -1
- package/dist/components/{p-fbb64ca6.js → p-43f62a97.js} +1 -1
- package/dist/components/{p-8d1f8dd4.js → p-530f80f3.js} +38 -40
- package/dist/components/{p-873917fe.js → p-688a8c62.js} +1 -1
- package/dist/components/{p-c8ebcd0d.js → p-93c7f091.js} +1 -1
- package/dist/components/{p-4763ac96.js → p-a4a452b0.js} +1 -1
- package/dist/components/{p-f7b64c5f.js → p-b69738ca.js} +1 -1
- package/dist/components/{p-c9fb0e19.js → p-c7e765de.js} +1 -1
- package/dist/components/{p-b709dc77.js → p-d2e641fb.js} +3 -4
- package/dist/components/{p-1c6a1a1c.js → p-dac07de4.js} +1 -1
- package/dist/components/{p-4c002940.js → p-dbb42eb8.js} +1 -1
- package/dist/components/{p-7d9c91ac.js → p-ff6c29a0.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/lido-avatar_17.entry.js +23 -24
- package/dist/esm/lido-player.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-00128cf3.js → utils-65c7d913.js} +3 -4
- 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-bb2153b1.entry.js +1 -0
- package/dist/lido-player/p-fb87a39c.js +9 -0
- package/dist/types/components/home/lido-home.d.ts +0 -4
- package/package.json +1 -1
- package/dist/lido-player/p-09a0cf28.entry.js +0 -1
- package/dist/lido-player/p-4472c6eb.js +0 -9
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-267a4d73.js');
|
|
7
7
|
|
|
8
8
|
var rive = {exports: {}};
|
|
9
9
|
|
|
@@ -7083,13 +7083,13 @@ const LidoFloat = class {
|
|
|
7083
7083
|
};
|
|
7084
7084
|
LidoFloat.style = LidoFloatStyle0;
|
|
7085
7085
|
|
|
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;
|
|
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}";
|
|
7087
7087
|
const LidoHomeStyle0 = indexCss;
|
|
7088
7088
|
|
|
7089
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}}";
|
|
7090
7090
|
const LidoHomeStyle1 = animationCss;
|
|
7091
7091
|
|
|
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,.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}}";
|
|
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}";
|
|
7093
7093
|
const LidoHomeStyle2 = lidoHomeCss;
|
|
7094
7094
|
|
|
7095
7095
|
const LidoHome = class {
|
|
@@ -7118,16 +7118,10 @@ const LidoHome = class {
|
|
|
7118
7118
|
utils.dispatchActivityChangeEvent(this.currentContainerIndex);
|
|
7119
7119
|
}
|
|
7120
7120
|
else if (this.currentContainerIndex >= this.containers.length - 1) {
|
|
7121
|
-
// Show the completion message if all containers have been viewed
|
|
7122
|
-
this.showCompletionMessage = true;
|
|
7123
7121
|
// const event = new CustomEvent('gameCompleted');
|
|
7124
7122
|
// window.dispatchEvent(event);
|
|
7125
7123
|
utils.dispatchGameCompletedEvent();
|
|
7126
7124
|
this.currentContainerIndex = 0;
|
|
7127
|
-
// Hide the completion message after 3 seconds
|
|
7128
|
-
setTimeout(() => {
|
|
7129
|
-
this.showCompletionMessage = false;
|
|
7130
|
-
}, 3000);
|
|
7131
7125
|
}
|
|
7132
7126
|
// Reset the containers array to trigger a re-render
|
|
7133
7127
|
this.containers = [...this.containers];
|
|
@@ -7173,12 +7167,12 @@ const LidoHome = class {
|
|
|
7173
7167
|
const alertElement = this.el.querySelector('.lido-alert-popup');
|
|
7174
7168
|
this.exitFlag = false;
|
|
7175
7169
|
if (alertElement) {
|
|
7176
|
-
if (comment === '
|
|
7170
|
+
if (comment === 'exit') {
|
|
7171
|
+
utils.dispatchGameExitEvent();
|
|
7172
|
+
utils.clearLocalStorage();
|
|
7177
7173
|
alertElement.remove();
|
|
7178
7174
|
}
|
|
7179
7175
|
else {
|
|
7180
|
-
utils.dispatchGameExitEvent();
|
|
7181
|
-
utils.clearLocalStorage();
|
|
7182
7176
|
alertElement.remove();
|
|
7183
7177
|
}
|
|
7184
7178
|
}
|
|
@@ -7189,7 +7183,6 @@ const LidoHome = class {
|
|
|
7189
7183
|
this.baseUrl = '';
|
|
7190
7184
|
this.height = '';
|
|
7191
7185
|
this.currentContainerIndex = this.initialIndex;
|
|
7192
|
-
this.showCompletionMessage = false;
|
|
7193
7186
|
this.exitFlag = false;
|
|
7194
7187
|
this.containers = [];
|
|
7195
7188
|
this.showDotsandbtn = false;
|
|
@@ -7221,10 +7214,12 @@ const LidoHome = class {
|
|
|
7221
7214
|
this.showDotsandbtn = true;
|
|
7222
7215
|
}, 10);
|
|
7223
7216
|
this.updateArrowVisibility();
|
|
7224
|
-
if (this.height
|
|
7217
|
+
if (this.height == '' || this.height === '0' || this.height === '0px' || this.height === '0%') {
|
|
7218
|
+
this.scaleNavbarContainer();
|
|
7219
|
+
}
|
|
7220
|
+
else {
|
|
7225
7221
|
this.updateBackgroundImage();
|
|
7226
7222
|
}
|
|
7227
|
-
this.scaleNavbarContainer(); // new navbar scaling
|
|
7228
7223
|
window.addEventListener('resize', () => {
|
|
7229
7224
|
this.scaleNavbarContainer(); // re-scale navbar on resize
|
|
7230
7225
|
});
|
|
@@ -7235,6 +7230,11 @@ const LidoHome = class {
|
|
|
7235
7230
|
document.body.style.background = 'none';
|
|
7236
7231
|
container.style.backgroundImage = bgImageSrc ? `url(${bgImageSrc})` : 'none';
|
|
7237
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);
|
|
7238
7238
|
}
|
|
7239
7239
|
/**
|
|
7240
7240
|
* Lifecycle method that cleans up event listeners when the component is removed from the DOM.
|
|
@@ -7376,13 +7376,12 @@ const LidoHome = class {
|
|
|
7376
7376
|
// Apply the scale to the navbar
|
|
7377
7377
|
navBar.style.transform = `translate(-50%, -50%)`;
|
|
7378
7378
|
navBar.style.visibility = 'visible';
|
|
7379
|
-
console.log('navbar child : ', navBar.children);
|
|
7380
7379
|
Array.from(navBar.children).forEach(el => {
|
|
7381
7380
|
const item = el;
|
|
7382
7381
|
item.style.transform = `scale(${utils.calculateScale()})`;
|
|
7383
7382
|
});
|
|
7384
7383
|
navBar.style.width = window.outerWidth + 'px';
|
|
7385
|
-
},
|
|
7384
|
+
}, 700);
|
|
7386
7385
|
}
|
|
7387
7386
|
/**
|
|
7388
7387
|
* Renders navigation dots for each container, indicating the progress of the user.
|
|
@@ -7390,17 +7389,17 @@ const LidoHome = class {
|
|
|
7390
7389
|
*/
|
|
7391
7390
|
renderDots() {
|
|
7392
7391
|
const style = { pointerEvents: this.canplay ? 'none' : '' };
|
|
7393
|
-
return (index.h("div", { id: "lido-dot-indicator", class: "lido-dot-container" }, index.h("div", { class: "lido-exit-button", onClick: () =>
|
|
7394
|
-
|
|
7395
|
-
|
|
7396
|
-
|
|
7397
|
-
utils.
|
|
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();
|
|
7398
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 => {
|
|
7399
7398
|
console.log('Target:', event.target); // What was clicked
|
|
7400
7399
|
console.log('Current Target:', event.currentTarget); // Where the onClick is bound
|
|
7401
7400
|
console.log('✅ Button clicked - nextBtn action triggered');
|
|
7402
7401
|
utils.executeActions("this.nextBtn='true'", event.currentTarget);
|
|
7403
|
-
} }, 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", 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" }))));
|
|
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" }))));
|
|
7404
7403
|
}
|
|
7405
7404
|
/**
|
|
7406
7405
|
* Jumps to a specific container based on the index of the dot clicked.
|
|
@@ -7419,7 +7418,7 @@ const LidoHome = class {
|
|
|
7419
7418
|
// If no XML data is provided, prompt the user to provide it
|
|
7420
7419
|
return index.h("div", null, "Please provide XML data.");
|
|
7421
7420
|
}
|
|
7422
|
-
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" }))))))));
|
|
7423
7422
|
}
|
|
7424
7423
|
get el() { return index.getElement(this); }
|
|
7425
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;
|
|
@@ -68219,9 +68219,6 @@ const validateObjectiveStatus = async () => {
|
|
|
68219
68219
|
}
|
|
68220
68220
|
if (res) {
|
|
68221
68221
|
const attach = container.getAttribute('appendToDropOnCompletion');
|
|
68222
|
-
if (attach === 'true') {
|
|
68223
|
-
appendingDragElementsInDrop();
|
|
68224
|
-
}
|
|
68225
68222
|
const onCorrect = container.getAttribute('onCorrect');
|
|
68226
68223
|
if (onCorrect) {
|
|
68227
68224
|
if (attach === 'true') {
|
|
@@ -68509,6 +68506,7 @@ const speakIcon = (targetElement) => {
|
|
|
68509
68506
|
const attachSpeakIcon = async (element, x, y) => {
|
|
68510
68507
|
const speakIconElement = speakIcon(element);
|
|
68511
68508
|
if (element['type'] === 'option') {
|
|
68509
|
+
speakIconElement.style.zIndex = "9999";
|
|
68512
68510
|
const icon = speakIconElement.firstChild;
|
|
68513
68511
|
icon.style.marginLeft = x;
|
|
68514
68512
|
icon.style.marginTop = y;
|
|
@@ -68516,6 +68514,7 @@ const attachSpeakIcon = async (element, x, y) => {
|
|
|
68516
68514
|
element.append(speakIconElement);
|
|
68517
68515
|
};
|
|
68518
68516
|
const clearLocalStorage = () => {
|
|
68517
|
+
AudioPlayer.getI().stop();
|
|
68519
68518
|
localStorage.removeItem(DragSelectedMapKey);
|
|
68520
68519
|
localStorage.removeItem(DragMapKey);
|
|
68521
68520
|
localStorage.removeItem(SelectedValuesKey);
|
|
@@ -68629,3 +68628,4 @@ exports.setVisibilityWithDelay = setVisibilityWithDelay;
|
|
|
68629
68628
|
exports.speakIcon = speakIcon;
|
|
68630
68629
|
exports.tinyColor = tinyColor;
|
|
68631
68630
|
exports.triggerNextContainer = triggerNextContainer;
|
|
68631
|
+
exports.triggerPrevcontainer = triggerPrevcontainer;
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
flex-shrink: 0;
|
|
108
108
|
/* margin: 0 10px; Default margin for these */
|
|
109
109
|
}
|
|
110
|
-
#main-audio:active
|
|
110
|
+
#main-audio:active,.popup-button:active
|
|
111
111
|
.lido-exit-button:active {
|
|
112
112
|
margin-bottom: -8px;
|
|
113
113
|
box-shadow: 0px 0px 0px 0px !important;
|
|
@@ -239,3 +239,41 @@
|
|
|
239
239
|
padding: 0 5px;
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
|
+
|
|
243
|
+
|
|
244
|
+
.popup-exit-text{
|
|
245
|
+
white-space: nowrap;
|
|
246
|
+
font-size: 22px;
|
|
247
|
+
font-weight: 600;
|
|
248
|
+
margin-top: -8%;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.lido-alert-parent{
|
|
252
|
+
z-index: 10000 !important;
|
|
253
|
+
position: absolute;
|
|
254
|
+
top: 0;
|
|
255
|
+
left: 0;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.popup-button{
|
|
259
|
+
width: 80px;
|
|
260
|
+
height: 80px;
|
|
261
|
+
z-index: 1000;
|
|
262
|
+
cursor: pointer;
|
|
263
|
+
/* background-color: white !important; */
|
|
264
|
+
display: flex;
|
|
265
|
+
align-items: center;
|
|
266
|
+
justify-content: center;
|
|
267
|
+
border: 4px solid #F34D08;
|
|
268
|
+
border-radius: 16px;
|
|
269
|
+
box-shadow: 0 8px 0 #F34D08;
|
|
270
|
+
}
|
|
271
|
+
.nav-for-lanai{
|
|
272
|
+
position: absolute;
|
|
273
|
+
top: 0%;
|
|
274
|
+
left: 0%;
|
|
275
|
+
max-width: none;
|
|
276
|
+
width: 100%;
|
|
277
|
+
height: auto;
|
|
278
|
+
visibility: visible;
|
|
279
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
import { NextContainerKey, PrevContainerKey, LidoContainer } from "../../utils/constants";
|
|
3
3
|
import { dispatchActivityChangeEvent, dispatchGameCompletedEvent, dispatchGameExitEvent } from "../../utils/customEvents";
|
|
4
|
-
import { clearLocalStorage, calculateScale, getCancelBtnPopup, setCancelBtnPopup, executeActions } from "../../utils/utils";
|
|
4
|
+
import { clearLocalStorage, calculateScale, getCancelBtnPopup, setCancelBtnPopup, executeActions, triggerPrevcontainer } from "../../utils/utils";
|
|
5
5
|
import { AudioPlayer } from "../../utils/audioPlayer";
|
|
6
6
|
/**
|
|
7
7
|
* @component LidoHome
|
|
@@ -35,16 +35,10 @@ export class LidoHome {
|
|
|
35
35
|
dispatchActivityChangeEvent(this.currentContainerIndex);
|
|
36
36
|
}
|
|
37
37
|
else if (this.currentContainerIndex >= this.containers.length - 1) {
|
|
38
|
-
// Show the completion message if all containers have been viewed
|
|
39
|
-
this.showCompletionMessage = true;
|
|
40
38
|
// const event = new CustomEvent('gameCompleted');
|
|
41
39
|
// window.dispatchEvent(event);
|
|
42
40
|
dispatchGameCompletedEvent();
|
|
43
41
|
this.currentContainerIndex = 0;
|
|
44
|
-
// Hide the completion message after 3 seconds
|
|
45
|
-
setTimeout(() => {
|
|
46
|
-
this.showCompletionMessage = false;
|
|
47
|
-
}, 3000);
|
|
48
42
|
}
|
|
49
43
|
// Reset the containers array to trigger a re-render
|
|
50
44
|
this.containers = [...this.containers];
|
|
@@ -90,12 +84,12 @@ export class LidoHome {
|
|
|
90
84
|
const alertElement = this.el.querySelector('.lido-alert-popup');
|
|
91
85
|
this.exitFlag = false;
|
|
92
86
|
if (alertElement) {
|
|
93
|
-
if (comment === '
|
|
87
|
+
if (comment === 'exit') {
|
|
88
|
+
dispatchGameExitEvent();
|
|
89
|
+
clearLocalStorage();
|
|
94
90
|
alertElement.remove();
|
|
95
91
|
}
|
|
96
92
|
else {
|
|
97
|
-
dispatchGameExitEvent();
|
|
98
|
-
clearLocalStorage();
|
|
99
93
|
alertElement.remove();
|
|
100
94
|
}
|
|
101
95
|
}
|
|
@@ -106,7 +100,6 @@ export class LidoHome {
|
|
|
106
100
|
this.baseUrl = '';
|
|
107
101
|
this.height = '';
|
|
108
102
|
this.currentContainerIndex = this.initialIndex;
|
|
109
|
-
this.showCompletionMessage = false;
|
|
110
103
|
this.exitFlag = false;
|
|
111
104
|
this.containers = [];
|
|
112
105
|
this.showDotsandbtn = false;
|
|
@@ -138,10 +131,12 @@ export class LidoHome {
|
|
|
138
131
|
this.showDotsandbtn = true;
|
|
139
132
|
}, 10);
|
|
140
133
|
this.updateArrowVisibility();
|
|
141
|
-
if (this.height
|
|
134
|
+
if (this.height == '' || this.height === '0' || this.height === '0px' || this.height === '0%') {
|
|
135
|
+
this.scaleNavbarContainer();
|
|
136
|
+
}
|
|
137
|
+
else {
|
|
142
138
|
this.updateBackgroundImage();
|
|
143
139
|
}
|
|
144
|
-
this.scaleNavbarContainer(); // new navbar scaling
|
|
145
140
|
window.addEventListener('resize', () => {
|
|
146
141
|
this.scaleNavbarContainer(); // re-scale navbar on resize
|
|
147
142
|
});
|
|
@@ -152,6 +147,11 @@ export class LidoHome {
|
|
|
152
147
|
document.body.style.background = 'none';
|
|
153
148
|
container.style.backgroundImage = bgImageSrc ? `url(${bgImageSrc})` : 'none';
|
|
154
149
|
container.style.backgroundPosition = bgImageSrc ? `bottom` : 'none';
|
|
150
|
+
setTimeout(() => {
|
|
151
|
+
const navBar = document.querySelector('.lido-dot-container');
|
|
152
|
+
navBar.classList.add('nav-for-lanai');
|
|
153
|
+
container.append(navBar);
|
|
154
|
+
}, 50);
|
|
155
155
|
}
|
|
156
156
|
/**
|
|
157
157
|
* Lifecycle method that cleans up event listeners when the component is removed from the DOM.
|
|
@@ -293,13 +293,12 @@ export class LidoHome {
|
|
|
293
293
|
// Apply the scale to the navbar
|
|
294
294
|
navBar.style.transform = `translate(-50%, -50%)`;
|
|
295
295
|
navBar.style.visibility = 'visible';
|
|
296
|
-
console.log('navbar child : ', navBar.children);
|
|
297
296
|
Array.from(navBar.children).forEach(el => {
|
|
298
297
|
const item = el;
|
|
299
298
|
item.style.transform = `scale(${calculateScale()})`;
|
|
300
299
|
});
|
|
301
300
|
navBar.style.width = window.outerWidth + 'px';
|
|
302
|
-
},
|
|
301
|
+
}, 700);
|
|
303
302
|
}
|
|
304
303
|
/**
|
|
305
304
|
* Renders navigation dots for each container, indicating the progress of the user.
|
|
@@ -307,17 +306,17 @@ export class LidoHome {
|
|
|
307
306
|
*/
|
|
308
307
|
renderDots() {
|
|
309
308
|
const style = { pointerEvents: this.canplay ? 'none' : '' };
|
|
310
|
-
return (h("div", { id: "lido-dot-indicator", class: "lido-dot-container" }, h("div", { class: "lido-exit-button", onClick: () =>
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
309
|
+
return (h("div", { id: "lido-dot-indicator", class: "lido-dot-container" }, h("div", { class: "lido-exit-button popup\n -button", onClick: () => {
|
|
310
|
+
this.exitFlag = true;
|
|
311
|
+
AudioPlayer.getI().stop();
|
|
312
|
+
} }, h("lido-image", { src: "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.svg" })), h("div", { class: "lido-btn-dot-container" }, h("div", { id: "lido-arrow-left", onClick: () => {
|
|
313
|
+
triggerPrevcontainer();
|
|
315
314
|
} }, h("lido-image", { src: "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.svg" })), this.containers.map((_, index) => (h("div", { class: "parent_dots" }, h("span", { class: `lido-dot ${index < this.currentContainerIndex ? 'completed' : index === this.currentContainerIndex ? 'current' : ''}`, onClick: () => this.jumpToContainer(index), style: style })))), h("div", { id: "lido-arrow-right", onClick: event => {
|
|
316
315
|
console.log('Target:', event.target); // What was clicked
|
|
317
316
|
console.log('Current Target:', event.currentTarget); // Where the onClick is bound
|
|
318
317
|
console.log('✅ Button clicked - nextBtn action triggered');
|
|
319
318
|
executeActions("this.nextBtn='true'", event.currentTarget);
|
|
320
|
-
} }, h("lido-image", { src: "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.svg" }))), h("div", { id: "main-audio", onClick: () => this.btnpopup() }, h("lido-image", { visible: "true", src: "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Audio%20icon.svg" }))));
|
|
319
|
+
} }, h("lido-image", { src: "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.svg" }))), h("div", { id: "main-audio", class: "popup-button", onClick: () => this.btnpopup() }, h("lido-image", { visible: "true", src: "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Audio%20icon.svg" }))));
|
|
321
320
|
}
|
|
322
321
|
/**
|
|
323
322
|
* Jumps to a specific container based on the index of the dot clicked.
|
|
@@ -336,7 +335,7 @@ export class LidoHome {
|
|
|
336
335
|
// If no XML data is provided, prompt the user to provide it
|
|
337
336
|
return h("div", null, "Please provide XML data.");
|
|
338
337
|
}
|
|
339
|
-
return (h(Host, { class: "lido-home", index: this.currentContainerIndex, totalIndex: this.containers.length }, 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 && (h("div", { class: "lido-alert-popup" }, h("lido-cell", { class: "lido-alert-content", visible: "true", layout: "col", width: "
|
|
338
|
+
return (h(Host, { class: "lido-home", index: this.currentContainerIndex, totalIndex: this.containers.length }, 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 && (h("div", { class: "lido-alert-parent" }, h("div", { class: "lido-alert-popup" }, 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)';" }, 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';" }), h("lido-cell", { visible: "true", layout: "row", width: "80%", class: "btn-cell" }, 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" }), 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" }))))))));
|
|
340
339
|
}
|
|
341
340
|
static get is() { return "lido-home"; }
|
|
342
341
|
static get originalStyleUrls() {
|
|
@@ -446,7 +445,6 @@ export class LidoHome {
|
|
|
446
445
|
static get states() {
|
|
447
446
|
return {
|
|
448
447
|
"currentContainerIndex": {},
|
|
449
|
-
"showCompletionMessage": {},
|
|
450
448
|
"exitFlag": {},
|
|
451
449
|
"containers": {},
|
|
452
450
|
"showDotsandbtn": {}
|
|
@@ -97,17 +97,21 @@ function getContainerXml(args) {
|
|
|
97
97
|
</lido-text>
|
|
98
98
|
</lido-cell>
|
|
99
99
|
<!-- fill up based on image -->
|
|
100
|
+
|
|
100
101
|
<lido-cell show-speak-icon="true" audio="${args.sentenceAudio}" layout="landscape.row, portrait.col" visible="true" width="landscape.76%, portrait.69%" height="landscape.59%, portrait.74%" bg-color="white" onEntry="this.borderRadius='10px'; this.padding='8px';" margin="landscape.0 , portrait.18px 0px 0px 0px">
|
|
102
|
+
|
|
101
103
|
<!-- image -->
|
|
102
|
-
|
|
103
|
-
</lido-image
|
|
104
|
+
${args.img.length === 0 ? '' : `<lido-image id="image1" disable-edit="true" visible="true" src="${args.img}" width="landscape.43%, portrait.100%" height="landscape.100%, portrait.62%" margin="landscape.0px 59px 0px 0px , portrait. 0">
|
|
105
|
+
</lido-image>`}
|
|
104
106
|
<!-- text -->
|
|
105
107
|
|
|
106
108
|
|
|
107
|
-
|
|
109
|
+
|
|
110
|
+
<lido-cell layout="flex" visible="true" height="landscape.100%,portrait.50%" width="landscape.51%, portrait.97%" onEntry="this.align-content='center'; this.gap='32px';this.display='ruby';" margin="landscape.9px 40px 0px 0px, portrait.33px 0px 0px 32px">
|
|
111
|
+
|
|
108
112
|
<lido-text tab-index="2" font-family="'Baloo Bhai 2'" visible="true" font-size="40px" y="-10px" string="${args.text1}" bg-color="transparent" onEntry="this.position='relative'; this.fontWeight='400';this.display='inline'; this.padding='0px 20px 0px 0px'; "></lido-text>
|
|
109
113
|
<lido-text tab-index="3" drop-attr="stretch" id="drop1" disable-edit="true" visible="true" width="164px" height="landscape.73px,portrait.77px" value="${args.answer1}" type="drop" is-allow-only-one-drop="true" drop-Attr="stretch" onEntry="this.border-radius='10px';this.box-shoadow=''; this.margin-right='35px';" ></lido-text>
|
|
110
|
-
<lido-text tab-index="4" font-family="'Baloo Bhai 2'" visible="true" font-size="40px" y="-10px" string="${args.text2}" bg-color="transparent" onEntry="this.position='relative';this.display='inline';this.boxShadow='0 0 0'; this.padding='0px
|
|
114
|
+
<lido-text tab-index="4" font-family="'Baloo Bhai 2'" visible="true" font-size="40px" y="-10px" string="${args.text2}" bg-color="transparent" onEntry="this.position='relative';this.display='inline';this.boxShadow='0 0 0'; this.padding='0px 21px 0px 0px';"></lido-text>
|
|
111
115
|
<lido-text tab-index="5" font-family="'Baloo Bhai 2'" visible="true" font-size="40px" y="-10px" string="${args.text3}" bg-color="transparent" onEntry="this.position='relative'; this.fontWeight='400';this.display='inline'; this.padding='0px 18px 0px 0px';"></lido-text>
|
|
112
116
|
<lido-text tab-index="6" drop-attr="stretch" id="drop2" disable-edit="true" visible="true" width="164px" height="landscape.73px,portrait.77px" value="${args.answer2}" drop-Attr="stretch" type="drop" is-allow-only-one-drop="true" onEntry="this.border-radius='10px'; this.margin-right='35px';this.margin-top='17px'; " ></lido-text>
|
|
113
117
|
<lido-text tab-index="7" font-family="'Baloo Bhai 2'" visible="true" font-size="40px" y="-10px" string="${args.text4}" bg-color="transparent" onEntry="this.position='relative'; this.fontWeight='400';this.display='inline'; this.padding='0px 20px 0px 0px'; "></lido-text>
|