lido-player 0.0.2-alpha-56-dev → 0.0.2-alpha-58-dev
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 +1 -1
- package/dist/cjs/{utils-a61cfc6b.js → utils-470fe410.js} +19 -17
- package/dist/collection/stories/Templates/numberBoardTwo/numberBoardTwo.stories.js +2 -2
- package/dist/collection/stories/Templates/order-tractor/order-tractor-ascending-order.stories.js +6 -5
- package/dist/collection/stories/Templates/order-tractor/order-tractor.stories.js +6 -6
- package/dist/collection/stories/Templates/sequenceBox/sequenceBox1.stories.js +16 -13
- package/dist/collection/stories/Templates/sequenceBox/sequenceBox2.stories.js +18 -15
- package/dist/collection/stories/Templates/sumTogether/sumTogether.stories.js +11 -10
- package/dist/collection/utils/utils.js +19 -16
- 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-7ab0a273.js → p-0e645e5b.js} +1 -1
- package/dist/components/{p-9104d427.js → p-0fa0ada9.js} +1 -1
- package/dist/components/{p-ff801ba1.js → p-17cdbc3d.js} +1 -1
- package/dist/components/{p-d1b5079b.js → p-348f95ba.js} +1 -1
- package/dist/components/{p-f3bc4577.js → p-53a7d4cb.js} +1 -1
- package/dist/components/{p-c4739621.js → p-67d97edc.js} +3 -3
- package/dist/components/{p-0712a27e.js → p-6953efe0.js} +19 -17
- package/dist/components/{p-0a41b2f8.js → p-6f451328.js} +1 -1
- package/dist/components/{p-4d332eab.js → p-6f91a337.js} +1 -1
- package/dist/components/{p-882b291d.js → p-822b692a.js} +2 -2
- package/dist/components/{p-ffc40642.js → p-8c526c86.js} +1 -1
- package/dist/components/{p-f2b53e8e.js → p-97ddbda4.js} +1 -1
- package/dist/components/{p-2829c82c.js → p-984ef5d1.js} +1 -1
- package/dist/components/{p-480f708a.js → p-9c7f08c4.js} +1 -1
- package/dist/components/{p-cca36777.js → p-9eb8593c.js} +1 -1
- package/dist/components/{p-b9875116.js → p-bc7835fc.js} +1 -1
- package/dist/components/{p-eab0ebb7.js → p-c62da3ed.js} +1 -1
- package/dist/components/{p-4e041807.js → p-cfde157c.js} +1 -1
- package/dist/components/{p-17f84b2f.js → p-d0c4d5a7.js} +1 -1
- package/dist/components/{p-21852d55.js → p-ee4759de.js} +1 -1
- package/dist/components/{p-330caab8.js → p-f36d02e9.js} +2 -2
- package/dist/components/{p-e1ba0c44.js → p-f729ff82.js} +21 -21
- package/dist/esm/index.js +1 -1
- package/dist/esm/lido-avatar_22.entry.js +1 -1
- package/dist/esm/{utils-7ed76799.js → utils-d0f004f8.js} +19 -17
- package/dist/lido-player/index.esm.js +1 -1
- package/dist/lido-player/lido-player.esm.js +1 -1
- package/dist/lido-player/{p-fa9dfdf8.entry.js → p-06248bc2.entry.js} +1 -1
- package/dist/lido-player/{p-17d93181.js → p-bde62361.js} +1 -1
- package/package.json +1 -1
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -69702,10 +69702,22 @@ const animateBoxCells = async (element, value) => {
|
|
|
69702
69702
|
await new Promise(resolve => setTimeout(resolve, 600)); // Adjust delay as needed
|
|
69703
69703
|
cell.classList.remove('lido-box-highlight');
|
|
69704
69704
|
}
|
|
69705
|
-
//
|
|
69706
|
-
|
|
69707
|
-
|
|
69708
|
-
|
|
69705
|
+
// checkout parent cell first then pick the first text child inside cell
|
|
69706
|
+
const parentCell = document.getElementById(LidoContainer);
|
|
69707
|
+
if (!parentCell)
|
|
69708
|
+
return;
|
|
69709
|
+
const firstTextChild = parentCell.querySelector('lido-text');
|
|
69710
|
+
if (firstTextChild) {
|
|
69711
|
+
// play the text child inside parent cell
|
|
69712
|
+
await AudioPlayer.getI().play(firstTextChild);
|
|
69713
|
+
}
|
|
69714
|
+
// Now select each box cell's text child and play them one by one
|
|
69715
|
+
for (const box of boxCells) {
|
|
69716
|
+
const text = box.querySelector('lido-text');
|
|
69717
|
+
console.log('box text', text);
|
|
69718
|
+
if (!text)
|
|
69719
|
+
continue;
|
|
69720
|
+
await AudioPlayer.getI().play(text);
|
|
69709
69721
|
}
|
|
69710
69722
|
};
|
|
69711
69723
|
const questionBoxAnimation = async (element, value) => {
|
|
@@ -69727,20 +69739,10 @@ const questionBoxAnimation = async (element, value) => {
|
|
|
69727
69739
|
});
|
|
69728
69740
|
// Reveal all drop childrens which is hidden
|
|
69729
69741
|
const dropElements = Array.from(element.querySelectorAll("[type='drop']"));
|
|
69730
|
-
let check = false;
|
|
69731
69742
|
dropElements.forEach(dropEl => {
|
|
69732
69743
|
const dropVal = dropEl.getAttribute("value");
|
|
69733
69744
|
if (dropVal && dropEl.innerText.trim() === "?") {
|
|
69734
69745
|
dropEl.innerText = dropVal;
|
|
69735
|
-
if (dropElements.length > 1 && check == false) {
|
|
69736
|
-
if (window.innerWidth > window.innerHeight) {
|
|
69737
|
-
dropEl.style.marginRight = "-45px";
|
|
69738
|
-
}
|
|
69739
|
-
else {
|
|
69740
|
-
dropEl.style.marginRight = "-65px";
|
|
69741
|
-
}
|
|
69742
|
-
check = true;
|
|
69743
|
-
}
|
|
69744
69746
|
}
|
|
69745
69747
|
});
|
|
69746
69748
|
};
|
|
@@ -69750,9 +69752,9 @@ const SumTogetherAnimation = async (element, value) => {
|
|
|
69750
69752
|
if (!value)
|
|
69751
69753
|
return;
|
|
69752
69754
|
// Expecting structure: [_, TopRow, questionRow, optionRow, ...]
|
|
69753
|
-
const TopRow = Array.from(element.children)[
|
|
69754
|
-
const questionRow = Array.from(element.children)[
|
|
69755
|
-
const optionRow = Array.from(element.children)[
|
|
69755
|
+
const TopRow = Array.from(element.children)[2];
|
|
69756
|
+
const questionRow = Array.from(element.children)[3];
|
|
69757
|
+
const optionRow = Array.from(element.children)[4];
|
|
69756
69758
|
if (!TopRow || !questionRow || !optionRow)
|
|
69757
69759
|
return;
|
|
69758
69760
|
const topRowChildren = Array.from(TopRow.children);
|
|
@@ -48,7 +48,7 @@ export const numberBoard = {
|
|
|
48
48
|
},
|
|
49
49
|
};
|
|
50
50
|
function getContainerXml(args) {
|
|
51
|
-
let tabCounter =
|
|
51
|
+
let tabCounter = 3;
|
|
52
52
|
const { options = [], answers = [], isAllowOnlyCorrect = true } = args;
|
|
53
53
|
const pickedColors = args.colors;
|
|
54
54
|
const DropCells = answers.map(answer => {
|
|
@@ -88,7 +88,7 @@ function getContainerXml(args) {
|
|
|
88
88
|
|
|
89
89
|
<lido-text id="trainAudio" visible="false" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/train1.m4a" onEntry="this.speak='true'; question-text.speak='true';">
|
|
90
90
|
</lido-text>
|
|
91
|
-
<lido-text id="question-text" visible="false" audio="" string="drag the number to its correct place and complete the number puzzle" value="drag the number to its correct place and complete the number puzzle" onEntry="">
|
|
91
|
+
<lido-text id="question-text" tab-index="2" visible="false" audio="" string="drag the number to its correct place and complete the number puzzle" value="drag the number to its correct place and complete the number puzzle" onEntry="">
|
|
92
92
|
</lido-text>
|
|
93
93
|
|
|
94
94
|
<lido-cell visible="true" id="xx" layout="landscape.row,portrait.col" height="90%" width="90%" bg-Color="transparent" margin="landscape.56px 0px 0px 0px,portrait.0px" onEntry="">
|
package/dist/collection/stories/Templates/order-tractor/order-tractor-ascending-order.stories.js
CHANGED
|
@@ -41,6 +41,7 @@ function getContainerXml(args) {
|
|
|
41
41
|
<lido-cell visible="true" id="truck" layout="row" height="60%" width="landscape.100%,portrait.auto" margin="landscape.0,portrait.650px -44px -11px -146px" bg-color="transparent" onEntry=" this.animation='rightToPlace 2.5s linear';" onCorrect="" >
|
|
42
42
|
<lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/ordertractor_cart.png" width="landscape.220px,portrait.250px" padding="0px" margin="landscape.350px -81px 0px 34px,portrait.178px -44px -11px -87px"></lido-image>
|
|
43
43
|
<lido-text id="trainAudio" visible="false" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/train1.m4a" onEntry="this.speak='true';"></lido-text>
|
|
44
|
+
<lido-text id="question" tab-index="6" visible="false" string="arrange the number blocks in increasing or decreasing order and complete the pattern train" value="arrange the number blocks in increasing or decreasing order and complete the pattern train" onEntry="this.sleep='2000';this.speak='true';"></lido-text>
|
|
44
45
|
|
|
45
46
|
<!-- 1 -->
|
|
46
47
|
<lido-cell visible="true" layout="col" bg-color="transparent" padding="0" margin="landscape.90px -121px 0px -189px,portrait.80px 0px 0px 42px" >
|
|
@@ -108,15 +109,15 @@ function getContainerXml(args) {
|
|
|
108
109
|
<!-- answers -->
|
|
109
110
|
<lido-cell visible="true" id="answer" delay-visible="2650" layout="row" height="40%" width="100%" bg-color="transparent" onEntry="this.alignItems='center';this.justify-content='space-around'" >
|
|
110
111
|
|
|
111
|
-
<lido-text id="drg1" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option1}" value="${args.option1}" tab-index="
|
|
112
|
+
<lido-text id="drg1" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option1}" value="${args.option1}" tab-index="7" bg-Color="transparent" onEntry="this.fontWeight='1000';" fontColor="gold" type="drag" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain.png" ></lido-text>
|
|
112
113
|
|
|
113
|
-
<lido-text id="drg2" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option2}" value="${args.option2}" tab-index="
|
|
114
|
+
<lido-text id="drg2" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option2}" value="${args.option2}" tab-index="8" bg-Color="transparent" onEntry=" this.fontWeight='1000';" fontColor="gold" type="drag" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain.png" ></lido-text>
|
|
114
115
|
|
|
115
|
-
<lido-text id="drg3" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option3}" value="${args.option3}" tab-index="
|
|
116
|
+
<lido-text id="drg3" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option3}" value="${args.option3}" tab-index="9" bg-Color="transparent" onEntry=" this.fontWeight='1000';" fontColor="gold" type="drag" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain.png" ></lido-text>
|
|
116
117
|
|
|
117
|
-
<lido-text id="drg4" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option4}" value="${args.option4}" tab-index="
|
|
118
|
+
<lido-text id="drg4" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option4}" value="${args.option4}" tab-index="10" bg-Color="transparent" onEntry=" this.fontWeight='1000';" fontColor="gold" type="drag" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain.png" ></lido-text>
|
|
118
119
|
|
|
119
|
-
<lido-text id="drg5" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option5}" value="${args.option5}" tab-index="
|
|
120
|
+
<lido-text id="drg5" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option5}" value="${args.option5}" tab-index="11" bg-Color="transparent" onEntry=" this.fontWeight='1000';" fontColor="gold" type="drag" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain.png" ></lido-text>
|
|
120
121
|
|
|
121
122
|
</lido-cell>
|
|
122
123
|
|
|
@@ -40,7 +40,7 @@ function getContainerXml(args) {
|
|
|
40
40
|
<lido-cell visible="true" id="truck" layout="row" height="60%" width="landscape.100%, portrait.auto" margin="landscape.0,portrait.650px -44px -11px -146px" bg-color="transparent" onEntry=" this.animation='rightToPlace 2.5s linear';" onCorrect="" >
|
|
41
41
|
<lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/ordertractor_cart.png" width="landscape.220px,portrait.250px" padding="0px" margin="landscape.350px -81px 0px 34px,portrait.172px -44px -11px -87px"></lido-image>
|
|
42
42
|
|
|
43
|
-
<lido-text id="question" visible="false" string="arrange the number blocks in increasing or decreasing order and complete the pattern train" value="arrange the number blocks in increasing or decreasing order and complete the pattern train" onEntry="this.sleep='2000';this.speak='true';"></lido-text>
|
|
43
|
+
<lido-text id="question" tab-index="6" visible="false" string="arrange the number blocks in increasing or decreasing order and complete the pattern train" value="arrange the number blocks in increasing or decreasing order and complete the pattern train" onEntry="this.sleep='2000';this.speak='true';"></lido-text>
|
|
44
44
|
<lido-text id="trainAudio" visible="false" audio="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/train1.m4a" onEntry="this.speak='true';"></lido-text>
|
|
45
45
|
<lido-cell visible="true" layout="col" bg-color="transparent" margin="landscape.0px -36px 0px -130px,portrait.0px 10px 0px 30px" >
|
|
46
46
|
|
|
@@ -102,15 +102,15 @@ function getContainerXml(args) {
|
|
|
102
102
|
<!-- answers -->
|
|
103
103
|
<lido-cell visible="true" id="answer" delay-visible="2650" layout="row" height="40%" width="100%" bg-color="transparent" onEntry="this.alignItems='center';this.justify-content='space-around'" >
|
|
104
104
|
|
|
105
|
-
<lido-text id="drg1" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option1}" value="${args.option1}" tab-index="
|
|
105
|
+
<lido-text id="drg1" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option1}" value="${args.option1}" tab-index="7" bg-Color="transparent" onEntry=" this.fontWeight='1000';" fontColor="gold" type="drag" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain.png" ></lido-text>
|
|
106
106
|
|
|
107
|
-
<lido-text id="drg2" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option2}" value="${args.option2}" tab-index="
|
|
107
|
+
<lido-text id="drg2" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option2}" value="${args.option2}" tab-index="8" bg-Color="transparent" onEntry=" this.fontWeight='1000';" fontColor="gold" type="drag" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain.png" ></lido-text>
|
|
108
108
|
|
|
109
|
-
<lido-text id="drg3" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option3}" value="${args.option3}" tab-index="
|
|
109
|
+
<lido-text id="drg3" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option3}" value="${args.option3}" tab-index="9" bg-Color="transparent" onEntry=" this.fontWeight='1000';" fontColor="gold" type="drag" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain.png" ></lido-text>
|
|
110
110
|
|
|
111
|
-
<lido-text id="drg4" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option4}" value="${args.option4}" tab-index="
|
|
111
|
+
<lido-text id="drg4" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option4}" value="${args.option4}" tab-index="10" bg-Color="transparent" onEntry=" this.fontWeight='1000';" fontColor="gold" type="drag" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain.png" ></lido-text>
|
|
112
112
|
|
|
113
|
-
<lido-text id="drg5" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option5}" value="${args.option5}" tab-index="
|
|
113
|
+
<lido-text id="drg5" onTouch="this.speak='true';" height="landscape.200px,portrait.160px" width="landscape.200px,portrait.160px" visible="true" font-family="'Baloo Bhai 2'" font-size="110px" string="${args.option5}" value="${args.option5}" tab-index="11" bg-Color="transparent" onEntry=" this.fontWeight='1000';" fontColor="gold" type="drag" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain.png" ></lido-text>
|
|
114
114
|
|
|
115
115
|
</lido-cell>
|
|
116
116
|
|
|
@@ -37,13 +37,13 @@ function getContainerXml(args) {
|
|
|
37
37
|
const objectiveArray = missingNumber.split('');
|
|
38
38
|
const dropCells = objectiveArray
|
|
39
39
|
.map((cell, i) => `
|
|
40
|
-
<lido-text id="drop-${cell}" tab-index="${i}" disable-edit="true" height="landscape.165px, portrait.125px" width="125px" visible="true" value="${cell}" string="?" font-family="'Baloo Bhai 2'" font-color="#FFC805" type="drop" font-size="landscape.130px, portrait.100px" bg-color="transparent" onEntry="this.fontWeight='800'; this.borderRadius='10px'; this.margin-top='65px';" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/card-slot_empty.png">
|
|
40
|
+
<lido-text id="drop-${cell}" tab-index="${25 + i}" disable-edit="true" height="landscape.165px, portrait.125px" width="125px" visible="true" value="${cell}" string="?" font-family="'Baloo Bhai 2'" font-color="#FFC805" type="drop" font-size="landscape.130px, portrait.100px" bg-color="transparent" onEntry="this.fontWeight='800'; this.borderRadius='10px'; this.margin-top='65px';" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/card-slot_empty.png">
|
|
41
41
|
</lido-text>
|
|
42
42
|
`)
|
|
43
43
|
.join('\n');
|
|
44
44
|
const dragCells = options
|
|
45
45
|
.map((digit, i) => `
|
|
46
|
-
<lido-text id="drag-${
|
|
46
|
+
<lido-text id="drag-${digit}" tab-index="${50 + i}" height="landscape.170px, portrait.125px" width="landscape.125px, portrait.90px" visible="true" value="${digit}" string="${digit}" font-family="'Baloo Bhai 2'" font-color="black" type="drag" font-size="104px" bg-color="#FFF4CD" onEntry="this.fontWeight='800'; this.borderRadius='10px'; this.flex-shrink='0';" border-image="" onCorrect="lido-avatar.avatarAnimate='Success'; this.sleep='2000';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';">
|
|
47
47
|
</lido-text>
|
|
48
48
|
`)
|
|
49
49
|
.join('\n');
|
|
@@ -59,37 +59,40 @@ function getContainerXml(args) {
|
|
|
59
59
|
</lido-image>
|
|
60
60
|
</lido-cell>
|
|
61
61
|
|
|
62
|
+
<lido-text id="invisible-text" tab-index="2" audio="" width="297px" height="80px" display="flex" font-size="12px" z="1" font-color="black" value="fill the empty box with the missing numbers and complete the pattern." string="fill the empty box with the missing numbers and complete the pattern." visible="false" bg-color="transparent">
|
|
63
|
+
</lido-text>
|
|
64
|
+
|
|
62
65
|
<!-- drop cells -->
|
|
63
66
|
<lido-cell layout="row" aria-hidden="true" visible="true" height="landscape.45%,portrait.40%" width="landscape.85%, portrait.95%" bg-Color="transparent" margin="landscape.385px 0px -545px 0px,portrait.55px 0px -73px 0px" onEntry="this.z-index='1'; this.boxAnimationOneByOne='true';">
|
|
64
67
|
|
|
65
68
|
<lido-cell layout="col" visible="true" type="box" height="landscape.90%,portrait.41%" width="20%" bg-Color="transparent" onEntry="this.z-index='1';">
|
|
66
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-image0" disable-edit="true"
|
|
69
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image0" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_top1.png" height="landscape.150px, portrait.150px" width="landscape.315px, portrait.200px" margin="landscape.-180px 0px -525px 0px, portrait.-200px 0px -715px 0px">
|
|
67
70
|
</lido-image>
|
|
68
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
69
|
-
<lido-text id="drop-${number1}" tab-index="
|
|
71
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image1" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_bottom1.png" height="landscape.250px, portrait.200px" width="landscape.315px, portrait.200px" margin="landscape.0px 0px -145px 0px, portrait.0px 0px -275px 0px" >
|
|
72
|
+
<lido-text id="drop-${number1}" tab-index="3" disable-edit="true" height="landscape.130px, portrait.80px" width="landscape.200px, portrait.160px" visible="true" value="${number1}" string="${number1}" font-family="'Baloo Bhai 2'" font-color="#FFC805" font-size="landscape.130px, portrait.100px" bg-color="transparent" onEntry="this.fontWeight='800'; this.borderRadius='10px'; this.margin-top='65px'; this.margin-right='15px';">
|
|
70
73
|
</lido-text>
|
|
71
74
|
</lido-image>
|
|
72
75
|
</lido-cell>
|
|
73
76
|
<lido-cell layout="col" visible="true" type="box" height="landscape.90%,portrait.41%" width="20%" bg-Color="transparent" onEntry="this.z-index='1';">
|
|
74
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
77
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image2" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_top1.png" height="landscape.150px, portrait.150px" width="landscape.315px, portrait.200px" margin="landscape.-180px 0px -525px 0px, portrait.-200px 0px -715px 0px" >
|
|
75
78
|
</lido-image>
|
|
76
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
77
|
-
<lido-text id="drop-${number2}" tab-index="
|
|
79
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image3" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_bottom1.png" height="landscape.250px, portrait.200px" width="landscape.315px, portrait.200px" margin="landscape.0px 0px -145px 0px, portrait.0px 0px -275px 0px" >
|
|
80
|
+
<lido-text id="drop-${number2}" tab-index="4" disable-edit="true" height="landscape.130px, portrait.80px" width="landscape.200px, portrait.160px" visible="true" value="${number2}" string="${number2}" font-family="'Baloo Bhai 2'" font-color="#FFC805" font-size="landscape.130px, portrait.100px" bg-color="transparent" onEntry="this.fontWeight='800'; this.borderRadius='10px'; this.margin-top='65px'; this.margin-right='15px';">
|
|
78
81
|
</lido-text>
|
|
79
82
|
</lido-image>
|
|
80
83
|
</lido-cell>
|
|
81
84
|
<lido-cell layout="col" visible="true" type="box" height="landscape.90%,portrait.41%" width="20%" bg-Color="transparent" onEntry="this.z-index='1';" onCorrect="this.boxAnimate='true';">
|
|
82
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
85
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image4" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_top1.png" height="landscape.150px, portrait.150px" width="landscape.315px, portrait.200px" margin="landscape.-180px 0px -525px 0px, portrait.-200px 0px -715px 0px" >
|
|
83
86
|
</lido-image>
|
|
84
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
87
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image5" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_bottom1.png" height="landscape.250px, portrait.200px" width="landscape.315px, portrait.200px" margin="landscape.0px 0px -145px 0px, portrait.0px 0px -275px 0px" >
|
|
85
88
|
${dropCells}
|
|
86
89
|
</lido-image>
|
|
87
90
|
</lido-cell>
|
|
88
91
|
<lido-cell layout="col" visible="true" type="box" height="landscape.90%,portrait.41%" width="20%" bg-Color="transparent" onEntry="this.z-index='1';">
|
|
89
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
92
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image6" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_top1.png" height="landscape.150px, portrait.150px" width="landscape.315px, portrait.200px" margin="landscape.-180px 0px -525px 0px, portrait.-200px 0px -715px 0px" >
|
|
90
93
|
</lido-image>
|
|
91
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
92
|
-
<lido-text id="drop-${number4}" tab-index="
|
|
94
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image7" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_bottom1.png" height="landscape.250px, portrait.200px" width="landscape.315px, portrait.200px" margin="landscape.0px 0px -145px 0px, portrait.0px 0px -275px 0px" >
|
|
95
|
+
<lido-text id="drop-${number4}" tab-index="5" disable-edit="true" height="landscape.130px, portrait.80px" width="landscape.200px, portrait.160px" visible="true" value="${number4}" string="${number4}" font-family="'Baloo Bhai 2'" font-color="#FFC805" font-size="landscape.130px, portrait.100px" bg-color="transparent" onEntry="this.fontWeight='800'; this.borderRadius='10px'; this.margin-top='65px'; this.margin-right='15px';">
|
|
93
96
|
</lido-text>
|
|
94
97
|
</lido-image>
|
|
95
98
|
</lido-cell>
|
|
@@ -35,55 +35,58 @@ function getContainerXml(args) {
|
|
|
35
35
|
const isAllowOnlyCorrect = (_a = args.isAllowOnlyCorrect) !== null && _a !== void 0 ? _a : true;
|
|
36
36
|
const dragCells = options
|
|
37
37
|
.map((digit, i) => `
|
|
38
|
-
<lido-text id="drag-${
|
|
38
|
+
<lido-text id="drag-${digit}" tab-index="${50 + i}" height="landscape.130px, portrait.130px" width="landscape.225px, portrait.200px" visible="true" value="${digit}" string="${digit}" font-family="'Baloo Bhai 2'" font-color="black" type="drag" font-size="104px" bg-color="#FFF4CD" onEntry="this.fontWeight='800'; this.borderRadius='10px';" border-image="" onCorrect="lido-avatar.avatarAnimate='Success'; this.sleep='2000';"
|
|
39
39
|
onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';">
|
|
40
40
|
</lido-text>
|
|
41
41
|
`)
|
|
42
42
|
.join('\n');
|
|
43
43
|
return `
|
|
44
44
|
<main>
|
|
45
|
-
<lido-container id="lido-container" objective="${missingNumber}" tab-index="1" show-drop-border="false" is-continue-on-correct="true" is-allow-only-correct="${isAllowOnlyCorrect}" value="mainContainer1" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/background-images/Sequence%20box.png" height="100%" width="100%" bg-color="transparent" visible="true" onCorrect="this.questionBoxAnimate='true'; lido-avatar.avatarAnimate='Success'; this.sleep='2000';" onEntry="this.justifyContent='space-around';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='
|
|
45
|
+
<lido-container id="lido-container" objective="${missingNumber}" tab-index="1" show-drop-border="false" is-continue-on-correct="true" is-allow-only-correct="${isAllowOnlyCorrect}" value="mainContainer1" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/background-images/Sequence%20box.png" height="100%" width="100%" bg-color="transparent" visible="true" onCorrect="this.questionBoxAnimate='true'; lido-avatar.avatarAnimate='Success'; this.sleep='2000';" onEntry="this.justifyContent='space-around';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" drop-action="infinite-drop" show-check="false">
|
|
46
46
|
|
|
47
47
|
<!-- Chimple Avatar -->
|
|
48
|
-
<lido-cell layout="pos" id="pos1"
|
|
48
|
+
<lido-cell layout="pos" id="pos1" disable-edit="true" height="landscape.600px, portrait.700px" width="landscape.393px, portrait.485px" x="landscape.600px, portrait.230px" y="landscape.45px, portrait.1010px" ariaHidden="true" z="1" bgColor="transparent" visible="true" onEntry="this.flex-shrink='0';">
|
|
49
49
|
<lido-avatar id="lido-avatar" disableEdit="true" visible="true" height="inherit" width="inherit" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/temp2/chimplecharacter.riv" altText="{chimpleCharacterRive}" onEntry="">
|
|
50
50
|
</lido-avatar>
|
|
51
51
|
<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="27px" x="landscape.-7px, portrait.-7px" y="landscape.450px, portrait.535px" altText="{shadowImage}">
|
|
52
52
|
</lido-image>
|
|
53
53
|
</lido-cell>
|
|
54
54
|
|
|
55
|
+
<lido-text id="invisible-text" tab-index="2" audio="" width="297px" height="80px" display="flex" font-size="12px" z="1" font-color="black" value="fill the empty box with the missing numbers and complete the pattern." string="fill the empty box with the missing numbers and complete the pattern." visible="false" bg-color="transparent">
|
|
56
|
+
</lido-text>
|
|
57
|
+
|
|
55
58
|
<!-- drop cells -->
|
|
56
59
|
<lido-cell layout="row" aria-hidden="true" visible="true" height="landscape.45%,portrait.40%" width="landscape.85%, portrait.95%" bg-Color="transparent" margin="landscape.385px 0px -545px 0px,portrait.55px 0px -73px 0px" onEntry="this.z-index='1'; this.boxAnimationOneByOne='true';">
|
|
57
60
|
|
|
58
61
|
<lido-cell layout="col" visible="true" type="box" height="landscape.90%,portrait.41%" width="20%" bg-Color="transparent" onEntry="this.z-index='1';">
|
|
59
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-image0" disable-edit="true"
|
|
62
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image0" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_top1.png" height="landscape.150px, portrait.150px" width="landscape.315px, portrait.200px" margin="landscape.-180px 0px -525px 0px, portrait.-200px 0px -715px 0px">
|
|
60
63
|
</lido-image>
|
|
61
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
62
|
-
<lido-text id="drop
|
|
64
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image1" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_bottom1.png" height="landscape.250px, portrait.200px" width="landscape.315px, portrait.200px" margin="landscape.0px 0px -145px 0px, portrait.0px 0px -275px 0px" >
|
|
65
|
+
<lido-text id="drop-1" tab-index="3" disable-edit="true" height="landscape.130px, portrait.100px" width="200px" visible="true" value="${number1}" string="${number1}" font-family="'Baloo Bhai 2'" font-color="#FFC805" font-size="landscape.130px, portrait.100px" bg-color="transparent" onEntry="this.fontWeight='800'; this.borderRadius='10px'; this.margin-top='65px'; this.margin-right='15px';">
|
|
63
66
|
</lido-text>
|
|
64
67
|
</lido-image>
|
|
65
68
|
</lido-cell>
|
|
66
69
|
<lido-cell layout="col" visible="true" type="box" height="landscape.90%,portrait.41%" width="20%" bg-Color="transparent" onEntry="this.z-index='1';">
|
|
67
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
70
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image2" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_top1.png" height="landscape.150px, portrait.150px" width="landscape.315px, portrait.200px" margin="landscape.-180px 0px -525px 0px, portrait.-200px 0px -715px 0px" >
|
|
68
71
|
</lido-image>
|
|
69
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
70
|
-
<lido-text id="drop
|
|
72
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image3" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_bottom1.png" height="landscape.250px, portrait.200px" width="landscape.315px, portrait.200px" margin="landscape.0px 0px -145px 0px, portrait.0px 0px -275px 0px" >
|
|
73
|
+
<lido-text id="drop-2" tab-index="4" disable-edit="true" height="landscape.130px, portrait.100px" width="200px" visible="true" value="${number2}" string="${number2}" font-family="'Baloo Bhai 2'" font-color="#FFC805" font-size="landscape.130px, portrait.100px" bg-color="transparent" onEntry="this.fontWeight='800'; this.borderRadius='10px'; this.margin-top='65px'; this.margin-right='15px';">
|
|
71
74
|
</lido-text>
|
|
72
75
|
</lido-image>
|
|
73
76
|
</lido-cell>
|
|
74
77
|
<lido-cell layout="col" visible="true" type="box" height="landscape.90%,portrait.41%" width="20%" bg-Color="transparent" onEntry="this.z-index='1';" onCorrect="this.boxAnimate='true';">
|
|
75
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
78
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image4" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_top1.png" height="landscape.150px, portrait.150px" width="landscape.315px, portrait.200px" margin="landscape.-180px 0px -525px 0px, portrait.-200px 0px -715px 0px" >
|
|
76
79
|
</lido-image>
|
|
77
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
78
|
-
<lido-text id="drop
|
|
80
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image5" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_bottom1.png" height="landscape.250px, portrait.200px" width="landscape.315px, portrait.200px" margin="landscape.0px 0px -145px 0px, portrait.0px 0px -275px 0px" >
|
|
81
|
+
<lido-text id="drop-3" tab-index="5" disable-edit="true" height="landscape.155px, portrait.125px" width="295px" visible="true" value="${missingNumber}" string="?" font-family="'Baloo Bhai 2'" font-color="#FFC805" type="drop" font-size="landscape.130px, portrait.100px" bg-color="transparent" onEntry="this.fontWeight='800'; this.borderRadius='10px'; this.margin-top='65px';';" border-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/card-slot_empty.png">
|
|
79
82
|
</lido-text>
|
|
80
83
|
</lido-image>
|
|
81
84
|
</lido-cell>
|
|
82
85
|
<lido-cell layout="col" visible="true" type="box" height="landscape.90%,portrait.41%" width="20%" bg-Color="transparent" onEntry="this.z-index='1';">
|
|
83
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
86
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image6" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_top1.png" height="landscape.150px, portrait.150px" width="landscape.315px, portrait.200px" margin="landscape.-180px 0px -525px 0px, portrait.-200px 0px -715px 0px" >
|
|
84
87
|
</lido-image>
|
|
85
|
-
<lido-image is-slice="true" bg-color="transparent" id="drop-
|
|
86
|
-
<lido-text id="drop
|
|
88
|
+
<lido-image is-slice="true" bg-color="transparent" id="drop-image7" disable-edit="true" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/tressure_bottom1.png" height="landscape.250px, portrait.200px" width="landscape.315px, portrait.200px" margin="landscape.0px 0px -145px 0px, portrait.0px 0px -275px 0px" >
|
|
89
|
+
<lido-text id="drop-4" tab-index="6" disable-edit="true" height="landscape.130px, portrait.100px" width="200px" visible="true" value="${number4}" string="${number4}" font-family="'Baloo Bhai 2'" font-color="#FFC805" font-size="landscape.130px, portrait.100px" bg-color="transparent" onEntry="this.fontWeight='800'; this.borderRadius='10px'; this.margin-top='65px'; this.margin-right='15px';">
|
|
87
90
|
</lido-text>
|
|
88
91
|
</lido-image>
|
|
89
92
|
</lido-cell>
|
|
@@ -79,6 +79,10 @@ function getContainerXml(args) {
|
|
|
79
79
|
</lido-avatar>
|
|
80
80
|
</lido-cell>
|
|
81
81
|
|
|
82
|
+
<!-- speaking element-->
|
|
83
|
+
<lido-text id="speak-text" tab-index="2" height="100%" width="100%" visible="false" string="solve the problem by counting the teddys above and drag the correct answer" font-family="'Baloo Bhai 2'" font-color="red" font-size="75px" bg-color="transparent" onInCorrect="" onEntry="this.opacity='0'; this.speak='true';" border-image="">
|
|
84
|
+
</lido-text>
|
|
85
|
+
|
|
82
86
|
<!-- top section -->
|
|
83
87
|
<lido-cell layout="landscape.row,portrait.wrap" id="top-row" aria-hidden="true" visible="true" height="landscape.15%,portrait.5%" width="landscape.100%, portrait.106%" bg-Color="transparent" margin="landscape.100px 0px 0px 0px,portrait.-130px -65px 0px 0px" onEntry="this.z-index='1'; this.justify-content='center';" gap="landscape.35px,portrait.5px">
|
|
84
88
|
${topImageCells}
|
|
@@ -86,16 +90,16 @@ function getContainerXml(args) {
|
|
|
86
90
|
|
|
87
91
|
<!-- question row-->
|
|
88
92
|
<lido-cell layout="row" id="question-row" aria-hidden="true" visible="true" height="landscape.15%,portrait.15%" width="landscape.65%, portrait.90%" bg-Color="transparent" margin="landscape.185px 0px 30px 0px,portrait.25px 0px -120px 0px" onEntry="this.z-index='1'; this.justify-content='center';" gap="landscape.90px,portrait.40px">
|
|
89
|
-
<lido-text id="num-${number1}" tab-index="
|
|
93
|
+
<lido-text id="num-${number1}" tab-index="3" height="215px" width="120px" visible="true" value="${number1}" string="${number1}" font-family="'Baloo Bhai 2'" font-color="black" font-size="150px" bg-color="transparent" onInCorrect="" onEntry="this.font-weight='800'; this.borderRadius='10px'; this.flex-flow='column-reverse'; this.opacity='0';" border-image="">
|
|
90
94
|
</lido-text>
|
|
91
|
-
<lido-text id="operator-${sign}" tab-index="
|
|
95
|
+
<lido-text id="operator-${sign}" tab-index="4" height="295px" width="120px" visible="true" value="${sign}" string="${sign}" font-family="'Baloo Bhai 2'" font-color="black" font-size="195px" bg-color="transparent" onInCorrect="" onEntry="this.font-weight='800'; this.borderRadius='10px'; this.flex-flow='column-reverse'; this.opacity='0';" border-image="">
|
|
92
96
|
</lido-text>
|
|
93
|
-
<lido-text id="num-${number2}" tab-index="
|
|
97
|
+
<lido-text id="num-${number2}" tab-index="5" height="215px" width="120px" visible="true" value="${number2}" string="${number2}" font-family="'Baloo Bhai 2'" font-color="black" font-size="150px" bg-color="transparent" onInCorrect="" onEntry="this.font-weight='800'; this.borderRadius='10px'; this.flex-flow='column-reverse'; this.opacity='0';" border-image="">
|
|
94
98
|
</lido-text>
|
|
95
|
-
<lido-text id="equal" tab-index="
|
|
99
|
+
<lido-text id="equal" tab-index="6" height="215px" width="120px" visible="true" value="=" string="=" font-family="'Baloo Bhai 2'" font-color="black" font-size="150px" bg-color="transparent" onInCorrect="" onEntry="this.font-weight='800'; this.borderRadius='10px'; this.flex-flow='column-reverse'; this.opacity='0';" border-image="">
|
|
96
100
|
</lido-text>
|
|
97
|
-
<lido-image is-slice="true" height="225px" width="175px" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/card-slot_empty.png" onEntry="this.opacity='0';"
|
|
98
|
-
<lido-text id="number-${answer}" height="225px" width="175px" visible="true" tab-index="
|
|
101
|
+
<lido-image is-slice="true" height="225px" width="175px" visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/sequence-box/card-slot_empty.png" onEntry="this.opacity='0';">
|
|
102
|
+
<lido-text id="number-${answer}" height="225px" width="175px" visible="true" tab-index="7" value="${answer}" string="?" font-family="'Baloo Bhai 2'" font-color="black" font-size="150px" type="drop" bg-color="transparent" onEntry="this.font-weight='800'; this.borderRadius='10px'; this.flex-flow='column-reverse'; this.opacity='1';">
|
|
99
103
|
</lido-text>
|
|
100
104
|
</lido-image>
|
|
101
105
|
</lido-cell>
|
|
@@ -105,10 +109,7 @@ function getContainerXml(args) {
|
|
|
105
109
|
<lido-cell layout="landscape.row, portrait.wrap" id="option-row" aria-hidden="true" visible="true" height="landscape.15%,portrait.5%" width="landscape.90%, portrait.106%" bg-Color="transparent" margin="landscape.65px 0px 65px 0px,portrait.-160px -65px 500px 0px" onEntry="this.z-index='1'; this.justify-content='center'; this.opacity='0';" gap="landscape.20px,portrait.5px">
|
|
106
110
|
${dragCells}
|
|
107
111
|
</lido-cell>
|
|
108
|
-
|
|
109
|
-
<!-- speaking element-->
|
|
110
|
-
<lido-text id="speak-text" tab-index="20" height="100%" width="100%" visible="false" string="solve the problem by counting the teddys above and drag the correct answer" font-family="'Baloo Bhai 2'" font-color="red" font-size="75px" bg-color="transparent" onInCorrect="" onEntry="this.opacity='0'; this.speak='true';" border-image="">
|
|
111
|
-
</lido-text>
|
|
112
|
+
|
|
112
113
|
</lido-container>
|
|
113
114
|
</main>
|
|
114
115
|
`;
|
|
@@ -1202,10 +1202,22 @@ export const animateBoxCells = async (element, value) => {
|
|
|
1202
1202
|
await new Promise(resolve => setTimeout(resolve, 600)); // Adjust delay as needed
|
|
1203
1203
|
cell.classList.remove('lido-box-highlight');
|
|
1204
1204
|
}
|
|
1205
|
-
//
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1205
|
+
// checkout parent cell first then pick the first text child inside cell
|
|
1206
|
+
const parentCell = document.getElementById(LidoContainer);
|
|
1207
|
+
if (!parentCell)
|
|
1208
|
+
return;
|
|
1209
|
+
const firstTextChild = parentCell.querySelector('lido-text');
|
|
1210
|
+
if (firstTextChild) {
|
|
1211
|
+
// play the text child inside parent cell
|
|
1212
|
+
await AudioPlayer.getI().play(firstTextChild);
|
|
1213
|
+
}
|
|
1214
|
+
// Now select each box cell's text child and play them one by one
|
|
1215
|
+
for (const box of boxCells) {
|
|
1216
|
+
const text = box.querySelector('lido-text');
|
|
1217
|
+
console.log('box text', text);
|
|
1218
|
+
if (!text)
|
|
1219
|
+
continue;
|
|
1220
|
+
await AudioPlayer.getI().play(text);
|
|
1209
1221
|
}
|
|
1210
1222
|
};
|
|
1211
1223
|
export const questionBoxAnimation = async (element, value) => {
|
|
@@ -1232,15 +1244,6 @@ export const questionBoxAnimation = async (element, value) => {
|
|
|
1232
1244
|
const dropVal = dropEl.getAttribute("value");
|
|
1233
1245
|
if (dropVal && dropEl.innerText.trim() === "?") {
|
|
1234
1246
|
dropEl.innerText = dropVal;
|
|
1235
|
-
if (dropElements.length > 1 && check == false) {
|
|
1236
|
-
if (window.innerWidth > window.innerHeight) {
|
|
1237
|
-
dropEl.style.marginRight = "-45px";
|
|
1238
|
-
}
|
|
1239
|
-
else {
|
|
1240
|
-
dropEl.style.marginRight = "-65px";
|
|
1241
|
-
}
|
|
1242
|
-
check = true;
|
|
1243
|
-
}
|
|
1244
1247
|
}
|
|
1245
1248
|
});
|
|
1246
1249
|
};
|
|
@@ -1250,9 +1253,9 @@ export const SumTogetherAnimation = async (element, value) => {
|
|
|
1250
1253
|
if (!value)
|
|
1251
1254
|
return;
|
|
1252
1255
|
// Expecting structure: [_, TopRow, questionRow, optionRow, ...]
|
|
1253
|
-
const TopRow = Array.from(element.children)[
|
|
1254
|
-
const questionRow = Array.from(element.children)[
|
|
1255
|
-
const optionRow = Array.from(element.children)[
|
|
1256
|
+
const TopRow = Array.from(element.children)[2];
|
|
1257
|
+
const questionRow = Array.from(element.children)[3];
|
|
1258
|
+
const optionRow = Array.from(element.children)[4];
|
|
1256
1259
|
if (!TopRow || !questionRow || !optionRow)
|
|
1257
1260
|
return;
|
|
1258
1261
|
const topRowChildren = Array.from(TopRow.children);
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-
|
|
1
|
+
export { f as format, g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-6953efe0.js';
|