lido-player 0.0.2-alpha-66 → 0.0.2-alpha-68
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_22.cjs.entry.js +36 -36
- package/dist/cjs/{utils-c4899ae5.js → utils-a4d02b2b.js} +43 -26
- package/dist/collection/components/container/lido-container.js +35 -35
- package/dist/collection/stories/Templates/LetterPairing/LetterPairing.stories.js +5 -5
- package/dist/collection/stories/Templates/balancing/balancing.stories.js +2 -2
- package/dist/collection/stories/Templates/create-sentence/createSentence.stories.js +8 -8
- package/dist/collection/stories/Templates/palEgra_build_word/palEgra_build_word.stories.js +1 -1
- package/dist/collection/utils/constants.js +5 -5
- package/dist/collection/utils/customEvents.js +4 -4
- package/dist/collection/utils/utils.js +15 -7
- package/dist/collection/utils/utilsHandlers/dragDropHandler.js +2 -2
- package/dist/collection/utils/utilsHandlers/lidoBalanceHandler.js +4 -5
- package/dist/collection/utils/utilsHandlers/slideHandler.js +14 -2
- package/dist/components/index.js +1 -1
- package/dist/components/lido-avatar.js +1 -1
- package/dist/components/lido-balance.js +1 -1
- package/dist/components/lido-calculator.js +1 -1
- package/dist/components/lido-canvas.js +1 -1
- package/dist/components/lido-cell.js +1 -1
- package/dist/components/lido-col.js +1 -1
- package/dist/components/lido-container.js +1 -1
- package/dist/components/lido-flash-card.js +1 -1
- package/dist/components/lido-float.js +1 -1
- package/dist/components/lido-home.js +1 -1
- package/dist/components/lido-image.js +1 -1
- package/dist/components/lido-keyboard.js +1 -1
- package/dist/components/lido-math-matrix.js +1 -1
- package/dist/components/lido-pos.js +1 -1
- package/dist/components/lido-random.js +1 -1
- package/dist/components/lido-root.js +22 -22
- 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-c3dc3335.js → p-01a666ff.js} +1 -1
- package/dist/components/{p-11a6053f.js → p-1d55ba8d.js} +1 -1
- package/dist/components/{p-894c3d1e.js → p-2c957cc9.js} +2 -2
- package/dist/components/{p-a66ef0fb.js → p-395ab663.js} +1 -1
- package/dist/components/{p-8d9dfc1c.js → p-3ccd8cec.js} +37 -37
- package/dist/components/{p-9acfe88f.js → p-3d5d019c.js} +21 -21
- package/dist/components/{p-76892ca9.js → p-41d68189.js} +2 -2
- package/dist/components/{p-5a8a9ef8.js → p-4a0e8cc7.js} +1 -1
- package/dist/components/{p-aea93768.js → p-4dc22f2d.js} +1 -1
- package/dist/components/{p-60e097fb.js → p-63a5cb05.js} +3 -3
- package/dist/components/{p-3097a793.js → p-6c567c84.js} +1 -1
- package/dist/components/{p-6ce9eee8.js → p-70f6a19d.js} +1 -1
- package/dist/components/{p-737a458d.js → p-748778ca.js} +1 -1
- package/dist/components/{p-770d98fa.js → p-80a747ee.js} +1 -1
- package/dist/components/{p-f2a3ce7e.js → p-9ce3df77.js} +1 -1
- package/dist/components/{p-40870601.js → p-a4156ea2.js} +1 -1
- package/dist/components/{p-c75ecb23.js → p-b2a85579.js} +1 -1
- package/dist/components/{p-19e3de3b.js → p-d11fe4a9.js} +1 -1
- package/dist/components/{p-15fa0792.js → p-d123a5dd.js} +1 -1
- package/dist/components/{p-3ac18253.js → p-d73b8e72.js} +1 -1
- package/dist/components/{p-f3557e2b.js → p-f7212d52.js} +1 -1
- package/dist/components/{p-e3d44b56.js → p-ff8ce1fd.js} +43 -26
- package/dist/esm/index.js +1 -1
- package/dist/esm/lido-avatar_22.entry.js +36 -36
- package/dist/esm/{utils-bd709eeb.js → utils-e1e56072.js} +43 -26
- package/dist/lido-player/index.esm.js +1 -1
- package/dist/lido-player/lido-player.esm.js +1 -1
- package/dist/lido-player/{p-3e876903.js → p-4ea93194.js} +2 -2
- package/dist/lido-player/{p-7c10ab83.entry.js → p-91699360.entry.js} +1 -1
- package/dist/types/utils/constants.d.ts +32 -32
- package/dist/types/utils/customEvents.d.ts +2 -2
- package/package.json +1 -1
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-baff5c15.js');
|
|
6
|
-
const utils = require('./utils-
|
|
6
|
+
const utils = require('./utils-a4d02b2b.js');
|
|
7
7
|
|
|
8
8
|
var rive = {exports: {}};
|
|
9
9
|
|
|
@@ -10071,40 +10071,40 @@ const LidoContainer = class {
|
|
|
10071
10071
|
}
|
|
10072
10072
|
resolveInstructionAudio() {
|
|
10073
10073
|
var _a;
|
|
10074
|
-
|
|
10075
|
-
|
|
10076
|
-
|
|
10077
|
-
|
|
10078
|
-
|
|
10079
|
-
|
|
10080
|
-
|
|
10081
|
-
|
|
10082
|
-
|
|
10083
|
-
|
|
10084
|
-
|
|
10085
|
-
|
|
10086
|
-
|
|
10087
|
-
|
|
10088
|
-
|
|
10089
|
-
|
|
10090
|
-
|
|
10091
|
-
|
|
10092
|
-
|
|
10093
|
-
|
|
10094
|
-
|
|
10095
|
-
|
|
10096
|
-
|
|
10097
|
-
|
|
10098
|
-
|
|
10099
|
-
|
|
10100
|
-
|
|
10101
|
-
|
|
10102
|
-
|
|
10103
|
-
|
|
10104
|
-
|
|
10105
|
-
|
|
10106
|
-
|
|
10107
|
-
|
|
10074
|
+
this.instructName =
|
|
10075
|
+
(_a = {
|
|
10076
|
+
flashcard: "instruction.flashcards" /* templateAudio.flashcards */,
|
|
10077
|
+
mcq: "instruction.mcq" /* templateAudio.mcq */,
|
|
10078
|
+
tracing: "instruction.tracing" /* templateAudio.tracing */,
|
|
10079
|
+
dragAndDrop: "instruction.dragAndDrop" /* templateAudio.dragAndDrop */,
|
|
10080
|
+
substractionWithImage: "substractionWithImageAudio" /* templateAudio.substractionWithImage */,
|
|
10081
|
+
"substractionWithoutImage": "substractionWithoutImageAudio" /* templateAudio.substractionWithoutImage */,
|
|
10082
|
+
"numberIdentificationWithImage": "numberIdentificationWithImageAudio" /* templateAudio.numberIdentificationWithImage */,
|
|
10083
|
+
"numberIdentificationWithoutImage": "numberIdentificationWithoutImageAudio" /* templateAudio.numberIdentificationWithoutImage */,
|
|
10084
|
+
"wordBuildingWithImage": "wordBuildingWithImageAudio" /* templateAudio.wordBuildingWithImage */,
|
|
10085
|
+
"wordBuildingWithoutImage": "wordBuildingWithoutImageAudio" /* templateAudio.wordBuildingWithoutImage */,
|
|
10086
|
+
"pictureClues": "pictureCluesAudio" /* templateAudio.pictureClues */,
|
|
10087
|
+
"pictureWordMatchMultipleImages": "pictureWordMatchMultipleImagesAudio" /* templateAudio.pictureWordMatchMultipleImages */,
|
|
10088
|
+
"pictureWordMatchSingleImage": "pictureWordMatchSingleImageAudio" /* templateAudio.pictureWordMatchSingleImage */,
|
|
10089
|
+
"sentenceMatch": "sentenceMatchAudio" /* templateAudio.sentenceMatch */,
|
|
10090
|
+
"imageMatch": "imageMatchAudio" /* templateAudio.imageMatch */,
|
|
10091
|
+
"palStoryTale": "palStoryTaleAudio" /* templateAudio.palStoryTale */,
|
|
10092
|
+
"palEgmaPatternMatching": "palEgmaPatternMatchingAudio" /* templateAudio.palEgmaPatternMatching */,
|
|
10093
|
+
"palEgmaWordProblemDragnDrop": "palEgmaWordProblemDragnDropAudio" /* templateAudio.palEgmaWordProblemDragnDrop */,
|
|
10094
|
+
"palEgmaWordProblemClick": "palEgmaWordProblemClickAudio" /* templateAudio.palEgmaWordProblemClick */,
|
|
10095
|
+
"palEgraOddOneOut": "palEgraOddOneOutAudio" /* templateAudio.palEgraOddOneOut */,
|
|
10096
|
+
"palEgraArrangePictures": "palEgraArrangePicturesAudio" /* templateAudio.palEgraArrangePictures */,
|
|
10097
|
+
"palEgraBuildWord": "palEgraBuildWordAudio" /* templateAudio.palEgraBuildWord */,
|
|
10098
|
+
"palEgraWordFormation": "palEgraWordFormationAudio" /* templateAudio.palEgraWordFormation */,
|
|
10099
|
+
"palInventedSpelling": "palInventedSpellingAudio" /* templateAudio.palInventedSpelling */,
|
|
10100
|
+
"palLetterIdentification": "palLetterIdentificationAudio" /* templateAudio.palLetterIdentification */,
|
|
10101
|
+
"palStoryMaking": "palStoryMakingAudio" /* templateAudio.palStoryMaking */,
|
|
10102
|
+
"palegmasumtogether": "palegmasumtogetherAudio" /* templateAudio.palegmasumtogether */,
|
|
10103
|
+
"palegmamultioption": "palegmamultioptionAudio" /* templateAudio.palegmamultioption */,
|
|
10104
|
+
"palegraoptionaudio": "palegraoptionAudio" /* templateAudio.palegraoptionaudio */,
|
|
10105
|
+
"palegrawordmatch": "palegrawordmatchAudio" /* templateAudio.palegrawordmatch */,
|
|
10106
|
+
"palegramcqimages": "palegramcqimagesAudio" /* templateAudio.palegramcqimages */,
|
|
10107
|
+
}[this.templateId]) !== null && _a !== void 0 ? _a : '';
|
|
10108
10108
|
const home = document.querySelector('lido-home');
|
|
10109
10109
|
if (!home)
|
|
10110
10110
|
return;
|
|
@@ -10258,7 +10258,7 @@ const LidoContainer = class {
|
|
|
10258
10258
|
userSelect: 'none', // Prevent any field selection
|
|
10259
10259
|
};
|
|
10260
10260
|
console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
|
|
10261
|
-
return (index.h(index.Host, { key: '
|
|
10261
|
+
return (index.h(index.Host, { key: '63e5793449ad0a852e401b2bbf3cdb54e5e768db', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": this.disableSpeak, "template-id": this.templateId, audio: this.audio }, index.h("lido-text", { key: '89be76942eb82a7cefa076b689cd9edfc7bf97b5', visible: "false", id: this.templateId, audio: "", string: this.instructName }), index.h("slot", { key: '9e17a31061eec7818d128ab22d29b2f0d54a8232' })));
|
|
10262
10262
|
}
|
|
10263
10263
|
get el() { return index.getElement(this); }
|
|
10264
10264
|
static get watchers() { return {
|
|
@@ -49,11 +49,11 @@ exports.DropAction = void 0;
|
|
|
49
49
|
DropAction["Move"] = "move";
|
|
50
50
|
DropAction["Hide"] = "hide";
|
|
51
51
|
})(exports.DropAction || (exports.DropAction = {}));
|
|
52
|
-
const exitUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.
|
|
53
|
-
const prevUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.
|
|
54
|
-
const nextUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.
|
|
55
|
-
const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/
|
|
56
|
-
const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.
|
|
52
|
+
const exitUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.png';
|
|
53
|
+
const prevUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.png';
|
|
54
|
+
const nextUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.png';
|
|
55
|
+
const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/NavAudio.png';
|
|
56
|
+
const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.png';
|
|
57
57
|
|
|
58
58
|
class Timer {
|
|
59
59
|
constructor() {
|
|
@@ -114,11 +114,11 @@ function dispatchCustomEvent(eventName, detail) {
|
|
|
114
114
|
const event = new CustomEvent(eventName, { detail });
|
|
115
115
|
window.dispatchEvent(event);
|
|
116
116
|
}
|
|
117
|
-
function dispatchActivityEndEvent(
|
|
118
|
-
dispatchCustomEvent(ActivityEndKey, {
|
|
117
|
+
function dispatchActivityEndEvent(totalIndex, currentIndex, score, rightMoves, wrongMoves) {
|
|
118
|
+
dispatchCustomEvent(ActivityEndKey, { currentIndex, totalIndex, score, rightMoves, wrongMoves });
|
|
119
119
|
}
|
|
120
|
-
function dispatchLessonEndEvent(
|
|
121
|
-
dispatchCustomEvent(LessonEndKey, {
|
|
120
|
+
function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore) {
|
|
121
|
+
dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, timeSpent: Math.floor(Timer.getI().getElapsed() / 1000) });
|
|
122
122
|
}
|
|
123
123
|
function dispatchNextContainerEvent() {
|
|
124
124
|
dispatchCustomEvent(NextContainerKey, {});
|
|
@@ -174,7 +174,7 @@ function updateBalanceOnDrop(dragElement, dropElement) {
|
|
|
174
174
|
}
|
|
175
175
|
function calculateValue(elements, operation) {
|
|
176
176
|
if (elements.length === 0)
|
|
177
|
-
return
|
|
177
|
+
return null;
|
|
178
178
|
if (operation === "count") {
|
|
179
179
|
return elements.length;
|
|
180
180
|
}
|
|
@@ -206,18 +206,15 @@ function calculateValue(elements, operation) {
|
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
function balanceResult(container, objectiveString) {
|
|
209
|
-
var _a, _b, _c, _d, _e, _f;
|
|
210
209
|
const additionalCheck = container.getAttribute('equationCheck');
|
|
211
210
|
if (!additionalCheck)
|
|
212
211
|
return false;
|
|
213
212
|
const balanceEl = document.querySelector('lido-balance');
|
|
214
213
|
if (!balanceEl)
|
|
215
214
|
return false;
|
|
216
|
-
const leftVal =
|
|
217
|
-
const rightVal =
|
|
218
|
-
|
|
219
|
-
const hasRight = !isNaN(rightVal);
|
|
220
|
-
if (!hasLeft || !hasRight) {
|
|
215
|
+
const leftVal = balanceEl.leftVal;
|
|
216
|
+
const rightVal = balanceEl.rightVal;
|
|
217
|
+
if (leftVal == null || rightVal == null) {
|
|
221
218
|
return false;
|
|
222
219
|
}
|
|
223
220
|
const symbol = leftVal > rightVal ? '>' : leftVal < rightVal ? '<' : '=';
|
|
@@ -800,7 +797,7 @@ async function onElementDropComplete(dragElement, dropElement) {
|
|
|
800
797
|
await executeActions(onInCorrect, dropElement, dragElement);
|
|
801
798
|
setTimeout(() => {
|
|
802
799
|
dragElement.style.transform = 'translate(0, 0)';
|
|
803
|
-
storingEachActivityScore(false);
|
|
800
|
+
// storingEachActivityScore(false);
|
|
804
801
|
// const oldDropIndex = dragToDropMap[dragElement.getAttribute('data-id')];
|
|
805
802
|
// if (oldDropIndex !== undefined && dropHasDrag[oldDropIndex]) {
|
|
806
803
|
// dropHasDrag[oldDropIndex].isFull = false;
|
|
@@ -963,7 +960,7 @@ async function onElementDropComplete(dragElement, dropElement) {
|
|
|
963
960
|
// Add pulse and highlight effect for a successful match
|
|
964
961
|
const isCorrect = dropElement['value'].toLowerCase().includes(dragElement['value'].toLowerCase());
|
|
965
962
|
dispatchElementDropEvent(dragElement, dropElement, isCorrect);
|
|
966
|
-
|
|
963
|
+
storingEachActivityScore(isCorrect);
|
|
967
964
|
dragElement.style.opacity = '1';
|
|
968
965
|
const allDropElements = document.querySelectorAll('.drop-element');
|
|
969
966
|
allDropElements.forEach(el => updateDropBorder(el));
|
|
@@ -2040,12 +2037,24 @@ const slideCompleted = (slideElement) => {
|
|
|
2040
2037
|
const isCorrect = matchStringPattern(slideElement['value'], [objectiveArray[elementIndex].trim()]);
|
|
2041
2038
|
if (container.getAttribute('is-continue-on-correct') === 'true') {
|
|
2042
2039
|
storingEachActivityScore(true);
|
|
2043
|
-
|
|
2040
|
+
validationForSlideHandler();
|
|
2044
2041
|
}
|
|
2045
2042
|
else {
|
|
2046
2043
|
storingEachActivityScore(isCorrect);
|
|
2047
2044
|
}
|
|
2048
2045
|
};
|
|
2046
|
+
const validationForSlideHandler = async () => {
|
|
2047
|
+
var _a, _b;
|
|
2048
|
+
const container = document.getElementById(LidoContainer);
|
|
2049
|
+
if (!container)
|
|
2050
|
+
return;
|
|
2051
|
+
const objectiveArray = (_b = JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]')) !== null && _b !== void 0 ? _b : [];
|
|
2052
|
+
const objectiveString = document.getElementById(LidoContainer)['objective'];
|
|
2053
|
+
const res = matchStringPattern(objectiveString, objectiveArray);
|
|
2054
|
+
if (res) {
|
|
2055
|
+
await executeActions(container.getAttribute('onCorrect'), container);
|
|
2056
|
+
}
|
|
2057
|
+
};
|
|
2049
2058
|
|
|
2050
2059
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
2051
2060
|
|
|
@@ -68809,6 +68818,7 @@ const executeActions = async (actionsString, thisElement, element) => {
|
|
|
68809
68818
|
AudioPlayer.getI().stop();
|
|
68810
68819
|
}
|
|
68811
68820
|
await validateObjectiveStatus();
|
|
68821
|
+
targetElement.style.pointerEvents = 'auto';
|
|
68812
68822
|
break;
|
|
68813
68823
|
}
|
|
68814
68824
|
case 'prevBtn': {
|
|
@@ -69206,7 +69216,7 @@ async function onActivityComplete(dragElement, dropElement) {
|
|
|
69206
69216
|
if (dragElement && dropElement) {
|
|
69207
69217
|
const isCorrect = dropElement['value'].toLowerCase().includes(dragElement['value'].toLowerCase());
|
|
69208
69218
|
// storing each activity score based on isCorrect for (all drag-drop events)
|
|
69209
|
-
storingEachActivityScore(isCorrect);
|
|
69219
|
+
// storingEachActivityScore(isCorrect);
|
|
69210
69220
|
if (isCorrect) {
|
|
69211
69221
|
const onCorrect = dropElement.getAttribute('onCorrect');
|
|
69212
69222
|
if (onCorrect) {
|
|
@@ -69231,7 +69241,13 @@ async function onActivityComplete(dragElement, dropElement) {
|
|
|
69231
69241
|
if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
|
|
69232
69242
|
if (!(((_a = otherElement.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal) && !(((_b = container.getAttribute('drop-action')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === DropMode.InfiniteDrop)) {
|
|
69233
69243
|
if (otherElement) {
|
|
69234
|
-
|
|
69244
|
+
const append = container.getAttribute('appendToDropOnCompletion');
|
|
69245
|
+
if (append === 'true') {
|
|
69246
|
+
otherElement.style.opacity = "1";
|
|
69247
|
+
}
|
|
69248
|
+
else {
|
|
69249
|
+
otherElement.style.opacity = '0';
|
|
69250
|
+
}
|
|
69235
69251
|
}
|
|
69236
69252
|
}
|
|
69237
69253
|
}
|
|
@@ -69255,7 +69271,7 @@ const storeActivityScore = (score) => {
|
|
|
69255
69271
|
activityScore[activityScoreKey] = score;
|
|
69256
69272
|
//send Custom Event to parent
|
|
69257
69273
|
// window.dispatchEvent(new CustomEvent(ActivityEndKey, { detail: { index: index, totalIndex: totalIndex, score: score } }));
|
|
69258
|
-
dispatchActivityEndEvent(index,
|
|
69274
|
+
dispatchActivityEndEvent(totalIndex, index, score, gameScore.rightMoves, gameScore.wrongMoves);
|
|
69259
69275
|
localStorage.setItem(ActivityScoreKey, JSON.stringify(activityScore));
|
|
69260
69276
|
if (totalIndex - 1 == index) {
|
|
69261
69277
|
const scoresArray = Object.values(activityScore);
|
|
@@ -69263,7 +69279,7 @@ const storeActivityScore = (score) => {
|
|
|
69263
69279
|
gameScore.finalScore = Math.floor(finalScore);
|
|
69264
69280
|
console.log('Total Score : ', gameScore.finalScore);
|
|
69265
69281
|
// window.dispatchEvent(new CustomEvent(LessonEndKey, { detail: { score: finalScore } }));
|
|
69266
|
-
dispatchLessonEndEvent(finalScore);
|
|
69282
|
+
dispatchLessonEndEvent(totalIndex, gameScore.rightMoves, gameScore.wrongMoves, finalScore);
|
|
69267
69283
|
localStorage.removeItem(ActivityScoreKey);
|
|
69268
69284
|
}
|
|
69269
69285
|
};
|
|
@@ -69294,7 +69310,7 @@ const handleShowCheck = () => {
|
|
|
69294
69310
|
}
|
|
69295
69311
|
}
|
|
69296
69312
|
else {
|
|
69297
|
-
if (!container.getAttribute("game-completed")) {
|
|
69313
|
+
if (!container.getAttribute("game-completed") && !container.querySelector("[type='slide']")) {
|
|
69298
69314
|
validateObjectiveStatus();
|
|
69299
69315
|
}
|
|
69300
69316
|
}
|
|
@@ -69365,16 +69381,17 @@ const validateObjectiveStatus = async () => {
|
|
|
69365
69381
|
else {
|
|
69366
69382
|
const isContinueOnCorrect = container.getAttribute('is-continue-on-correct') === 'true';
|
|
69367
69383
|
const onCorrect = container.getAttribute('onCorrect');
|
|
69384
|
+
if (container.querySelectorAll("[type='click']").length > 0) {
|
|
69385
|
+
storingEachActivityScore(false);
|
|
69386
|
+
}
|
|
69368
69387
|
if (!isContinueOnCorrect) {
|
|
69369
69388
|
container.setAttribute("game-completed", "true");
|
|
69370
|
-
storingEachActivityScore(false);
|
|
69371
69389
|
calculateScore();
|
|
69372
69390
|
await executeActions(onCorrect, container);
|
|
69373
69391
|
triggerNextContainer();
|
|
69374
69392
|
}
|
|
69375
69393
|
else {
|
|
69376
69394
|
const onInCorrect = container.getAttribute('onInCorrect');
|
|
69377
|
-
storingEachActivityScore(false);
|
|
69378
69395
|
await executeActions(onInCorrect, container);
|
|
69379
69396
|
}
|
|
69380
69397
|
}
|
|
@@ -66,40 +66,40 @@ export class LidoContainer {
|
|
|
66
66
|
}
|
|
67
67
|
resolveInstructionAudio() {
|
|
68
68
|
var _a;
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
69
|
+
this.instructName =
|
|
70
|
+
(_a = {
|
|
71
|
+
flashcard: "instruction.flashcards" /* templateAudio.flashcards */,
|
|
72
|
+
mcq: "instruction.mcq" /* templateAudio.mcq */,
|
|
73
|
+
tracing: "instruction.tracing" /* templateAudio.tracing */,
|
|
74
|
+
dragAndDrop: "instruction.dragAndDrop" /* templateAudio.dragAndDrop */,
|
|
75
|
+
substractionWithImage: "substractionWithImageAudio" /* templateAudio.substractionWithImage */,
|
|
76
|
+
"substractionWithoutImage": "substractionWithoutImageAudio" /* templateAudio.substractionWithoutImage */,
|
|
77
|
+
"numberIdentificationWithImage": "numberIdentificationWithImageAudio" /* templateAudio.numberIdentificationWithImage */,
|
|
78
|
+
"numberIdentificationWithoutImage": "numberIdentificationWithoutImageAudio" /* templateAudio.numberIdentificationWithoutImage */,
|
|
79
|
+
"wordBuildingWithImage": "wordBuildingWithImageAudio" /* templateAudio.wordBuildingWithImage */,
|
|
80
|
+
"wordBuildingWithoutImage": "wordBuildingWithoutImageAudio" /* templateAudio.wordBuildingWithoutImage */,
|
|
81
|
+
"pictureClues": "pictureCluesAudio" /* templateAudio.pictureClues */,
|
|
82
|
+
"pictureWordMatchMultipleImages": "pictureWordMatchMultipleImagesAudio" /* templateAudio.pictureWordMatchMultipleImages */,
|
|
83
|
+
"pictureWordMatchSingleImage": "pictureWordMatchSingleImageAudio" /* templateAudio.pictureWordMatchSingleImage */,
|
|
84
|
+
"sentenceMatch": "sentenceMatchAudio" /* templateAudio.sentenceMatch */,
|
|
85
|
+
"imageMatch": "imageMatchAudio" /* templateAudio.imageMatch */,
|
|
86
|
+
"palStoryTale": "palStoryTaleAudio" /* templateAudio.palStoryTale */,
|
|
87
|
+
"palEgmaPatternMatching": "palEgmaPatternMatchingAudio" /* templateAudio.palEgmaPatternMatching */,
|
|
88
|
+
"palEgmaWordProblemDragnDrop": "palEgmaWordProblemDragnDropAudio" /* templateAudio.palEgmaWordProblemDragnDrop */,
|
|
89
|
+
"palEgmaWordProblemClick": "palEgmaWordProblemClickAudio" /* templateAudio.palEgmaWordProblemClick */,
|
|
90
|
+
"palEgraOddOneOut": "palEgraOddOneOutAudio" /* templateAudio.palEgraOddOneOut */,
|
|
91
|
+
"palEgraArrangePictures": "palEgraArrangePicturesAudio" /* templateAudio.palEgraArrangePictures */,
|
|
92
|
+
"palEgraBuildWord": "palEgraBuildWordAudio" /* templateAudio.palEgraBuildWord */,
|
|
93
|
+
"palEgraWordFormation": "palEgraWordFormationAudio" /* templateAudio.palEgraWordFormation */,
|
|
94
|
+
"palInventedSpelling": "palInventedSpellingAudio" /* templateAudio.palInventedSpelling */,
|
|
95
|
+
"palLetterIdentification": "palLetterIdentificationAudio" /* templateAudio.palLetterIdentification */,
|
|
96
|
+
"palStoryMaking": "palStoryMakingAudio" /* templateAudio.palStoryMaking */,
|
|
97
|
+
"palegmasumtogether": "palegmasumtogetherAudio" /* templateAudio.palegmasumtogether */,
|
|
98
|
+
"palegmamultioption": "palegmamultioptionAudio" /* templateAudio.palegmamultioption */,
|
|
99
|
+
"palegraoptionaudio": "palegraoptionAudio" /* templateAudio.palegraoptionaudio */,
|
|
100
|
+
"palegrawordmatch": "palegrawordmatchAudio" /* templateAudio.palegrawordmatch */,
|
|
101
|
+
"palegramcqimages": "palegramcqimagesAudio" /* templateAudio.palegramcqimages */,
|
|
102
|
+
}[this.templateId]) !== null && _a !== void 0 ? _a : '';
|
|
103
103
|
const home = document.querySelector('lido-home');
|
|
104
104
|
if (!home)
|
|
105
105
|
return;
|
|
@@ -253,7 +253,7 @@ export class LidoContainer {
|
|
|
253
253
|
userSelect: 'none', // Prevent any field selection
|
|
254
254
|
};
|
|
255
255
|
console.log('🚀 ~ LidoContainer ~ canplay:', this.canplay);
|
|
256
|
-
return (h(Host, { key: '
|
|
256
|
+
return (h(Host, { key: '63e5793449ad0a852e401b2bbf3cdb54e5e768db', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": this.disableSpeak, "template-id": this.templateId, audio: this.audio }, h("lido-text", { key: '89be76942eb82a7cefa076b689cd9edfc7bf97b5', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: '9e17a31061eec7818d128ab22d29b2f0d54a8232' })));
|
|
257
257
|
}
|
|
258
258
|
static get is() { return "lido-container"; }
|
|
259
259
|
static get originalStyleUrls() {
|
|
@@ -148,7 +148,7 @@ function getContainerXml(args) {
|
|
|
148
148
|
<lido-cell visible="true" margin="20px 0px 0px 0px" bg-color="transparent" layout="landscape.row,portrait.col" height="landscape.50%,portrait.96%" width="landscape.100%,portrait.100%" onEntry="this.gap='10px';">
|
|
149
149
|
|
|
150
150
|
${(args.dropimg1.length === 0 && args.droptext1.length === 0) ? '' : `<lido-cell layout="row" visible="true" bg-color="transparent" height="landscape.100%,portrait.20%" width="landscape.20%,portrait.100%" onEntry="">
|
|
151
|
-
<lido-cell layout="
|
|
151
|
+
<lido-cell layout="row" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="">
|
|
152
152
|
<lido-cell id="image1" show-speak-icon="true" audio="${args.drop1Audio}" value="${args.correct1}" tab-index="1" height="landscape.270px,portrait.240px" width="landscape.200px,portrait.180px" type="drop" layout="col" visible="true" bg-Color="white" onEntry="this.padding='0px'; this.borderRadius='8px';">
|
|
153
153
|
${!args.dropimg1 || args.dropimg1.length === 0 ? '' : `<lido-image border-radius="8px 8px 0px 0px" margin="0px 0px 0px 0px" visible="true" width="landscape.202px,portrait.180px" height="landscape.200px,portrait.180px" bg-color="transparent" src="${args.dropimg1}"></lido-image>`}
|
|
154
154
|
|
|
@@ -159,7 +159,7 @@ function getContainerXml(args) {
|
|
|
159
159
|
</lido-cell>`}
|
|
160
160
|
|
|
161
161
|
${(args.dropimg2.length === 0 && args.droptext2.length === 0) ? '' : `<lido-cell layout="row" visible="true" bg-color="transparent" height="landscape.100%,portrait.20%" width="landscape.20%,portrait.100%" onEntry="this.border-radius='6px';">
|
|
162
|
-
<lido-cell layout="
|
|
162
|
+
<lido-cell layout="row" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="">
|
|
163
163
|
<lido-cell id="image2" show-speak-icon="true" audio="${args.drop2Audio}" value="${args.correct2}" tab-index="2" isAllowOnlyOneDrop="true" disable-edit="true" height="landscape.268px,portrait.240px" width="landscape.200px,portrait.178px" type="drop" layout="col" visible="true" bg-Color="white" onEntry="this.padding='0px';this.borderRadius='8px';">
|
|
164
164
|
${!args.dropimg2 || args.dropimg2.length === 0 ? '' : `<lido-image border-radius="8px 8px 0px 0px" margin="0px 0px 0px 0px" visible="true" width="landscape.202px,portrait.180px" height="landscape.200px,portrait.180px" bg-color="transparent" src="${args.dropimg2}"></lido-image>`}
|
|
165
165
|
|
|
@@ -169,7 +169,7 @@ function getContainerXml(args) {
|
|
|
169
169
|
</lido-cell>`}
|
|
170
170
|
|
|
171
171
|
${(args.dropimg3.length === 0 && args.droptext3.length === 0) ? '' : `<lido-cell layout="row" margin="landscape.50px 0px 0px 0px,portrait.0px 0px 0px 0px" visible="true" bg-color="transparent" height="landscape.100%,portrait.20%" width="landscape.20%,portrait.100%" onEntry="this.border-radius='5px';">
|
|
172
|
-
<lido-cell layout="
|
|
172
|
+
<lido-cell layout="row" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="">
|
|
173
173
|
<lido-cell type="drop" show-speak-icon="true" audio="${args.drop3Audio}" id="image3" tab-index="3" isAllowOnlyOneDrop="true" disable-edit="true" value="${args.correct3}" height="landscape.268px,portrait.240px" width="landscape.200px,portrait.178px" layout="col" visible="true" bg-Color="white" onEntry="this.padding='0px';this.borderRadius='8px';">
|
|
174
174
|
${!args.dropimg3 || args.dropimg3.length === 0 ? '' : `<lido-image border-radius="8px 8px 0px 0px" margin="0px 0px 0px 0px" visible="true" width="landscape.202px,portrait.180px" height="landscape.200px,portrait.180px" bg-color="transparent" src="${args.dropimg3}"></lido-image>`}
|
|
175
175
|
|
|
@@ -180,7 +180,7 @@ function getContainerXml(args) {
|
|
|
180
180
|
|
|
181
181
|
|
|
182
182
|
${(args.dropimg4.length === 0 && args.droptext4.length === 0) ? '' : `<lido-cell layout="row" margin="landscape.0px 0px 0px 0px,portrait.0px 0px 0px 0px" visible="true" bg-color="transparent" height="landscape.100%,portrait.20%" width="landscape.20%,portrait.100%" onEntry="this.border-radius='6px';">
|
|
183
|
-
<lido-cell layout="
|
|
183
|
+
<lido-cell layout="row" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="this.display='flex';">
|
|
184
184
|
<lido-cell id="image4" show-speak-icon="true" audio="${args.drop4Audio}" value="${args.correct4}" isAllowOnlyOneDrop="true" disable-edit="true" tab-index="4" height="landscape.270px,portrait.240px" width="landscape.200px,portrait.178px" type="drop" layout="col" visible="true" bg-Color="white" onEntry="this.padding='0px';this.borderRadius='8px';">
|
|
185
185
|
${!args.dropimg4 || args.dropimg4.length === 0 ? '' : `<lido-image border-radius="8px 8px 0px 0px" margin="0px 0px 0px 0px" visible="true" width="landscape.202px,portrait.180px" height="landscape.200px,portrait.180px" bg-color="transparent" src="${args.dropimg4}"></lido-image>`}
|
|
186
186
|
|
|
@@ -190,7 +190,7 @@ function getContainerXml(args) {
|
|
|
190
190
|
</lido-cell>`}
|
|
191
191
|
|
|
192
192
|
${(args.dropimg5.length === 0 && args.droptext5.length === 0) ? '' : `<lido-cell layout="row" margin="landscape.0px 0px 0px 0px,portrait.0px 0px 0px 0px" visible="true" bg-color="transparent" height="landscape.100%,portrait.20%" width="landscape.20%,portrait.100%" onEntry="this.border-radius='6px';">
|
|
193
|
-
<lido-cell layout="
|
|
193
|
+
<lido-cell layout="row" visible="true" width="100%" height="100%" bg-color="transparent" onEntry="this.display='flex';">
|
|
194
194
|
<lido-cell type="drop" show-speak-icon="true" audio="${args.drop5Audio}" id="image5" value="${args.correct5}" tab-index="5" isAllowOnlyOneDrop="true" disable-edit="true" width="landscape.200px,portrait.178px" height="landscape.268px,portrait.240px" layout="col" visible="true" bg-Color="white" onEntry="this.padding='0px';this.borderRadius='8px';">
|
|
195
195
|
${!args.dropimg5 || args.dropimg5.length === 0 ? '' : `<lido-image border-radius="8px 8px 0px 0px" margin="0px 0px 0px 0px" visible="true" width="landscape.202px,portrait.180px" height="landscape.200px,portrait.180px" bg-color="transparent" src="${args.dropimg5}"></lido-image>`}
|
|
196
196
|
|
|
@@ -34,7 +34,7 @@ function getContainerXml(args) {
|
|
|
34
34
|
const rightValue = escapeXml(args.rightValue);
|
|
35
35
|
return `
|
|
36
36
|
<main>
|
|
37
|
-
<lido-container visible="true" drop-action="move" objective="${objective}" equationCheck="$#lefthandle1,$#righthandle1" id="lido-container" onCorrect="lido-avatar.avatarAnimate='Success';this.sleep='2000';" show-Check="true" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/background-images/Balancing.png" is-continue-on-correct="true">
|
|
37
|
+
<lido-container visible="true" drop-action="move" objective="${objective}" equationCheck="$#lefthandle1,$#righthandle1" id="lido-container" onCorrect="lido-avatar.avatarAnimate='Success';this.sleep='2000';" show-Check="true" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/background-images/Balancing.png" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" is-continue-on-correct="true">
|
|
38
38
|
<!-- Chimple Avatar -->
|
|
39
39
|
<lido-cell layout="pos" id="pos1" disable-edit="true" value="pos2" height="landscape.396px,portrait.400px" width="landscape.298px,portrait.369px" x="landscape.82%, portrait.32%" y="landscape.63%, portrait.78%" aria-hidden="true" z="1" bg-color="transparent" visible="true" onEntry="">
|
|
40
40
|
<lido-avatar id="lido-avatar" disable-edit="true" visible="true" height="100%" width="100%" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/temp2/chimplecharacter.riv" alt-text="{chimpleCharacterRive}">
|
|
@@ -46,7 +46,7 @@ function getContainerXml(args) {
|
|
|
46
46
|
</lido-text>
|
|
47
47
|
</lido-pos>
|
|
48
48
|
<!-- question -->
|
|
49
|
-
<lido-text visible="true" tab-index="12" height="landscape.100px,portrait.175px" font-family="'Baloo Bhai 2'" font-size="60px" width="landscape.auto,portrait.86%" string="Drop the elements to match the given symbol '${objective}'" font-color="black" bg-color="white" y="landscape.0%,portrait.-12%" onEntry="this.font-weight='600'; this.position='relative';">
|
|
49
|
+
<lido-text visible="true" audio="" id="heading" tab-index="12" height="landscape.100px,portrait.175px" font-family="'Baloo Bhai 2'" font-size="60px" width="landscape.auto,portrait.86%" string="Drop the elements to match the given symbol '${objective}'" font-color="black" bg-color="white" y="landscape.0%,portrait.-12%" onEntry="this.speak='true';this.font-weight='600'; this.position='relative';">
|
|
50
50
|
</lido-text>
|
|
51
51
|
<lido-balance tilt="0" operation="add" visible="true" height="landscape.456px,portrait.500px" y="landscape.4%,portrait.0%" width="landscape.1136px,portrait.876px">
|
|
52
52
|
<!-- drop Element -->
|
|
@@ -136,22 +136,22 @@ function getContainerXml(args) {
|
|
|
136
136
|
<lido-cell layout="landscape.flex,portrait.wrap" delay-visible="2650" visible="true" width="landscape.86%, portrait.88%" y="landscape.65%, portrait.62%" x="landscape.4%,portrait.0px" z="2" onEntry="this.gridTemplateColumns = 'repeat(4, 1fr)'; this.gridTemplateRows = 'repeat(2, 1fr)';this.position='relative';this.gap='40px';">
|
|
137
137
|
|
|
138
138
|
|
|
139
|
-
<lido-text id="option1"
|
|
139
|
+
<lido-text id="option1" audio="${args.option1Audio}" value="${args.option1}" tab-index="10" visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option1}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
|
|
140
140
|
</lido-text>
|
|
141
|
-
<lido-text id="option2"
|
|
141
|
+
<lido-text id="option2" audio="${args.option2Audio}" value="${args.option2}" tab-index="11" visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option2}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
|
|
142
142
|
|
|
143
143
|
</lido-text>
|
|
144
|
-
<lido-text id="option3"
|
|
144
|
+
<lido-text id="option3" audio="${args.option3Audio}" value="${args.option3}" tab-index="12" visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option3}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
|
|
145
145
|
</lido-text>
|
|
146
|
-
<lido-text id="option4"
|
|
146
|
+
<lido-text id="option4" audio="${args.option4Audio}" value="${args.option4}" tab-index="13" visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option4}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
|
|
147
147
|
</lido-text>
|
|
148
|
-
<lido-text id="option5"
|
|
148
|
+
<lido-text id="option5" audio="${args.option5Audio}" value="${args.option5}" tab-index="14" visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option5}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
|
|
149
149
|
</lido-text>
|
|
150
|
-
<lido-text id="option6"
|
|
150
|
+
<lido-text id="option6" audio="${args.option6Audio}" value="${args.option6}" tab-index="15" visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800';" width="auto" height="84px" string="${args.option6}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
|
|
151
151
|
</lido-text>
|
|
152
|
-
<lido-text id="option7"
|
|
152
|
+
<lido-text id="option7" audio="${args.option7Audio}" value="${args.option7}" tab-index="16" visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option7}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
|
|
153
153
|
</lido-text>
|
|
154
|
-
<lido-text id="option8"
|
|
154
|
+
<lido-text id="option8" audio="${args.option8Audio}" value="${args.option8}" tab-index="17" visible="true" bg-color="#FCF3B1" onEntry="this.padding='0px 40px';this.borderRadius='25px'; this.boxShadow='unset'; this.fontWeight='800'; " width="auto" height="84px" string="${args.option8}" font-family="'Baloo 2', serif" font-size="24px" z="2" type="drag">
|
|
155
155
|
|
|
156
156
|
</lido-text>
|
|
157
157
|
</lido-cell>
|
|
@@ -44,7 +44,7 @@ custom-style = "#audioCell:active {
|
|
|
44
44
|
}" >
|
|
45
45
|
<!-- Chimple Avatar -->
|
|
46
46
|
<lido-cell layout="pos" id="pos1" disable-edit="true" value="pos2" height="landscape.330px,portrait.378px" width="landscape.300px,portrait.382px"
|
|
47
|
-
x="landscape.
|
|
47
|
+
x="landscape.79%, portrait.30%" y="landscape.61%, portrait.78%" aria-hidden="true" z="1" bg-color="transparent" visible="true" onEntry="">
|
|
48
48
|
<lido-avatar id="lido-avatar" disable-edit="true" visible="true" height="100%" width="100%" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/temp2/chimplecharacter.riv" alt-text="{chimpleCharacterRive}">
|
|
49
49
|
</lido-avatar>
|
|
50
50
|
<lido-image id="image" disableEdit="true" value="image" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/temp2/Shadow.png" bgColor="transparent" width="inherit" height="20px" x="landscape.-1px, portrait.-7px" y="landscape.280px, portrait.535px" altText="{shadowImage}"></lido-image>
|
|
@@ -48,8 +48,8 @@ export var DropAction;
|
|
|
48
48
|
DropAction["Move"] = "move";
|
|
49
49
|
DropAction["Hide"] = "hide";
|
|
50
50
|
})(DropAction || (DropAction = {}));
|
|
51
|
-
export const exitUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.
|
|
52
|
-
export const prevUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.
|
|
53
|
-
export const nextUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.
|
|
54
|
-
export const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/
|
|
55
|
-
export const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.
|
|
51
|
+
export const exitUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.png';
|
|
52
|
+
export const prevUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.png';
|
|
53
|
+
export const nextUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.png';
|
|
54
|
+
export const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/NavAudio.png';
|
|
55
|
+
export const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.png';
|
|
@@ -5,11 +5,11 @@ function dispatchCustomEvent(eventName, detail) {
|
|
|
5
5
|
const event = new CustomEvent(eventName, { detail });
|
|
6
6
|
window.dispatchEvent(event);
|
|
7
7
|
}
|
|
8
|
-
export function dispatchActivityEndEvent(
|
|
9
|
-
dispatchCustomEvent(ActivityEndKey, {
|
|
8
|
+
export function dispatchActivityEndEvent(totalIndex, currentIndex, score, rightMoves, wrongMoves) {
|
|
9
|
+
dispatchCustomEvent(ActivityEndKey, { currentIndex, totalIndex, score, rightMoves, wrongMoves });
|
|
10
10
|
}
|
|
11
|
-
export function dispatchLessonEndEvent(
|
|
12
|
-
dispatchCustomEvent(LessonEndKey, {
|
|
11
|
+
export function dispatchLessonEndEvent(totalIndex, rightMoves, wrongMoves, finalScore) {
|
|
12
|
+
dispatchCustomEvent(LessonEndKey, { totalIndex, rightMoves, wrongMoves, finalScore, timeSpent: Math.floor(Timer.getI().getElapsed() / 1000) });
|
|
13
13
|
}
|
|
14
14
|
export function dispatchNextContainerEvent() {
|
|
15
15
|
dispatchCustomEvent(NextContainerKey, {});
|