lido-player 0.0.2-alpha-51-dev → 0.0.2-alpha-52-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.
Files changed (89) hide show
  1. package/dist/cjs/index.cjs.js +1 -1
  2. package/dist/cjs/lido-avatar_22.cjs.entry.js +17 -17
  3. package/dist/cjs/lido-player.cjs.js +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/{utils-dc02d753.js → utils-ce99b0d0.js} +152 -21
  6. package/dist/collection/components/avatar/lido-avatar.js +1 -1
  7. package/dist/collection/components/canvas/lido-canvas.css +5 -8
  8. package/dist/collection/components/canvas/lido-canvas.js +2 -2
  9. package/dist/collection/components/cell/lido-cell.js +1 -1
  10. package/dist/collection/components/column/lido-col.js +1 -1
  11. package/dist/collection/components/flashCard/lido-flash-card.js +1 -1
  12. package/dist/collection/components/mathMatrix/lido-math-matrix.js +14 -14
  13. package/dist/collection/components/position/lido-pos.js +1 -1
  14. package/dist/collection/components/random/lido-random.js +1 -1
  15. package/dist/collection/components/row/lido-row.js +1 -1
  16. package/dist/collection/components/shape/lido-shape.js +1 -1
  17. package/dist/collection/components/trace/lido-trace.js +1 -1
  18. package/dist/collection/components/wrap/lido-wrap.js +1 -1
  19. package/dist/collection/stories/Templates/blender/blender.stories.js +100 -0
  20. package/dist/collection/stories/Templates/calculator/calculator.stories.js +6 -2
  21. package/dist/collection/stories/Templates/fillAnswer/fill-answer.stories.js +3 -2
  22. package/dist/collection/stories/Templates/foodJar/food-jar.stories.js +3 -1
  23. package/dist/collection/stories/Templates/matchingCard/matching-card.stories.js +3 -1
  24. package/dist/collection/stories/Templates/numberBoardTwo/numberBoardTwo.stories.js +6 -4
  25. package/dist/collection/stories/Templates/order-tractor/order-tractor-ascending-order.stories.js +14 -13
  26. package/dist/collection/stories/Templates/order-tractor/order-tractor.stories.js +14 -13
  27. package/dist/collection/utils/utils.js +142 -15
  28. package/dist/collection/utils/utilsHandlers/dragDropHandler.js +10 -6
  29. package/dist/components/index.js +1 -1
  30. package/dist/components/lido-avatar.js +1 -1
  31. package/dist/components/lido-balance.js +1 -1
  32. package/dist/components/lido-calculator.js +1 -1
  33. package/dist/components/lido-canvas.js +2 -2
  34. package/dist/components/lido-cell.js +1 -1
  35. package/dist/components/lido-col.js +1 -1
  36. package/dist/components/lido-container.js +1 -1
  37. package/dist/components/lido-flash-card.js +1 -1
  38. package/dist/components/lido-float.js +1 -1
  39. package/dist/components/lido-home.js +1 -1
  40. package/dist/components/lido-image.js +1 -1
  41. package/dist/components/lido-keyboard.js +1 -1
  42. package/dist/components/lido-math-matrix.js +1 -1
  43. package/dist/components/lido-pos.js +1 -1
  44. package/dist/components/lido-random.js +1 -1
  45. package/dist/components/lido-root.js +22 -22
  46. package/dist/components/lido-row.js +1 -1
  47. package/dist/components/lido-shape.js +1 -1
  48. package/dist/components/lido-slide-fill.js +1 -1
  49. package/dist/components/lido-text.js +1 -1
  50. package/dist/components/lido-trace.js +1 -1
  51. package/dist/components/lido-wrap.js +1 -1
  52. package/dist/components/{p-e9548986.js → p-00777872.js} +1 -1
  53. package/dist/components/{p-b7efadad.js → p-06171259.js} +2 -2
  54. package/dist/components/{p-74b90a9c.js → p-09f1e2d2.js} +8 -8
  55. package/dist/components/{p-4fd6b588.js → p-0c2aebfb.js} +2 -2
  56. package/dist/components/{p-62d2a5b3.js → p-11bf64aa.js} +2 -2
  57. package/dist/components/{p-6ba0f1af.js → p-26df0769.js} +1 -1
  58. package/dist/components/{p-12432f23.js → p-2d53e1a5.js} +1 -1
  59. package/dist/components/{p-bef96764.js → p-39a2e638.js} +1 -1
  60. package/dist/components/{p-56c8f3da.js → p-3ce3744c.js} +3 -3
  61. package/dist/components/{p-a8724f06.js → p-3f4d4c0a.js} +2 -2
  62. package/dist/components/{p-988477ad.js → p-52e77394.js} +2 -2
  63. package/dist/components/{p-d0131159.js → p-58c67252.js} +152 -21
  64. package/dist/components/{p-1c84cf65.js → p-5b5f59a8.js} +13 -7
  65. package/dist/components/{p-6be6c5eb.js → p-68112f8c.js} +2 -2
  66. package/dist/components/{p-b89371ac.js → p-8a34b98b.js} +1 -1
  67. package/dist/components/{p-bb907e43.js → p-8f2ed62f.js} +2 -2
  68. package/dist/components/{p-1f3c2783.js → p-9d34d59d.js} +2 -2
  69. package/dist/components/{p-04e904b5.js → p-a2f96840.js} +1 -1
  70. package/dist/components/{p-d7693f47.js → p-a516a324.js} +2 -2
  71. package/dist/components/{p-c8815e84.js → p-b2125fc9.js} +21 -21
  72. package/dist/components/{p-caa05d1e.js → p-c4abfd0f.js} +2 -2
  73. package/dist/components/{p-d3f7d561.js → p-cb56a853.js} +2 -2
  74. package/dist/esm/index.js +1 -1
  75. package/dist/esm/lido-avatar_22.entry.js +17 -17
  76. package/dist/esm/lido-player.js +1 -1
  77. package/dist/esm/loader.js +1 -1
  78. package/dist/esm/{utils-b5eb2360.js → utils-107b15a7.js} +152 -21
  79. package/dist/lido-player/index.esm.js +1 -1
  80. package/dist/lido-player/lido-player.esm.js +1 -1
  81. package/dist/lido-player/p-606ea279.entry.js +1 -0
  82. package/dist/lido-player/{p-9fd87d44.js → p-d1251482.js} +2 -2
  83. package/dist/types/components/canvas/lido-canvas.d.ts +1 -1
  84. package/dist/types/components/mathMatrix/lido-math-matrix.d.ts +0 -1
  85. package/dist/types/components.d.ts +0 -6
  86. package/dist/types/stories/Templates/blender/blender.stories.d.ts +4 -0
  87. package/dist/types/utils/utils.d.ts +1 -1
  88. package/package.json +1 -1
  89. package/dist/lido-player/p-e1a9c26f.entry.js +0 -1
package/dist/collection/stories/Templates/blender/blender.stories.js ADDED
@@ -0,0 +1,100 @@
1
+ import { html } from "lit";
2
+ const meta = {
3
+ title: 'Templates/blender',
4
+ argTypes: {
5
+ number: { control: 'text' },
6
+ isAllowOnlyCorrect: { control: 'boolean' },
7
+ },
8
+ };
9
+ export default meta;
10
+ export const OrderTractor = {
11
+ args: {
12
+ number: '211',
13
+ isAllowOnlyCorrect: 'true',
14
+ },
15
+ render: args => {
16
+ const xml = getContainerXml(args);
17
+ return html `<lido-home .xmlData="${xml}"></lido-home>`;
18
+ },
19
+ };
20
+ function buildObjectiveFromNumber(num) {
21
+ num = parseInt(num);
22
+ const hundreds = Math.floor(num / 100);
23
+ const tens = Math.floor((num % 100) / 10);
24
+ const ones = num % 10;
25
+ const build = (count, value) => {
26
+ if (count === 0)
27
+ return "";
28
+ let s = "";
29
+ for (let i = 0; i < count; i++) {
30
+ s += value;
31
+ if (i < count - 1)
32
+ s += "|";
33
+ }
34
+ return `(${s})`;
35
+ };
36
+ const hStr = build(hundreds, "100");
37
+ const tStr = build(tens, "10");
38
+ const oStr = build(ones, "1");
39
+ const objective = [hStr, tStr, oStr].filter(s => s !== "").join(",");
40
+ return {
41
+ objective, // same as before
42
+ };
43
+ }
44
+ function getContainerXml(args) {
45
+ const { objective } = buildObjectiveFromNumber(args.number);
46
+ return `
47
+ <main>
48
+ <lido-container id="lido-container" visible="true" objective="${objective}" onCorrect="lido-avatar.avatarAnimate='Success'; sentenceText.speak='true'; this.sleep='2000';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" onEntry="sentenceText.speak='true';" is-continue-on-correct="true" bg-color="transparent" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-in-the-blanks/cloud.png" drop-action="infinite-drop" is-allow-only-correct="${args.isAllowOnlyCorrect}">
49
+ <!-- Chimple Avatar -->
50
+ <lido-cell layout="pos" id="pos1" disable-edit="true" value="pos2" height="landscape.448px,portrait.402px" width="landscape.350px,portrait.398px" x="landscape.1332px, portrait.-8%" y="landscape.547px, portrait.1%" aria-hidden="true" z="0" bg-color="transparent" visible="true" onEntry="">
51
+ <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}">
52
+ </lido-avatar>
53
+ </lido-cell>
54
+ <lido-cell layout="pos" bg-color="transparent" visible="true" height="landscape.5px,portrait.70%" width="landscape.7px,portrait.90%" x="landscape.745px, portrait.44%" y="landscape.65px, portrait.8%" >
55
+ <lido-text visible="true" value="${args.number}" string="${args.number}" font-family="'Baloo Bhai 2'" font-color="#182A4F" font-size="52px" bg-color="#FFE99B" width="147px" onEntry="this.fontWeight='800';this.border='5px solid #FFC805';this.border-radius='10px';" border-image=""></lido-text>
56
+ </lido-cell>
57
+ <lido-cell layout="row" bg-color="transparent" visible="true" height="landscape.60%,portrait.1120px" width="landscape.90%,portrait.900px" gap="1px" margin="landscape.86px 0px 0px 0px,portrait.258px 0px 0px 0px" padding="0px">
58
+ <!-- Hundreds Place Value -->
59
+ <lido-cell layout="col" bg-color="transparent" visible="true" height="landscape.506.25px,portrait.1051.8px" width="landscape.720px,portrait.810px" padding="0px">
60
+ <lido-cell layout="landscape.row,portrait.col" bg-color="#5D44BD" visible="true" height="landscape.85px,portrait.261px" width="landscape.704px,portrait.269px" margin="landscape.71px 0px 0px 0px,portrait.0">
61
+ <lido-text visible="true" value="Hundreds" string="Hundreds" font-family="'Baloo Bhai 2'" font-color="white" font-size="52px" onInCorrect="" onEntry="this.fontWeight='800';" border-image="">
62
+ </lido-text>
63
+ <lido-text id="hundreds" height="70px" width="108px" visible="true" value="000" string="000" font-family="'Baloo Bhai 2'" font-color="#182A4F" border-radius="21px" bg-color="white" font-size="52px" onInCorrect="" onEntry="this.fontWeight='800';" border-image="">
64
+ </lido-text>
65
+ </lido-cell>
66
+ <lido-cell id="hundredsDrop" value="100" dropAttr="landscape.stackcascade,portrait.verticalstack" is-allow-only-one-drop="false" type="drop" tab-index="1" layout="row" bg-color="white" visible="true" height="landscape.359px,portrait.752px" width="landscape.698px,portrait.290px" onEntry="this.justifyContent='flex-start';">
67
+ </lido-cell>
68
+ </lido-cell>
69
+ <!-- Tens Place Value -->
70
+ <lido-cell layout="col" bg-color="transparent" visible="true" height="landscape.506.25px,portrait.1051px" width="landscape.432px,portrait.810px" padding="0px">
71
+ <lido-cell layout="landscape.row,portrait.col" bg-color="#5D44BD" visible="true" height="landscape.85px,portrait.261px" width="landscape.426px,portrait.269px" margin="landscape.71px 0px 0px 0px,portrait.0">
72
+ <lido-text visible="true" value="Tens" string="Tens" font-family="'Baloo Bhai 2'" font-color="white" font-size="52px" onInCorrect="" onEntry="this.fontWeight='800';" border-image="">
73
+ </lido-text>
74
+ <lido-text id="tens" height="70px" width="77px" visible="true" value="00" string="00" font-family="'Baloo Bhai 2'" font-color="#182A4F" border-radius="21px" bg-color="white" font-size="52px" onInCorrect="" onEntry="this.fontWeight='800';" border-image="">
75
+ </lido-text>
76
+ </lido-cell>
77
+ <lido-cell id="tensDrop" value="10" dropAttr="landscape.stackcascade,portrait.verticalstack" type="drop" is-allow-only-one-drop="false" tab-index="2" layout="row" bg-color="white" visible="true" height="landscape.357px,portrait.752px" width="landscape.414px,portrait.290px" onEntry="this.justifyContent='flex-start';" ></lido-cell>
78
+ </lido-cell>
79
+ <!-- Units Place Value -->
80
+ <lido-cell layout="col" bg-color="transparent" visible="true" height="landscape.506.25px,portrait.1051px" width="landscape.331px,portrait.810" padding="0px">
81
+ <lido-cell layout="landscape.row,portrait.col" bg-color="#5D44BD" visible="true" height="landscape.85px,portrait.261px" width="landscape.310px,portrait.269px" margin="landscape.71px 0px 0px 0px,portrait.0">
82
+ <lido-text visible="true" value="Units" string="Units" font-family="'Baloo Bhai 2'" font-color="white" font-size="52px" onInCorrect="" onEntry="this.fontWeight='800';" border-image="">
83
+ </lido-text>
84
+ <lido-text id="units" height="70px" width="55px" visible="true" value="0" string="0" font-family="'Baloo Bhai 2'" font-color="#182A4F" border-radius="21px" bg-color="white" font-size="52px" onInCorrect="" onEntry="this.fontWeight='800';" border-image="">
85
+ </lido-text>
86
+ </lido-cell>
87
+ <lido-cell id="unitsDrop" value="1" dropAttr="landscape.stackcascade,portrait.verticalstack" type="drop" is-allow-only-one-drop="false" tab-index="3" layout="row" bg-color="white" visible="true" height="landscape.360px,portrait.752px" width="landscape.310px,portrait.290px" onEntry="this.justifyContent='flex-start';"></lido-cell>
88
+ </lido-cell>
89
+ </lido-cell>
90
+
91
+ <lido-cell layout="row" bg-color="transparent" aria-hidden="true" visible="true" height="landscape.420px,portrait.30%" width="landscape.1451px,portrait.90%" onEntry="this.z-index='1';">
92
+ <lido-math-matrix id="hundredsDrag" value="100" tab-index="11" type="drag" rows="10" cols="10" defualtFill="100" leftIndex="false" topIndex="false" clickable="false" activeBgColor="#5D44BD" deactiveBgColor="#5D44BD" border="2px solid #4A3697" height="288px" width="35px" visible="true"></lido-math-matrix>
93
+ <lido-math-matrix id="tensDrag" value="10" type="drag" tab-index="12" rows="10" cols="1" defualtFill="10" leftIndex="false" topIndex="false" clickable="false" activeBgColor="#F57139" deactiveBgColor="#F57139" border="2px solid #F34D08" height="288px" width="35px" visible="true"></lido-math-matrix>
94
+ <lido-math-matrix id="unitsDrag" value="1" tab-index="13" type="drag" rows="1" cols="1" defualtFill="100" leftIndex="false" topIndex="false" clickable="false" activeBgColor="#F57139" deactiveBgColor="#F57139" border="2px solid #F34D08" height="288px" width="100px" visible="true"></lido-math-matrix>
95
+ </lido-cell>
96
+
97
+ </lido-container>
98
+ </main>
99
+ `;
100
+ }
package/dist/collection/stories/Templates/calculator/calculator.stories.js CHANGED
@@ -5,6 +5,8 @@ const meta = {
5
5
  number1: { control: 'text' },
6
6
  number2: { control: 'text' },
7
7
  symbol: { control: 'text' },
8
+ isContinueOnCorrect: { control: 'boolean' },
9
+ isAllowOnlyCorrect: { control: 'boolean' },
8
10
  },
9
11
  };
10
12
  export default meta;
@@ -13,6 +15,8 @@ export const calculator = {
13
15
  number1: '10',
14
16
  number2: '5',
15
17
  symbol: '+',
18
+ isContinueOnCorrect: true,
19
+ isAllowOnlyCorrect: true,
16
20
  },
17
21
  render: args => {
18
22
  const xml = getContainerXml(args);
@@ -22,7 +26,7 @@ export const calculator = {
22
26
  function getContainerXml(args) {
23
27
  return `
24
28
  <main>
25
- <lido-container visible="true" id="lido-container" objective="" equationCheck="$#numb1,$#symbol,$#numb2" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Sky.png" onInCorrect="lido-avatar.avatarAnimate='Fail';" onCorrect="lido-avatar.avatarAnimate='Success';answer.updatedAnswer='true';this.sleep='2500';" is-continue-on-correct="true" >
29
+ <lido-container visible="true" id="lido-container" objective="" equationCheck="$#numb1,$#symbol,$#numb2" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Sky.png" onInCorrect="lido-avatar.avatarAnimate='Fail';" is-allow-only-correct="${args.isAllowOnlyCorrect}" onCorrect="lido-avatar.avatarAnimate='Success';answer.updateCalculatorAnswer='true';this.sleep='2500';" is-continue-on-correct="${args.isContinueOnCorrect}" >
26
30
  <lido-text visible="true" z="1" height="100px" width="400px" y="landscape.8%,portrait.-17%" x="landscape.-21%,portrait.0px" font-size="56px" font-color="white" onEntry="this.position='relative';this.font-weight='600';" string="WRITE HERE"></lido-text>
27
31
  <lido-cell layout="col" visible="true" height="10px" width="254px" bg-color="transparent" z="1" y="landscape.18%,portrait.-15%" x="landscape.-12%,portrait.19%" onEntry="this.align-items='center'; this.jsutifyContent='space-around'; this.position='relative';">
28
32
  <lido-text visible="true" height="100px" width="400px" id="numb1" tab-index="1" font-size="106px" font-color="black" value="${args.number1}" string="${args.number1}" y="" z="1" x="" onEntry="this.position='relative';this.font-weight='900';"></lido-text>
@@ -35,7 +39,7 @@ function getContainerXml(args) {
35
39
  </lido-cell>
36
40
  <lido-canvas visible="true" width="700px" heigth="800px" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/calculator/s1.png" y="landscape.10%,portrait.6%" x="landscape.4%,portrait.6%" ></lido-canvas>
37
41
  <lido-cell visible="true" height="700px" width="470px" onEntry="this.position='relative';" y="landscape.-2%,portrait.23%" x="landscape.456px,portrait.9%" >
38
- <lido-calculator visible="true" height="700px" width="470px" onEntry="this.position='relative';" ></lido-calculator>
42
+ <lido-calculator id="lidoCalculator" visible="true" height="700px" width="470px" onEntry="this.position='relative';" ></lido-calculator>
39
43
  </lido-cell>
40
44
  <!-- Chimple Avatar -->
41
45
  <lido-cell layout="pos" id="pos1" disable-edit="true" value="pos2" height="landscape.396px,portrait.400px" width="landscape.298px,portrait.369px" x="landscape.48%, portrait.-2%" y="landscape.60%, portrait.77%" aria-hidden="true" z="1" bg-color="transparent" visible="true" onEntry="">
package/dist/collection/stories/Templates/fillAnswer/fill-answer.stories.js CHANGED
@@ -11,13 +11,14 @@ const meta = {
11
11
  option2: { control: 'text' },
12
12
  option3: { control: 'text' },
13
13
  option4: { control: 'text' },
14
+ isAllowOnlyCorrect: { control: 'boolean' },
14
15
  },
15
16
  };
16
17
  export default meta;
17
18
  export const OrderTractor = {
18
19
  args: {
19
20
  firstNum: '3', operator: '+', secontNum: '4', equator: '=', answer: '7',
20
- option1: '5', option2: '7', option3: '3', option4: '2',
21
+ option1: '5', option2: '7', option3: '3', option4: '2', isAllowOnlyCorrect: 'true',
21
22
  },
22
23
  render: args => {
23
24
  const xml = getContainerXml(args);
@@ -27,7 +28,7 @@ export const OrderTractor = {
27
28
  function getContainerXml(args) {
28
29
  return `
29
30
  <main>
30
- <lido-container id="lido-container" is-allow-only-correct="true" value="mainContainer1" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-in-the-blanks/cloud.png" objective="${args.answer}" width="100%" bg-color="transparent" visible="true" onCorrect="lido-avatar.avatarAnimate='Success';this.sleep='2000'; " onEntry="this.justifyContent='space-around';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" show-check="false" is-continue-on-correct="true" after-drop="false">
31
+ <lido-container id="lido-container" is-allow-only-correct="${args.isAllowOnlyCorrect}" value="mainContainer1" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/fill-in-the-blanks/cloud.png" objective="${args.answer}" width="100%" bg-color="transparent" visible="true" onCorrect="lido-avatar.avatarAnimate='Success';this.sleep='2000'; " onEntry="this.justifyContent='space-around';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" show-check="false" is-continue-on-correct="true" after-drop="false">
31
32
  <!-- Chimple Avatar -->
32
33
  <lido-cell layout="pos" id="pos1" disable-edit="true" value="pos2" height="landscape.448px,portrait.402px" width="landscape.350px,portrait.398px" x="landscape.1267px, portrait.541px" y="landscape.587px, portrait.1304px" aria-hidden="true" z="1" bg-color="transparent" visible="true" onEntry="this.animation='rightToPlace 2.5s linear';">
33
34
  <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}">
package/dist/collection/stories/Templates/foodJar/food-jar.stories.js CHANGED
@@ -12,6 +12,7 @@ const meta = {
12
12
  option3: { control: 'text' },
13
13
  option4: { control: 'text' },
14
14
  option5: { control: 'text' },
15
+ isAllowOnlyCorrect: { control: 'boolean' },
15
16
  },
16
17
  };
17
18
  export default meta;
@@ -19,6 +20,7 @@ export const OrderTractor = {
19
20
  args: {
20
21
  firstNum: '10', operator: '+', secondNum: '5', equator: '=', answer: '15',
21
22
  option1: '=', option2: '5', option3: '+', option4: '15', option5: '10',
23
+ isAllowOnlyCorrect: 'true',
22
24
  },
23
25
  render: args => {
24
26
  const xml = getContainerXml(args);
@@ -28,7 +30,7 @@ export const OrderTractor = {
28
30
  function getContainerXml(args) {
29
31
  return `
30
32
  <main>
31
- <lido-container id="lido-container" is-allow-only-correct="true" value="mainContainer1" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/FoodJar/Sky.png" objective="${[args.firstNum, args.operator, args.secondNum, args.equator, args.answer].join(',')}" width="100%" bg-color="transparent" visible="true" onCorrect="lido-avatar.avatarAnimate='Success';this.sleep='2000'; " onEntry="this.justifyContent='space-around';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" show-check="false" is-continue-on-correct="true" after-drop="false" custom-style="#drop1, #drop2, #drop3, #drop4, #drop5{border: none !important;boxShadow: none !important;} ">
33
+ <lido-container id="lido-container" is-allow-only-correct="${args.isAllowOnlyCorrect}" value="mainContainer1" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/FoodJar/Sky.png" objective="${[args.firstNum, args.operator, args.secondNum, args.equator, args.answer].join(',')}" width="100%" bg-color="transparent" visible="true" onCorrect="lido-avatar.avatarAnimate='Success';this.sleep='2000'; " onEntry="this.justifyContent='space-around';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" show-check="false" is-continue-on-correct="true" after-drop="false" custom-style="#drop1, #drop2, #drop3, #drop4, #drop5{border: none !important;boxShadow: none !important;} ">
32
34
  <!-- Chimple Avatar -->
33
35
  <lido-cell layout="pos" id="pos1" disable-edit="true" value="pos2" height="landscape.448px,portrait.402px" width="landscape.350px,portrait.398px" x="landscape.1px, portrait.20px" y="landscape.5px, portrait.100px" aria-hidden="true" z="1" bg-color="transparent" visible="true" onEntry="">
34
36
  <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}">
package/dist/collection/stories/Templates/matchingCard/matching-card.stories.js CHANGED
@@ -6,6 +6,7 @@ const meta = {
6
6
  option1: { control: 'text' },
7
7
  option2: { control: 'text' },
8
8
  option3: { control: 'text' },
9
+ isAllowOnlyCorrect: { control: 'boolean' },
9
10
  },
10
11
  };
11
12
  export default meta;
@@ -13,6 +14,7 @@ export const OrderTractor = {
13
14
  args: {
14
15
  answer: 'correct',
15
16
  option1: 'incorrect', option2: 'correct', option3: 'incorrect',
17
+ isAllowOnlyCorrect: 'true',
16
18
  },
17
19
  render: args => {
18
20
  const xml = getContainerXml(args);
@@ -22,7 +24,7 @@ export const OrderTractor = {
22
24
  function getContainerXml(args) {
23
25
  return `
24
26
  <main>
25
- <lido-container id="lido-container" is-allow-only-correct="true" value="mainContainer1" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/MatchingCard/Spring.png" objective="${args.answer}" width="100%" bg-color="transparent" visible="true" onCorrect="lido-avatar.avatarAnimate='Success'; this.sleep='2000'; truck.animation='placeToLeft 2.5s linear'; imgs.animation='placeToLeft 2.5s linear'; dragEle.animation='placeToLeft 2.5s linear'; this.sleep='2000'; " onEntry="this.justifyContent='space-around';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" show-check="false" is-continue-on-correct="true" after-drop="false" custom-style="#dropEle{border: none !important} #drag1,#drag2,#drag3{box-shadow: none !important}">
27
+ <lido-container id="lido-container" is-allow-only-correct="${args.isAllowOnlyCorrect}" value="mainContainer1" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/MatchingCard/Spring.png" objective="${args.answer}" width="100%" bg-color="transparent" visible="true" onCorrect="lido-avatar.avatarAnimate='Success'; this.sleep='2000'; truck.animation='placeToLeft 2.5s linear'; imgs.animation='placeToLeft 2.5s linear'; dragEle.animation='placeToLeft 2.5s linear'; this.sleep='2000'; " onEntry="this.justifyContent='space-around';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" show-check="false" is-continue-on-correct="true" after-drop="false" custom-style="#dropEle{border: none !important} #drag1,#drag2,#drag3{box-shadow: none !important}">
26
28
  <!-- Chimple Avatar -->
27
29
  <lido-cell layout="pos" id="pos1" disable-edit="true" value="pos2" height="landscape.448px,portrait.402px" width="landscape.350px,portrait.398px" x="landscape.1px, portrait.20px" y="landscape.5px, portrait.318px" aria-hidden="true" z="1" bg-color="transparent" visible="true" onEntry="">
28
30
  <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}">
package/dist/collection/stories/Templates/numberBoardTwo/numberBoardTwo.stories.js CHANGED
@@ -8,6 +8,7 @@ const meta = {
8
8
  control: 'object',
9
9
  description: 'Array of colors for the letters',
10
10
  defaultValue: ['#F34D08', '#81C127', '#FFC805', '#F55376', '#5D44BD'],
11
+ isAllowOnlyCorrect: { control: 'boolean' },
11
12
  },
12
13
  },
13
14
  };
@@ -39,6 +40,7 @@ export const numberBoard = {
39
40
  "10"
40
41
  ],
41
42
  colors: ['#CF1565', '#409F5C', '#02C1C1', '#AD3184', '#F55376', '#81C127', '#5D44BD'],
43
+ isAllowOnlyCorrect: 'true',
42
44
  },
43
45
  render: args => {
44
46
  const xml = getContainerXml(args);
@@ -47,14 +49,14 @@ export const numberBoard = {
47
49
  };
48
50
  function getContainerXml(args) {
49
51
  let tabCounter = 1;
50
- const { options = [], answers = [] } = args;
52
+ const { options = [], answers = [], isAllowOnlyCorrect = true } = args;
51
53
  const pickedColors = args.colors;
52
54
  const DropCells = answers.map(answer => {
53
55
  return `
54
56
  <!-- drop -->
55
- <lido-cell id="drop${tabCounter}" layout="col" visible="true" margin="landscape.0,portrait.72px 0px -95px 0px" height="landscape.345px,portrait.350px" width="121px" bg-Color="#DFF2F2" onEntry="this.position='relative';this.align-items='center';this.justify-content='center';this.borderRadius='10px';">
57
+ <lido-cell layout="col" visible="true" margin="landscape.0,portrait.72px 0px -95px 0px" height="landscape.345px,portrait.350px" width="121px" bg-Color="#DFF2F2" onEntry="this.position='relative';this.align-items='center';this.justify-content='center';this.borderRadius='10px';">
56
58
  <lido-math-matrix id="mat1" rows="2" cols="5" defualtFill="${answer}" leftIndex="false" topIndex="false" clickable="true" matrixImage="" activeBgColor="#922E05" inactiveBgColor="transparent" border="5px soild transparent" height="70%" width="100%" visible="true" margin="landscape.0,portrait.-26px 0px 0px 0px"></lido-math-matrix>
57
- <lido-cell visible="true" height="landscape.110px,portrait.110px" width="landscape.110px,portrait.110px" bg-color="white" tab-index="${tabCounter++}" value="${answer}" string="${answer}" type="drop" onCorrect="lido-avatar.avatarAnimate='Success';" ></lido-cell>
59
+ <lido-cell id="drop${tabCounter}" visible="true" height="landscape.110px,portrait.110px" width="landscape.110px,portrait.110px" bg-color="white" tab-index="${tabCounter++}" value="${answer}" string="${answer}" type="drop" onCorrect="lido-avatar.avatarAnimate='Success';" ></lido-cell>
58
60
  </lido-cell>
59
61
  `;
60
62
  }).join('');
@@ -68,7 +70,7 @@ function getContainerXml(args) {
68
70
  })
69
71
  .join('');
70
72
  return `<main>
71
- <lido-container id="lido-container" show-drop-border="false" appendToDropOnCompletion="false" is-allow-only-correct="true" drop-action="move" tab-index="1" value="mainContainer1" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/letterboard/bg.png" objective="${answers.join(',')}" height="100%" width="100%" bg-color="transparent" visible="true" onCorrect="this.sleep='1000';lido-avatar.avatarAnimate='Success';xx.animation='placeToLeft 2s linear';tyre.animation='placeToLeft 2s linear';trainAudio.speak='true';" onEntry="this.justifyContent='space-around'; this.animation='rightToPlace 2.5 linear';this.overflow='hidden';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" show-check="false" is-continue-on-correct="true" after-drop="false">
73
+ <lido-container id="lido-container" show-drop-border="false" appendToDropOnCompletion="false" is-allow-only-correct="${isAllowOnlyCorrect}" drop-action="move" tab-index="1" value="mainContainer1" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/letterboard/bg.png" objective="${answers.join(',')}" height="100%" width="100%" bg-color="transparent" visible="true" onCorrect="this.sleep='1000';lido-avatar.avatarAnimate='Success';xx.animation='placeToLeft 2s linear';tyre.animation='placeToLeft 2s linear';trainAudio.speak='true';" onEntry="this.justifyContent='space-around'; this.animation='rightToPlace 2.5 linear';this.overflow='hidden';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" show-check="false" is-continue-on-correct="true" after-drop="false">
72
74
  <!-- Chimple Avatar -->
73
75
  <lido-cell layout="pos" id="pos1" disable-edit="true" value="pos2" height="landscape.417px,portrait.363px" width="landscape.280px,portrait.340px" x="landscape.1360px, portrait.597px" y="landscape.637px, portrait.1370px" aria-hidden="true" z="1" bg-color="transparent" visible="true" onEntry="this.animation='rightToPlace 2.5s linear';">
74
76
 
package/dist/collection/stories/Templates/order-tractor/order-tractor-ascending-order.stories.js CHANGED
@@ -12,13 +12,14 @@ const meta = {
12
12
  answer3: { control: 'text' },
13
13
  answer4: { control: 'text' },
14
14
  answer5: { control: 'text' },
15
+ isAllowOnlyCorrect: { control: 'boolean' },
15
16
  },
16
17
  };
17
18
  export default meta;
18
19
  export const OrderTractorAscending = {
19
20
  args: {
20
21
  option1: '15', option2: '14', option3: '13', option4: '12', option5: '11',
21
- answer1: '11', answer2: '12', answer3: '13', answer4: '14', answer5: '15',
22
+ answer1: '11', answer2: '12', answer3: '13', answer4: '14', answer5: '15', isAllowOnlyCorrect: 'true',
22
23
  },
23
24
  render: args => {
24
25
  const xml = getContainerXml(args);
@@ -28,7 +29,7 @@ export const OrderTractorAscending = {
28
29
  function getContainerXml(args) {
29
30
  return `
30
31
  <main>
31
- <lido-container id="lido-container" is-allow-only-correct="true" show-Check="false" is-Continue-On-Correct="true" after-Drop="false" objective="${[args.answer1, args.answer2, args.answer3, args.answer4, args.answer5].join(',')}" visible="true" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/Spring.png" custom-style="#drop1, #drop2,#drop3,#drop4,#drop5{border: none !important;}" onCorrect="lido-avatar.avatarAnimate='Success'; this.sleep='2000'; lido-avatar.animation='placeToLeft 2.5s linear'; answer.animation='placeToLeft 2.5s linear'; truck.animation='placeToLeft 2.5s linear'; trainAudio.speak='true';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" onEntry="">
32
+ <lido-container id="lido-container" is-allow-only-correct="${args.isAllowOnlyCorrect}" show-Check="false" is-Continue-On-Correct="true" after-Drop="false" objective="${[args.answer1, args.answer2, args.answer3, args.answer4, args.answer5].join(',')}" visible="true" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/Spring.png" custom-style="#drop1, #drop2,#drop3,#drop4,#drop5{border: none !important;}" onCorrect="drg1.disableType='true';drg2.disableType='true';drg3.disableType='true';drg4.disableType='true';drg5.disableType='true';lido-avatar.avatarAnimate='Success'; this.sleep='2000'; lido-avatar.animation='placeToLeft 2.5s linear'; answer.animation='placeToLeft 2.5s linear'; truck.animation='placeToLeft 2.5s linear'; trainAudio.speak='true';" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='2000';" onEntry="">
32
33
 
33
34
  <!-- Chimple Avatar -->
34
35
  <lido-cell layout="pos" id="pos1" disableEdit="true" value="pos2" height="300px" width="300px" x="landscape.110px,portrait.10px" y="landscape.80px,portrait.230px" ariaHidden="true" bgColor="transparent" visible="true" onEntry="this.animation='rightToPlace 2.5s linear';">
@@ -44,7 +45,7 @@ function getContainerXml(args) {
44
45
  <!-- 1 -->
45
46
  <lido-cell visible="true" layout="col" bg-color="transparent" padding="0" margin="landscape.90px -121px 0px -189px,portrait.80px 0px 0px 42px" >
46
47
 
47
- <lido-image visible="true" id="drop5" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'" tab-index="1" type="drop" value="${args.answer1}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
48
+ <lido-image visible="true" id="drop5" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='1000';" tab-index="1" type="drop" value="${args.answer1}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
48
49
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_upper.png" margin="landscape.-5px 0px 0px 0px,portrait.-70px 0px 0px 0px"
49
50
  width="landscape.200px,portrait.160px" background="transparent"></lido-image>
50
51
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px -150px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
@@ -54,7 +55,7 @@ function getContainerXml(args) {
54
55
  <!-- 2 -->
55
56
  <lido-cell visible="true" layout="col" bg-color="transparent" margin="landscape.70px -110px 0px -174px,portrait.60px 0px 0px -25px" >
56
57
 
57
- <lido-image visible="true" id="drop4" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'" tab-index="2" type="drop" value="${args.answer2}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px"
58
+ <lido-image visible="true" id="drop4" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='1000';" tab-index="2" type="drop" value="${args.answer2}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px"
58
59
  width="landscape.200px,portrait.160px" background="transparent"></lido-image>
59
60
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_upper.png" margin="landscape.-5px 0px 0px 0px,portrait.-70px 0px 0px 0px"
60
61
  width="landscape.200px,portrait.160px" background="transparent"></lido-image>
@@ -66,7 +67,7 @@ function getContainerXml(args) {
66
67
  <!-- 3 -->
67
68
  <lido-cell visible="true" layout="col" bg-color="transparent" margin=" landscape.50px -101px 0px -201px,portrait.40px 0px 0px -40px" >
68
69
 
69
- <lido-image visible="true" id="drop3" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'" tab-index="3" type="drop" value="${args.answer3}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
70
+ <lido-image visible="true" id="drop3" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='1000';" tab-index="3" type="drop" value="${args.answer3}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
70
71
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_upper.png" margin="landscape.-5px 0px 0px 0px,portrait.-70px 0px 0px 0px"
71
72
  width="landscape.200px,portrait.160px" background="transparent"></lido-image>
72
73
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px 0px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
@@ -78,7 +79,7 @@ function getContainerXml(args) {
78
79
  <!-- 4 -->
79
80
  <lido-cell visible="true" layout="col" bg-color="transparent" margin="landscape.30px -165px 0px -199px ,portrait.20px -55px 0px -25px" padding="0px" >
80
81
 
81
- <lido-image visible="true" id="drop2" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'" tab-index="4" type="drop" value="${args.answer4}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
82
+ <lido-image visible="true" id="drop2" onCorrect="lido-avatar.avatarAnimate='Success'" oonInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='1000';" tab-index="4" type="drop" value="${args.answer4}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
82
83
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_upper.png" margin="landscape.-5px 0px 0px 0px,portrait.-70px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
83
84
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px 0px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
84
85
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px 0px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
@@ -90,7 +91,7 @@ function getContainerXml(args) {
90
91
  <!-- 5 -->
91
92
  <lido-cell visible="true" layout="col" bg-color="transparent" margin="landscape.0px -56px 0px -132px,portrait.0px 10px 0px 30px" >
92
93
 
93
- <lido-image visible="true" id="drop1" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'" tab-index="5" type="drop" value="${args.answer5}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
94
+ <lido-image visible="true" id="drop1" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='1000';" tab-index="5" type="drop" value="${args.answer5}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
94
95
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_upper.png" margin="landscape.-5px 0px 0px 0px,portrait.-70px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
95
96
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px 0px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
96
97
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px 0px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
@@ -105,17 +106,17 @@ function getContainerXml(args) {
105
106
 
106
107
 
107
108
  <!-- answers -->
108
- <lido-cell visible="true" id="answer" layout="row" height="40%" width="100%" bg-color="transparent" onEntry="this.alignItems='center';this.justify-content='space-around'" >
109
+ <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'" >
109
110
 
110
- <lido-text id="drg1" 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="6" 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>
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="6" 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>
111
112
 
112
- <lido-text id="drg2" 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="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>
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="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>
113
114
 
114
- <lido-text id="drg3" 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="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>
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="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>
115
116
 
116
- <lido-text id="drg4" 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="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>
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="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>
117
118
 
118
- <lido-text id="drg5" 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="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>
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="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>
119
120
 
120
121
  </lido-cell>
121
122
 
package/dist/collection/stories/Templates/order-tractor/order-tractor.stories.js CHANGED
@@ -12,13 +12,14 @@ const meta = {
12
12
  answer3: { control: 'text' },
13
13
  answer4: { control: 'text' },
14
14
  answer5: { control: 'text' },
15
+ isAllowOnlyCorrect: { control: 'boolean' },
15
16
  },
16
17
  };
17
18
  export default meta;
18
19
  export const OrderTractor = {
19
20
  args: {
20
21
  option1: '1', option2: '2', option3: '3', option4: '4', option5: '5',
21
- answer1: '5', answer2: '4', answer3: '3', answer4: '2', answer5: '1',
22
+ answer1: '5', answer2: '4', answer3: '3', answer4: '2', answer5: '1', isAllowOnlyCorrect: 'true',
22
23
  },
23
24
  render: args => {
24
25
  const xml = getContainerXml(args);
@@ -28,7 +29,7 @@ export const OrderTractor = {
28
29
  function getContainerXml(args) {
29
30
  return `
30
31
  <main>
31
- <lido-container id="lido-container" is-allow-only-correct="true" show-Check="false" is-Continue-On-Correct="true" after-Drop="false" objective="${[args.answer1, args.answer2, args.answer3, args.answer4, args.answer5].join(',')}" visible="true" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/Spring.png" custom-style="#drop1, #drop2,#drop3,#drop4,#drop5{border: none !important;}" onCorrect="lido-avatar.avatarAnimate='Success'; this.sleep='2000'; lido-avatar.animation='placeToLeft 2.5s linear'; answer.animation='placeToLeft 2.5s linear'; truck.animation='placeToLeft 2.5s linear'; trainAudio.speak='true'; this.sleep='1000';" onInCorrect="lido-avatar.avatarAnimate='Fail';" >
32
+ <lido-container id="lido-container" is-allow-only-correct="${args.isAllowOnlyCorrect}" show-Check="false" is-Continue-On-Correct="true" after-Drop="false" objective="${[args.answer1, args.answer2, args.answer3, args.answer4, args.answer5].join(',')}" visible="true" bg-image="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/Spring.png" custom-style="#drop1, #drop2,#drop3,#drop4,#drop5{border: none !important;}" onCorrect="drg1.disableType='true';drg2.disableType='true';drg3.disableType='true';drg4.disableType='true';drg5.disableType='true';lido-avatar.avatarAnimate='Success'; this.sleep='2000'; lido-avatar.animation='placeToLeft 2.5s linear'; answer.animation='placeToLeft 2.5s linear'; truck.animation='placeToLeft 2.5s linear'; trainAudio.speak='true'; this.sleep='1000';" onInCorrect="lido-avatar.avatarAnimate='Fail';" >
32
33
  <!-- Chimple Avatar -->
33
34
  <lido-cell layout="pos" id="pos1" disableEdit="true" value="pos2" height="300px" width="300px" x="landscape.110px,portrait.10px" y="landscape.80px,portrait.230px" ariaHidden="true" bgColor="transparent" visible="true" onEntry="this.animation='rightToPlace 2.5s linear';">
34
35
  <lido-avatar id="lido-avatar" disableEdit="true" visible="true" height="100%" width="100%" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/temp2/chimplecharacter.riv" altText="{chimpleCharacterRive}">
@@ -43,7 +44,7 @@ function getContainerXml(args) {
43
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>
44
45
  <lido-cell visible="true" layout="col" bg-color="transparent" margin="landscape.0px -36px 0px -130px,portrait.0px 10px 0px 30px" >
45
46
 
46
- <lido-image visible="true" id="drop1" tab-index="1" type="drop" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'" value="${args.answer1}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
47
+ <lido-image visible="true" id="drop1" tab-index="1" type="drop" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='1000';" value="${args.answer1}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
47
48
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_upper.png" margin="landscape.-5px 0px 0px 0px,portrait.-70px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
48
49
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px 0px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
49
50
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px 0px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
@@ -55,7 +56,7 @@ function getContainerXml(args) {
55
56
 
56
57
  <lido-cell visible="true" layout="col" bg-color="transparent" margin="landscape.30px -31px 0px -198px,portrait.20px 10px 0px -40px" padding="0px" >
57
58
 
58
- <lido-image visible="true" id="drop2" tab-index="2" type="drop" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'" value="${args.answer2}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
59
+ <lido-image visible="true" id="drop2" tab-index="2" type="drop" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='1000';" value="${args.answer2}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
59
60
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_upper.png" margin="landscape.-5px 0px 0px 0px,portrait.-70px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
60
61
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px 0px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
61
62
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px 0px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
@@ -66,7 +67,7 @@ function getContainerXml(args) {
66
67
 
67
68
  <lido-cell visible="true" layout="col" bg-color="transparent" margin=" landscape.50px -44px 0px -205px,portrait.40px 0px 0px -40px" >
68
69
 
69
- <lido-image visible="true" id="drop3" tab-index="3" type="drop" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'" value="${args.answer3}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
70
+ <lido-image visible="true" id="drop3" tab-index="3" type="drop" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='1000';" value="${args.answer3}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
70
71
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_upper.png" margin="landscape.-5px 0px 0px 0px,portrait.-70px 0px 0px 0px"
71
72
  width="landscape.200px,portrait.160px" background="transparent"></lido-image>
72
73
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px 0px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
@@ -77,7 +78,7 @@ function getContainerXml(args) {
77
78
 
78
79
  <lido-cell visible="true" layout="col" bg-color="transparent" margin="landscape.70px 0px 0px -207px,portrait.60px 0px 0px -40px" >
79
80
 
80
- <lido-image visible="true" id="drop4" tab-index="4" type="drop" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'" value="${args.answer4}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px"
81
+ <lido-image visible="true" id="drop4" tab-index="4" type="drop" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='1000';" value="${args.answer4}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px"
81
82
  width="landscape.200px,portrait.160px" background="transparent"></lido-image>
82
83
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_upper.png" margin="landscape.-5px 0px 0px 0px,portrait.-70px 0px 0px 0px"
83
84
  width="landscape.200px,portrait.160px" background="transparent"></lido-image>
@@ -88,7 +89,7 @@ function getContainerXml(args) {
88
89
 
89
90
  <lido-cell visible="true" layout="col" bg-color="transparent" padding="0" margin="landscape.90px 0px 0px -238px,portrait.80px 0px 0px -26px" >
90
91
 
91
- <lido-image visible="true" id="drop5" tab-index="5" type="drop" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'" value="${args.answer5}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
92
+ <lido-image visible="true" id="drop5" tab-index="5" type="drop" onCorrect="lido-avatar.avatarAnimate='Success'" onInCorrect="lido-avatar.avatarAnimate='Fail'; this.sleep='1000';" value="${args.answer5}" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/box_answer_soundtrain_trans.png" margin="landscape.200px 0px -90px 0px,portrait.50px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
92
93
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_upper.png" margin="landscape.-5px 0px 0px 0px,portrait.-70px 0px 0px 0px"
93
94
  width="landscape.200px,portrait.160px" background="transparent"></lido-image>
94
95
  <lido-image visible="true" src="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Ordered%20Tractor/trolly_drop_soundtrain_base%20(1).png" margin="landscape.-175px 0px -150px 0px,portrait.-140px 0px 0px 0px" width="landscape.200px,portrait.160px" background="transparent"></lido-image>
@@ -99,17 +100,17 @@ function getContainerXml(args) {
99
100
 
100
101
 
101
102
  <!-- answers -->
102
- <lido-cell visible="true" id="answer" layout="row" height="40%" width="100%" bg-color="transparent" onEntry="this.alignItems='center';this.justify-content='space-around'" >
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'" >
103
104
 
104
- <lido-text id="drg1" 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="6" 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>
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="6" 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>
105
106
 
106
- <lido-text id="drg2" 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="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>
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="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>
107
108
 
108
- <lido-text id="drg3" 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="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>
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="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>
109
110
 
110
- <lido-text id="drg4" 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="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>
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="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>
111
112
 
112
- <lido-text id="drg5" 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="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>
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="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>
113
114
 
114
115
  </lido-cell>
115
116