lido-player 0.0.2-alpha-57-dev → 0.0.2-alpha-59-dev

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"lido-avatar_22\",[[0,\"lido-root\",{\"locale\":[1],\"xmlPath\":[1,\"xml-path\"],\"initialIndex\":[2,\"initial-index\"],\"margin\":[1],\"canplay\":[4],\"baseUrl\":[1,\"base-url\"],\"exitButtonUrl\":[1,\"exit-button-url\"],\"prevButtonUrl\":[1,\"prev-button-url\"],\"nextButtonUrl\":[1,\"next-button-url\"],\"speakerButtonUrl\":[1,\"speaker-button-url\"],\"xmlData\":[32]},null,{\"locale\":[\"onLangChange\"]}],[0,\"lido-home\",{\"commonAudioPath\":[1,\"common-audio-path\"],\"showNav\":[4,\"show-nav\"],\"activeContainerIndexes\":[16],\"locale\":[1],\"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],\"navBarIcons\":[32],\"currentContainerIndex\":[32],\"exitFlag\":[32],\"containers\":[32],\"showDotsandbtn\":[32]},null,{\"locale\":[\"onLangChange\"],\"commonAudioPath\":[\"onCommonAudioPathChange\"],\"xmlData\":[\"onXmlDataChange\"]}],[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]}],[1,\"lido-canvas\",{\"bgImage\":[1,\"bg-image\"],\"width\":[1],\"height\":[1],\"x\":[1],\"y\":[1],\"onEntry\":[1,\"on-entry\"],\"style\":[32]}],[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\"]}],[4,\"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]}],[4,\"lido-container\",{\"locale\":[1],\"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\"]},null,{\"locale\":[\"languageChanged\"]}],[4,\"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\"]}],[4,\"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]}],[4,\"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]}],[4,\"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]}],[4,\"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\"],\"fill\":[\"onPropChange\"],\"division\":[\"onPropChange\"],\"fillDirection\":[\"onPropChange\"],\"numberType\":[\"onPropChange\"],\"min\":[\"onPropChange\"],\"max\":[\"onPropChange\"]}],[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\"],\"mode\":[\"initializeSVG\"]}],[4,\"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]}],[4,\"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);
+  return bootstrapLazy(JSON.parse("[[\"lido-avatar_22\",[[0,\"lido-root\",{\"locale\":[1],\"xmlPath\":[1,\"xml-path\"],\"initialIndex\":[2,\"initial-index\"],\"margin\":[1],\"canplay\":[4],\"baseUrl\":[1,\"base-url\"],\"exitButtonUrl\":[1,\"exit-button-url\"],\"prevButtonUrl\":[1,\"prev-button-url\"],\"nextButtonUrl\":[1,\"next-button-url\"],\"speakerButtonUrl\":[1,\"speaker-button-url\"],\"xmlData\":[32]},null,{\"locale\":[\"onLangChange\"]}],[0,\"lido-home\",{\"commonAudioPath\":[1,\"common-audio-path\"],\"showNav\":[4,\"show-nav\"],\"activeContainerIndexes\":[16],\"locale\":[1],\"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],\"navBarIcons\":[32],\"currentContainerIndex\":[32],\"exitFlag\":[32],\"containers\":[32],\"showDotsandbtn\":[32]},null,{\"locale\":[\"onLangChange\"],\"commonAudioPath\":[\"onCommonAudioPathChange\"],\"xmlData\":[\"onXmlDataChange\"]}],[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]}],[1,\"lido-canvas\",{\"bgImage\":[1,\"bg-image\"],\"width\":[1],\"height\":[1],\"x\":[1],\"y\":[1],\"onEntry\":[1,\"on-entry\"],\"style\":[32]}],[4,\"lido-container\",{\"locale\":[1],\"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\"],\"instructName\":[32],\"speakFlag\":[32]},null,{\"locale\":[\"languageChanged\"]}],[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\"]}],[4,\"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]}],[4,\"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\"]}],[4,\"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]}],[4,\"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]}],[4,\"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]}],[4,\"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\"],\"fill\":[\"onPropChange\"],\"division\":[\"onPropChange\"],\"fillDirection\":[\"onPropChange\"],\"numberType\":[\"onPropChange\"],\"min\":[\"onPropChange\"],\"max\":[\"onPropChange\"]}],[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\"],\"mode\":[\"initializeSVG\"]}],[4,\"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]}],[4,\"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);
 };
 
 export { defineCustomElements };

package/dist/esm/{utils-7ed76799.js → utils-3995d2d5.js}

@@ -18,6 +18,7 @@ const DropTimeAttr = 'drop-time';
 const LidoContainer = 'lido-container';
 const LIDO_COMMON_AUDIO_PATH = '__LIDO_COMMON_AUDIO_PATH__';
 const LIDO_COMMON_AUDIO_READY_EVENT = 'lidoCommonAudioPathReady';
+const TemplateID = 'template-id';
 var TraceMode;
 (function (TraceMode) {
     TraceMode["NoFlow"] = "noFlow";
@@ -49,7 +50,7 @@ var DropAction;
 const exitUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Close.svg';
 const prevUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Previous.svg';
 const nextUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Next.svg';
-const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/Audio%20icon.svg';
+const speakUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/Navbar-buttons/audio.png';
 const fingerUrl = 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.svg';
 
 function dispatchCustomEvent(eventName, detail) {
@@ -102,64 +103,6 @@ class RiveService {
     }
 }
 
-function removeHighlight(element) {
-    element.classList.remove('highlight');
-    element.ariaPressed = 'false';
-}
-// Function to highlight the speaking element
-function highlightSpeakingElement(element) {
-    if (!element)
-        return;
-    // Add a custom class for highlighting
-    element.classList.add('speaking-highlight');
-    // Inject keyframe animation and class styles into the document's head if it doesn't already exist
-    const styleId = '#speaking-highlight-style';
-    if (!document.querySelector(styleId)) {
-        const style = document.createElement('style');
-        style.id = styleId;
-        style.innerHTML = `
-      .speaking-highlight {
-        --base-transform: ${element.style.transform};
-        box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9) !important; /* Stronger orange glow effect */
-        // border: 3px solid green !important;
-        // transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out;
-        // transform: scale(1.05); /* Subtle scale effect to pop the element */
-        // animation: pulseEffect 1.5s infinite; /* Pulsing animation */
-        
-      }
-
-      @keyframes pulseEffect {
-        0% {
-          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
-          // transform: var(--base-transform) scale(1.05);
-          // background-color: #FFFF0B;
-        }
-        50% {
-          box-shadow: 0 0 30px 15px rgba(255, 165, 0, 1);
-          // transform: var(--base-transform) scale(1.1);
-          // background-color: #FFFF0B;
-        }
-        100% {
-          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
-          // transform: var(--base-transform) scale(1.05);
-          // background-color: #FFFF0B;
-        }
-      }
-    `;
-        document.head.appendChild(style);
-    }
-}
-// Function to stop highlighting
-function stopHighlightForSpeakingElement(element) {
-    if (!element)
-        return;
-    // Remove the custom class for highlighting
-    element.classList.remove('speaking-highlight');
-    // Remove inline styles
-    // element.style.boxShadow = '';
-    // element.style.border = '';
-}
-
 function updateBalanceOnDrop(dragElement, dropElement) {
     const balanceEl = document.querySelector('lido-balance');
     if (!balanceEl)
@@ -175,7 +118,7 @@ function updateBalanceOnDrop(dragElement, dropElement) {
 }
 function calculateValue(elements, operation) {
     if (elements.length === 0)
-        return null;
+        return 0;
     if (operation === "count") {
         return elements.length;
     }
@@ -207,15 +150,18 @@ function calculateValue(elements, operation) {
     }
 }
 function balanceResult(container, objectiveString) {
+    var _a, _b, _c, _d, _e, _f;
     const additionalCheck = container.getAttribute('equationCheck');
     if (!additionalCheck)
         return false;
     const balanceEl = document.querySelector('lido-balance');
     if (!balanceEl)
         return false;
-    const leftVal = balanceEl.leftVal;
-    const rightVal = balanceEl.rightVal;
-    if (leftVal == null || rightVal == null) {
+    const leftVal = Number((_c = (_a = balanceEl.leftVal) !== null && _a !== void 0 ? _a : (_b = balanceEl.dataset) === null || _b === void 0 ? void 0 : _b.leftVal) !== null && _c !== void 0 ? _c : 0);
+    const rightVal = Number((_f = (_d = balanceEl.rightVal) !== null && _d !== void 0 ? _d : (_e = balanceEl.dataset) === null || _e === void 0 ? void 0 : _e.rightVal) !== null && _f !== void 0 ? _f : 0);
+    const hasLeft = !isNaN(leftVal);
+    const hasRight = !isNaN(rightVal);
+    if (!hasLeft || !hasRight) {
         return false;
     }
     const symbol = leftVal > rightVal ? '>' : leftVal < rightVal ? '<' : '=';
@@ -486,20 +432,14 @@ function enableDraggingWithScaling(element) {
             const storedTabIndexes = Object.keys(dropObject).map(Number);
             if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
                 if (!(((_a = element.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal)) {
-                    if (otherElement.tagName.toLowerCase() === 'lido-text') {
-                        otherElement.style.border = ''; // Reset border
-                        otherElement.style.backgroundColor = 'transparent'; // Reset background color
-                    }
+                    if (otherElement.tagName.toLowerCase() === 'lido-text') ;
                     if (otherElement.tagName.toLowerCase() === 'lido-image') {
                         otherElement.style.opacity = '0';
                     }
                 }
             }
             else {
-                if (otherElement.tagName.toLowerCase() === 'lido-text') {
-                    otherElement.style.border = ''; // Reset border
-                    otherElement.style.backgroundColor = ''; // Reset background color
-                }
+                if (otherElement.tagName.toLowerCase() === 'lido-text') ;
                 if (otherElement.tagName.toLowerCase() === 'lido-image' || 'lido-cell') {
                     otherElement.style.opacity = '1';
                 }
@@ -507,10 +447,7 @@ function enableDraggingWithScaling(element) {
         });
         // Apply styles only to the most overlapped element
         if (mostOverlappedElement) {
-            if (mostOverlappedElement.tagName.toLowerCase() === 'lido-text') {
-                mostOverlappedElement.style.border = '2px dashed #ff0000'; // Red dashed border
-                mostOverlappedElement.style.backgroundColor = 'rgba(255, 0, 0, 0.1)'; // Light red background
-            }
+            if (mostOverlappedElement.tagName.toLowerCase() === 'lido-text') ;
             else {
                 if (!document.getElementById('unitsDrop') || !document.getElementById('tensDrop') || !document.getElementById('hundredsDrop')) {
                     mostOverlappedElement.style.opacity = '0.3';
@@ -546,10 +483,7 @@ function enableDraggingWithScaling(element) {
                 const storedTabIndexes = Object.keys(dropObject).map(Number);
                 if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
                     if (!(((_a = element.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal)) {
-                        if (otherElement.tagName.toLowerCase() === 'lido-text') {
-                            otherElement.style.border = ''; // Reset border
-                            otherElement.style.backgroundColor = 'transparent'; // Reset background color
-                        }
+                        if (otherElement.tagName.toLowerCase() === 'lido-text') ;
                         else if (otherElement.tagName.toLowerCase() === 'lido-image') {
                             otherElement.style.opacity = '0';
                         }
@@ -559,10 +493,7 @@ function enableDraggingWithScaling(element) {
                     }
                 }
                 else {
-                    if (otherElement.tagName.toLowerCase() === 'lido-text') {
-                        otherElement.style.border = ''; // Reset border
-                        otherElement.style.backgroundColor = ''; // Reset background color
-                    }
+                    if (otherElement.tagName.toLowerCase() === 'lido-text') ;
                     if (otherElement.tagName.toLowerCase() === 'lido-image' || 'lido-cell') {
                         otherElement.style.opacity = '1';
                     }
@@ -710,6 +641,7 @@ function handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedV
         let prevDropItem = Object.values(dropHasDrag).find(item => document.getElementById(item.drop) === currentDrop);
         if (prevDropItem) {
             prevDropItem.isFull = false;
+            highlightElement();
             // container.setAttribute(DropHasDrag, JSON.stringify(dropHasDrag));
             const dropEl = document.getElementById(prevDropItem.drop);
             if (dropEl) {
@@ -741,9 +673,7 @@ function handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedV
         const storedTabIndexes = Object.keys(dropObject).map(Number);
         if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
             if (!(((_a = otherElement.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal)) {
-                if (otherElement.tagName.toLowerCase() === 'lido-text') {
-                    otherElement.style.backgroundColor = 'transparent'; // Reset background color
-                }
+                if (otherElement.tagName.toLowerCase() === 'lido-text') ;
                 if (otherElement.tagName.toLowerCase() === 'lido-image') {
                     otherElement.style.opacity = '0';
                     otherElement.style.backgroundColor = 'transparent';
@@ -751,9 +681,7 @@ function handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedV
             }
         }
         else {
-            if (otherElement.tagName.toLowerCase() === 'lido-text') {
-                otherElement.style.backgroundColor = 'transparent'; // Reset background color
-            }
+            if (otherElement.tagName.toLowerCase() === 'lido-text') ;
             if (otherElement.tagName.toLowerCase() === 'lido-image') {
                 otherElement.style.opacity = '1';
                 otherElement.style.backgroundColor = 'transparent';
@@ -761,6 +689,7 @@ function handleResetDragElement(dragElement, dropElement, dropHasDrag, selectedV
         }
     });
     handleShowCheck();
+    highlightElement();
 }
 async function onElementDropComplete(dragElement, dropElement) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -874,6 +803,7 @@ async function onElementDropComplete(dragElement, dropElement) {
             if (isAllowOnlyOneDrop && isisFull) {
                 isisFull.isFull = true;
                 dropElement.setAttribute('is-full', 'true');
+                highlightElement();
             }
             else {
                 console.warn('No matching drop item found for', dropElement);
@@ -917,20 +847,14 @@ async function onElementDropComplete(dragElement, dropElement) {
                         const storedTabIndexes = Object.keys(dropObject).map(Number);
                         if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
                             if (!(((_a = otherElement.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal)) {
-                                if (otherElement.tagName.toLowerCase() === 'lido-text') {
-                                    otherElement.style.border = ''; // Reset border
-                                    otherElement.style.backgroundColor = 'transparent'; // Reset background color
-                                }
+                                if (otherElement.tagName.toLowerCase() === 'lido-text') ;
                                 if (otherElement.tagName.toLowerCase() === 'lido-image') {
                                     otherElement.style.opacity = '0';
                                 }
                             }
                         }
                         else {
-                            if (otherElement.tagName.toLowerCase() === 'lido-text') {
-                                otherElement.style.border = ''; // Reset border
-                                otherElement.style.backgroundColor = ''; // Reset background color
-                            }
+                            if (otherElement.tagName.toLowerCase() === 'lido-text') ;
                             if (otherElement.tagName.toLowerCase() === 'lido-image' || 'lido-cell') {
                                 otherElement.style.opacity = '1';
                             }
@@ -989,6 +913,7 @@ async function onElementDropComplete(dragElement, dropElement) {
     dragElement.style.opacity = '1';
     const allDropElements = document.querySelectorAll('.drop-element');
     allDropElements.forEach(el => updateDropBorder(el));
+    highlightElement();
     await onActivityComplete(dragElement, dropElement);
 }
 function updateDropBorder(element) {
@@ -1051,10 +976,10 @@ async function onClickDropOrDragElement(element, type) {
     `;
         document.head.appendChild(style);
     }
-    element === null || element === void 0 ? void 0 : element.classList.add('highlight');
+    element === null || element === void 0 ? void 0 : element.classList.add('highlight-element');
     element.ariaPressed = 'true';
-    const selectedDropElement = type === 'drop' ? element : document.querySelector("[type='drop'].highlight");
-    const selectedDragElement = type === 'drag' ? element : document.querySelector("[type='drag'].highlight");
+    const selectedDropElement = type === 'drop' ? element : document.querySelector("[type='drop'].highlight-element");
+    const selectedDragElement = type === 'drag' ? element : document.querySelector("[type='drag'].highlight-element");
     if (!selectedDropElement) {
         onClickDragElement(element);
     }
@@ -1163,6 +1088,110 @@ const reduceSizeToOriginal = () => {
     });
 };
 
+function removeHighlight(element) {
+    element.classList.remove('highlight-element');
+    element.ariaPressed = 'false';
+}
+// Function to highlight the speaking element
+function highlightSpeakingElement(element) {
+    if (!element)
+        return;
+    // Add a custom class for highlighting
+    element.classList.add('speaking-highlight');
+    // Inject keyframe animation and class styles into the document's head if it doesn't already exist
+    const styleId = '#speaking-highlight-style';
+    if (!document.querySelector(styleId)) {
+        const style = document.createElement('style');
+        style.id = styleId;
+        style.innerHTML = `
+      .speaking-highlight {
+        --base-transform: ${element.style.transform};
+        box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9) !important; /* Stronger orange glow effect */
+        // border: 3px solid green !important;
+        // transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out;
+        // transform: scale(1.05); /* Subtle scale effect to pop the element */
+        // animation: pulseEffect 1.5s infinite; /* Pulsing animation */
+        
+      }
+
+      @keyframes pulseEffect {
+        0% {
+          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
+          // transform: var(--base-transform) scale(1.05);
+          // background-color: #FFFF0B;
+        }
+        50% {
+          box-shadow: 0 0 30px 15px rgba(255, 165, 0, 1);
+          // transform: var(--base-transform) scale(1.1);
+          // background-color: #FFFF0B;
+        }
+        100% {
+          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
+          // transform: var(--base-transform) scale(1.05);
+          // background-color: #FFFF0B;
+        }
+      }
+    `;
+        document.head.appendChild(style);
+    }
+}
+// Function to stop highlighting
+function stopHighlightForSpeakingElement(element) {
+    if (!element)
+        return;
+    // Remove the custom class for highlighting
+    element.classList.remove('speaking-highlight');
+    // Remove inline styles
+    // element.style.boxShadow = '';
+    // element.style.border = '';
+}
+function highlightElement() {
+    const container = document.querySelector(LidoContainer);
+    if (!container)
+        return;
+    const dropElements = buildDropHasDragFromDOM();
+    let firstFalse = Object.values(dropElements).find(item => !item.isFull);
+    if (firstFalse) {
+        const dropEls = container.querySelectorAll(`[type="drop"]`);
+        dropEls.forEach(dropEl => {
+            dropEl.classList.remove('highlight-element');
+        });
+        const dropEle = container.querySelector(`#${firstFalse.drop}`);
+        if (dropEle) {
+            dropEle.classList.add('highlight-element');
+        }
+        // Highlight corresponding drag elements if mistakes are more than 2
+        const dragElements = container.querySelectorAll(`[type="drag"]`);
+        if (countOfMistakes > 2) {
+            dragElements.forEach(dragEl => {
+                dragEl.classList.remove('highlight-element');
+                if (dragEl.getAttribute('value') === dropEle.getAttribute('value')) {
+                    dragEl.classList.add('highlight-element');
+                    dragEl.classList.remove('drag-element');
+                }
+            });
+        }
+        else {
+            dragElements.forEach(dragEl => {
+                dragEl.classList.remove('highlight-element');
+                dragEl.classList.add('drag-element');
+            });
+        }
+    }
+    else {
+        if (countOfMistakes <= 2)
+            return;
+        const clickTemplate = container.querySelectorAll("[type='click']");
+        clickTemplate.forEach(clickEl => {
+            if (clickEl.getAttribute('value') === container.getAttribute('objective')) {
+                if (!clickEl.classList.contains('highlight-element')) {
+                    clickEl.classList.add('highlight-element');
+                }
+            }
+        });
+    }
+}
+
 class AudioPlayer {
     constructor() {
         this.audioElement = document.createElement('audio');
@@ -3246,6 +3275,7 @@ function addClickListenerForClickType(element) {
             if (!isInsideCalculator) {
                 storingEachActivityScore(isCorrect);
             }
+            highlightElement();
             handleShowCheck();
             return;
         }
@@ -68604,7 +68634,7 @@ const initEventsForElement = async (element, type) => {
 const executeActions = async (actionsString, thisElement, element) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const actions = parseActions(actionsString);
-    body.style.pointerEvents = 'none';
+    // body.style.pointerEvents = 'none';
     for (let i = 0; i < actions.length; i++) {
         const action = actions[i];
         const queriedElement = document.querySelector(action.actor);
@@ -69048,12 +69078,16 @@ const countPatternWords = (pattern) => {
     }
     return wordCount;
 };
+let countOfMistakes = 0;
 const storingEachActivityScore = (flag) => {
     if (flag) {
         gameScore.rightMoves += 1;
+        countOfMistakes = 0;
+        highlightElement();
     }
     else {
         gameScore.wrongMoves += 1;
+        countOfMistakes += 1;
     }
     console.log('Right Moves : ', gameScore.rightMoves);
     console.log('Wrong Moves : ', gameScore.wrongMoves);
@@ -69099,9 +69133,7 @@ async function onActivityComplete(dragElement, dropElement) {
         const storedTabIndexes = Object.keys(dragScore).map(Number);
         if (storedTabIndexes.includes(JSON.parse(otherElement.getAttribute('tab-index')))) {
             if (!(((_a = otherElement.getAttribute('dropAttr')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === DropMode.Diagonal)) {
-                if (otherElement.tagName.toLowerCase() === 'lido-text') {
-                    otherElement.style.backgroundColor = 'transparent'; // Reset background color**
-                }
+                if (otherElement.tagName.toLowerCase() === 'lido-text') ;
                 if (otherElement.tagName.toLowerCase() === 'lido-image') {
                     otherElement.style.opacity = '0';
                     otherElement.style.backgroundColor = 'transparent';
@@ -69109,9 +69141,7 @@ async function onActivityComplete(dragElement, dropElement) {
             }
         }
         else {
-            if (otherElement.tagName.toLowerCase() === 'lido-text') {
-                otherElement.style.backgroundColor = 'transparent'; // Reset background color**********
-            }
+            if (otherElement.tagName.toLowerCase() === 'lido-text') ;
             if (otherElement.tagName.toLowerCase() === 'lido-image') {
                 otherElement.style.opacity = '1';
                 otherElement.style.backgroundColor = 'transparent';
@@ -69237,8 +69267,10 @@ const validateObjectiveStatus = async () => {
     }
     else {
         const isContinueOnCorrect = container.getAttribute('is-continue-on-correct') === 'true';
+        const onCorrect = container.getAttribute('onCorrect');
         if (!isContinueOnCorrect) {
             await calculateScore();
+            await executeActions(onCorrect, container);
             triggerNextContainer();
         }
         else {
@@ -69700,10 +69732,22 @@ const animateBoxCells = async (element, value) => {
         await new Promise(resolve => setTimeout(resolve, 600)); // Adjust delay as needed
         cell.classList.remove('lido-box-highlight');
     }
-    // After all cells have come down, apply the bounce animation
-    for (const cell of boxCells) {
-        // play the text child inside cell
-        await AudioPlayer.getI().play(cell);
+    // checkout parent cell first then pick the first text child inside cell
+    const parentCell = document.getElementById(LidoContainer);
+    if (!parentCell)
+        return;
+    const firstTextChild = parentCell.querySelector('lido-text');
+    if (firstTextChild) {
+        // play the text child inside parent cell
+        await AudioPlayer.getI().play(firstTextChild);
+    }
+    // Now select each box cell's text child and play them one by one
+    for (const box of boxCells) {
+        const text = box.querySelector('lido-text');
+        console.log('box text', text);
+        if (!text)
+            continue;
+        await AudioPlayer.getI().play(text);
     }
 };
 const questionBoxAnimation = async (element, value) => {
@@ -69725,20 +69769,10 @@ const questionBoxAnimation = async (element, value) => {
     });
     // Reveal all drop childrens which is hidden
     const dropElements = Array.from(element.querySelectorAll("[type='drop']"));
-    let check = false;
     dropElements.forEach(dropEl => {
         const dropVal = dropEl.getAttribute("value");
         if (dropVal && dropEl.innerText.trim() === "?") {
             dropEl.innerText = dropVal;
-            if (dropElements.length > 1 && check == false) {
-                if (window.innerWidth > window.innerHeight) {
-                    dropEl.style.marginRight = "-45px";
-                }
-                else {
-                    dropEl.style.marginRight = "-65px";
-                }
-                check = true;
-            }
         }
     });
 };
@@ -69748,9 +69782,9 @@ const SumTogetherAnimation = async (element, value) => {
     if (!value)
         return;
     // Expecting structure: [_, TopRow, questionRow, optionRow, ...]
-    const TopRow = Array.from(element.children)[1];
-    const questionRow = Array.from(element.children)[2];
-    const optionRow = Array.from(element.children)[3];
+    const TopRow = Array.from(element.children)[2];
+    const questionRow = Array.from(element.children)[3];
+    const optionRow = Array.from(element.children)[4];
     if (!TopRow || !questionRow || !optionRow)
         return;
     const topRowChildren = Array.from(TopRow.children);
@@ -69901,4 +69935,4 @@ const updateCalculatorAnswer = (el) => {
     el.setAttribute('string', value);
 };
 
-export { ActivityScoreKey as A, matchStringPattern as B, triggerNextContainer as C, triggerPrevcontainer as D, setCancelBtnPopup as E, getDefaultExportFromCjs as F, tinyColor as G, DropAction as H, validateObjectiveStatus as I, fraction as J, LIDO_COMMON_AUDIO_READY_EVENT as K, LIDO_COMMON_AUDIO_PATH as L, speakIcon as M, NextContainerKey as N, fingerUrl as O, PrevContainerKey as P, RiveService as R, SelectedValuesKey as S, TraceMode as T, convertUrlToRelative as a, storingEachActivityScore as b, commonjsGlobal as c, executeActions as d, equationCheck as e, format as f, calculateScore as g, handlingChildElements as h, initEventsForElement as i, attachSpeakIcon as j, calculateScale as k, handleFloatElementPosition as l, handleElementClick as m, dispatchActivityChangeEvent as n, dispatchGameCompletedEvent as o, parseProp as p, dispatchGameExitEvent as q, AudioPlayer as r, setVisibilityWithDelay as s, generateUUIDFallback as t, exitUrl as u, prevUrl as v, nextUrl as w, speakUrl as x, LidoContainer as y, getCancelBtnPopup as z };
+export { ActivityScoreKey as A, getCancelBtnPopup as B, matchStringPattern as C, triggerNextContainer as D, triggerPrevcontainer as E, setCancelBtnPopup as F, getDefaultExportFromCjs as G, tinyColor as H, DropAction as I, validateObjectiveStatus as J, fraction as K, LIDO_COMMON_AUDIO_PATH as L, LIDO_COMMON_AUDIO_READY_EVENT as M, NextContainerKey as N, TraceMode as O, PrevContainerKey as P, speakIcon as Q, RiveService as R, SelectedValuesKey as S, TemplateID as T, fingerUrl as U, convertUrlToRelative as a, storingEachActivityScore as b, commonjsGlobal as c, executeActions as d, equationCheck as e, format as f, calculateScore as g, handlingChildElements as h, initEventsForElement as i, attachSpeakIcon as j, calculateScale as k, highlightElement as l, handleFloatElementPosition as m, handleElementClick as n, dispatchActivityChangeEvent as o, parseProp as p, dispatchGameCompletedEvent as q, dispatchGameExitEvent as r, setVisibilityWithDelay as s, AudioPlayer as t, generateUUIDFallback as u, exitUrl as v, prevUrl as w, nextUrl as x, speakUrl as y, LidoContainer as z };

package/dist/lido-player/index.esm.js

@@ -1 +1 @@
-export{f as format}from"./p-17d93181.js";import"./p-9a9d5339.js";
+export{f as format}from"./p-aee89fba.js";import"./p-9a9d5339.js";

package/dist/lido-player/lido-player.css

@@ -1 +1 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); 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:0 2px 4px rgba(151, 150, 150, 0.1) !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-image:url("https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png");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}
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); 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-image:url("https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png");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}