lido-player 0.0.2-beta-15 → 0.0.2-beta-16-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 (73) hide show
  1. package/dist/cjs/{decode-xNTgi2vl.js → decode-C08Ujimj.js} +1 -1
  2. package/dist/cjs/{index-BFTVvr1n.js → index-BkBqiwe8.js} +134 -8
  3. package/dist/cjs/index.cjs.js +1 -1
  4. package/dist/cjs/lido-avatar_22.cjs.entry.js +52 -29
  5. package/dist/cjs/lido-player.cjs.js +1 -1
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/collection/components/calculator/lido-calculator.css +12 -12
  8. package/dist/collection/components/canvas/lido-canvas.css +32 -32
  9. package/dist/collection/components/canvas/lido-canvas.js +1 -1
  10. package/dist/collection/components/cell/lido-cell.js +1 -1
  11. package/dist/collection/components/column/lido-col.js +1 -1
  12. package/dist/collection/components/container/lido-container.js +2 -2
  13. package/dist/collection/components/float/lido-float.js +1 -1
  14. package/dist/collection/components/position/lido-pos.js +1 -1
  15. package/dist/collection/components/row/lido-row.js +1 -1
  16. package/dist/collection/components/slideFill/lido-slide-fill.js +1 -1
  17. package/dist/collection/components/text/lido-text.js +25 -1
  18. package/dist/collection/components/wrap/lido-wrap.js +1 -1
  19. package/dist/collection/utils/constants.js +1 -0
  20. package/dist/collection/utils/utils.js +4 -0
  21. package/dist/collection/utils/utilsHandlers/animationHandler.js +20 -9
  22. package/dist/collection/utils/utilsHandlers/moveHandler.js +111 -0
  23. package/dist/components/index.js +1 -1
  24. package/dist/components/lido-calculator.js +1 -1
  25. package/dist/components/lido-canvas.js +1 -1
  26. package/dist/components/lido-cell.js +1 -1
  27. package/dist/components/lido-col.js +1 -1
  28. package/dist/components/lido-container.js +1 -1
  29. package/dist/components/lido-float.js +1 -1
  30. package/dist/components/lido-home.js +1 -1
  31. package/dist/components/lido-image.js +1 -1
  32. package/dist/components/lido-keyboard.js +1 -1
  33. package/dist/components/lido-pos.js +1 -1
  34. package/dist/components/lido-root.js +1 -1
  35. package/dist/components/lido-row.js +1 -1
  36. package/dist/components/lido-slide-fill.js +1 -1
  37. package/dist/components/lido-text.js +1 -1
  38. package/dist/components/lido-wrap.js +1 -1
  39. package/dist/components/{p-kmKkLN_7.js → p-BE25wHoo.js} +1 -1
  40. package/dist/components/p-BfwUqpXc.js +1 -0
  41. package/dist/components/{p-CDhOF-lb.js → p-Bw-OC9iR.js} +1 -1
  42. package/dist/components/{p-DVn4BL1l.js → p-C2p0KZh4.js} +1 -1
  43. package/dist/components/p-C5jvgiPE.js +1 -0
  44. package/dist/components/{p-CFNRhdZZ.js → p-CPYnt0P-.js} +1 -1
  45. package/dist/components/{p-B8USa8EO.js → p-CS6iRQJh.js} +1 -1
  46. package/dist/components/{p-DflRPD3L.js → p-CyGxEcn7.js} +1 -1
  47. package/dist/components/{p-BP79Al--.js → p-D-IYWSAa.js} +1 -1
  48. package/dist/components/{p-CbZUFX8q.js → p-DGvzMlyn.js} +2 -2
  49. package/dist/components/p-DbR5sNOj.js +1 -0
  50. package/dist/components/{p-D2RiLzSu.js → p-Sl9R-E6h.js} +1 -1
  51. package/dist/components/p-Uluc7jQ7.js +1 -0
  52. package/dist/components/{p-CLX-8DBk.js → p-useuhkjH.js} +1 -1
  53. package/dist/esm/{decode-DyBLrL5N.js → decode-CGJIPA4t.js} +1 -1
  54. package/dist/esm/{index-B7s7KKj1.js → index-C854B63S.js} +134 -8
  55. package/dist/esm/index.js +1 -1
  56. package/dist/esm/lido-avatar_22.entry.js +52 -29
  57. package/dist/esm/lido-player.js +1 -1
  58. package/dist/esm/loader.js +1 -1
  59. package/dist/lido-player/index.esm.js +1 -1
  60. package/dist/lido-player/lido-player.esm.js +1 -1
  61. package/dist/lido-player/{p-Detap4vV.js → p-Bg5mBsd9.js} +1 -1
  62. package/dist/lido-player/p-C4OTDhbr.js +1 -0
  63. package/dist/lido-player/{p-05fff653.entry.js → p-f0e333c6.entry.js} +2 -2
  64. package/dist/types/components/text/lido-text.d.ts +4 -0
  65. package/dist/types/components.d.ts +11 -0
  66. package/dist/types/utils/constants.d.ts +1 -0
  67. package/dist/types/utils/utilsHandlers/moveHandler.d.ts +1 -0
  68. package/package.json +1 -1
  69. package/dist/components/p-BJ4H1UxZ.js +0 -1
  70. package/dist/components/p-BiNO9454.js +0 -1
  71. package/dist/components/p-DH6lvh19.js +0 -1
  72. package/dist/components/p-DbDgJi-A.js +0 -1
  73. package/dist/lido-player/p-CofY42mG.js +0 -1
@@ -5,7 +5,7 @@ var index = require('./index-Dy19zuTX.js');
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await index.globalScripts();
8
- return index.bootstrapLazy(JSON.parse("[[\"lido-avatar_22.cjs\",[[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],\"freeTraceUpdateCounter\":[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],\"string\":[1],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"fontColor\":[1,\"font-color\"],\"highlightWhileSpeaking\":[4,\"highlight-while-speaking\"],\"height\":[1],\"width\":[1],\"ariaLabel\":[1,\"aria-label\"],\"ariaHidden\":[1,\"aria-hidden\"],\"x\":[1],\"y\":[1],\"z\":[1],\"bgColor\":[1,\"bg-color\"],\"borderImage\":[1,\"border-image\"],\"type\":[1],\"tabIndex\":[2,\"tab-index\"],\"visible\":[8],\"audio\":[1],\"onTouch\":[1,\"on-touch\"],\"onInCorrect\":[1,\"on-in-correct\"],\"onCorrect\":[1,\"on-correct\"],\"minDrops\":[2,\"min-drops\"],\"maxDrops\":[2,\"max-drops\"],\"onEntry\":[1,\"on-entry\"],\"margin\":[1],\"padding\":[1],\"borderRadius\":[1,\"border-radius\"],\"spanType\":[1,\"span-type\"],\"delayVisible\":[1,\"delay-visible\"],\"disableSpeak\":[4,\"disable-speak\"],\"style\":[32]}]]]]"), options);
8
+ return index.bootstrapLazy(JSON.parse("[[\"lido-avatar_22.cjs\",[[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],\"freeTraceUpdateCounter\":[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],\"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]}]]]]"), options);
9
9
  };
10
10
 
11
11
  exports.setNonce = index.setNonce;
@@ -7,18 +7,18 @@
7
7
  padding: 2%;
8
8
  box-sizing: border-box;
9
9
  }
10
- .lido-calculator-btn-special{
11
- --btn-bg-color: #014D4D !important;
12
- background-color:#014D4D !important;
13
- --btn-shadow-color: #0a2f2f !important;
14
- }
15
-
16
- .lido-calculator-btn-default {
17
- --btn-bg-color: #029A9A !important;
18
- background-color: #029A9A !important;
19
- color: #000;
20
- --btn-shadow-color: #0f4242 !important ;
21
- }
10
+ .lido-calculator-btn-special{
11
+ --btn-bg-color: #014D4D !important;
12
+ background-color:#014D4D !important;
13
+ --btn-shadow-color: #0a2f2f !important;
14
+ }
15
+
16
+ .lido-calculator-btn-default {
17
+ --btn-bg-color: #029A9A !important;
18
+ background-color: #029A9A !important;
19
+ color: #000;
20
+ --btn-shadow-color: #0f4242 !important ;
21
+ }
22
22
 
23
23
  #lido-calculator-penIcon {
24
24
  --btn-bg-color: #FB7038 !important;
@@ -1,33 +1,33 @@
1
- :host {
2
- box-sizing: border-box;
3
- }
4
-
5
- .lido-canvas {
6
- background: transparent;
7
- border: none;
8
- border-radius: 0;
9
- overflow: hidden;
10
- box-sizing: border-box;
11
- }
12
- #lido-exit-button {
13
- padding: 6px 14px;
14
- border: none;
15
- background:transparent;
1
+ :host {
2
+ box-sizing: border-box;
3
+ }
4
+
5
+ .lido-canvas {
6
+ background: transparent;
7
+ border: none;
8
+ border-radius: 0;
9
+ overflow: hidden;
10
+ box-sizing: border-box;
11
+ }
12
+ #lido-exit-button {
13
+ padding: 6px 14px;
14
+ border: none;
15
+ background:transparent;
16
16
  color: #fff;
17
- border-radius: 6px;
18
- cursor: pointer;
19
- font-size: 14px;
20
- position: absolute;
21
- top: 0;
22
- right: 0;
23
- z-index: 15;
24
- }
25
-
26
- canvas {
27
- /* flex: 1; */
28
- touch-action: none;
29
- display: block;
30
- width: 100%;
31
- height: 100%;
32
- z-index: 10;
33
- }
17
+ border-radius: 6px;
18
+ cursor: pointer;
19
+ font-size: 14px;
20
+ position: absolute;
21
+ top: 0;
22
+ right: 0;
23
+ z-index: 15;
24
+ }
25
+
26
+ canvas {
27
+ /* flex: 1; */
28
+ touch-action: none;
29
+ display: block;
30
+ width: 100%;
31
+ height: 100%;
32
+ z-index: 10;
33
+ }
@@ -102,7 +102,7 @@ export class LidoCanvas {
102
102
  this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
103
103
  }
104
104
  render() {
105
- return (h(Host, { key: 'ebf767a3c0cf33104428fba8fe21be6e76fa44c2', id: "lido-canvas", class: "lido-canvas", style: this.style }, h("button", { key: 'e5f247157140b9038d7b207bf71bba0b5e05978c', id: "lido-exit-button", onClick: () => this.clearCanvas() }), h("canvas", { key: 'ac5cbd11a9bd0bb22ac88ca7781994ce52309d52', id: "lido-canvas" })));
105
+ return (h(Host, { key: '6bb47f06656ce667d23236e9f3c3a8f383885a43', id: "lido-canvas", class: "lido-canvas", style: this.style }, h("button", { key: 'fd0d1217bda63071fbf6496c2538c2a944b14181', id: "lido-exit-button", onClick: () => this.clearCanvas() }), h("canvas", { key: 'ed0333972bb7ce0fc4e14c81bb466ea895ce65e0', id: "lido-canvas" })));
106
106
  }
107
107
  static get is() { return "lido-canvas"; }
108
108
  static get encapsulation() { return "shadow"; }
@@ -257,7 +257,7 @@ export class LidoCell {
257
257
  this.el.className = `lido-${parseProp(this.layout, orientation)}`;
258
258
  }
259
259
  render() {
260
- return (h(Host, { key: '98b1531fb9231062fa8a07cfa0e364e63a7d4829', id: this.id, class: "lido-cell", value: this.value, type: this.type, "tab-index": this.tabIndex, style: this.style, minDrops: this.minDrops, maxDrops: this.maxDrops, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, "flex-direction": this.flexDirection, "disable-speak": this.disableSpeak }, h("slot", { key: 'd223539fc21f45c0dc87c179e58f2dd689fa9276' })));
260
+ return (h(Host, { key: '73bdf9dd33fdd8322c35465de011697da112193a', id: this.id, class: "lido-cell", value: this.value, type: this.type, "tab-index": this.tabIndex, style: this.style, minDrops: this.minDrops, maxDrops: this.maxDrops, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, "flex-direction": this.flexDirection, "disable-speak": this.disableSpeak }, h("slot", { key: '6e9d4507b36716f04853d39ef66015441782aa88' })));
261
261
  }
262
262
  static get is() { return "lido-cell"; }
263
263
  static get originalStyleUrls() {
@@ -78,7 +78,7 @@ export class LidoCol {
78
78
  };
79
79
  }
80
80
  render() {
81
- return (h(Host, { key: 'cf619b69e4616e83c163479a224ad86079afa927', id: this.id, class: "lido-col", type: this.type, "tab-index": this.tabIndex, value: this.value, style: this.style, minDrops: this.minDrops, maxDrops: this.maxDrops, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, h("slot", { key: '2af707c5e7ec75db20c8d7c9cf05c2af9508a590' })));
81
+ return (h(Host, { key: '334206d6054442fec787cfb479a68ae164404730', id: this.id, class: "lido-col", type: this.type, "tab-index": this.tabIndex, value: this.value, style: this.style, minDrops: this.minDrops, maxDrops: this.maxDrops, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, h("slot", { key: '590cd219bc5a02e6b96eafe108fb8b310daf941d' })));
82
82
  }
83
83
  static get is() { return "lido-col"; }
84
84
  static get originalStyleUrls() {
@@ -171,7 +171,7 @@ export class LidoContainer {
171
171
  this.handleWindowLoad = () => this.scaleContainer(this.el);
172
172
  }
173
173
  cleanupInteractionHandlers() {
174
- this.el.querySelectorAll('[type="drag"], [type="slide"]').forEach(element => {
174
+ this.el.querySelectorAll('[type="drag"], [type="slide"], [move="true"]').forEach(element => {
175
175
  element.dispatchEvent(new Event(LIDO_INTERACTION_CLEANUP_EVENT));
176
176
  });
177
177
  }
@@ -452,7 +452,7 @@ export class LidoContainer {
452
452
  margin: this.margin,
453
453
  userSelect: 'none', // Prevent any field selection
454
454
  };
455
- return (h(Host, { key: '104e6cc49ab78121a9b7e9939e5def1952567a53', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": `${this.disableSpeak}`, "template-id": this.templateId, audio: this.audio, "highlight-word-by-word": `${this.highlightWordByWord}` }, h("lido-text", { key: 'ec5e3d78fbf2b8a0cf4b6f918b41c22dc18b2484', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: '384172d5224ae11a20983cda82a3761da456ba2a' })));
455
+ return (h(Host, { key: '1862e30fedda58726edc107f81fae1f63e96d009', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": `${this.disableSpeak}`, "template-id": this.templateId, audio: this.audio, "highlight-word-by-word": `${this.highlightWordByWord}` }, h("lido-text", { key: '86fd014a61ba9cba6d67e2d921b2d8a8a289dbc7', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: 'c3128ea2164892757b32cb076d717436947f9a4c' })));
456
456
  }
457
457
  static get is() { return "lido-container"; }
458
458
  static get originalStyleUrls() {
@@ -85,7 +85,7 @@ export class LidoFloat {
85
85
  };
86
86
  }
87
87
  render() {
88
- return (h(Host, { key: '5b047b9480951c7741fc20cd7dada79da3cb8bc3', class: "lido-float", "float-direction": this.floatDirection, id: this.id, "tab-index": this.tabIndex, style: this.style, onEntry: this.onEntry }, h("slot", { key: '4d200251a291484f06f6bc7179c4ac61b8193fc8' })));
88
+ return (h(Host, { key: 'c461f1142dd6addd9ceb41ade183b044b875681f', class: "lido-float", "float-direction": this.floatDirection, id: this.id, "tab-index": this.tabIndex, style: this.style, onEntry: this.onEntry }, h("slot", { key: '240439bfda6a9e4e2d67e6ae2b5c878d99e632b3' })));
89
89
  }
90
90
  static get is() { return "lido-float"; }
91
91
  static get originalStyleUrls() {
@@ -131,7 +131,7 @@ export class LidoPos {
131
131
  };
132
132
  }
133
133
  render() {
134
- return (h(Host, { key: '6fe74859974f9ef71853a7cae126cc04108fcf75', id: this.id, class: "lido-pos", type: this.type, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, minDrops: this.minDrops, maxDrops: this.maxDrops, value: this.value, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, h("slot", { key: 'fab9cfb298d95a5899cadfa330ef44ba6057c5ad' })));
134
+ return (h(Host, { key: 'cfd38900b31991e89c21a099fc4f91f77663ae94', id: this.id, class: "lido-pos", type: this.type, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, minDrops: this.minDrops, maxDrops: this.maxDrops, value: this.value, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, h("slot", { key: '73f7bfe2d8214693d6f40a4dab6d735906ad4eaa' })));
135
135
  }
136
136
  static get is() { return "lido-pos"; }
137
137
  static get originalStyleUrls() {
@@ -77,7 +77,7 @@ export class LidoRow {
77
77
  };
78
78
  }
79
79
  render() {
80
- return (h(Host, { key: 'd6ad19979d6cf5c02d1980418782f969def9765d', class: "lido-row", type: this.type, "tab-index": this.tabIndex, value: this.value, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, minDrops: this.minDrops, maxDrops: this.maxDrops, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, "disable-speak": this.disableSpeak }, h("slot", { key: '2411f3960437cc90bb0578eba08df15eaa905206' })));
80
+ return (h(Host, { key: 'c69aea0b1b11d9aec167d1a4376f68073f91ca81', class: "lido-row", type: this.type, "tab-index": this.tabIndex, value: this.value, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, minDrops: this.minDrops, maxDrops: this.maxDrops, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, "disable-speak": this.disableSpeak }, h("slot", { key: '8756ee0447057cddb949e23decbde5fe4d1d25c8' })));
81
81
  }
82
82
  static get is() { return "lido-row"; }
83
83
  static get originalStyleUrls() {
@@ -218,7 +218,7 @@ export class LidoSlideFill {
218
218
  }
219
219
  }
220
220
  render() {
221
- return (h(Host, { key: '1293c37a88f56ed8a66355d8eff64ce6bc932d00', id: this.id, class: "lido-slide-fill", src: this.src, fill: this.fill, fillDirection: this.fillDirection, slider: this.slider, style: this.style, min: this.min, max: this.max, division: this.division, numberType: this.numberType, onEntry: this.onEntry, type: this.type, "disable-speak": this.disableSpeak }, h("div", { key: '4a6ad5d37c061fa057af4633acca3efee6a1439a', innerHTML: this.svgContent, class: "lido-svg-element" })));
221
+ return (h(Host, { key: 'a19d35ba055a5ed9ab38adb02f37c9cb634c272d', id: this.id, class: "lido-slide-fill", src: this.src, fill: this.fill, fillDirection: this.fillDirection, slider: this.slider, style: this.style, min: this.min, max: this.max, division: this.division, numberType: this.numberType, onEntry: this.onEntry, type: this.type, "disable-speak": this.disableSpeak }, h("div", { key: '987f42b3c213f570714b2ddf600243e83c3b12ad', innerHTML: this.svgContent, class: "lido-svg-element" })));
222
222
  }
223
223
  static get is() { return "lido-slide-fill"; }
224
224
  static get originalStyleUrls() {
@@ -59,6 +59,10 @@ export class LidoText {
59
59
  * The ARIA hidden attribute of the container. Used for accessibility to hide the element.
60
60
  */
61
61
  this.ariaHidden = '';
62
+ /**
63
+ * Allows the text element to be freely moved by pointer/touch and persists the final x/y attributes.
64
+ */
65
+ this.move = 'false';
62
66
  /**
63
67
  * X-axis (horizontal) position of the text component (CSS value, e.g., '10px', '5vw').
64
68
  */
@@ -256,7 +260,7 @@ export class LidoText {
256
260
  }
257
261
  }
258
262
  render() {
259
- return (h(Host, { key: 'e1ca534d9823a8b967c9d8c51d4aebd4706004e7', class: "lido-text", value: this.value, type: this.type, "tab-index": this.tabIndex, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, minDrops: this.minDrops, maxDrops: this.maxDrops, id: this.id, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, "span-type": this.spanType, "disable-speak": `${this.disableSpeak}` }, this.spanType !== '' ? h("div", { class: "lido-text-content" }, " ", i18next.t(this.string)) : i18next.t(this.string)));
263
+ return (h(Host, { key: '30e77a008aba08f90f88541574f70588bb8a2cd6', class: "lido-text", value: this.value, type: this.type, "tab-index": this.tabIndex, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, minDrops: this.minDrops, maxDrops: this.maxDrops, id: this.id, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, move: this.move, "span-type": this.spanType, "disable-speak": `${this.disableSpeak}` }, this.spanType !== '' ? h("div", { class: "lido-text-content" }, " ", i18next.t(this.string)) : i18next.t(this.string)));
260
264
  }
261
265
  static get is() { return "lido-text"; }
262
266
  static get originalStyleUrls() {
@@ -511,6 +515,26 @@ export class LidoText {
511
515
  "attribute": "aria-hidden",
512
516
  "defaultValue": "''"
513
517
  },
518
+ "move": {
519
+ "type": "string",
520
+ "mutable": false,
521
+ "complexType": {
522
+ "original": "string",
523
+ "resolved": "string",
524
+ "references": {}
525
+ },
526
+ "required": false,
527
+ "optional": false,
528
+ "docs": {
529
+ "tags": [],
530
+ "text": "Allows the text element to be freely moved by pointer/touch and persists the final x/y attributes."
531
+ },
532
+ "getter": false,
533
+ "setter": false,
534
+ "reflect": false,
535
+ "attribute": "move",
536
+ "defaultValue": "'false'"
537
+ },
514
538
  "x": {
515
539
  "type": "string",
516
540
  "mutable": false,
@@ -75,7 +75,7 @@ export class LidoWrap {
75
75
  };
76
76
  }
77
77
  render() {
78
- return (h(Host, { key: 'c209fed0cad8eb46d43fc9ec54822eef228c4321', class: "lido-wrap", value: this.value, type: this.type, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, minDrops: this.minDrops, maxDrops: this.maxDrops, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, disableSpeak: this.disableSpeak }, h("slot", { key: '83ff04e7488aa185c1711de212eecc75b1aa9861' })));
78
+ return (h(Host, { key: '58b1e37a1787349d3ccd2bc6952d94a7d945e234', class: "lido-wrap", value: this.value, type: this.type, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, minDrops: this.minDrops, maxDrops: this.maxDrops, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, disableSpeak: this.disableSpeak }, h("slot", { key: '44389fcc3d2e86faf291b74bfe50b55d467a7278' })));
79
79
  }
80
80
  static get is() { return "lido-wrap"; }
81
81
  static get originalStyleUrls() {
@@ -1,6 +1,7 @@
1
1
  export const DragSelectedMapKey = 'lidoDragSelectedMap';
2
2
  export const DragMapKey = 'lidoDragMap';
3
3
  export const SelectedValuesKey = 'lidoSelectedValues';
4
+ export const AnimationVanishedValuesKey = 'data-animation-vanished-values';
4
5
  export const ActivityScoreKey = 'lidoActivityScore';
5
6
  export const ActivityEndKey = 'lidoActivityEnd';
6
7
  export const LessonEndKey = 'lidoLessonEnd';
@@ -7,6 +7,7 @@ import { AudioPlayer } from "./audioPlayer";
7
7
  import { enableReorderDrag } from "./utilsHandlers/sortHandler";
8
8
  import { slideAnimation, slidingWithScaling } from "./utilsHandlers/slideHandler";
9
9
  import { enableDraggingWithScaling, enableOptionArea, getElementScale, handleDropElement, appendingDragElementsInDrop, multiplyBeedsCalculation } from "./utilsHandlers/dragDropHandler";
10
+ import { enableFreeMove } from "./utilsHandlers/moveHandler";
10
11
  import { addClickListenerForClickType, onTouchListenerForOnTouch } from "./utilsHandlers/clickHandler";
11
12
  import { evaluate, isArray } from "mathjs";
12
13
  import { fillSlideHandle } from "./utilsHandlers/floatHandler";
@@ -62,6 +63,9 @@ export const initEventsForElement = async (element, type) => {
62
63
  }
63
64
  const onEntry = element.getAttribute('onEntry');
64
65
  await executeActions(onEntry, element);
66
+ if (element.getAttribute('move') === 'true') {
67
+ enableFreeMove(element);
68
+ }
65
69
  switch (type) {
66
70
  case 'drag': {
67
71
  enableDraggingWithScaling(element);
@@ -1,10 +1,19 @@
1
- import { SelectedValuesKey } from "../constants";
1
+ import { AnimationVanishedValuesKey } from "../constants";
2
2
  import { calculateScore, executeActions, triggerNextContainer } from "../utils";
3
- const tempVanishedValues = [];
3
+ const readVanishedValues = (container) => {
4
+ var _a;
5
+ try {
6
+ const values = JSON.parse((_a = container.getAttribute(AnimationVanishedValuesKey)) !== null && _a !== void 0 ? _a : '[]');
7
+ return Array.isArray(values) ? values : [];
8
+ }
9
+ catch (_b) {
10
+ return [];
11
+ }
12
+ };
4
13
  export function dragDropAnimation(container, dragElement, dropElement) {
5
14
  container.style.pointerEvents = "none";
6
15
  setTimeout(async () => {
7
- var _a, _b, _c;
16
+ var _a, _b;
8
17
  const div = document.createElement('div');
9
18
  container.append(div);
10
19
  div.classList.add('after-drop-popup-container');
@@ -13,10 +22,11 @@ export function dragDropAnimation(container, dragElement, dropElement) {
13
22
  const allDragElements = container.querySelectorAll('[type="drag"]');
14
23
  const dragParents = Array.from(allDragElements).map(el => el.parentElement);
15
24
  const allSameParent = dragParents.every(parent => parent === dragElement.parentElement);
16
- const selectedValues = JSON.parse((_a = container.getAttribute(SelectedValuesKey)) !== null && _a !== void 0 ? _a : '[]');
17
- const vanishedValue = (_b = dragElement.getAttribute('value')) !== null && _b !== void 0 ? _b : (_c = dragElement.textContent) === null || _c === void 0 ? void 0 : _c.trim();
25
+ const vanishedValues = readVanishedValues(container);
26
+ const vanishedValue = (_a = dragElement.getAttribute('value')) !== null && _a !== void 0 ? _a : (_b = dragElement.textContent) === null || _b === void 0 ? void 0 : _b.trim();
18
27
  if (vanishedValue) {
19
- tempVanishedValues.push(vanishedValue);
28
+ vanishedValues.push(vanishedValue);
29
+ container.setAttribute(AnimationVanishedValuesKey, JSON.stringify(vanishedValues));
20
30
  }
21
31
  // Remove from old parents
22
32
  if (allSameParent) {
@@ -34,9 +44,10 @@ export function dragDropAnimation(container, dragElement, dropElement) {
34
44
  div.appendChild(dropElement);
35
45
  dropElement.classList.remove('empty');
36
46
  const objective = container.getAttribute('objective');
47
+ const normalizedVanishedValues = vanishedValues.map(v => v.trim()).sort().join(',');
48
+ const normalizedObjective = objective === null || objective === void 0 ? void 0 : objective.split(',').map(v => v.trim()).sort().join(',');
37
49
  const isObjectiveComplete = !!objective &&
38
- tempVanishedValues.map(v => v.trim()).sort().join(',') ===
39
- objective.split(',').map(v => v.trim()).sort().join(',');
50
+ normalizedVanishedValues === normalizedObjective;
40
51
  if (dropElement.getAttribute('type') === 'drop') {
41
52
  const dropOnCorrect = dropElement.getAttribute('onCorrect') || '';
42
53
  await executeActions(dropOnCorrect, dropElement, dragElement);
@@ -55,7 +66,7 @@ export function dragDropAnimation(container, dragElement, dropElement) {
55
66
  if (isObjectiveComplete) {
56
67
  calculateScore();
57
68
  triggerNextContainer();
58
- tempVanishedValues.length = 0;
69
+ container.removeAttribute(AnimationVanishedValuesKey);
59
70
  }
60
71
  }, 800); // match animation duration
61
72
  }, 250);
@@ -0,0 +1,111 @@
1
+ import { LIDO_INTERACTION_CLEANUP_EVENT, LidoContainer } from "../constants";
2
+ const getContainerScale = (container) => {
3
+ const transform = window.getComputedStyle(container).transform;
4
+ if (!transform || transform === 'none')
5
+ return 1;
6
+ const matrix = new DOMMatrixReadOnly(transform);
7
+ return matrix.a || 1;
8
+ };
9
+ const readPixelPosition = (value, fallback) => {
10
+ const parsed = parseFloat(value);
11
+ return Number.isFinite(parsed) ? parsed : fallback;
12
+ };
13
+ const getParentContainer = (element) => {
14
+ var _a;
15
+ return (_a = element.closest('lido-container')) !== null && _a !== void 0 ? _a : document.getElementById(LidoContainer);
16
+ };
17
+ export function enableFreeMove(element) {
18
+ var _a;
19
+ const moveElement = element;
20
+ (_a = moveElement.__lidoMoveCleanup) === null || _a === void 0 ? void 0 : _a.call(moveElement);
21
+ const container = getParentContainer(element);
22
+ if (!container)
23
+ return;
24
+ let isMoving = false;
25
+ let didMove = false;
26
+ let startX = 0;
27
+ let startY = 0;
28
+ let initialLeft = 0;
29
+ let initialTop = 0;
30
+ const onStart = (event) => {
31
+ if (container.getAttribute('canplay') !== 'false')
32
+ return;
33
+ const point = event instanceof MouseEvent ? event : event.touches[0];
34
+ if (!point)
35
+ return;
36
+ const computedStyle = window.getComputedStyle(element);
37
+ if (computedStyle.position === 'static') {
38
+ element.style.position = 'absolute';
39
+ }
40
+ isMoving = true;
41
+ didMove = false;
42
+ startX = point.clientX;
43
+ startY = point.clientY;
44
+ initialLeft = readPixelPosition(element.style.left || computedStyle.left, element.offsetLeft);
45
+ initialTop = readPixelPosition(element.style.top || computedStyle.top, element.offsetTop);
46
+ element.style.cursor = 'grabbing';
47
+ element.style.transition = 'none';
48
+ element.style.zIndex = element.style.zIndex || element.getAttribute('z') || '1';
49
+ document.addEventListener('mousemove', onMove);
50
+ document.addEventListener('mouseup', onEnd);
51
+ document.addEventListener('touchmove', onMove, { passive: false });
52
+ document.addEventListener('touchend', onEnd);
53
+ };
54
+ const onMove = (event) => {
55
+ if (!isMoving)
56
+ return;
57
+ if (event.cancelable)
58
+ event.preventDefault();
59
+ const point = event instanceof MouseEvent ? event : event.touches[0];
60
+ if (!point)
61
+ return;
62
+ didMove = true;
63
+ const scale = getContainerScale(container);
64
+ const nextLeft = initialLeft + (point.clientX - startX) / scale;
65
+ const nextTop = initialTop + (point.clientY - startY) / scale;
66
+ element.style.left = `${nextLeft}px`;
67
+ element.style.top = `${nextTop}px`;
68
+ };
69
+ const removeDocumentListeners = () => {
70
+ document.removeEventListener('mousemove', onMove);
71
+ document.removeEventListener('mouseup', onEnd);
72
+ document.removeEventListener('touchmove', onMove);
73
+ document.removeEventListener('touchend', onEnd);
74
+ };
75
+ const onEnd = () => {
76
+ if (!isMoving)
77
+ return;
78
+ isMoving = false;
79
+ removeDocumentListeners();
80
+ element.style.cursor = 'move';
81
+ if (!didMove)
82
+ return;
83
+ element.setAttribute('x', element.style.left);
84
+ element.setAttribute('y', element.style.top);
85
+ };
86
+ const preventMovedClick = (event) => {
87
+ if (!didMove)
88
+ return;
89
+ event.preventDefault();
90
+ event.stopPropagation();
91
+ didMove = false;
92
+ };
93
+ const cleanup = () => {
94
+ isMoving = false;
95
+ removeDocumentListeners();
96
+ element.removeEventListener('mousedown', onStart);
97
+ element.removeEventListener('touchstart', onStart);
98
+ element.removeEventListener('click', preventMovedClick, true);
99
+ element.removeEventListener(LIDO_INTERACTION_CLEANUP_EVENT, cleanup);
100
+ if (moveElement.__lidoMoveCleanup === cleanup) {
101
+ delete moveElement.__lidoMoveCleanup;
102
+ }
103
+ };
104
+ moveElement.__lidoMoveCleanup = cleanup;
105
+ element.style.cursor = 'move';
106
+ element.style.touchAction = 'none';
107
+ element.addEventListener('mousedown', onStart);
108
+ element.addEventListener('touchstart', onStart);
109
+ element.addEventListener('click', preventMovedClick, true);
110
+ element.addEventListener(LIDO_INTERACTION_CLEANUP_EVENT, cleanup);
111
+ }