lido-player 0.0.2-beta-18-dev → 0.0.2-beta-19-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/LICENSE +21 -21
- package/dist/cjs/{decode-DUZYNXIv.js → decode-Bny56MQ9.js} +1 -1
- package/dist/cjs/{index-BEjUmVtH.js → index-BY9fvbr8.js} +137 -64
- package/dist/cjs/{index-DnqQXD5x.js → index-DjsCseV8.js} +16 -10
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/lido-avatar_22.cjs.entry.js +33 -33
- package/dist/cjs/lido-player.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/avatar/lido-avatar.css +4 -4
- package/dist/collection/components/avatar/lido-avatar.js +1 -1
- package/dist/collection/components/avatar/lido-avatar.tsx +207 -207
- package/dist/collection/components/avatar/readme.md +49 -49
- package/dist/collection/components/calculator/lido-calculator.css +89 -89
- package/dist/collection/components/calculator/lido-calculator.js +2 -2
- package/dist/collection/components/canvas/lido-canvas.css +33 -33
- package/dist/collection/components/canvas/lido-canvas.js +1 -1
- package/dist/collection/components/cell/lido-cell.css +100 -100
- package/dist/collection/components/cell/lido-cell.js +12 -12
- package/dist/collection/components/column/lido-col.css +19 -19
- package/dist/collection/components/column/lido-col.js +6 -6
- package/dist/collection/components/container/lido-container.css +10 -10
- package/dist/collection/components/container/lido-container.js +8 -8
- package/dist/collection/components/flashCard/lido-flash-card.css +28 -28
- package/dist/collection/components/flashCard/lido-flash-card.js +4 -4
- package/dist/collection/components/float/lido-float.css +30 -30
- package/dist/collection/components/float/lido-float.js +2 -2
- package/dist/collection/components/home/lido-home.css +309 -309
- package/dist/collection/components/home/lido-home.js +5 -5
- package/dist/collection/components/image/lido-image.css +17 -17
- package/dist/collection/components/image/lido-image.js +6 -6
- package/dist/collection/components/keyboard/lido-keyboard.css +38 -38
- package/dist/collection/components/keyboard/lido-keyboard.js +3 -3
- package/dist/collection/components/mathMatrix/lido-math-matrix.css +56 -56
- package/dist/collection/components/mathMatrix/lido-math-matrix.js +1 -1
- package/dist/collection/components/position/lido-pos.css +16 -16
- package/dist/collection/components/position/lido-pos.js +2 -2
- package/dist/collection/components/random/lido-random.css +8 -8
- package/dist/collection/components/random/lido-random.js +2 -2
- package/dist/collection/components/root/lido-root.js +5 -5
- package/dist/collection/components/row/lido-row.css +10 -10
- package/dist/collection/components/row/lido-row.js +6 -6
- package/dist/collection/components/scale/assets/Shadow.svg +9 -9
- package/dist/collection/components/scale/lido-balance.css +145 -145
- package/dist/collection/components/scale/lido-balance.js +13 -13
- package/dist/collection/components/shape/lido-shape.css +216 -216
- package/dist/collection/components/shape/lido-shape.js +6 -6
- package/dist/collection/components/slideFill/lido-slide-fill.css +3 -3
- package/dist/collection/components/slideFill/lido-slide-fill.js +13 -13
- package/dist/collection/components/text/lido-text.css +53 -53
- package/dist/collection/components/text/lido-text.js +5 -5
- package/dist/collection/components/trace/assets/Tracing-hand.svg +8 -8
- package/dist/collection/components/trace/lido-trace.css +97 -97
- package/dist/collection/components/trace/lido-trace.js +2 -2
- package/dist/collection/components/wrap/lido-wrap.css +18 -18
- package/dist/collection/components/wrap/lido-wrap.js +6 -6
- package/dist/collection/css/animation.css +211 -211
- package/dist/collection/css/index.css +324 -315
- package/dist/collection/stories/Templates/Fill-Up/fill-up.stories.js +61 -61
- package/dist/collection/stories/Templates/LetterPairing/LetterPairing.stories.js +123 -123
- package/dist/collection/stories/Templates/RocketGame/rocketGame.stories.js +48 -48
- package/dist/collection/stories/Templates/Tag/tagGame.stories.js +39 -39
- package/dist/collection/stories/Templates/arrangeLetters/arrangeLetters.stories.js +44 -44
- package/dist/collection/stories/Templates/balancing/balancing.stories.js +35 -35
- package/dist/collection/stories/Templates/balloonPop/balloonPop.stories.js +38 -38
- package/dist/collection/stories/Templates/blender/blender.stories.js +59 -59
- package/dist/collection/stories/Templates/bubbleType/bubbleType.stories.js +42 -42
- package/dist/collection/stories/Templates/calculator/calculator.stories.js +28 -28
- package/dist/collection/stories/Templates/categorize/categorize.stories.js +37 -37
- package/dist/collection/stories/Templates/categorize2/categorize2.stories.js +67 -67
- package/dist/collection/stories/Templates/checker-block/checkerBlock.stories.js +29 -29
- package/dist/collection/stories/Templates/checkerBlock/checkerBlock.stories.js +13 -13
- package/dist/collection/stories/Templates/create-sentence/createSentence.stories.js +74 -74
- package/dist/collection/stories/Templates/dragAndDrop/drag-drop.stories.js +69 -69
- package/dist/collection/stories/Templates/fillAnswer/fill-answer.stories.js +43 -43
- package/dist/collection/stories/Templates/fillBlank/fill-blank.stories.js +282 -282
- package/dist/collection/stories/Templates/foodJar/food-jar.stories.js +35 -35
- package/dist/collection/stories/Templates/grid/grid.stories.js +118 -118
- package/dist/collection/stories/Templates/gridGame/grid-game.stories.js +57 -57
- package/dist/collection/stories/Templates/imageMatch/imageMatch.stories.js +44 -44
- package/dist/collection/stories/Templates/jumpSentence/jumpSentence.stories.js +41 -41
- package/dist/collection/stories/Templates/letterboard/letterboard.stories.js +183 -183
- package/dist/collection/stories/Templates/makeSentence/make-sentence.stories.js +36 -36
- package/dist/collection/stories/Templates/matchBox/matchBox.stories.js +69 -69
- package/dist/collection/stories/Templates/matchBox/matchBox2.stories.js +84 -84
- package/dist/collection/stories/Templates/matchingCard/matching-card.stories.js +31 -31
- package/dist/collection/stories/Templates/multipleOption/mcqWithQuestionImage.stories.js +112 -112
- package/dist/collection/stories/Templates/multipleOption/multiple-option.stories.js +47 -47
- package/dist/collection/stories/Templates/multiplyBeeds/multiplyBeeds.stories.js +57 -57
- package/dist/collection/stories/Templates/nimbleTable/nimbleTable.stories.js +53 -53
- package/dist/collection/stories/Templates/numberBoard/numberBoard.stories.js +46 -46
- package/dist/collection/stories/Templates/numberBoardTwo/numberBoardTwo.stories.js +45 -45
- package/dist/collection/stories/Templates/numberIdentification/numberIdentificationimageTotext.stories.js +56 -56
- package/dist/collection/stories/Templates/numberIdentification/numberIdentificationtextTotext.stories.js +53 -53
- package/dist/collection/stories/Templates/numberPair/numberPair.stories.js +127 -127
- package/dist/collection/stories/Templates/openwindow/openwindow.stories.js +47 -47
- package/dist/collection/stories/Templates/openwindow/openwindow2.stories.js +38 -38
- package/dist/collection/stories/Templates/order-tractor/order-tractor-ascending-order.stories.js +97 -97
- package/dist/collection/stories/Templates/order-tractor/order-tractor.stories.js +90 -90
- package/dist/collection/stories/Templates/palEgmaCalculateSum/palEgmaMultiOption.stories.js +63 -63
- package/dist/collection/stories/Templates/palEgmaCalculateSum/palEgmaSumTogether.stories.js +45 -45
- package/dist/collection/stories/Templates/palEgmaPatternMatching/palEgmaPatternMatching.stories.js +63 -63
- package/dist/collection/stories/Templates/palEgmaWordProblem/palEgmaWordProblem.stories.js +79 -79
- package/dist/collection/stories/Templates/palEgraInventedSpelling/pal_egra_invented_spelling_schema.stories.js +32 -32
- package/dist/collection/stories/Templates/palEgraMCQWithImage/palEgraMCQWithImage.stories.js +42 -42
- package/dist/collection/stories/Templates/palEgraOptionWithAudio/palEgraOptionWithAudio.stories.js +63 -63
- package/dist/collection/stories/Templates/palEgraStoryMaking/pal_egra_story_making.stories.js +44 -44
- package/dist/collection/stories/Templates/palEgraTemplate1/palEgraLetterIdentification.stories.js +34 -34
- package/dist/collection/stories/Templates/palEgraWordMatch/palEgraWordMatch.stories.js +52 -52
- package/dist/collection/stories/Templates/palEgra_OddOneOut/palEgra_oddOneOut.stories.js +33 -33
- package/dist/collection/stories/Templates/palEgra_arrange_pictures/palEgra_arrange_pictures.stories.js +40 -40
- package/dist/collection/stories/Templates/palEgra_build_word/palEgra_build_word.stories.js +48 -48
- package/dist/collection/stories/Templates/palEgra_word_formation/palEgra_WordFormation.stories.js +48 -48
- package/dist/collection/stories/Templates/palStorytale/palStorytale.stories.js +18 -18
- package/dist/collection/stories/Templates/phonic-tractor/phonic-tractor.stories.js +44 -44
- package/dist/collection/stories/Templates/pictureClues/pictureClues.stories.js +34 -34
- package/dist/collection/stories/Templates/pictureWordMatch/pictureWordMatch1.stories.js +36 -36
- package/dist/collection/stories/Templates/pictureWordMatch/pictureWordMatch2.stories.js +30 -30
- package/dist/collection/stories/Templates/picturemeaning/pictureMeaningCocos.stories.js +20 -20
- package/dist/collection/stories/Templates/puzzleGame/puzzleGame.stories.js +17 -17
- package/dist/collection/stories/Templates/questionBoard/questionBoard.stories.js +58 -58
- package/dist/collection/stories/Templates/quizLiteracy/quizLiteracy.stories.js +50 -50
- package/dist/collection/stories/Templates/quizLiteracy/quizLiteracyImageWithText.stories.js +36 -36
- package/dist/collection/stories/Templates/quizLiteracy/quizLiteracyImageWord.stories.js +43 -43
- package/dist/collection/stories/Templates/quizMaths/quizMaths.stories.js +631 -631
- package/dist/collection/stories/Templates/reorder/reorder.stories.js +63 -63
- package/dist/collection/stories/Templates/rowBlocks/rowBlocks.stories.js +47 -47
- package/dist/collection/stories/Templates/sentenceMatch/sentenceMatch.stories.js +29 -29
- package/dist/collection/stories/Templates/sequenceBox/sequenceBox1.stories.js +64 -64
- package/dist/collection/stories/Templates/sequenceBox/sequenceBox2.stories.js +62 -62
- package/dist/collection/stories/Templates/shapePair/shape-pair.stories.js +106 -106
- package/dist/collection/stories/Templates/shapeTractor/shape-tractor.stories.js +50 -50
- package/dist/collection/stories/Templates/spellDoor/spellDoor.stories.js +41 -41
- package/dist/collection/stories/Templates/storyTale/storyTale.stories.js +39 -39
- package/dist/collection/stories/Templates/substraction/substractionWithimg.stories.js +62 -62
- package/dist/collection/stories/Templates/substraction/substractionWithoutImg.stories.js +42 -42
- package/dist/collection/stories/Templates/sumTogether/sumTogether.stories.js +50 -50
- package/dist/collection/stories/Templates/tenBox/tenBox.stories.js +88 -88
- package/dist/collection/stories/Templates/total/total.stories.js +28 -28
- package/dist/collection/stories/Templates/wordBuilding/wordBuildingwithimg.stories.js +35 -35
- package/dist/collection/stories/Templates/wordBuilding/wordBuildingwithoutimg.stories.js +34 -34
- package/dist/collection/stories/Templates/writeCard/writeCard.stories.js +31 -31
- package/dist/collection/stories/Templates/writeLetter/writeLetter.stories.js +58 -58
- package/dist/collection/stories/Templates/writeNumber/writeNumber.stories.js +44 -44
- package/dist/collection/stories/Templates/writeSet/writeSet.stories.js +31 -31
- package/dist/collection/stories/Templates/writeWord/writeWord.stories.js +34 -34
- package/dist/collection/stories/components/flash-card.stories.js +48 -48
- package/dist/collection/stories/components/keyboard.stories.js +10 -10
- package/dist/collection/stories/components/slider.stories.js +4 -4
- package/dist/collection/stories/components/trace.stories.js +5 -5
- package/dist/collection/utils/audioPlayer.js +2 -5
- package/dist/collection/utils/utils.js +49 -9
- package/dist/collection/utils/utilsHandlers/dragDropHandler.js +10 -10
- package/dist/collection/utils/utilsHandlers/highlightHandler.js +54 -54
- package/dist/collection/utils/utilsHandlers/sortHandler.js +53 -15
- 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-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 +1 -1
- 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-yT7udDfd.js → p-B4YAipq-.js} +1 -1
- package/dist/components/{p-DdQ1eqJr.js → p-B8nzzM8c.js} +1 -1
- package/dist/components/{p-Sl9R-E6h.js → p-BBHM059l.js} +1 -1
- package/dist/components/{p-SPZTb5fI.js → p-BJMjg5wu.js} +1 -1
- package/dist/components/{p-Cj-6tqzU.js → p-BOQDbCrm.js} +1 -1
- package/dist/components/{p-CwDTdXe5.js → p-BeRr8u5m.js} +1 -1
- package/dist/components/{p-CjdDpXfk.js → p-BfqihbR6.js} +1 -1
- package/dist/components/{p-CPYnt0P-.js → p-C5WmmkI6.js} +1 -1
- package/dist/components/{p-useuhkjH.js → p-C70ykycD.js} +1 -1
- package/dist/components/{p-BE25wHoo.js → p-CCR42e0i.js} +1 -1
- package/dist/components/{p-BfwUqpXc.js → p-CTlcpv4a.js} +1 -1
- package/dist/components/{p-BNNX1Pew.js → p-CWwymnbk.js} +2 -2
- package/dist/components/{p-CyGxEcn7.js → p-CXHPZN3m.js} +1 -1
- package/dist/components/{p-Bw-OC9iR.js → p-CgsPIpg0.js} +1 -1
- package/dist/components/{p-D54c-ybm.js → p-CljvnHkI.js} +1 -1
- package/dist/components/p-CwIlwnQk.js +1 -0
- package/dist/components/p-DLyacZap.js +1 -0
- package/dist/components/p-DONbWJGn.js +1 -0
- package/dist/components/p-DVTigdH_.js +1 -0
- package/dist/components/{p-CTlwn9r7.js → p-DYFVwyRr.js} +1 -1
- package/dist/esm/{decode-BgBfbPZu.js → decode-Buyq-Iy5.js} +1 -1
- package/dist/esm/{index-D-29PaRa.js → index-CQXciux9.js} +137 -64
- package/dist/esm/{index-BeHFCsWf.js → index-DQZfuGjI.js} +16 -10
- package/dist/esm/index.js +2 -2
- package/dist/esm/lido-avatar_22.entry.js +33 -33
- package/dist/esm/lido-player.js +3 -3
- package/dist/esm/loader.js +2 -2
- package/dist/lido-player/assets/Shadow.svg +9 -9
- package/dist/lido-player/assets/Tracing-hand.svg +8 -8
- package/dist/lido-player/index.esm.js +1 -1
- package/dist/lido-player/lido-avatar.css +4 -4
- package/dist/lido-player/lido-avatar.tsx +207 -207
- package/dist/lido-player/lido-player.css +8 -8
- package/dist/lido-player/lido-player.esm.js +1 -1
- package/dist/lido-player/{p-856e1956.entry.js → p-37736e11.entry.js} +2 -2
- package/dist/lido-player/p-3Ry570XH.js +1 -0
- package/dist/lido-player/{p-BA2X6O7O.js → p-CFtq4Thh.js} +1 -1
- package/dist/lido-player/p-DQZfuGjI.js +3 -0
- package/dist/lido-player/readme.md +49 -49
- package/dist/types/stencil-public-runtime.d.ts +61 -55
- package/dist/types/types/json.d.ts +3 -3
- package/dist/types/utils/utils.d.ts +1 -1
- package/dist/types/utils/utilsHandlers/dragDropHandler.d.ts +1 -0
- package/dist/types/utils/utilsHandlers/sortHandler.d.ts +2 -0
- package/package.json +73 -73
- package/readme.md +113 -113
- package/dist/components/p-BSV5U72F.js +0 -1
- package/dist/components/p-D-B1groh.js +0 -1
- package/dist/components/p-DbR5sNOj.js +0 -1
- package/dist/components/p-leIEepjl.js +0 -1
- package/dist/lido-player/p-BeHFCsWf.js +0 -3
- package/dist/lido-player/p-TuBmCgtK.js +0 -1
|
@@ -1,207 +1,207 @@
|
|
|
1
|
-
import { Component, Host, h, Prop, Element } from '@stencil/core';
|
|
2
|
-
import { Rive, RuntimeLoader } from '@rive-app/canvas';
|
|
3
|
-
import { RiveService } from '../../utils/rive-service';
|
|
4
|
-
import { convertUrlToRelative, initEventsForElement, setVisibilityWithDelay} from '../../utils/utils';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @component LidoAvatar
|
|
8
|
-
*
|
|
9
|
-
* The `LidoAvatar` component is a customizable avatar that integrates with Rive animations.
|
|
10
|
-
* It allows for configurable properties such as size, position, visibility, background color,
|
|
11
|
-
* and event handlers. The component supports accessibility attributes and can trigger various
|
|
12
|
-
* events based on user interactions.
|
|
13
|
-
*
|
|
14
|
-
* This component initializes and manages a Rive animation inside a canvas element.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
@Component({
|
|
18
|
-
tag: 'lido-avatar',
|
|
19
|
-
styleUrl: 'lido-avatar.css',
|
|
20
|
-
shadow: false,
|
|
21
|
-
assetsDirs: ['.'],
|
|
22
|
-
})
|
|
23
|
-
export class LidoAvatar {
|
|
24
|
-
private static readonly RIVE_WASM_URL = 'https://unpkg.com/@rive-app/canvas@2.32.0/rive.wasm';
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* The unique identifier for the column component.
|
|
28
|
-
*/
|
|
29
|
-
@Prop() id: string = '';
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* The value associated with the column component. Typically used for internal logic.
|
|
33
|
-
*/
|
|
34
|
-
@Prop() value: string = '';
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* The height of the column component (CSS value, e.g., '100px', '50%').
|
|
38
|
-
*/
|
|
39
|
-
@Prop() height: string = '';
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* The width of the column component (CSS value, e.g., '100px', '50%').
|
|
43
|
-
*/
|
|
44
|
-
@Prop() width: string = 'auto';
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* The ARIA label of the container. Used for accessibility to indicate the purpose of the element.
|
|
48
|
-
*/
|
|
49
|
-
@Prop() ariaLabel: string = '';
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* The ARIA hidden attribute of the container. Used for accessibility to hide the element.
|
|
53
|
-
*/
|
|
54
|
-
@Prop() ariaHidden: string = '';
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* The x-coordinate (left position) of the column within its container (CSS value, e.g., '10px', '5vw').
|
|
58
|
-
*/
|
|
59
|
-
@Prop() x: string = '0px';
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* The y-coordinate (top position) of the column within its container (CSS value, e.g., '10px', '5vh').
|
|
63
|
-
*/
|
|
64
|
-
@Prop() y: string = '0px';
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* The z-index of the column to control stacking order.
|
|
68
|
-
*/
|
|
69
|
-
@Prop() z: string = '0';
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* The background color of the column (CSS color value, e.g., '#FFFFFF', 'blue').
|
|
73
|
-
*/
|
|
74
|
-
@Prop() bgColor: string = '';
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* Defines the type of the column, which can be used for styling or specific logic handling.
|
|
78
|
-
*/
|
|
79
|
-
@Prop() type: string = '';
|
|
80
|
-
|
|
81
|
-
/**
|
|
82
|
-
* The tab index value, used to set the tab order of the column for keyboard navigation.
|
|
83
|
-
*/
|
|
84
|
-
@Prop() tabIndex: number = 0;
|
|
85
|
-
|
|
86
|
-
/**
|
|
87
|
-
* A boolean that controls whether the column is visible (`true`) or hidden (`false`).
|
|
88
|
-
*/
|
|
89
|
-
@Prop() visible: boolean = false;
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* Audio file URL or identifier for sound that will be associated with the column.
|
|
93
|
-
*/
|
|
94
|
-
@Prop() audio: string = '';
|
|
95
|
-
|
|
96
|
-
/**
|
|
97
|
-
* Instance of the Rive animation
|
|
98
|
-
*/
|
|
99
|
-
private riveInstance: any;
|
|
100
|
-
|
|
101
|
-
/**
|
|
102
|
-
* Source URL of the Rive (.riv) file
|
|
103
|
-
*/
|
|
104
|
-
@Prop() src: string = '';
|
|
105
|
-
|
|
106
|
-
/**
|
|
107
|
-
* Event handler for a touch event, where a custom function can be triggered when the column is touched.
|
|
108
|
-
*/
|
|
109
|
-
@Prop() onTouch: string = '';
|
|
110
|
-
|
|
111
|
-
/**
|
|
112
|
-
* Event handler for an Incorrect matching action, which can be used to trigger custom logic when the action is incorrect.
|
|
113
|
-
*/
|
|
114
|
-
@Prop() onInCorrect: string = '';
|
|
115
|
-
|
|
116
|
-
/**
|
|
117
|
-
* Event handler for a Correct matching action, which can be used to hide the column or trigger other custom logic.
|
|
118
|
-
*/
|
|
119
|
-
@Prop() onCorrect: string = '';
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
/**
|
|
123
|
-
* Event handler for when the column is entered, which can be used to initiate specific behaviors on entry.
|
|
124
|
-
*/
|
|
125
|
-
@Prop() onEntry: string = '';
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
* Reference to the HTML element that represents this component.
|
|
129
|
-
*/
|
|
130
|
-
@Element() el: HTMLElement;
|
|
131
|
-
|
|
132
|
-
/**
|
|
133
|
-
* Delay in milliseconds to make the cell visible after mount.
|
|
134
|
-
*/
|
|
135
|
-
@Prop() delayVisible: string = '';
|
|
136
|
-
|
|
137
|
-
/**
|
|
138
|
-
* This lifecycle hook is called after the component is rendered in the DOM.
|
|
139
|
-
* It initializes events for the column based on the provided type.
|
|
140
|
-
*/
|
|
141
|
-
async componentDidLoad() {
|
|
142
|
-
RuntimeLoader.setWasmUrl(LidoAvatar.RIVE_WASM_URL);
|
|
143
|
-
|
|
144
|
-
setVisibilityWithDelay(this.el, this.delayVisible);
|
|
145
|
-
|
|
146
|
-
initEventsForElement(this.el, this.type);
|
|
147
|
-
|
|
148
|
-
// const resolvedPath = this.src.startsWith('http')
|
|
149
|
-
// ? this.src // Use the provided URL if it's an HTTP/HTTPS link
|
|
150
|
-
// : getAssetPath(this.src); // Otherwise, resolve it as an asset path
|
|
151
|
-
|
|
152
|
-
this.initializeRive(convertUrlToRelative(this.src));
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
/**
|
|
156
|
-
* Initializes the Rive animation instance after the component is rendered.
|
|
157
|
-
* It selects the canvas element, loads the Rive file, and starts the animation.
|
|
158
|
-
* The animation surface is resized to fit the canvas, and the instance is stored in the service.
|
|
159
|
-
*/
|
|
160
|
-
initializeRive = rivSrc => {
|
|
161
|
-
const riveService = RiveService.getInstance();
|
|
162
|
-
const canvas = this.el.querySelector('canvas');
|
|
163
|
-
this.riveInstance = new Rive({
|
|
164
|
-
src: rivSrc,
|
|
165
|
-
canvas: canvas,
|
|
166
|
-
stateMachines: 'Idle',
|
|
167
|
-
autoplay: true,
|
|
168
|
-
onLoad: () => {
|
|
169
|
-
this.riveInstance.resizeDrawingSurfaceToCanvas();
|
|
170
|
-
riveService.setRiveInstance(this.riveInstance);
|
|
171
|
-
},
|
|
172
|
-
});
|
|
173
|
-
};
|
|
174
|
-
|
|
175
|
-
render() {
|
|
176
|
-
// Inline styles applied to the column, mainly for positioning and background.
|
|
177
|
-
const style = {
|
|
178
|
-
height: this.height,
|
|
179
|
-
width: this.width,
|
|
180
|
-
backgroundColor: this.bgColor,
|
|
181
|
-
top: this.y,
|
|
182
|
-
left: this.x,
|
|
183
|
-
display: this.visible ? 'flex' : 'none',
|
|
184
|
-
zIndex: this.z,
|
|
185
|
-
};
|
|
186
|
-
|
|
187
|
-
return (
|
|
188
|
-
<Host
|
|
189
|
-
id={this.id}
|
|
190
|
-
type={this.type}
|
|
191
|
-
tab-index={this.tabIndex}
|
|
192
|
-
value={this.value}
|
|
193
|
-
style={style}
|
|
194
|
-
aria-label={this.ariaLabel}
|
|
195
|
-
aria-hidden={this.ariaHidden}
|
|
196
|
-
audio={this.audio}
|
|
197
|
-
onTouch={this.onTouch}
|
|
198
|
-
onCorrect={this.onCorrect}
|
|
199
|
-
onInCorrect={this.onInCorrect}
|
|
200
|
-
onEntry={this.onEntry}
|
|
201
|
-
src={this.src}
|
|
202
|
-
>
|
|
203
|
-
<canvas class="lido-canvas"></canvas>
|
|
204
|
-
</Host>
|
|
205
|
-
);
|
|
206
|
-
}
|
|
207
|
-
}
|
|
1
|
+
import { Component, Host, h, Prop, Element } from '@stencil/core';
|
|
2
|
+
import { Rive, RuntimeLoader } from '@rive-app/canvas';
|
|
3
|
+
import { RiveService } from '../../utils/rive-service';
|
|
4
|
+
import { convertUrlToRelative, initEventsForElement, setVisibilityWithDelay} from '../../utils/utils';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @component LidoAvatar
|
|
8
|
+
*
|
|
9
|
+
* The `LidoAvatar` component is a customizable avatar that integrates with Rive animations.
|
|
10
|
+
* It allows for configurable properties such as size, position, visibility, background color,
|
|
11
|
+
* and event handlers. The component supports accessibility attributes and can trigger various
|
|
12
|
+
* events based on user interactions.
|
|
13
|
+
*
|
|
14
|
+
* This component initializes and manages a Rive animation inside a canvas element.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
@Component({
|
|
18
|
+
tag: 'lido-avatar',
|
|
19
|
+
styleUrl: 'lido-avatar.css',
|
|
20
|
+
shadow: false,
|
|
21
|
+
assetsDirs: ['.'],
|
|
22
|
+
})
|
|
23
|
+
export class LidoAvatar {
|
|
24
|
+
private static readonly RIVE_WASM_URL = 'https://unpkg.com/@rive-app/canvas@2.32.0/rive.wasm';
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* The unique identifier for the column component.
|
|
28
|
+
*/
|
|
29
|
+
@Prop() id: string = '';
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* The value associated with the column component. Typically used for internal logic.
|
|
33
|
+
*/
|
|
34
|
+
@Prop() value: string = '';
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* The height of the column component (CSS value, e.g., '100px', '50%').
|
|
38
|
+
*/
|
|
39
|
+
@Prop() height: string = '';
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* The width of the column component (CSS value, e.g., '100px', '50%').
|
|
43
|
+
*/
|
|
44
|
+
@Prop() width: string = 'auto';
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* The ARIA label of the container. Used for accessibility to indicate the purpose of the element.
|
|
48
|
+
*/
|
|
49
|
+
@Prop() ariaLabel: string = '';
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* The ARIA hidden attribute of the container. Used for accessibility to hide the element.
|
|
53
|
+
*/
|
|
54
|
+
@Prop() ariaHidden: string = '';
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* The x-coordinate (left position) of the column within its container (CSS value, e.g., '10px', '5vw').
|
|
58
|
+
*/
|
|
59
|
+
@Prop() x: string = '0px';
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* The y-coordinate (top position) of the column within its container (CSS value, e.g., '10px', '5vh').
|
|
63
|
+
*/
|
|
64
|
+
@Prop() y: string = '0px';
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* The z-index of the column to control stacking order.
|
|
68
|
+
*/
|
|
69
|
+
@Prop() z: string = '0';
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* The background color of the column (CSS color value, e.g., '#FFFFFF', 'blue').
|
|
73
|
+
*/
|
|
74
|
+
@Prop() bgColor: string = '';
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Defines the type of the column, which can be used for styling or specific logic handling.
|
|
78
|
+
*/
|
|
79
|
+
@Prop() type: string = '';
|
|
80
|
+
|
|
81
|
+
/**
|
|
82
|
+
* The tab index value, used to set the tab order of the column for keyboard navigation.
|
|
83
|
+
*/
|
|
84
|
+
@Prop() tabIndex: number = 0;
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* A boolean that controls whether the column is visible (`true`) or hidden (`false`).
|
|
88
|
+
*/
|
|
89
|
+
@Prop() visible: boolean = false;
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Audio file URL or identifier for sound that will be associated with the column.
|
|
93
|
+
*/
|
|
94
|
+
@Prop() audio: string = '';
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* Instance of the Rive animation
|
|
98
|
+
*/
|
|
99
|
+
private riveInstance: any;
|
|
100
|
+
|
|
101
|
+
/**
|
|
102
|
+
* Source URL of the Rive (.riv) file
|
|
103
|
+
*/
|
|
104
|
+
@Prop() src: string = '';
|
|
105
|
+
|
|
106
|
+
/**
|
|
107
|
+
* Event handler for a touch event, where a custom function can be triggered when the column is touched.
|
|
108
|
+
*/
|
|
109
|
+
@Prop() onTouch: string = '';
|
|
110
|
+
|
|
111
|
+
/**
|
|
112
|
+
* Event handler for an Incorrect matching action, which can be used to trigger custom logic when the action is incorrect.
|
|
113
|
+
*/
|
|
114
|
+
@Prop() onInCorrect: string = '';
|
|
115
|
+
|
|
116
|
+
/**
|
|
117
|
+
* Event handler for a Correct matching action, which can be used to hide the column or trigger other custom logic.
|
|
118
|
+
*/
|
|
119
|
+
@Prop() onCorrect: string = '';
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
/**
|
|
123
|
+
* Event handler for when the column is entered, which can be used to initiate specific behaviors on entry.
|
|
124
|
+
*/
|
|
125
|
+
@Prop() onEntry: string = '';
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* Reference to the HTML element that represents this component.
|
|
129
|
+
*/
|
|
130
|
+
@Element() el: HTMLElement;
|
|
131
|
+
|
|
132
|
+
/**
|
|
133
|
+
* Delay in milliseconds to make the cell visible after mount.
|
|
134
|
+
*/
|
|
135
|
+
@Prop() delayVisible: string = '';
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* This lifecycle hook is called after the component is rendered in the DOM.
|
|
139
|
+
* It initializes events for the column based on the provided type.
|
|
140
|
+
*/
|
|
141
|
+
async componentDidLoad() {
|
|
142
|
+
RuntimeLoader.setWasmUrl(LidoAvatar.RIVE_WASM_URL);
|
|
143
|
+
|
|
144
|
+
setVisibilityWithDelay(this.el, this.delayVisible);
|
|
145
|
+
|
|
146
|
+
initEventsForElement(this.el, this.type);
|
|
147
|
+
|
|
148
|
+
// const resolvedPath = this.src.startsWith('http')
|
|
149
|
+
// ? this.src // Use the provided URL if it's an HTTP/HTTPS link
|
|
150
|
+
// : getAssetPath(this.src); // Otherwise, resolve it as an asset path
|
|
151
|
+
|
|
152
|
+
this.initializeRive(convertUrlToRelative(this.src));
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
/**
|
|
156
|
+
* Initializes the Rive animation instance after the component is rendered.
|
|
157
|
+
* It selects the canvas element, loads the Rive file, and starts the animation.
|
|
158
|
+
* The animation surface is resized to fit the canvas, and the instance is stored in the service.
|
|
159
|
+
*/
|
|
160
|
+
initializeRive = rivSrc => {
|
|
161
|
+
const riveService = RiveService.getInstance();
|
|
162
|
+
const canvas = this.el.querySelector('canvas');
|
|
163
|
+
this.riveInstance = new Rive({
|
|
164
|
+
src: rivSrc,
|
|
165
|
+
canvas: canvas,
|
|
166
|
+
stateMachines: 'Idle',
|
|
167
|
+
autoplay: true,
|
|
168
|
+
onLoad: () => {
|
|
169
|
+
this.riveInstance.resizeDrawingSurfaceToCanvas();
|
|
170
|
+
riveService.setRiveInstance(this.riveInstance);
|
|
171
|
+
},
|
|
172
|
+
});
|
|
173
|
+
};
|
|
174
|
+
|
|
175
|
+
render() {
|
|
176
|
+
// Inline styles applied to the column, mainly for positioning and background.
|
|
177
|
+
const style = {
|
|
178
|
+
height: this.height,
|
|
179
|
+
width: this.width,
|
|
180
|
+
backgroundColor: this.bgColor,
|
|
181
|
+
top: this.y,
|
|
182
|
+
left: this.x,
|
|
183
|
+
display: this.visible ? 'flex' : 'none',
|
|
184
|
+
zIndex: this.z,
|
|
185
|
+
};
|
|
186
|
+
|
|
187
|
+
return (
|
|
188
|
+
<Host
|
|
189
|
+
id={this.id}
|
|
190
|
+
type={this.type}
|
|
191
|
+
tab-index={this.tabIndex}
|
|
192
|
+
value={this.value}
|
|
193
|
+
style={style}
|
|
194
|
+
aria-label={this.ariaLabel}
|
|
195
|
+
aria-hidden={this.ariaHidden}
|
|
196
|
+
audio={this.audio}
|
|
197
|
+
onTouch={this.onTouch}
|
|
198
|
+
onCorrect={this.onCorrect}
|
|
199
|
+
onInCorrect={this.onInCorrect}
|
|
200
|
+
onEntry={this.onEntry}
|
|
201
|
+
src={this.src}
|
|
202
|
+
>
|
|
203
|
+
<canvas class="lido-canvas"></canvas>
|
|
204
|
+
</Host>
|
|
205
|
+
);
|
|
206
|
+
}
|
|
207
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
@font-face{font-family:'Baloo Bhai 2';font-style:normal;font-weight:400 800;font-display:swap;src:url('../assets/offline-assets/fonts/Baloo-Bhai-2/Baloo-Bhai-2-Variable.woff2') format('woff2')}body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:rgb(243, 77, 8) 0px 0px 40px !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}.lido-tts-highlight-overlay{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;background:linear-gradient(
|
|
2
|
-
180deg,
|
|
3
|
-
rgba(255, 235, 59, 0.95),
|
|
4
|
-
rgba(255, 214, 0, 0.95)
|
|
5
|
-
);border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18),
|
|
6
|
-
inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:width 25ms ease-out,
|
|
7
|
-
height 25ms ease-out,
|
|
8
|
-
opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height;contain:layout paint style}
|
|
1
|
+
@font-face{font-family:'Baloo Bhai 2';font-style:normal;font-weight:400 800;font-display:swap;src:url('../assets/offline-assets/fonts/Baloo-Bhai-2/Baloo-Bhai-2-Variable.woff2') format('woff2')}body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:rgb(243, 77, 8) 0px 0px 40px !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}.lido-tts-highlight-overlay{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;background:linear-gradient(
|
|
2
|
+
180deg,
|
|
3
|
+
rgba(255, 235, 59, 0.95),
|
|
4
|
+
rgba(255, 214, 0, 0.95)
|
|
5
|
+
);border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18),
|
|
6
|
+
inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:width 25ms ease-out,
|
|
7
|
+
height 25ms ease-out,
|
|
8
|
+
opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height;contain:layout paint style}.category-dropped-onCorrect{box-shadow:rgba(129, 193, 39, 1) 0px 8px 8px 0px !important}.category-dropped-onInCorrect{box-shadow:rgba(255, 4, 16, 1) 0px 8px 8px 0px !important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,g as o,b as i}from"./p-BeHFCsWf.js";export{s as setNonce}from"./p-BeHFCsWf.js";(()=>{const o=import.meta.url,i={};return""!==o&&(i.resourcesUrl=new URL(".",o).href),e(i)})().then((async e=>(await o(),i(JSON.parse('[["p-856e1956",[[0,"lido-root",{"Lang":[1,"lang"],"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"margin":[1],"canplay":[4],"baseUrl":[1,"base-url"],"zipUrl":[1,"zip-url"],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"xmlData":[32]},null,{"Lang":[{"onLangChange":0}]}],[0,"lido-home",{"commonAudioPath":[1,"common-audio-path"],"showNav":[4,"show-nav"],"activeContainerIndexes":[16],"Lang":[1,"lang"],"xmlData":[1,"xml-data"],"initialIndex":[2,"initial-index"],"canplay":[4],"baseUrl":[1,"base-url"],"height":[1],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"avatarUrl":[1,"avatar-url"],"uuid":[1],"zipUrl":[513,"zip-url"],"navBarIcons":[32],"currentContainerIndex":[32],"resizeTrigger":[32],"exitFlag":[32],"containers":[32],"templateData":[32],"showDotsandbtn":[32]},null,{"commonAudioPath":[{"onCommonAudioPathChange":0}],"xmlData":[{"onXmlDataChange":0}]}],[0,"lido-calculator",{"width":[1],"visible":[8],"height":[1],"objective":[1],"onEntry":[1,"on-entry"],"x":[1],"y":[1],"bgColor":[1,"bg-color"],"penIcon":[1,"pen-icon"],"displayValue":[32],"style":[32]}],[260,"lido-container",{"Lang":[1,"lang"],"showDropBorder":[4,"show-drop-border"],"appendToDropOnCompletion":[4,"append-to-drop-on-completion"],"id":[1],"objective":[1],"customStyle":[1,"custom-style"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"bgImage":[1,"bg-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"canplay":[4],"showCheck":[4,"show-check"],"isContinueOnCorrect":[4,"is-continue-on-correct"],"isAllowOnlyCorrect":[4,"is-allow-only-correct"],"baseUrl":[1,"base-url"],"margin":[1],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"showPrevButton":[1,"show-prev-button"],"showNextButton":[1,"show-next-button"],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"templateId":[1,"template-id"],"highlightWordByWord":[4,"highlight-word-by-word"],"instructName":[32],"speakFlag":[32]},null,{"Lang":[{"languageChanged":0}]}],[0,"lido-keyboard",{"keys":[1],"width":[1],"height":[1],"fontSize":[1,"font-size"],"fontColor":[1,"font-color"],"fontFamily":[1,"font-family"],"gap":[1],"bgColor":[1,"bg-color"],"borderRadius":[1,"border-radius"],"y":[1],"x":[1],"z":[1],"margin":[1],"padding":[1],"visible":[1],"onEntry":[1,"on-entry"],"type":[1],"keyboardInput":[4,"keyboard-input"],"columns":[1],"letterLength":[2,"letter-length"],"disableSpeak":[4,"disable-speak"],"numberOfClick":[32],"inputString":[32],"style":[32]}],[0,"lido-avatar",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"src":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"delayVisible":[1,"delay-visible"]}],[0,"lido-balance",{"pivotimage":[1],"scaleimage":[1],"handlerimage":[1],"fill":[1],"tilt":[2],"maxTilt":[2,"max-tilt"],"onEntry":[1,"on-entry"],"height":[1],"width":[1],"x":[1],"y":[1],"z":[1],"visible":[8],"margin":[1],"padding":[1],"balanceSymbol":[1537,"balance-symbol"],"showSymbol":[1540,"show-symbol"],"operation":[1],"pivotSvg":[32],"scaleSvg":[32],"handlerSvg":[32],"style":[32],"tiltf":[32],"leftVal":[32],"rightVal":[32],"revealSymbol":[64],"hideSymbol":[64],"updateTilt":[64]},null,{"tilt":[{"tiltChanged":0}]}],[1,"lido-canvas",{"bgImage":[1,"bg-image"],"width":[1],"height":[1],"visible":[8],"z":[1],"x":[1],"y":[1],"onEntry":[1,"on-entry"],"style":[32]}],[260,"lido-col",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"borderImage":[1,"border-image"],"boxShadow":[1,"box-shadow"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[260,"lido-flash-card",{"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"direction":[1],"display":[1],"front":[8],"back":[8],"flipped":[1540],"margin":[1],"disableSpeak":[4,"disable-speak"],"delayVisible":[1,"delay-visible"],"style":[32]},null,{"flipped":[{"handleFlippedChange":0}]}],[260,"lido-float",{"id":[1],"value":[1],"z":[1],"tabIndex":[2,"tab-index"],"visible":[4],"onEntry":[1,"on-entry"],"width":[1],"height":[1],"bgColor":[1,"bg-color"],"type":[1],"delayVisible":[1,"delay-visible"],"floatDirection":[1,"float-direction"],"style":[32]}],[0,"lido-image",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"src":[1],"isSlice":[1,"is-slice"],"sliceWidth":[1,"slice-width"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"filter":[1],"borderRadius":[1,"border-radius"],"transform":[1],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"style":[32]}],[0,"lido-math-matrix",{"rows":[1],"cols":[1],"defualtFill":[1538,"defualt-fill"],"leftIndex":[4,"left-index"],"topIndex":[4,"top-index"],"bottomIndex":[4,"bottom-index"],"clickable":[4],"activeOnlyVisible":[4,"active-only-visible"],"matrixImage":[1,"matrix-image"],"activeBgColor":[1537,"active-bg-color"],"deactiveBgColor":[1537,"deactive-bg-color"],"border":[1537],"height":[1537],"width":[1537],"borderRadius":[1,"border-radius"],"z":[1],"margin":[1],"padding":[1],"visible":[1],"text":[1],"type":[1],"value":[1],"tabIndex":[2,"tab-index"],"x":[1],"y":[1],"fontColor":[1,"font-color"],"onCorrect":[1,"on-correct"],"onInCorrect":[1,"on-in-correct"],"onEntry":[1,"on-entry"],"previousFilledSlot":[32],"previousFilledSlotElement":[32],"style":[32]}],[260,"lido-pos",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[260,"lido-random",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1]}],[260,"lido-row",{"showSpeakIcon":[4,"show-speak-icon"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"display":[1],"margin":[1],"disableSpeak":[4,"disable-speak"],"style":[32]}],[0,"lido-shape",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"shapeType":[1,"shape-type"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"style":[32]}],[0,"lido-slide-fill",{"id":[1],"width":[1],"height":[1],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"visible":[8],"margin":[1],"padding":[1],"borderRadius":[1,"border-radius"],"fill":[1],"numberType":[1,"number-type"],"min":[2],"division":[2],"max":[2],"slider":[4],"src":[1],"fillDirection":[1,"fill-direction"],"type":[1],"onEntry":[1,"on-entry"],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"svgContent":[32],"style":[32]},null,{"src":[{"onSrcChange":0}],"fill":[{"onPropChange":0}],"division":[{"onPropChange":0}],"fillDirection":[{"onPropChange":0}],"numberType":[{"onPropChange":0}],"min":[{"onPropChange":0}],"max":[{"onPropChange":0}]}],[0,"lido-trace",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"svgSource":[1,"svg-source"],"value":[1],"height":[1],"width":[1],"audio":[1],"x":[1],"y":[1],"z":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"tabIndex":[2,"tab-index"],"mode":[1],"fingerHintUrl":[1,"finger-hint-url"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"highlightTextId":[1,"highlight-text-id"],"animationTrace":[4,"animation-trace"],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"svgUrls":[32],"audioUrls":[32],"currentSvgIndex":[32],"moving":[32],"style":[32],"fileIndex":[32],"isDragging":[32],"activePointerId":[32],"idleTimer":[32],"fingerImg":[32]},null,{"svgSource":[{"initializeSVG":0}],"mode":[{"initializeSVG":0}]}],[260,"lido-wrap",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"flex":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"disableSpeak":[4,"disable-speak"],"style":[32]}],[260,"lido-cell",{"showSpeakIcon":[4,"show-speak-icon"],"scrollbarWidth":[1,"scrollbar-width"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"gap":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[1],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"layout":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"alignItems":[1,"align-items"],"borderRadius":[1,"border-radius"],"flexDirection":[1,"flex-direction"],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"style":[32]}],[0,"lido-text",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"requiredDrops":[1,"required-drops"],"string":[1],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"fontColor":[1,"font-color"],"highlightWhileSpeaking":[4,"highlight-while-speaking"],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"move":[1],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"borderImage":[1,"border-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"onEntry":[1,"on-entry"],"margin":[1],"padding":[1],"borderRadius":[1,"border-radius"],"spanType":[1,"span-type"],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"style":[32]}]]]]'),e))));
|
|
1
|
+
import{p as e,g as o,b as i}from"./p-DQZfuGjI.js";export{s as setNonce}from"./p-DQZfuGjI.js";(()=>{const o=import.meta.url,i={};return""!==o&&(i.resourcesUrl=new URL(".",o).href),e(i)})().then((async e=>(await o(),i(JSON.parse('[["p-37736e11",[[0,"lido-root",{"Lang":[1,"lang"],"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"margin":[1],"canplay":[4],"baseUrl":[1,"base-url"],"zipUrl":[1,"zip-url"],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"xmlData":[32]},null,{"Lang":[{"onLangChange":0}]}],[0,"lido-home",{"commonAudioPath":[1,"common-audio-path"],"showNav":[4,"show-nav"],"activeContainerIndexes":[16],"Lang":[1,"lang"],"xmlData":[1,"xml-data"],"initialIndex":[2,"initial-index"],"canplay":[4],"baseUrl":[1,"base-url"],"height":[1],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"avatarUrl":[1,"avatar-url"],"uuid":[1],"zipUrl":[513,"zip-url"],"navBarIcons":[32],"currentContainerIndex":[32],"resizeTrigger":[32],"exitFlag":[32],"containers":[32],"templateData":[32],"showDotsandbtn":[32]},null,{"commonAudioPath":[{"onCommonAudioPathChange":0}],"xmlData":[{"onXmlDataChange":0}]}],[0,"lido-calculator",{"width":[1],"visible":[8],"height":[1],"objective":[1],"onEntry":[1,"on-entry"],"x":[1],"y":[1],"bgColor":[1,"bg-color"],"penIcon":[1,"pen-icon"],"displayValue":[32],"style":[32]}],[260,"lido-container",{"Lang":[1,"lang"],"showDropBorder":[4,"show-drop-border"],"appendToDropOnCompletion":[4,"append-to-drop-on-completion"],"id":[1],"objective":[1],"customStyle":[1,"custom-style"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"bgImage":[1,"bg-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"canplay":[4],"showCheck":[4,"show-check"],"isContinueOnCorrect":[4,"is-continue-on-correct"],"isAllowOnlyCorrect":[4,"is-allow-only-correct"],"baseUrl":[1,"base-url"],"margin":[1],"exitButtonUrl":[1,"exit-button-url"],"prevButtonUrl":[1,"prev-button-url"],"nextButtonUrl":[1,"next-button-url"],"speakerButtonUrl":[1,"speaker-button-url"],"showPrevButton":[1,"show-prev-button"],"showNextButton":[1,"show-next-button"],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"templateId":[1,"template-id"],"highlightWordByWord":[4,"highlight-word-by-word"],"instructName":[32],"speakFlag":[32]},null,{"Lang":[{"languageChanged":0}]}],[0,"lido-keyboard",{"keys":[1],"width":[1],"height":[1],"fontSize":[1,"font-size"],"fontColor":[1,"font-color"],"fontFamily":[1,"font-family"],"gap":[1],"bgColor":[1,"bg-color"],"borderRadius":[1,"border-radius"],"y":[1],"x":[1],"z":[1],"margin":[1],"padding":[1],"visible":[1],"onEntry":[1,"on-entry"],"type":[1],"keyboardInput":[4,"keyboard-input"],"columns":[1],"letterLength":[2,"letter-length"],"disableSpeak":[4,"disable-speak"],"numberOfClick":[32],"inputString":[32],"style":[32]}],[0,"lido-avatar",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"src":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"delayVisible":[1,"delay-visible"]}],[0,"lido-balance",{"pivotimage":[1],"scaleimage":[1],"handlerimage":[1],"fill":[1],"tilt":[2],"maxTilt":[2,"max-tilt"],"onEntry":[1,"on-entry"],"height":[1],"width":[1],"x":[1],"y":[1],"z":[1],"visible":[8],"margin":[1],"padding":[1],"balanceSymbol":[1537,"balance-symbol"],"showSymbol":[1540,"show-symbol"],"operation":[1],"pivotSvg":[32],"scaleSvg":[32],"handlerSvg":[32],"style":[32],"tiltf":[32],"leftVal":[32],"rightVal":[32],"revealSymbol":[64],"hideSymbol":[64],"updateTilt":[64]},null,{"tilt":[{"tiltChanged":0}]}],[1,"lido-canvas",{"bgImage":[1,"bg-image"],"width":[1],"height":[1],"visible":[8],"z":[1],"x":[1],"y":[1],"onEntry":[1,"on-entry"],"style":[32]}],[260,"lido-col",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"borderImage":[1,"border-image"],"boxShadow":[1,"box-shadow"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[260,"lido-flash-card",{"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"direction":[1],"display":[1],"front":[8],"back":[8],"flipped":[1540],"margin":[1],"disableSpeak":[4,"disable-speak"],"delayVisible":[1,"delay-visible"],"style":[32]},null,{"flipped":[{"handleFlippedChange":0}]}],[260,"lido-float",{"id":[1],"value":[1],"z":[1],"tabIndex":[2,"tab-index"],"visible":[4],"onEntry":[1,"on-entry"],"width":[1],"height":[1],"bgColor":[1,"bg-color"],"type":[1],"delayVisible":[1,"delay-visible"],"floatDirection":[1,"float-direction"],"style":[32]}],[0,"lido-image",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"src":[1],"isSlice":[1,"is-slice"],"sliceWidth":[1,"slice-width"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"filter":[1],"borderRadius":[1,"border-radius"],"transform":[1],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"style":[32]}],[0,"lido-math-matrix",{"rows":[1],"cols":[1],"defualtFill":[1538,"defualt-fill"],"leftIndex":[4,"left-index"],"topIndex":[4,"top-index"],"bottomIndex":[4,"bottom-index"],"clickable":[4],"activeOnlyVisible":[4,"active-only-visible"],"matrixImage":[1,"matrix-image"],"activeBgColor":[1537,"active-bg-color"],"deactiveBgColor":[1537,"deactive-bg-color"],"border":[1537],"height":[1537],"width":[1537],"borderRadius":[1,"border-radius"],"z":[1],"margin":[1],"padding":[1],"visible":[1],"text":[1],"type":[1],"value":[1],"tabIndex":[2,"tab-index"],"x":[1],"y":[1],"fontColor":[1,"font-color"],"onCorrect":[1,"on-correct"],"onInCorrect":[1,"on-in-correct"],"onEntry":[1,"on-entry"],"previousFilledSlot":[32],"previousFilledSlotElement":[32],"style":[32]}],[260,"lido-pos",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"style":[32]}],[260,"lido-random",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1]}],[260,"lido-row",{"showSpeakIcon":[4,"show-speak-icon"],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"direction":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"display":[1],"margin":[1],"disableSpeak":[4,"disable-speak"],"style":[32]}],[0,"lido-shape",{"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"shapeType":[1,"shape-type"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"style":[32]}],[0,"lido-slide-fill",{"id":[1],"width":[1],"height":[1],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"visible":[8],"margin":[1],"padding":[1],"borderRadius":[1,"border-radius"],"fill":[1],"numberType":[1,"number-type"],"min":[2],"division":[2],"max":[2],"slider":[4],"src":[1],"fillDirection":[1,"fill-direction"],"type":[1],"onEntry":[1,"on-entry"],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"svgContent":[32],"style":[32]},null,{"src":[{"onSrcChange":0}],"fill":[{"onPropChange":0}],"division":[{"onPropChange":0}],"fillDirection":[{"onPropChange":0}],"numberType":[{"onPropChange":0}],"min":[{"onPropChange":0}],"max":[{"onPropChange":0}]}],[0,"lido-trace",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"svgSource":[1,"svg-source"],"value":[1],"height":[1],"width":[1],"audio":[1],"x":[1],"y":[1],"z":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"tabIndex":[2,"tab-index"],"mode":[1],"fingerHintUrl":[1,"finger-hint-url"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"highlightTextId":[1,"highlight-text-id"],"animationTrace":[4,"animation-trace"],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"svgUrls":[32],"audioUrls":[32],"currentSvgIndex":[32],"moving":[32],"style":[32],"fileIndex":[32],"isDragging":[32],"activePointerId":[32],"idleTimer":[32],"fingerImg":[32]},null,{"svgSource":[{"initializeSVG":0}],"mode":[{"initializeSVG":0}]}],[260,"lido-wrap",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[4],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"flex":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"disableSpeak":[4,"disable-speak"],"style":[32]}],[260,"lido-cell",{"showSpeakIcon":[4,"show-speak-icon"],"scrollbarWidth":[1,"scrollbar-width"],"id":[1],"value":[1],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"x":[1],"y":[1],"z":[1],"gap":[1],"bgColor":[1,"bg-color"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[1],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"onEntry":[1,"on-entry"],"childElementsLength":[2,"child-elements-length"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"layout":[1],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"margin":[1],"padding":[1],"alignItems":[1,"align-items"],"borderRadius":[1,"border-radius"],"flexDirection":[1,"flex-direction"],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"style":[32]}],[0,"lido-text",{"showSpeakIcon":[4,"show-speak-icon"],"id":[1],"value":[1],"requiredDrops":[1,"required-drops"],"string":[1],"fontFamily":[1,"font-family"],"fontSize":[1,"font-size"],"fontColor":[1,"font-color"],"highlightWhileSpeaking":[4,"highlight-while-speaking"],"height":[1],"width":[1],"ariaLabel":[1,"aria-label"],"ariaHidden":[1,"aria-hidden"],"move":[1],"x":[1],"y":[1],"z":[1],"bgColor":[1,"bg-color"],"borderImage":[1,"border-image"],"type":[1],"tabIndex":[2,"tab-index"],"visible":[8],"audio":[1],"onTouch":[1,"on-touch"],"onInCorrect":[1,"on-in-correct"],"onCorrect":[1,"on-correct"],"minDrops":[2,"min-drops"],"maxDrops":[2,"max-drops"],"onEntry":[1,"on-entry"],"margin":[1],"padding":[1],"borderRadius":[1,"border-radius"],"spanType":[1,"span-type"],"delayVisible":[1,"delay-visible"],"disableSpeak":[4,"disable-speak"],"style":[32]}]]]]'),e))));
|