lido-player 0.0.2-beta-14 → 0.0.2-beta-15-dev

package/dist/cjs/lido-avatar_22.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CS8kGcZo.js');
-var index$1 = require('./index-CNWniNnt.js');
+var index = require('./index-Dy19zuTX.js');
+var index$1 = require('./index-B9AON0kM.js');
 
 var rive$1 = {exports: {}};
 
@@ -8160,7 +8160,7 @@ const LidoAvatar = class {
             display: this.visible ? 'flex' : 'none',
             zIndex: this.z,
         };
-        return (index.h(index.Host, { key: 'bb967cb7f353a454adce62c2bb18590f47697110', id: this.id, type: this.type, "tab-index": this.tabIndex, value: this.value, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, src: this.src }, index.h("canvas", { key: '09824386b4f1c3622111abc86d66ddedb5980bc6', class: "lido-canvas" })));
+        return (index.h(index.Host, { key: '14599bbd626e766d35b9611f80dd401ee76717b4', id: this.id, type: this.type, "tab-index": this.tabIndex, value: this.value, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, src: this.src }, index.h("canvas", { key: '6f128e61bee6797c0cf83c15b3fd3ba4d1d7b1ea', class: "lido-canvas" })));
     }
     static get assetsDirs() { return ["."]; }
     get el() { return index.getElement(this); }
@@ -8383,7 +8383,7 @@ const LidoBalance = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '50948374478302f26c160856f978466763dbc616', id: "lido-balance", "bg-color": "red", onEntry: this.onEntry, class: "lido-balance", tilt: this.tilt.toString(), style: this.style, operation: this.operation.toString(), "pivot-image": this.pivotSvg, "scale-image": this.scaleSvg, "handler-image": this.handlerSvg }, index.h("div", { key: '69fcc67d775bd07a2faea1ce8a45b01c25c24461', innerHTML: this.pivotSvg, id: "pivotimg", class: "pivot" }), index.h("div", { key: '7c47ad4334655a61932f913d200a7b1d85bc50a6', innerHTML: this.scaleSvg, id: "scaleimg", class: "scale", ref: (el) => (this.scaleEl = el) }), index.h("div", { key: '56cbbdb2c772c7dbfeb5847a9824fb333240f30a', innerHTML: this.handlerSvg, id: "handlerimg", class: "handler", ref: (el) => (this.leftHandleEl = el) }), index.h("div", { key: '14393cc796270bb557dc3b2d0b88de2ea294129f', innerHTML: this.handlerSvg, id: "handimg", class: "hand", ref: (el) => (this.rightHandleEl = el) }), index.h("div", { key: '5d41705f73b66489f041cf21023f8fae8d29955a', id: "balanceSymbol", class: "lido-balance-symbol", "aria-hidden": !this.showSymbol }, this.showSymbol ? this.balanceSymbol : '')));
+        return (index.h(index.Host, { key: '2d7a59cde91392b0e19efb592a81e6aa9466654d', id: "lido-balance", "bg-color": "red", onEntry: this.onEntry, class: "lido-balance", tilt: this.tilt.toString(), style: this.style, operation: this.operation.toString(), "pivot-image": this.pivotSvg, "scale-image": this.scaleSvg, "handler-image": this.handlerSvg }, index.h("div", { key: '7048f924b6f45de2023f28e19c486810e109d94e', innerHTML: this.pivotSvg, id: "pivotimg", class: "pivot" }), index.h("div", { key: '05c1ab110c0c4ca918fa452b5d0cfbe57d3e6a1a', innerHTML: this.scaleSvg, id: "scaleimg", class: "scale", ref: (el) => (this.scaleEl = el) }), index.h("div", { key: '5db42befb11d6505a6167d93e8e9015d65dc0f8a', innerHTML: this.handlerSvg, id: "handlerimg", class: "handler", ref: (el) => (this.leftHandleEl = el) }), index.h("div", { key: 'bce64e72aeaf1a99d6ef381da369d393f300e025', innerHTML: this.handlerSvg, id: "handimg", class: "hand", ref: (el) => (this.rightHandleEl = el) }), index.h("div", { key: 'ee8b45ff347a6421169c9c7fce66b9079e930424', id: "balanceSymbol", class: "lido-balance-symbol", "aria-hidden": !this.showSymbol }, this.showSymbol ? this.balanceSymbol : '')));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -8575,7 +8575,7 @@ const LidoCalculator = class {
     }
     render() {
         const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
-        return (index.h(index.Host, { key: '31b6e68af8ff06dd33c65b47018fb7e39e49a9bf', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, index.h("lido-cell", { key: '95fdc2b980c2dc020b86409a48fd2605349aba04', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: '85535797b5642a6f44c872ca88807cfbe5f7422f', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "204%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, index.h("img", { key: 'fbe08c53b97fd65a09ad43808184a40024654abb', src: index$1.convertUrlToRelative(this.penIcon), alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: 'f4a0fd8e6879013e394467dccd0f8c6f6f41309e', class: "lido-calculator-displayParent" }, index.h("div", { key: 'c132ae40e0cb1f387e6bf2184f51e4f1a750a681', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: 'a9e01475d5fba0b54fc62150972ab3e48c4d1cf2', class: "lido-calculator-buttons" }, numbers.map((num, i) => (index.h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
+        return (index.h(index.Host, { key: '63cfc3e353a89b76ad809a921cc7b51ce6d06e93', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, index.h("lido-cell", { key: '66cc572079209533f8fd4f6c4ca76fdb9435b3b8', visible: "true", height: "94px", width: "60px" }, index.h("lido-text", { key: 'aca3392da8c74ab136268296f2ff584bf5cacd61', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "204%", width: "89px", onEntry: "this.position='relative';", class: "top-icon" }, index.h("img", { key: '46275d788f7bb3132e657d4902d4471cc7928b39', src: index$1.convertUrlToRelative(this.penIcon), alt: "pen", style: { width: '100%', height: '100%' } }))), index.h("div", { key: '5adb6fbdefa7d9d8c4bd2ada68f580c8c1af298e', class: "lido-calculator-displayParent" }, index.h("div", { key: 'cca5a9c232f9d4dfa31e193e8d9eaddcd83a5052', class: "lido-calculator-display" }, this.displayValue)), index.h("div", { key: '64b70b100e8165dfe6d0dd9522b0362f12856a9e', class: "lido-calculator-buttons" }, numbers.map((num, i) => (index.h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
                 'lido-calculator-btn-special': num === '←' || num === 'OK',
                 'lido-calculator-btn-default': num !== '←' && num !== 'OK'
             }, onClick: () => this.handleClick(num) }))))));
@@ -8689,7 +8689,7 @@ const LidoCanvas = class {
         this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
     }
     render() {
-        return (index.h(index.Host, { key: 'ca88c99317fe079d25b16410d78cbd63e13d712c', id: "lido-canvas", class: "lido-canvas", style: this.style }, index.h("button", { key: '3e1085ff4be21ca281483367a41b51ba4ff49736', id: "lido-exit-button", onClick: () => this.clearCanvas() }), index.h("canvas", { key: '9c1f485a2a84b2da9468e8b83f1962cce7852efc', id: "lido-canvas" })));
+        return (index.h(index.Host, { key: '6bb47f06656ce667d23236e9f3c3a8f383885a43', id: "lido-canvas", class: "lido-canvas", style: this.style }, index.h("button", { key: 'fd0d1217bda63071fbf6496c2538c2a944b14181', id: "lido-exit-button", onClick: () => this.clearCanvas() }), index.h("canvas", { key: 'ed0333972bb7ce0fc4e14c81bb466ea895ce65e0', id: "lido-canvas" })));
     }
     get el() { return index.getElement(this); }
 };
@@ -8948,7 +8948,7 @@ const LidoCell = class {
         this.el.className = `lido-${index$1.parseProp(this.layout, orientation)}`;
     }
     render() {
-        return (index.h(index.Host, { key: '53d510e92a72d1f855e6d0cb0c0564c2f4351b64', 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 }, index.h("slot", { key: '1af7a1f78e12bb1babcd91266eaf209b9d7530dc' })));
+        return (index.h(index.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 }, index.h("slot", { key: '6e9d4507b36716f04853d39ef66015441782aa88' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -9026,7 +9026,7 @@ const LidoCol = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'b2ecb19a78feed7275d9e996255db4144d5e0153', 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 }, index.h("slot", { key: '2d285d2c1557647e05abb470490da6c7c735a39d' })));
+        return (index.h(index.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 }, index.h("slot", { key: '590cd219bc5a02e6b96eafe108fb8b310daf941d' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -12071,7 +12071,7 @@ const LidoContainer = class {
         this.handleWindowLoad = () => this.scaleContainer(this.el);
     }
     cleanupInteractionHandlers() {
-        this.el.querySelectorAll('[type="drag"], [type="slide"]').forEach(element => {
+        this.el.querySelectorAll('[type="drag"], [type="slide"], [move="true"]').forEach(element => {
             element.dispatchEvent(new Event(index$1.LIDO_INTERACTION_CLEANUP_EVENT));
         });
     }
@@ -12352,7 +12352,7 @@ const LidoContainer = class {
             margin: this.margin,
             userSelect: 'none', // Prevent any field selection
         };
-        return (index.h(index.Host, { key: 'd4e7e9d66565be9ca337f7ab432eef41f63551e1', 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}` }, index.h("lido-text", { key: '2fd366bcd46aa9f4065e3a7a3207e643dce1dd6d', visible: "false", id: this.templateId, audio: "", string: this.instructName }), index.h("slot", { key: '6809b09d937605c0caa92bbad1ad4ffc4844b6cb' })));
+        return (index.h(index.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}` }, index.h("lido-text", { key: '86fd014a61ba9cba6d67e2d921b2d8a8a289dbc7', visible: "false", id: this.templateId, audio: "", string: this.instructName }), index.h("slot", { key: 'c3128ea2164892757b32cb076d717436947f9a4c' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -12509,7 +12509,7 @@ const LidoFlash = class {
     }
     /* ---------- Render ---------- */
     render() {
-        return (index.h(index.Host, { key: 'cd0d8539f24de1fd7805b271de839ee8efeb4287', value: this.value, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, type: this.type, onClick: this.handleFlip, "disable-speak": this.disableSpeak }, index.h("div", { key: 'a97eaa100216652cc4deaf8b6f73e9ea07a125f2', class: `card ${this.flipped ? 'flipped' : ''}` }, index.h("div", { key: '7a6f94b89da76b2c7fc911c44d2aaa63a3d2164d', class: "card-face card-front" }, this.front != null ? this.front : index.h("slot", { name: "front" })), index.h("div", { key: '15936f96d44db217c042584cc225a42dc3f74e98', class: "card-face card-back" }, this.back != null ? this.back : index.h("slot", { name: "back" })))));
+        return (index.h(index.Host, { key: 'db8de4cdb5466700ca29fba17e2a5ffb01907559', value: this.value, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, type: this.type, onClick: this.handleFlip, "disable-speak": this.disableSpeak }, index.h("div", { key: 'ec3aeff247e581f4aef061b7fea5b752a64804b3', class: `card ${this.flipped ? 'flipped' : ''}` }, index.h("div", { key: 'cb7ffa64077c89157a0d75720964605eed639363', class: "card-face card-front" }, this.front != null ? this.front : index.h("slot", { name: "front" })), index.h("div", { key: '537e1b60c82be542b2a8a8426abc4b801865688e', class: "card-face card-back" }, this.back != null ? this.back : index.h("slot", { name: "back" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -12606,7 +12606,7 @@ const LidoFloat = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '26ada4c2834a58fe1f45348a32f9d1dcecb79a14', class: "lido-float", "float-direction": this.floatDirection, id: this.id, "tab-index": this.tabIndex, style: this.style, onEntry: this.onEntry }, index.h("slot", { key: '6f4ca358f564e268390f221cc1f84af1f303761b' })));
+        return (index.h(index.Host, { key: 'c461f1142dd6addd9ceb41ade183b044b875681f', class: "lido-float", "float-direction": this.floatDirection, id: this.id, "tab-index": this.tabIndex, style: this.style, onEntry: this.onEntry }, index.h("slot", { key: '240439bfda6a9e4e2d67e6ae2b5c878d99e632b3' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -12644,9 +12644,9 @@ function requireJszip_min () {
 var jszip_minExports = requireJszip_min();
 var JSZip = /*@__PURE__*/index$1.getDefaultExportFromCjs(jszip_minExports);
 
-const indexCss = () => `@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}.lido-tts-highlight-overlay{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;background:linear-gradient(     180deg,     rgba(255, 235, 59, 0.95),     rgba(255, 214, 0, 0.95)   );border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18),     inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:width 25ms ease-out,     height 25ms ease-out,     opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height;contain:layout paint style}`;
+const indexCss = () => `@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}.lido-tts-highlight-overlay{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;background:linear-gradient(      180deg,      rgba(255, 235, 59, 0.95),      rgba(255, 214, 0, 0.95)    );border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18),      inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:width 25ms ease-out,      height 25ms ease-out,      opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height;contain:layout paint style}`;
 
-const animationCss = () => `@keyframes rightToPlace{from{transform:translateX(2000px)}to{transform:translateX(0)}}@keyframes topToPlace{from{transform:translateY(-1000px)}to{transform:translateY(0)}}@keyframes bottomToPlace{from{transform:translateY(1000px)}to{transform:translateY(0)}}@keyframes placeToLeft{from{}to{transform:translateX(-2000px)}}@keyframes placeToRight{from{}to{transform:translateX(2000px)}}@keyframes leftToPlace{from{transform:translateX(-2000px)}to{transform:translateX(0)}}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-5px)}20%{transform:translateX(5px)}30%{transform:translateX(-5px)}40%{transform:translateX(5px)}50%{transform:translateX(-5px)}60%{transform:translateX(5px)}70%{transform:translateX(-5px)}80%{transform:translateX(5px)}90%{transform:translateX(-5px)}100%{transform:translateX(0)}}@keyframes fallAndBounce{0%{transform:translateY(-1000px)}25%{transform:translateY(0px)}50%{transform:translateY(-200px)}75%{transform:translateY(0)}90%{transform:translateY(-100px)}100%{transform:translateY(0)}}@keyframes placeToDown{0%{transform:translateY(0)}100%{transform:translateY(1000px)}}@keyframes strongShake{0%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}100%{transform:translateX(0)}}@keyframes scaledShake{0%{transform:scale(1) translateX(0);box-shadow:0 0 0 transparent}20%{transform:scale(1.10) translateX(-12px);box-shadow:0 0 10px red}40%{transform:scale(1.10) translateX(12px);box-shadow:0 0 12px red}60%{transform:scale(1.10) translateX(-8px);box-shadow:0 0 10px red}80%{transform:scale(1.10) translateX(8px);box-shadow:0 0 12px red}100%{transform:scale(1) translateX(0);box-shadow:none}}@keyframes horizontalShake{0%{transform:scale(1) translateX(0);background-color:transparent}20%{transform:translateX(-20px);background-color:rgba(255, 0, 0, 0.2)}40%{transform:translateX(20px);background-color:rgba(255, 0, 0, 0.4)}60%{transform:translateX(-10px);background-color:rgba(255, 0, 0, 0.3)}80%{transform:translateX(10px);background-color:rgba(255, 0, 0, 0.2)}100%{transform:translateX(0);background-color:transparent}}@keyframes verticalShake{0%{transform:translateY(0);background-color:transparent}20%{transform:translateY(-20px);background-color:rgba(255, 0, 0, 0.2)}40%{transform:translateY(0);background-color:rgba(255, 0, 0, 0.4)}60%{transform:translateY(20px);background-color:rgba(255, 0, 0, 0.2)}80%{transform:translateY(0);background-color:rgba(255, 0, 0, 0.1)}100%{transform:translateY(0);background-color:transparent}}@keyframes diagonalShake{0%{transform:translate(0, 0);background-color:transparent}25%{transform:translate(20px, -20px);background-color:rgba(255, 0, 0, 0.2)}50%{transform:translate(-20px, 20px);background-color:rgba(255, 0, 0, 0.3)}75%{transform:translate(10px, -10px);background-color:rgba(255, 0, 0, 0.2)}100%{transform:translate(0, 0);background-color:transparent}}@keyframes glowPulse{0%{filter:drop-shadow(0 0 5px yellow)             drop-shadow(0 0 10px yellow)             drop-shadow(0 0 20px yellow)             drop-shadow(0 0 30px orange)}50%{filter:drop-shadow(0 0 10px yellow)             drop-shadow(0 0 20px yellow)             drop-shadow(0 0 40px yellow)             drop-shadow(0 0 50px orange)}100%{filter:drop-shadow(0 0 5px yellow)             drop-shadow(0 0 10px yellow)             drop-shadow(0 0 20px yellow)             drop-shadow(0 0 30px orange)}}@keyframes trace-animation{0%{}100%{width:var(--trace-width, 100px);height:var(--trace-height, 100px)}}`;
+const animationCss = () => `@keyframes rightToPlace{from{transform:translateX(2000px)}to{transform:translateX(0)}}@keyframes topToPlace{from{transform:translateY(-1000px)}to{transform:translateY(0)}}@keyframes bottomToPlace{from{transform:translateY(1000px)}to{transform:translateY(0)}}@keyframes placeToLeft{from{}to{transform:translateX(-2000px)}}@keyframes placeToRight{from{}to{transform:translateX(2000px)}}@keyframes leftToPlace{from{transform:translateX(-2000px)}to{transform:translateX(0)}}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-5px)}20%{transform:translateX(5px)}30%{transform:translateX(-5px)}40%{transform:translateX(5px)}50%{transform:translateX(-5px)}60%{transform:translateX(5px)}70%{transform:translateX(-5px)}80%{transform:translateX(5px)}90%{transform:translateX(-5px)}100%{transform:translateX(0)}}@keyframes fallAndBounce{0%{transform:translateY(-1000px)}25%{transform:translateY(0px)}50%{transform:translateY(-200px)}75%{transform:translateY(0)}90%{transform:translateY(-100px)}100%{transform:translateY(0)}}@keyframes placeToDown{0%{transform:translateY(0)}100%{transform:translateY(1000px)}}@keyframes strongShake{0%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}100%{transform:translateX(0)}}@keyframes scaledShake{0%{transform:scale(1) translateX(0);box-shadow:0 0 0 transparent}20%{transform:scale(1.10) translateX(-12px);box-shadow:0 0 10px red}40%{transform:scale(1.10) translateX(12px);box-shadow:0 0 12px red}60%{transform:scale(1.10) translateX(-8px);box-shadow:0 0 10px red}80%{transform:scale(1.10) translateX(8px);box-shadow:0 0 12px red}100%{transform:scale(1) translateX(0);box-shadow:none}}@keyframes horizontalShake{0%{transform:scale(1) translateX(0);background-color:transparent}20%{transform:translateX(-20px);background-color:rgba(255, 0, 0, 0.2)}40%{transform:translateX(20px);background-color:rgba(255, 0, 0, 0.4)}60%{transform:translateX(-10px);background-color:rgba(255, 0, 0, 0.3)}80%{transform:translateX(10px);background-color:rgba(255, 0, 0, 0.2)}100%{transform:translateX(0);background-color:transparent}}@keyframes verticalShake{0%{transform:translateY(0);background-color:transparent}20%{transform:translateY(-20px);background-color:rgba(255, 0, 0, 0.2)}40%{transform:translateY(0);background-color:rgba(255, 0, 0, 0.4)}60%{transform:translateY(20px);background-color:rgba(255, 0, 0, 0.2)}80%{transform:translateY(0);background-color:rgba(255, 0, 0, 0.1)}100%{transform:translateY(0);background-color:transparent}}@keyframes diagonalShake{0%{transform:translate(0, 0);background-color:transparent}25%{transform:translate(20px, -20px);background-color:rgba(255, 0, 0, 0.2)}50%{transform:translate(-20px, 20px);background-color:rgba(255, 0, 0, 0.3)}75%{transform:translate(10px, -10px);background-color:rgba(255, 0, 0, 0.2)}100%{transform:translate(0, 0);background-color:transparent}}@keyframes glowPulse{0%{filter:drop-shadow(0 0 5px yellow)              drop-shadow(0 0 10px yellow)              drop-shadow(0 0 20px yellow)              drop-shadow(0 0 30px orange)}50%{filter:drop-shadow(0 0 10px yellow)              drop-shadow(0 0 20px yellow)              drop-shadow(0 0 40px yellow)              drop-shadow(0 0 50px orange)}100%{filter:drop-shadow(0 0 5px yellow)              drop-shadow(0 0 10px yellow)              drop-shadow(0 0 20px yellow)              drop-shadow(0 0 30px orange)}}@keyframes trace-animation{0%{}100%{width:var(--trace-width, 100px);height:var(--trace-height, 100px)}}`;
 
 const lidoHomeCss = () => `.lido-snackbar{visibility:visible;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;bottom:30px;left:50%;transform:translateX(-50%);font-size:17px}.lido-dot-container{display:flex;justify-content:space-between;align-items:center;visibility:hidden;position:absolute;left:50%;padding:0 5px;z-index:1;width:100vw;max-width:100vw;box-sizing:border-box;height:0px}.lido-dot{height:18px;width:18px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.3s;cursor:pointer;z-index:1}.lido-btn-dot-container{flex-shrink:1;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1;min-width:0;height:0px}.lido-dot.completed{background-color:grey}.lido-dot.current{background-color:green}.lido-dot:not(.completed):not(.current){background-color:#bbb}#lido-arrow-left,#lido-arrow-right{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:1000;box-shadow:0px 8px 0px 0px #8b310f;background-color:#f34d08;cursor:pointer;visibility:hidden;flex-shrink:0}#lido-arrow-left:active,#lido-arrow-right:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px}.navbar{display:flex;justify-content:center}.lido-exit-button,#main-audio{width:80px;height:80px;z-index:1000;cursor:pointer;background-color:white;display:flex;align-items:center;justify-content:center;border:4px solid #f34d08;border-radius:16px;box-shadow:0px 8px #f34d08;flex-shrink:0;}#main-audio:active,.popup-button:active,.lido-exit-button:active{margin-bottom:-8px;box-shadow:0px 0px 0px 0px !important}.lido-alert-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 768px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0 8px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0 8px}.lido-dot{height:16px;width:16px;margin:0 2.5px}}@media (max-width: 480px){#lido-arrow-left,#lido-arrow-right{width:74px;height:74px;margin:0px 5px}.lido-exit-button,#main-audio{width:65px;height:65px;margin:0px 5px}.lido-dot{height:15px;width:15px;margin:0 1.5px}.lido-dot-container{padding:0 3px}}@media (max-width: 375px){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 3px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 3px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 2px}}@media (max-width: 320px){#lido-arrow-left,#lido-arrow-right,.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 2px}.lido-dot{height:12px;width:12px;margin:0 0.5px}.lido-dot-container{padding:0 2px}}@media (max-width: 900px) and (orientation: landscape){#lido-arrow-left,#lido-arrow-right{width:70px;height:70px;margin:0px 5px}.lido-exit-button,#main-audio{width:70px;height:70px;margin:0px 5px}.lido-dot{height:14px;width:14px;margin:0 1px}.lido-dot-container{padding:0 5px}}.popup-exit-text{white-space:nowrap;font-size:22px;font-weight:600;margin-top:-8%}.lido-alert-parent{z-index:10000 !important;position:absolute;top:0;left:0}.popup-button{width:80px;height:80px;z-index:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;border:4px solid #F34D08;border-radius:16px;box-shadow:0 8px 0 #F34D08}.nav-for-lanai{position:absolute;top:0%;left:0%;max-width:none;width:100%;height:auto;visibility:visible}`;
 
@@ -12952,7 +12952,7 @@ const LidoHome = class {
         }
         // Pure-JS fallback (no wasm asset required)
         try {
-            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-BLUeYhas.js'); }).then(function (n) { return n.decode; });
+            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-Xh5IDmFh.js'); }).then(function (n) { return n.decode; });
             const brotliDecompressBuffer = brotliDecodeModule.BrotliDecompressBuffer || ((_a = brotliDecodeModule.default) === null || _a === void 0 ? void 0 : _a.BrotliDecompressBuffer);
             if (typeof brotliDecompressBuffer !== 'function') {
                 throw new Error('BrotliDecompressBuffer function not found in brotli/dec/decode');
@@ -13559,7 +13559,8 @@ function requireRgbColor () {
 	Object.defineProperty(rgbColor, "__esModule", { value: true });
 	rgbColor.RgbColor = void 0;
 	class RgbColor {
-	    constructor(rgb = [0, 0, 0]) {
+	    constructor(rgb = [0, 0, 0], roundChannels = false) {
+	        this.roundChannels = roundChannels;
 	        this.r = this.clamp(rgb[0]);
 	        this.g = this.clamp(rgb[1]);
 	        this.b = this.clamp(rgb[2]);
@@ -13571,7 +13572,7 @@ function requireRgbColor () {
 	        else if (value < 0) {
 	            value = 0;
 	        }
-	        return value;
+	        return this.roundChannels ? Math.round(value) : value;
 	    }
 	    setRgb(r, g, b) {
 	        this.r = this.clamp(r);
@@ -13664,6 +13665,7 @@ function requireRgbToFilterWorker () {
 	    constructor(targetRgbColor, addSheen) {
 	        this.targetRgbColor = targetRgbColor;
 	        this.reusedRgbColor = new rgbColor_1.RgbColor();
+	        this.reusedRoundedRgbColor = new rgbColor_1.RgbColor([0, 0, 0], true);
 	        this.addSheen = addSheen;
 	    }
 	    static fmt(filters, idx, multiplier = 1) {
@@ -13675,17 +13677,30 @@ function requireRgbToFilterWorker () {
 	        // eslint-disable-next-line max-len
 	        return `${prefix}invert(${RgbToFilterWorker.fmt(filters, 0)}%) sepia(${RgbToFilterWorker.fmt(filters, 1)}%) saturate(${RgbToFilterWorker.fmt(filters, 2)}%) hue-rotate(${RgbToFilterWorker.fmt(filters, 3, 3.6)}deg) brightness(${RgbToFilterWorker.fmt(filters, 4)}%) contrast(${RgbToFilterWorker.fmt(filters, 5)}%)`;
 	    }
+	    applyFilters(color, filters, hueRotateDegrees) {
+	        color.setRgb(0, 0, 0);
+	        color.invert(filters[0] / 100);
+	        color.sepia(filters[1] / 100);
+	        color.saturate(filters[2] / 100);
+	        color.hueRotate(hueRotateDegrees);
+	        color.brightness(filters[4] / 100);
+	        color.contrast(filters[5] / 100);
+	        return (Math.abs(color.r - this.targetRgbColor.r) +
+	            Math.abs(color.g - this.targetRgbColor.g) +
+	            Math.abs(color.b - this.targetRgbColor.b));
+	    }
 	    loss(filters) {
-	        this.reusedRgbColor.setRgb(0, 0, 0);
-	        this.reusedRgbColor.invert(filters[0] / 100);
-	        this.reusedRgbColor.sepia(filters[1] / 100);
-	        this.reusedRgbColor.saturate(filters[2] / 100);
-	        this.reusedRgbColor.hueRotate(filters[3] * 3.6);
-	        this.reusedRgbColor.brightness(filters[4] / 100);
-	        this.reusedRgbColor.contrast(filters[5] / 100);
-	        return (Math.abs(this.reusedRgbColor.r - this.targetRgbColor.r) +
-	            Math.abs(this.reusedRgbColor.g - this.targetRgbColor.g) +
-	            Math.abs(this.reusedRgbColor.b - this.targetRgbColor.b));
+	        return this.applyFilters(this.reusedRgbColor, filters, filters[3] * 3.6);
+	    }
+	    // candidates are accepted on the loss of the filter as it will be serialized to CSS (rounded parameters),
+	    // evaluated under both fractional and per-stage 8-bit channel precision - browsers differ in intermediate
+	    // precision, so a candidate is only as good as its worst rendering model
+	    serializedLoss(filters) {
+	        const serialized = filters.map((_, idx) => RgbToFilterWorker.fmt(filters, idx));
+	        const hueRotateDegrees = RgbToFilterWorker.fmt(filters, 3, 3.6);
+	        const fractionalLoss = this.applyFilters(this.reusedRgbColor, serialized, hueRotateDegrees);
+	        const roundedLoss = this.applyFilters(this.reusedRoundedRgbColor, serialized, hueRotateDegrees);
+	        return Math.max(fractionalLoss, roundedLoss);
 	    }
 	    static fixSpsa(value, idx) {
 	        let max = 100;
@@ -13732,7 +13747,8 @@ function requireRgbToFilterWorker () {
 	                const ak = a[i] / Math.pow(A + k + 1, alpha);
 	                values[i] = RgbToFilterWorker.fixSpsa(values[i] - ak * g, i);
 	            }
-	            const loss = this.loss(values);
+	            // gradient estimation above stays on the smooth fractional loss - acceptance uses the serialized score
+	            const loss = this.serializedLoss(values);
 	            if (loss < bestLoss) {
 	                best = values.slice(0);
 	                bestLoss = loss;
@@ -15292,10 +15308,13 @@ function requireShared () {
 	            return canvasElement;
 	        }
 	        async function createImage() {
+	            // the load event must be awaited as some browsers (Firefox) report 0 width/height until the data URL
+	            // is decoded, which would create a 0-sized canvas and cause getImageData to throw an IndexSizeError
 	            const imageElement = new Image();
-	            imageElement.src = base64EncodedDataURL;
-	            return new Promise((resolve) => {
-	                setTimeout(() => resolve(imageElement));
+	            return new Promise((resolve, reject) => {
+	                imageElement.onload = () => resolve(imageElement);
+	                imageElement.onerror = () => reject(new Error('Failed to load the SVG image data URL'));
+	                imageElement.src = base64EncodedDataURL;
 	            });
 	        }
 	        const imageElement = await createImage();
@@ -16668,10 +16687,10 @@ const LidoKeyboard = class {
         const keysArray = this.keys.split(',').map(k => k.trim());
         const container = document.getElementById(index$1.LidoContainer);
         const showCheck = container.getAttribute('show-check') === 'true';
-        return (index.h(index.Host, { key: '5773e8189c512e90d63217048f9372d00e4a7fe9', class: "lido-keyboard", style: { width: this.style.width, height: this.style.height, position: 'relative', margin: this.style.margin, zIndex: this.z } }, this.keyboardInput && (index.h("div", { key: '136fa3a2b0459a9a63e14ac8e212997e4bd32224', class: "input-area" }, index.h("input", { key: 'd9a1dc064d615b40b1e0e2b008dbf79ec70eb19b', type: "text", value: this.inputString, class: "input-area", readonly: true }), index.h("lido-text", { key: 'e6c53ea590c607b355d1f57d445d078c0bcf9085', visible: showCheck ? 'true' : 'false', string: "<<", "bg-color": "black", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "100px", height: "70px", type: "click", onClick: () => {
+        return (index.h(index.Host, { key: '4de3b75fa2905744ad610d147d9b4fe9912dd732', class: "lido-keyboard", style: { width: this.style.width, height: this.style.height, position: 'relative', margin: this.style.margin, zIndex: this.z } }, this.keyboardInput && (index.h("div", { key: '7b5d293c52747700cde9c1069cfbbdae065e64f9', class: "input-area" }, index.h("input", { key: '03a91cd87e6bb4f09bf698087258426dd9232f67', type: "text", value: this.inputString, class: "input-area", readonly: true }), index.h("lido-text", { key: 'd30e033a055df52b30b2f2775c2b3410ee37df63', visible: showCheck ? 'true' : 'false', string: "<<", "bg-color": "black", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "100px", height: "70px", type: "click", onClick: () => {
                 this.inputString = this.inputString.slice(0, -1);
                 this.inputValidation(event);
-            } }), index.h("lido-text", { key: '815877bd027aa3540871c511df5937cfb0b6f149', visible: showCheck ? 'true' : 'false', id: "lido-checkButton", string: "Enter", "bg-color": "green", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "150px", height: "70px", type: "click" }))), this.letterLength && (index.h("lido-text", { key: '73c08eac4f9c154f47371e812fb337de26b10691', visible: "true", string: `${this.numberOfClick}/${this.letterLength}`, "font-size": "60px", "font-color": "white", onEntry: "this.position='absolute'; this.right='0'; this.fontWeight='800';", x: "unset" })), index.h("div", { key: '1e7855724f15fdb432320f6186fc356518a29224', class: "keyboard-wrapper", style: {
+            } }), index.h("lido-text", { key: '70d78aed7dedbe7d03a05c13c4c320029280bb03', visible: showCheck ? 'true' : 'false', id: "lido-checkButton", string: "Enter", "bg-color": "green", "font-color": "white", "border-radius": "20px", "font-size": "30px", width: "150px", height: "70px", type: "click" }))), this.letterLength && (index.h("lido-text", { key: '19306cd12bd98dc8dc7b54b20bad3f2f0318116f', visible: "true", string: `${this.numberOfClick}/${this.letterLength}`, "font-size": "60px", "font-color": "white", onEntry: "this.position='absolute'; this.right='0'; this.fontWeight='800';", x: "unset" })), index.h("div", { key: '826900d6ba26175eb45d2e7e4c02fccce2004db3', class: "keyboard-wrapper", style: {
                 display: 'flex',
                 flexWrap: 'wrap',
                 justifyContent: 'center',
@@ -16896,7 +16915,7 @@ const LidoMathMatrix = class {
     render() {
         let slotNumber = 1;
         const slotData = this.getSlotData();
-        return (index.h(index.Host, { key: 'd172833136353bbd5fd2e2adfccd0fea49e00536', class: "math-matrix", style: {
+        return (index.h(index.Host, { key: '4628494c0109ae927e379a442d3921b40e01f1e3', class: "math-matrix", style: {
                 height: this.style.height,
                 width: this.style.width,
                 z: this.style.z,
@@ -17043,7 +17062,7 @@ const LidoPos = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '4c417a789cc167f7d701b8469890631f9871fe6f', 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 }, index.h("slot", { key: 'd5026f61804b53e63aa1cc6c15b3de91543cf426' })));
+        return (index.h(index.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 }, index.h("slot", { key: '73f7bfe2d8214693d6f40a4dab6d735906ad4eaa' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -17187,7 +17206,7 @@ const LidoRandom = class {
             backgroundColor: this.bgColor,
             margin: this.margin,
         };
-        return (index.h(index.Host, { key: 'e0ed354e54ea3c5112d0e068b2a94356ef437874', class: "lido-random", type: this.type, "tab-index": this.tabIndex, value: this.value, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, minDrops: this.minDrops, maxDrops: this.maxDrops, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, index.h("slot", { key: 'ed0386cda3ba55d89fb08607775a49a4180f08b3' })));
+        return (index.h(index.Host, { key: 'a4cec45d407b57833a4296a20230717534adf39b', class: "lido-random", type: this.type, "tab-index": this.tabIndex, value: this.value, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, minDrops: this.minDrops, maxDrops: this.maxDrops, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, index.h("slot", { key: 'b80726b68b7f1c009f35352b9d05cd573159f87b' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -17358,13 +17377,13 @@ const LidoRow = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '30b1857fc65b826cfad9c08f71ea1c2f7cc966e4', 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 }, index.h("slot", { key: '747f20051ad1fd1dd075ba457b612e9d8ef7d27d' })));
+        return (index.h(index.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 }, index.h("slot", { key: '8756ee0447057cddb949e23decbde5fe4d1d25c8' })));
     }
     get el() { return index.getElement(this); }
 };
 LidoRow.style = lidoRowCss();
 
-const lidoShapeCss = () => `.lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z);justify-content:center;align-items:center}.lido-rectangle{border-radius:0}.lido-circle{width:var(--width);height:var(--width);border-radius:50%;background-color:var(--bgColor)}.lido-ellipse{width:var(--width);height:var(--height);border-radius:50%;background-color:var(--bgColor)}.lido-triangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}.lido-rightTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(100% 0%, 100% 100%, 0% 100%)}.lido-leftTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--triangleBgColor);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}.lido-parallelogram{width:var(--paralleWidth);height:var(--paralleHeight);transform:skew(20deg)}.lido-trapezium{width:var(--trapeziumWidth);height:var(--trapeziumHeight);background-color:var(--bgColor);clip-path:polygon(     20% 0%,        80% 0%,        100% 100%,     0% 100%     )}.lido-hexagon{width:var(--hexagonWidth);height:var(--hexagonHeight);background-color:var(--bgColor);clip-path:polygon(     25% 0%,        75% 0%,        100% 50%,      75% 100%,      25% 100%,      0% 50%      )}.lido-cone{width:var(--coneWidth);height:var(--coneHeight);background-color:var(--bgColor);clip-path:polygon(          15% 10%,     25% 4%,     35% 1%,     50% 0%,     65% 1%,     75% 4%,     85% 10%,           50% 100%   )}.lido-star{width:var(--starWidth);height:var(--starHeight);background-color:var(--starBgColor);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.lido-pentagon{width:var(--pentagonWidth);height:var(--pentagonHeight);background-color:var(--pentagonBgColor);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.lido-heptagon{width:var(--heptagonWidth);height:var(--heptagonHeight);background-color:var(--heptagonBgColor);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.lido-octagon{width:var(--octagonWidth);height:var(--octagonHeight);background-color:var(--octagonBgColor);clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%)}.lido-rhombus{width:var(--rhombusWidth);height:var(--rhombusHeight);background-color:var(--rhombusBgColor);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.lido-heart{height:var(--heartHeight);width:var(--heartWidth);border-image:radial-gradient(var(--heartBgColor) 69%, #0000 70%) 84.5%/50%;clip-path:polygon(-41% 0, 50% 91%, 141% 0)}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(45deg)}.face{position:absolute;width:var(--face-width,150px);height:var(--face-width,150px);background:var(--face-bg-color,150px);box-shadow:inset -20px -20px 40px rgba(0,0,0,0.3)}.front{transform:rotateY(  0deg) translateZ(var(--face-translate, 75px))}.back{transform:rotateY(180deg) translateZ(var(--face-translate, 75px))}.right{transform:rotateY( 90deg) translateZ(var(--face-translate, 75px))}.left{transform:rotateY(-90deg) translateZ(var(--face-translate, 75px))}.top{transform:rotateX( 90deg) translateZ(var(--face-translate, 75px))}.bottom{transform:rotateX(-90deg) translateZ(var(--face-translate, 75px))}.lido-cylinder{width:var(--width);height:var(--height);border-radius:100% / 80px;background:radial-gradient(50% 40px at 50% 40px, #0003 99.99%, #0000 0),     radial-gradient(50% 40px at 50% calc(100% - 40px), #fff3 99.99%, #0000 0),     red}.lido-sphere{position:relative;width:var(--width);height:var(--width);border-radius:50%;background:radial-gradient(circle at 30% 18%, #22d4ff 0%, #18c2f4 9%, rgba(24, 194, 244, 0.2) 18%, transparent 30%),     radial-gradient(circle at 36% 26%, #0f8fff 0%, #0b67e6 30%, #083fbe 62%, #120084 100%);box-shadow:inset -22px -26px 40px rgba(5, 0, 70, 0.38),     inset 14px 14px 24px rgba(255, 255, 255, 0.05),     0 4px 2px rgba(0, 0, 0, 0.78);overflow:visible}.lido-sphere::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:16%;border-radius:50%;border-top:2px dashed rgba(0, 0, 0, 0.65);border-bottom:3px solid rgba(0, 0, 0, 0.85);box-sizing:border-box;transform:translate(-50%, -50%);pointer-events:none}`;
+const lidoShapeCss = () => `.lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z);justify-content:center;align-items:center}.lido-rectangle{border-radius:0}.lido-circle{width:var(--width);height:var(--width);border-radius:50%;background-color:var(--bgColor)}.lido-ellipse{width:var(--width);height:var(--height);border-radius:50%;background-color:var(--bgColor)}.lido-triangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}.lido-rightTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(100% 0%, 100% 100%, 0% 100%)}.lido-leftTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--triangleBgColor);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}.lido-parallelogram{width:var(--paralleWidth);height:var(--paralleHeight);transform:skew(20deg)}.lido-trapezium{width:var(--trapeziumWidth);height:var(--trapeziumHeight);background-color:var(--bgColor);clip-path:polygon(      20% 0%,         80% 0%,         100% 100%,      0% 100%      )}.lido-hexagon{width:var(--hexagonWidth);height:var(--hexagonHeight);background-color:var(--bgColor);clip-path:polygon(      25% 0%,         75% 0%,         100% 50%,       75% 100%,       25% 100%,       0% 50%       )}.lido-cone{width:var(--coneWidth);height:var(--coneHeight);background-color:var(--bgColor);clip-path:polygon(            15% 10%,      25% 4%,      35% 1%,      50% 0%,      65% 1%,      75% 4%,      85% 10%,              50% 100%    )}.lido-star{width:var(--starWidth);height:var(--starHeight);background-color:var(--starBgColor);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.lido-pentagon{width:var(--pentagonWidth);height:var(--pentagonHeight);background-color:var(--pentagonBgColor);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.lido-heptagon{width:var(--heptagonWidth);height:var(--heptagonHeight);background-color:var(--heptagonBgColor);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.lido-octagon{width:var(--octagonWidth);height:var(--octagonHeight);background-color:var(--octagonBgColor);clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%)}.lido-rhombus{width:var(--rhombusWidth);height:var(--rhombusHeight);background-color:var(--rhombusBgColor);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.lido-heart{height:var(--heartHeight);width:var(--heartWidth);border-image:radial-gradient(var(--heartBgColor) 69%, #0000 70%) 84.5%/50%;clip-path:polygon(-41% 0, 50% 91%, 141% 0)}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(45deg)}.face{position:absolute;width:var(--face-width,150px);height:var(--face-width,150px);background:var(--face-bg-color,150px);box-shadow:inset -20px -20px 40px rgba(0,0,0,0.3)}.front{transform:rotateY(  0deg) translateZ(var(--face-translate, 75px))}.back{transform:rotateY(180deg) translateZ(var(--face-translate, 75px))}.right{transform:rotateY( 90deg) translateZ(var(--face-translate, 75px))}.left{transform:rotateY(-90deg) translateZ(var(--face-translate, 75px))}.top{transform:rotateX( 90deg) translateZ(var(--face-translate, 75px))}.bottom{transform:rotateX(-90deg) translateZ(var(--face-translate, 75px))}.lido-cylinder{width:var(--width);height:var(--height);border-radius:100% / 80px;background:radial-gradient(50% 40px at 50% 40px, #0003 99.99%, #0000 0),      radial-gradient(50% 40px at 50% calc(100% - 40px), #fff3 99.99%, #0000 0),      red}.lido-sphere{position:relative;width:var(--width);height:var(--width);border-radius:50%;background:radial-gradient(circle at 30% 18%, #22d4ff 0%, #18c2f4 9%, rgba(24, 194, 244, 0.2) 18%, transparent 30%),      radial-gradient(circle at 36% 26%, #0f8fff 0%, #0b67e6 30%, #083fbe 62%, #120084 100%);box-shadow:inset -22px -26px 40px rgba(5, 0, 70, 0.38),      inset 14px 14px 24px rgba(255, 255, 255, 0.05),      0 4px 2px rgba(0, 0, 0, 0.78);overflow:visible}.lido-sphere::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:16%;border-radius:50%;border-top:2px dashed rgba(0, 0, 0, 0.65);border-bottom:3px solid rgba(0, 0, 0, 0.85);box-sizing:border-box;transform:translate(-50%, -50%);pointer-events:none}`;
 
 const LidoShape = class {
     constructor(hostRef) {
@@ -17516,8 +17535,8 @@ const LidoShape = class {
             backgroundColor: this.shapeType !== 'polygon' ? this.bgColor : 'transparent', // Apply background only if not a polygon
             margin: this.margin,
         };
-        return (index.h(index.Host, { key: '326d0e58f7d2bd177ae04c4ac8eac74b277a0392', class: `lido-shape ${this.shapeType}`, value: this.value, type: this.type, "tab-index": this.tabIndex, style: 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, "disable-speak": this.disableSpeak }, this.shapeType === "lido-cube" &&
-            index.h("div", { key: 'f5f762fa74733659b970d5c476da5da10cc9f4c5', class: "cube" }, index.h("div", { key: '5324a04af38cfbc5eca4c5aa32df51a3e0e5443c', class: "face top" }), index.h("div", { key: 'a265a3ebfe41e0da844ac934c6af1045cde6cfad', class: "face bottom" }), index.h("div", { key: '58ce610d7fb003313c3e8ce3be019142086919e5', class: "face left" }), index.h("div", { key: '9c8ee3317a0331f9c3eeb3527963999765c10144', class: "face right" }), index.h("div", { key: 'eb674c98aa795f89094b1d510b59f96f742d7c6a', class: "face front" }), index.h("div", { key: '918b2aa2d5babbb700838d08dbdad100fc846f54', class: "face back" }))));
+        return (index.h(index.Host, { key: 'b252b5dbf4624939ef2917a385fc95061695bc64', class: `lido-shape ${this.shapeType}`, value: this.value, type: this.type, "tab-index": this.tabIndex, style: 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, "disable-speak": this.disableSpeak }, this.shapeType === "lido-cube" &&
+            index.h("div", { key: '573e3aaee8ada8da25b434058962f034ee7bcd2a', class: "cube" }, index.h("div", { key: '4d5bb38b531a0a4cc6ffa9df25312b41718c81d2', class: "face top" }), index.h("div", { key: '01f93868cbc55844969e50256f505391323c4cbe', class: "face bottom" }), index.h("div", { key: '44ab31e212d6dd0e321a30154e0bd6cba61f5367', class: "face left" }), index.h("div", { key: '28b970d25d8ce54c4f96d418b05c559964a1e882', class: "face right" }), index.h("div", { key: '6da6d820eaa308e2401e3063de298be165428ff4', class: "face front" }), index.h("div", { key: 'caaee0b7580ad10f925a610650098cbe7abc31a4', class: "face back" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -17612,13 +17631,13 @@ const LidoSlideFill = class {
                 const id = pathIndex === 1 ? 'glassPath' : pathIndex === 2 ? 'rulerPath' : `path${pathIndex}`;
                 return `<path id="${id}"${attrs}>`;
             });
-            const clipPathDef = `
-        <clipPath id="clipGlass">
-          <use xlink:href="#glassPath" />
-        </clipPath>
+            const clipPathDef = `
+        <clipPath id="clipGlass">
+          <use xlink:href="#glassPath" />
+        </clipPath>
       `;
-            svgText = svgText.replace(/<svg([^>]*)>/, `<svg class="lido-slide-svg"$1>
-          ${clipPathDef}
+            svgText = svgText.replace(/<svg([^>]*)>/, `<svg class="lido-slide-svg"$1>
+          ${clipPathDef}
         `);
             svgText = svgText.replace(/<rect([^>]*)\/?>/, `<rect id="fillArea" $1 clip-path="url(#clipGlass)" />`);
             this.svgContent = svgText;
@@ -17743,7 +17762,7 @@ const LidoSlideFill = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ba987e7ba4a36b96763c6e434be58f5e64f59d88', 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 }, index.h("div", { key: '904d482335451cf420b56a24f0ca3a279db4abc8', innerHTML: this.svgContent, class: "lido-svg-element" })));
+        return (index.h(index.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 }, index.h("div", { key: '987f42b3c213f570714b2ddf600243e83c3b12ad', innerHTML: this.svgContent, class: "lido-svg-element" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -17825,6 +17844,10 @@ const LidoText = class {
          * The ARIA hidden attribute of the container. Used for accessibility to hide the element.
          */
         this.ariaHidden = '';
+        /**
+         * Allows the text element to be freely moved by pointer/touch and persists the final x/y attributes.
+         */
+        this.move = 'false';
         /**
          * X-axis (horizontal) position of the text component (CSS value, e.g., '10px', '5vw').
          */
@@ -18022,7 +18045,7 @@ const LidoText = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a37ed0a4b40fc0aad45990020878198a30e06614', 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 !== '' ? index.h("div", { class: "lido-text-content" }, " ", instance.t(this.string)) : instance.t(this.string)));
+        return (index.h(index.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 !== '' ? index.h("div", { class: "lido-text-content" }, " ", instance.t(this.string)) : instance.t(this.string)));
     }
     get el() { return index.getElement(this); }
 };
@@ -19076,7 +19099,7 @@ const LidoTrace = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '89c30e4e8be379c026c6b241e240e343df91ec7c', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, index.h("div", { key: '0d7c35704f98084d7c6b571d653f9a578d4011e2', style: this.style, id: "lido-svgContainer" })));
+        return (index.h(index.Host, { key: '31f7f62d73ed98ce0a3b224435e7b64574cf506c', class: "lido-trace", id: this.id, audio: this.audio, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, tabindex: this.tabIndex, "disable-speak": this.disableSpeak }, index.h("div", { key: '6cf11b7d5f9aeb3c58cbb462e63d3f340384a403', style: this.style, id: "lido-svgContainer" })));
     }
     static get assetsDirs() { return ["svg", "images"]; }
     get el() { return index.getElement(this); }
@@ -19162,7 +19185,7 @@ const LidoWrap = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '1b5a62590f56ae5623770a4333fe84fdffd5617f', 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 }, index.h("slot", { key: '081252d2c1074c0e1635b583f697d7d44aec1333' })));
+        return (index.h(index.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 }, index.h("slot", { key: '44389fcc3d2e86faf291b74bfe50b55d467a7278' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/lido-player.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CS8kGcZo.js');
+var index = require('./index-Dy19zuTX.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  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);
+  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);
 });
 
 exports.setNonce = index.setNonce;