lido-player 0.0.2-alpha-49 → 0.0.2-alpha-43-dev

package/dist/components/lido-text.js

@@ -1,4 +1,4 @@
-import { L as LidoText$1, d as defineCustomElement$1 } from './p-cac6c8bf.js';
+import { L as LidoText$1, d as defineCustomElement$1 } from './p-afbc196f.js';
 
 const LidoText = LidoText$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-trace.js

@@ -1,4 +1,4 @@
-import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-b55af747.js';
+import { L as LidoTrace$1, d as defineCustomElement$1 } from './p-90465904.js';
 
 const LidoTrace = LidoTrace$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/lido-wrap.js

@@ -1,4 +1,4 @@
-import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-4dbae73b.js';
+import { L as LidoWrap$1, d as defineCustomElement$1 } from './p-835b973d.js';
 
 const LidoWrap = LidoWrap$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-08d0deab.js

@@ -0,0 +1,254 @@
+import { p as proxyCustomElement, H, i as initEventsForElement, e as convertUrlToRelative, k as parseProp, T as validateObjectiveStatus, h, j as Host } from './p-bed94c37.js';
+
+const lidoMathMatrixCss = ".math-matrix{width:100%;height:100%;display:flex;justify-content:center}.slot{width:100%;height:100%;text-align:center;align-content:center;font-size:42px;font-weight:800;font-family:'Baloo Bhai 2';box-sizing:content-box}.slot:hover{opacity:0.7}.slot-parent{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.slot-active{background-color:var(--active-bg-color);background-image:var(--bg-image);background-size:contain;background-position:center;background-repeat:no-repeat}.slot-inactive{background-color:var(--deactive-bg-color);background-size:cover;background-position:center;background-repeat:no-repeat}.topIndex,.leftIndex,.bottomIndex{height:100%;width:100%;text-align:center;align-content:center;font-size:30px;font-weight:600;font-family:'Baloo Bhai 2'}";
+const LidoMathMatrixStyle0 = lidoMathMatrixCss;
+
+const LidoMathMatrix = /*@__PURE__*/ proxyCustomElement(class LidoMathMatrix extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.rows = "7";
+        this.cols = "5";
+        this.defualtFill = 0;
+        this.leftIndex = false;
+        this.topIndex = false;
+        this.bottomIndex = false;
+        this.clickable = true;
+        this.activeOnlyVisible = false;
+        this.matrixImage = undefined;
+        this.activeBgColor = 'transparent';
+        this.deactiveBgColor = 'transparent';
+        this.border = '2px solid green';
+        this.height = '100%';
+        this.width = '100%';
+        this.borderRadius = '5px';
+        this.z = undefined;
+        this.margin = undefined;
+        this.padding = undefined;
+        this.visible = 'false';
+        this.text = undefined;
+        this.type = undefined;
+        this.value = undefined;
+        this.tabIndex = undefined;
+        this.x = undefined;
+        this.y = undefined;
+        this.fontColor = undefined;
+        this.previousFilledSlot = -1;
+        this.previousFilledSlotElement = null;
+        this.style = {};
+    }
+    updateValue(index) {
+        this.el.setAttribute('value', index);
+    }
+    componentDidLoad() {
+        const slotElements = this.el.querySelectorAll('.slot');
+        initEventsForElement(this.el, this.type);
+        slotElements.forEach((el, i) => {
+            const slot = el;
+            slot.style.setProperty('--active-bg-color', this.activeBgColor);
+            slot.style.setProperty('--deactive-bg-color', this.deactiveBgColor);
+            this.clickable ? (slot.style.pointerEvents = '') : (slot.style.pointerEvents = 'none');
+            slot.style.border = this.border;
+            slot.style.color = this.fontColor;
+            if (slot.className.includes('slot-active')) {
+                slot.style.visibility = 'visible';
+                if (this.matrixImage) {
+                    slot.style.setProperty('--bg-image', `url(${convertUrlToRelative(this.matrixImage)})`);
+                }
+            }
+            else if (this.activeOnlyVisible) {
+                slot.style.visibility = 'hidden';
+            }
+        });
+        this.updateSlots();
+        this.updateStyles();
+    }
+    /**
+     * Lifecycle method that runs before the component is rendered.
+     * Initializes styles and sets up event listeners for resize and load events.
+     */
+    componentWillLoad() {
+        this.updateStyles();
+        this.updateSlots();
+        window.addEventListener('resize', this.updateStyles.bind(this));
+        window.addEventListener('load', this.updateStyles.bind(this));
+    }
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.updateStyles.bind(this));
+        window.removeEventListener('load', this.updateStyles.bind(this));
+    }
+    updateSlots() {
+        const slotElement = this.el.querySelectorAll('.slot');
+        const fristElement = this.el.querySelector('.slot');
+        if (!slotElement.length || !fristElement)
+            return;
+        const slotMaxValues = fristElement.offsetWidth < fristElement.offsetHeight ? fristElement.offsetWidth : fristElement.offsetHeight;
+        const slotParent = this.el.querySelectorAll('.slot-parent');
+        slotParent.forEach(parent => {
+            parent.style.width = `${slotMaxValues}px`;
+            Array.from(parent.children).forEach(el => {
+                const item = el;
+                item.style.width = `${slotMaxValues}px`;
+                item.style.height = `${slotMaxValues}px`;
+                if (this.type === 'drop' || this.type === 'drag' || this.type === 'checkerBlock') {
+                    this.el.style.width = 'auto';
+                    this.el.style.height = 'auto';
+                }
+                if ((!this.topIndex && item.classList.contains('topIndex')) ||
+                    (!this.leftIndex && item.classList.contains('leftIndex')) ||
+                    (!this.bottomIndex && item.classList.contains('bottomIndex'))) {
+                    if (item.classList.contains('leftIndex'))
+                        item.parentElement.remove();
+                    item.remove();
+                }
+            });
+        });
+    }
+    updateStyles() {
+        const orientation = window.innerHeight > window.innerWidth ? 'portrait' : 'landscape';
+        this.style = {
+            height: parseProp(this.height, orientation),
+            width: parseProp(this.width, orientation),
+            zIndex: this.z,
+            display: parseProp(`${this.visible}`, orientation) === 'true' ? 'flex' : 'none',
+            borderRadius: parseProp(this.borderRadius, orientation),
+            left: parseProp(this.x, orientation),
+            top: parseProp(this.y, orientation),
+            cols: parseProp(`${this.cols}`, orientation),
+            rows: parseProp(`${this.rows}`, orientation),
+        };
+        // console.log("cols and rows : ", );
+    }
+    handleClickSlot(element) {
+        const index = parseInt(element.className.split(' ')[1].split('-')[1]);
+        const slotElements = this.el.querySelectorAll('.slot');
+        slotElements.forEach((el, i) => {
+            const slotEl = el;
+            if (i < index) {
+                slotEl.classList.add('slot-active');
+                slotEl.classList.remove('slot-inactive');
+                if (this.matrixImage) {
+                    slotEl.style.setProperty('--bg-image', `url(${convertUrlToRelative(this.matrixImage)})`);
+                }
+            }
+            else {
+                slotEl.classList.remove('slot-active');
+                slotEl.classList.add('slot-inactive');
+            }
+        });
+        if (this.previousFilledSlot !== -1) {
+            // Clear the text from the previously filled slot
+            if (this.previousFilledSlotElement !== null) {
+                this.previousFilledSlotElement.textContent = '';
+            }
+        }
+        // Display the slot value/text on the clicked slot itself
+        element.textContent = index.toString();
+        // Track this slot as the previously filled slot for next click
+        this.previousFilledSlot = index;
+        this.previousFilledSlotElement = element;
+        // If the slot is the bottom-most slot for this matrix, dispatch a generic event
+        // so templates or global handlers can handle bottom-slot behaviour (e.g., MultiplyBeadsAnimation).
+        if (index === slotElements.length) {
+            try {
+                const event = new CustomEvent('math-matrix-bottom-click', {
+                    detail: {
+                        matrix: this.el,
+                        cols: this.style.cols,
+                        rows: this.style.rows,
+                    },
+                    bubbles: true,
+                    composed: true,
+                });
+                // dispatch from the host so listeners on container or document receive it
+                this.el.dispatchEvent(event);
+            }
+            catch (err) {
+                console.warn('Error dispatching math-matrix-bottom-click from handleClickSlot', err);
+            }
+        }
+        this.updateValue(index.toString());
+        // trigger the next container if right slot was clicked
+        validateObjectiveStatus();
+    }
+    getSlotData() {
+        const data = {};
+        if (!this.text)
+            return data;
+        this.text.split(',').forEach((item, index) => {
+            const [rawText, rawColor] = item.split('-');
+            const num = parseInt(rawText.trim());
+            if (!isNaN(num)) {
+                data[index] = { text: rawText.trim(), color: rawColor === null || rawColor === void 0 ? void 0 : rawColor.trim() };
+            }
+        });
+        return data;
+    }
+    render() {
+        let slotNumber = 1;
+        const slotData = this.getSlotData();
+        return (h(Host, { key: '66d627c33553f3f6473c6d1b465c9af7cc6741d3', class: "math-matrix", style: {
+                height: this.style.height,
+                width: this.style.width,
+                z: this.style.z,
+                display: this.style.display,
+                top: this.style.top,
+                left: this.style.left,
+            }, type: this.type, value: this.value, "tab-index": this.tabIndex, rows: this.style.rows, cols: this.style.cols, text: this.text }, Array.from({ length: parseInt(this.style.rows) + 1 }, (_, rowIndex) => (h("div", { class: "slot-parent", key: `row-${rowIndex}` }, h("div", { style: rowIndex === 0 && { visibility: 'hidden' }, class: "topIndex" }, rowIndex), Array.from({ length: parseInt(this.style.cols) }, (_, colIndex) => {
+            var _a, _b;
+            return rowIndex === 0 ? (h("div", { class: "leftIndex" }, ++colIndex)) : (h("div", { class: `slot slot-${slotNumber} ${this.defualtFill >= slotNumber ? 'slot-active' : 'slot-inactive'}`, onClick: (ev) => this.handleClickSlot(ev.currentTarget), key: `slot-${rowIndex}-${colIndex}`, style: {
+                    borderRadius: this.style.borderRadius,
+                    backgroundColor: ((_a = slotData[slotNumber - 1]) === null || _a === void 0 ? void 0 : _a.color) || '',
+                } }, (_b = slotData[slotNumber - 1]) === null || _b === void 0 ? void 0 :
+                _b.text, slotNumber++ && null));
+        }), h("div", { style: rowIndex === 0 && { visibility: 'hidden' }, class: "bottomIndex" }, parseInt(this.style.cols) * rowIndex))))));
+    }
+    get el() { return this; }
+    static get style() { return LidoMathMatrixStyle0; }
+}, [0, "lido-math-matrix", {
+        "rows": [1],
+        "cols": [1],
+        "defualtFill": [2, "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": [1, "active-bg-color"],
+        "deactiveBgColor": [1, "deactive-bg-color"],
+        "border": [1],
+        "height": [1],
+        "width": [1],
+        "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"],
+        "previousFilledSlot": [32],
+        "previousFilledSlotElement": [32],
+        "style": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["lido-math-matrix"];
+    components.forEach(tagName => { switch (tagName) {
+        case "lido-math-matrix":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LidoMathMatrix);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LidoMathMatrix as L, defineCustomElement as d };

package/dist/components/{p-b5b6ad27.js → p-15971ede.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, K as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, M as tinyColor, l as attachSpeakIcon, m as parseProp, e as convertUrlToRelative, h, j as Host } from './p-cfa2aec8.js';
+import { c as commonjsGlobal, K as getDefaultExportFromCjs, p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, M as tinyColor, r as attachSpeakIcon, k as parseProp, e as convertUrlToRelative, h, j as Host } from './p-bed94c37.js';
 
 var lib = {exports: {}};
 

package/dist/components/{p-0bf92c7f.js → p-1fbdb431.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, o as handleFloatElementPosition, q as handleElementClick, m as parseProp, h, j as Host } from './p-cfa2aec8.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, u as handleFloatElementPosition, v as handleElementClick, k as parseProp, h, j as Host } from './p-bed94c37.js';
 
 const lidoFloatCss = ".lido-float{position:relative}.lido-float>*{position:absolute;cursor:pointer}@keyframes float-up{from{top:var(--el-top)}to{top:-500px}}#removeShadow{box-shadow:unset !important}@keyframes float-lr{from{right:var(--el-left)}to{right:-500px}}";
 const LidoFloatStyle0 = lidoFloatCss;
@@ -60,7 +60,7 @@ const LidoFloat = /*@__PURE__*/ proxyCustomElement(class LidoFloat extends H {
         };
     }
     render() {
-        return (h(Host, { key: '2866d98e4a22a5825c24f23324473016c5e8c33f', class: "lido-float", "float-direction": this.floatDirection, id: this.id, "tab-index": this.tabIndex, style: this.style, onEntry: this.onEntry }, h("slot", { key: 'dd0a4405b91e1ddb95e90d6dfa1e16f8ac106c58' })));
+        return (h(Host, { key: 'b4c271689b52272251d5623e53b67ef78389c012', class: "lido-float", "float-direction": this.floatDirection, id: this.id, "tab-index": this.tabIndex, style: this.style, onEntry: this.onEntry }, h("slot", { key: '852149328b2a8e85e84fdf9e2a4a64bb2ec8ad3a' })));
     }
     get el() { return this; }
     static get style() { return LidoFloatStyle0; }

package/dist/components/{p-b43ce4e1.js → p-29bdd953.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, k as handlingChildElements, l as attachSpeakIcon, m as parseProp, h, j as Host } from './p-cfa2aec8.js';
+import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, q as handlingChildElements, r as attachSpeakIcon, k as parseProp, h, j as Host } from './p-bed94c37.js';
 
 const lidoCellCss = ".lido-col{top:var(--y, 0);left:var(--x, 0);height:var(--height, 100%);width:var(--width, 100%);background-color:var(--bgColor, #eeeeee);padding:15px;border-radius:10px;display:flex;justify-content:space-around;flex-direction:column;align-items:center}.lido-col>*{}.lido-row{display:flex;justify-content:space-around;align-items:center;}.lido-row>*{}.lido-wrap{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill, minmax(186px, auto))}.lido-wrap>*{padding:10px;box-sizing:border-box}.lido-flex{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}.lido-pos{top:var(--y, 0);left:var(--x, 0);height:var(--height, 100%);width:var(--width, 100%);background-color:var(--bgColor, #eeeeee);display:flex;justify-content:space-around;flex-direction:column;position:fixed}.lido-pos>*{position:absolute}.lido-random{position:relative;width:100%;height:100%}.lido-random>*{position:absolute}.lido-col::-webkit-scrollbar,.lido-wrap::-webkit-scrollbar,.lido-flex::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.lido-col::-webkit-scrollbar-thumb,.lido-wrap::-webkit-scrollbar-thumb,.lido-flex::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:3px solid transparent;background-clip:content-box}.lido-col::-webkit-scrollbar-track,.lido-wrap::-webkit-scrollbar-track,.lido-flex::-webkit-scrollbar-track{background:#f1f1f1}";
 const LidoCellStyle0 = lidoCellCss;
@@ -129,7 +129,7 @@ const LidoCell = /*@__PURE__*/ proxyCustomElement(class LidoCell extends H {
         this.el.className = `lido-${parseProp(this.layout, orientation)}`;
     }
     render() {
-        return (h(Host, { key: '8c2593f5b6493530e0ab725b7f9f543f884d086d', id: this.id, class: "lido-cell", value: this.value, type: this.type, "tab-index": this.tabIndex, style: this.style, minDrops: this.minDrops, maxDrops: this.maxDrops, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, "flex-direction": this.flexDirection, "disable-speak": this.disableSpeak }, h("slot", { key: '1497f2f179a474a4a2a8944d03c0841d055b1b6d' })));
+        return (h(Host, { key: '00183a8d67c4c64eae2d2bb2e3db5def7ffe3caf', id: this.id, class: "lido-cell", value: this.value, type: this.type, "tab-index": this.tabIndex, style: this.style, minDrops: this.minDrops, maxDrops: this.maxDrops, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, "flex-direction": this.flexDirection, "disable-speak": this.disableSpeak }, h("slot", { key: '33fbb691c5c8f015bc9c6cf1e86c237758f126c3' })));
     }
     get el() { return this; }
     static get style() { return LidoCellStyle0; }

package/dist/components/{p-b8af26e6.js → p-322acda6.js}

@@ -1,26 +1,28 @@
-import { p as proxyCustomElement, H, r as clearLocalStorage, t as dispatchActivityChangeEvent, A as ActivityScoreKey, u as dispatchGameCompletedEvent, v as dispatchGameExitEvent, w as AudioPlayer, x as generateUUIDFallback, y as exitUrl, z as prevUrl, B as nextUrl, C as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, D as getCancelBtnPopup, S as SelectedValuesKey, E as matchStringPattern, F as triggerNextContainer, n as calculateScale, G as triggerPrevcontainer, I as executeActions, j as Host, e as convertUrlToRelative, J as setCancelBtnPopup } from './p-cfa2aec8.js';
-import { d as defineCustomElement$h } from './p-7f11a624.js';
-import { d as defineCustomElement$g } from './p-b43ce4e1.js';
-import { d as defineCustomElement$f } from './p-4cabbf28.js';
-import { d as defineCustomElement$e } from './p-e735dce9.js';
-import { d as defineCustomElement$d } from './p-03e4cafe.js';
-import { d as defineCustomElement$c } from './p-0bf92c7f.js';
-import { d as defineCustomElement$b } from './p-b5b6ad27.js';
-import { d as defineCustomElement$a } from './p-af54a485.js';
-import { d as defineCustomElement$9 } from './p-a8ab771b.js';
-import { d as defineCustomElement$8 } from './p-61d97438.js';
-import { d as defineCustomElement$7 } from './p-51943db6.js';
-import { d as defineCustomElement$6 } from './p-9c56f378.js';
-import { d as defineCustomElement$5 } from './p-cae021c6.js';
-import { d as defineCustomElement$4 } from './p-4882df37.js';
-import { d as defineCustomElement$3 } from './p-cac6c8bf.js';
-import { d as defineCustomElement$2 } from './p-b55af747.js';
-import { d as defineCustomElement$1 } from './p-4dbae73b.js';
+import { p as proxyCustomElement, H, w as dispatchActivityChangeEvent, A as ActivityScoreKey, x as dispatchGameCompletedEvent, y as dispatchGameExitEvent, z as AudioPlayer, B as generateUUIDFallback, C as exitUrl, D as prevUrl, E as nextUrl, F as speakUrl, N as NextContainerKey, P as PrevContainerKey, L as LidoContainer, h, G as getCancelBtnPopup, t as calculateScale, I as triggerPrevcontainer, o as executeActions, j as Host, e as convertUrlToRelative, J as setCancelBtnPopup } from './p-bed94c37.js';
+import { d as defineCustomElement$j } from './p-cbac3cbc.js';
+import { d as defineCustomElement$i } from './p-44808985.js';
+import { d as defineCustomElement$h } from './p-e36ddcc1.js';
+import { d as defineCustomElement$g } from './p-29bdd953.js';
+import { d as defineCustomElement$f } from './p-52844fa4.js';
+import { d as defineCustomElement$e } from './p-9be56729.js';
+import { d as defineCustomElement$d } from './p-e4e42677.js';
+import { d as defineCustomElement$c } from './p-1fbdb431.js';
+import { d as defineCustomElement$b } from './p-15971ede.js';
+import { d as defineCustomElement$a } from './p-74849cdd.js';
+import { d as defineCustomElement$9 } from './p-08d0deab.js';
+import { d as defineCustomElement$8 } from './p-d37ab4dc.js';
+import { d as defineCustomElement$7 } from './p-3f406017.js';
+import { d as defineCustomElement$6 } from './p-7f7e5672.js';
+import { d as defineCustomElement$5 } from './p-904711c8.js';
+import { d as defineCustomElement$4 } from './p-73e31a86.js';
+import { d as defineCustomElement$3 } from './p-afbc196f.js';
+import { d as defineCustomElement$2 } from './p-90465904.js';
+import { d as defineCustomElement$1 } from './p-835b973d.js';
 
-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:0 2px 4px rgba(151, 150, 150, 0.1) !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-image:url(\"https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png\");background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}";
+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:0 2px 4px rgba(151, 150, 150, 0.1) !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-image:url(\"https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png\");background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}";
 const LidoHomeStyle0 = indexCss;
 
-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 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}}";
+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 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)\n            drop-shadow(0 0 10px yellow)\n            drop-shadow(0 0 20px yellow)\n            drop-shadow(0 0 30px orange)}50%{filter:drop-shadow(0 0 10px yellow)\n            drop-shadow(0 0 20px yellow)\n            drop-shadow(0 0 40px yellow)\n            drop-shadow(0 0 50px orange)}100%{filter:drop-shadow(0 0 5px yellow)\n            drop-shadow(0 0 10px yellow)\n            drop-shadow(0 0 20px yellow)\n            drop-shadow(0 0 30px orange)}}";
 const LidoHomeStyle1 = animationCss;
 
 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}";
@@ -43,7 +45,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
             if (index != undefined && index == this.currentContainerIndex)
                 return;
             // Clear selected values from localStorage on container transition
-            clearLocalStorage();
+            // clearmemoryStorage();
             if (index != undefined && index < this.containers.length) {
                 // Move to the next container
                 this.currentContainerIndex = index;
@@ -73,7 +75,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
             if (this.currentContainerIndex <= 0)
                 return;
             // Clear selected values from localStorage on container transition
-            clearLocalStorage();
+            // clearmemoryStorage();
             // Move to the previous container
             this.currentContainerIndex--;
             // Dispatch event to update the UI or state
@@ -115,7 +117,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
                     dispatchGameExitEvent();
                     AudioPlayer.getI().stop();
                     localStorage.removeItem(ActivityScoreKey);
-                    clearLocalStorage();
+                    // clearmemoryStorage();
                     alertElement.remove();
                     this.currentContainerIndex = 0;
                 }
@@ -154,7 +156,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
         };
         if (this.currentContainerIndex === 0) {
             localStorage.removeItem(ActivityScoreKey);
-            clearLocalStorage();
+            // clearmemoryStorage();
         }
         // Listen for 'NextContainerKey' event to transition between containers
         window.addEventListener(NextContainerKey, () => {
@@ -172,7 +174,7 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
         window.addEventListener('beforeunload', () => {
             AudioPlayer.getI().stop();
             localStorage.removeItem(ActivityScoreKey);
-            clearLocalStorage();
+            // clearmemoryStorage();
         });
     }
     componentDidLoad() {
@@ -315,6 +317,8 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
             'lido-float': h("lido-float", Object.assign({}, props), children),
             'lido-keyboard': h("lido-keyboard", Object.assign({}, props), children),
             'lido-math-matrix': h("lido-math-matrix", Object.assign({}, props), children),
+            'lido-balance': h("lido-balance", Object.assign({}, props), children),
+            'lido-calculator': h("lido-calculator", Object.assign({}, props), children),
         };
         // If the tag is known, return the corresponding Stencil component, otherwise log a warning
         if (componentMapping[tagName]) {
@@ -338,16 +342,6 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
         });
         this.containers = containers;
     }
-    areAllDropsFilled() {
-        const drops = Array.from(document.querySelectorAll('[type="drop"]'));
-        const drags = Array.from(document.querySelectorAll('[type="drag"]')).filter(drag => drag.getAttribute('drop-to'));
-        console.log('drops', drops);
-        console.log('drags', drags);
-        return drops.every(drop => {
-            const dropId = drop.id;
-            return drags.some(drag => drag.getAttribute('drop-to') === dropId);
-        });
-    }
     async btnpopup() {
         setCancelBtnPopup(false);
         await AudioPlayer.getI().stop();
@@ -367,18 +361,6 @@ const LidoHome = /*@__PURE__*/ proxyCustomElement(class LidoHome extends H {
                 await new Promise(resolve => setTimeout(resolve, 300));
             }
         }
-        if (this.areAllDropsFilled()) {
-            const objectiveString = container['objective'];
-            const objectiveArray = JSON.parse(localStorage.getItem(SelectedValuesKey) || '[]');
-            const res = matchStringPattern(objectiveString, objectiveArray);
-            console.log('Resultt', res);
-            if (res) {
-                triggerNextContainer();
-            }
-        }
-        else {
-            console.log('Not yet filled ');
-        }
     }
     scaleNavbarContainer() {
         setTimeout(() => {
@@ -477,7 +459,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["lido-home", "lido-avatar", "lido-cell", "lido-col", "lido-container", "lido-flash-card", "lido-float", "lido-image", "lido-keyboard", "lido-math-matrix", "lido-pos", "lido-random", "lido-row", "lido-shape", "lido-slide-fill", "lido-text", "lido-trace", "lido-wrap"];
+    const components = ["lido-home", "lido-avatar", "lido-balance", "lido-calculator", "lido-cell", "lido-col", "lido-container", "lido-flash-card", "lido-float", "lido-image", "lido-keyboard", "lido-math-matrix", "lido-pos", "lido-random", "lido-row", "lido-shape", "lido-slide-fill", "lido-text", "lido-trace", "lido-wrap"];
     components.forEach(tagName => { switch (tagName) {
         case "lido-home":
             if (!customElements.get(tagName)) {
@@ -485,6 +467,16 @@ function defineCustomElement() {
             }
             break;
         case "lido-avatar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "lido-balance":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "lido-calculator":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }

package/dist/components/{p-51943db6.js → p-3f406017.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, l as attachSpeakIcon, h, j as Host } from './p-cfa2aec8.js';
+import { p as proxyCustomElement, H, r as attachSpeakIcon, h, j as Host } from './p-bed94c37.js';
 
 const lidoRandomCss = ".lido-random{position:relative;width:100%;height:100%}.lido-random>*{position:absolute}";
 const LidoRandomStyle0 = lidoRandomCss;
@@ -76,7 +76,7 @@ const LidoRandom = /*@__PURE__*/ proxyCustomElement(class LidoRandom extends H {
             backgroundColor: this.bgColor,
             margin: this.margin,
         };
-        return (h(Host, { key: 'a5f930317fec6552ac0c9daf09da0348a49dcbf0', 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 }, h("slot", { key: '1451bbc2df4f459d4af93bf6b0a6dfc52dc2113e' })));
+        return (h(Host, { key: '328c7a0533a52a1be5cee0d71fc7a43338e5290f', 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 }, h("slot", { key: 'c1a93405cbbd2a06a92134c4ff5853204215c317' })));
     }
     get el() { return this; }
     static get style() { return LidoRandomStyle0; }