lido-player 0.0.2-beta-16-dev → 0.0.2-beta-17-dev

package/dist/types/components/scale/lido-balance.d.ts

@@ -1,7 +1,7 @@
 export declare class LidoBalance {
     /**
-    * URL of the pivot (base stand) image used in the balance visualization.
-    */
+     * URL of the pivot (base stand) image used in the balance visualization.
+     */
     pivotimage: string;
     /**
      * URL of the scale (bar) image that tilts based on the weight difference.

package/dist/types/components/text/lido-text.d.ts

@@ -16,8 +16,13 @@ export declare class LidoText {
     id: string;
     /**
      * Value associated with the text element, typically used for internal logic or tracking.
-     */
+    */
     value: string;
+    /**
+     * Number of drag elements required for count-based drop interactions.
+     * Used by the Blender template to determine the correct and incorrect border state.
+     */
+    requiredDrops: string;
     /**
      * The string of text to be displayed in the component.
      */

package/dist/types/components/trace/lido-trace.d.ts

@@ -117,7 +117,7 @@ export declare class LidoTrace {
     fileIndex: number;
     isDragging: boolean;
     activePointerId: number | null;
-    freeTraceUpdateCounter: number;
+    private freeTraceUpdateCounter;
     /** ───────────────────────────────────────────────────────────
      *  NEW: idle‑timer + finger‑hint state
      *  ─────────────────────────────────────────────────────────── */

package/dist/types/components.d.ts

@@ -129,7 +129,7 @@ export namespace Components {
         "fill": string;
         /**
           * URL of the handler (side stands / hooks) image for the balance.
-          * @default 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/balancing/Stands.svg'
+          * @default ''
          */
         "handlerimage": string;
         /**
@@ -165,13 +165,13 @@ export namespace Components {
         "padding": string;
         /**
           * URL of the pivot (base stand) image used in the balance visualization.
-          * @default 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/balancing/Display%20stand.svg'
+          * @default ''
          */
         "pivotimage": string;
         "revealSymbol": () => Promise<void>;
         /**
           * URL of the scale (bar) image that tilts based on the weight difference.
-          * @default 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/balancing/Bar.svg'
+          * @default ''
          */
         "scaleimage": string;
         /**
@@ -234,7 +234,7 @@ export namespace Components {
         "onEntry": string;
         /**
           * Icon URL for the pen image shown on the calculator UI
-          * @default "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/calculator/penIcon.png"
+          * @default ''
          */
         "penIcon": string;
         /**
@@ -2185,6 +2185,11 @@ export namespace Components {
           * @default ''
          */
         "padding": string;
+        /**
+          * Number of drag elements required for count-based drop interactions. Used by the Blender template to determine the correct and incorrect border state.
+          * @default ''
+         */
+        "requiredDrops": string;
         /**
           * Controls whether the speak icon should appear directly on the top right corner of targeted element if it is true.
           * @default false
@@ -2274,7 +2279,7 @@ export namespace Components {
         "disableSpeak": boolean;
         /**
           * URL for the finger hint image
-          * @default 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.svg'
+          * @default getAssetPath('assets/Tracing-hand.svg')
          */
         "fingerHintUrl": string;
         /**
@@ -2847,7 +2852,7 @@ declare namespace LocalJSX {
         "fill"?: string;
         /**
           * URL of the handler (side stands / hooks) image for the balance.
-          * @default 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/balancing/Stands.svg'
+          * @default ''
          */
         "handlerimage"?: string;
         /**
@@ -2882,12 +2887,12 @@ declare namespace LocalJSX {
         "padding"?: string;
         /**
           * URL of the pivot (base stand) image used in the balance visualization.
-          * @default 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/balancing/Display%20stand.svg'
+          * @default ''
          */
         "pivotimage"?: string;
         /**
           * URL of the scale (bar) image that tilts based on the weight difference.
-          * @default 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/balancing/Bar.svg'
+          * @default ''
          */
         "scaleimage"?: string;
         /**
@@ -2953,7 +2958,7 @@ declare namespace LocalJSX {
         "onOnOk"?: (event: LidoCalculatorCustomEvent<boolean>) => void;
         /**
           * Icon URL for the pen image shown on the calculator UI
-          * @default "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/calculator/penIcon.png"
+          * @default ''
          */
         "penIcon"?: string;
         /**
@@ -4904,6 +4909,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "padding"?: string;
+        /**
+          * Number of drag elements required for count-based drop interactions. Used by the Blender template to determine the correct and incorrect border state.
+          * @default ''
+         */
+        "requiredDrops"?: string;
         /**
           * Controls whether the speak icon should appear directly on the top right corner of targeted element if it is true.
           * @default false
@@ -4993,7 +5003,7 @@ declare namespace LocalJSX {
         "disableSpeak"?: boolean;
         /**
           * URL for the finger hint image
-          * @default 'https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/trace/Tracing-hand.svg'
+          * @default getAssetPath('assets/Tracing-hand.svg')
          */
         "fingerHintUrl"?: string;
         /**
@@ -5647,6 +5657,7 @@ declare namespace LocalJSX {
         "showSpeakIcon": boolean;
         "id": string;
         "value": string;
+        "requiredDrops": string;
         "string": string;
         "fontFamily": string;
         "fontSize": string;

package/dist/types/stencil-public-runtime.d.ts

@@ -1008,6 +1008,7 @@ export declare namespace JSXBase {
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
+        closedby?: 'any' | 'closerequest' | 'none';
     }
     interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -1045,6 +1046,8 @@ export declare namespace JSXBase {
         allowtransparency?: string | boolean;
         frameBorder?: number | string;
         frameborder?: number | string;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1067,6 +1070,8 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1166,6 +1171,8 @@ export declare namespace JSXBase {
     }
     interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
         as?: string;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         href?: string;
         hrefLang?: string;
         hreflang?: string;
@@ -1289,6 +1296,8 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         defer?: boolean;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         integrity?: string;
         nonce?: string;
@@ -1404,7 +1413,10 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        translate?: 'yes' | 'no' | (string & {});
         popover?: string | null;
+        focusgroup?: string;
+        focusgroupstart?: boolean;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;

package/dist/types/utils/audioPlayer.d.ts

@@ -3,6 +3,7 @@ export declare class AudioPlayer {
     private audioElement;
     private currentTargetElement;
     private pendingReplayElement;
+    private playbackHasStarted;
     private highlightOverlay;
     private wordRects;
     private activeWordIndex;
@@ -12,6 +13,7 @@ export declare class AudioPlayer {
     private isVisibilityChangeRegistered;
     private readonly stopEvents;
     private handleGlobalStopEvent;
+    private resolvePlaybackWait;
     private constructor();
     static getI(): AudioPlayer;
     static destroyI(): void;

package/dist/types/utils/utilsHandlers/slideHandler.d.ts

@@ -1,2 +1,7 @@
 export declare const slideAnimation: () => Promise<void>;
 export declare function slidingWithScaling(element: HTMLElement): void;
+export declare const getSlideValuesForValidation: (container: HTMLElement, slideElements: HTMLElement[]) => string[];
+export declare const updateArrangeLettersCorrectness: (container: HTMLElement, slideValues: string[], objectiveValues: string[]) => void;
+export declare const isArrangeLettersComplete: (slideValues: string[], objectiveString: string) => boolean;
+export declare const updateReorderCorrectness: (container: HTMLElement, slideValues: string[], objectiveValues: string[]) => void;
+export declare const isReorderComplete: (slideValues: string[], objectiveString: string) => boolean;

package/loader/index.d.ts

@@ -8,7 +8,7 @@ export interface CustomElementsDefineOptions {
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 /**
  * @deprecated
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lido-player",
-  "version": "0.0.2-beta-16-dev",
+  "version": "0.0.2-beta-17-dev",
   "description": "Stencil Component For  Lido Player",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/components/p-C7U1h9gI.js

@@ -1 +0,0 @@
-import{t,p as i,H as e,i as s,c as o,w as n,a as l,y as a,h,b as r}from"./index.js";const c=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.rows="10",this.cols="10",this.defualtFill=0,this.leftIndex=!1,this.topIndex=!1,this.bottomIndex=!1,this.clickable=!0,this.activeOnlyVisible=!1,this.activeBgColor="transparent",this.deactiveBgColor="transparent",this.border="2px solid green",this.height="100%",this.width="100%",this.borderRadius="5px",this.visible="false",this.previousFilledSlot=-1,this.previousFilledSlotElement=null,this.style={},this.handleWindowResize=()=>this.updateStyles(),this.handleWindowLoad=()=>this.updateStyles()}updateValue(t){this.el.setAttribute("value",t)}componentDidLoad(){const t=this.el.querySelectorAll(".slot");s(this.el,this.type),t.forEach((t=>{const i=t;i.style.setProperty("--active-bg-color",this.activeBgColor),i.style.setProperty("--deactive-bg-color",this.deactiveBgColor),i.style.pointerEvents=this.clickable?"":"none",i.style.border=this.border,i.style.color=this.fontColor,i.className.includes("slot-active")?(i.style.visibility="",this.matrixImage&&i.style.setProperty("--bg-image",`url(${o(this.matrixImage)})`)):this.activeOnlyVisible&&(i.style.visibility="hidden")})),this.updateSlots(),this.updateStyles()}componentWillLoad(){this.updateStyles(),this.updateSlots(),window.addEventListener("resize",this.handleWindowResize),window.addEventListener("load",this.handleWindowLoad)}disconnectedCallback(){window.removeEventListener("resize",this.handleWindowResize),window.removeEventListener("load",this.handleWindowLoad)}updateSlots(){const t=this.el.querySelectorAll(".slot"),i=this.el.querySelector(".slot");if(!t.length||!i)return;const e=document.getElementById(n);let s=this.rows,o=this.cols;e&&"multiplyBeeds"===e.getAttribute("template-id")&&(o="9",s="1");const l=Number(s)<Number(o)?this.el.offsetHeight:this.el.offsetWidth,a=Number(s)>Number(o)?Number(s):Number(o),h=this.el.querySelectorAll(".slot-parent"),r=l/a;h.forEach((t=>{t.style.width=`${r}px`,Array.from(t.children).forEach((t=>{const i=t;i.style.width=`${r}px`,i.style.height=`${r}px`,"drop"!==this.type&&"drag"!==this.type&&"checkerBlock"!==this.type||(this.el.style.width="auto",this.el.style.height="auto"),(!this.topIndex&&i.classList.contains("topIndex")||!this.leftIndex&&i.classList.contains("leftIndex")||!this.bottomIndex&&i.classList.contains("bottomIndex"))&&(i.classList.contains("leftIndex")&&i.parentElement.remove(),i.remove())}))}))}updateStyles(){const t=window.innerHeight>window.innerWidth?"portrait":"landscape";this.style={height:l(this.height,t),width:l(this.width,t),zIndex:this.z,display:"true"===l(`${this.visible}`,t)?"flex":"none",borderRadius:l(this.borderRadius,t),left:l(this.x,t),top:l(this.y,t),cols:l(`${this.cols}`,t),rows:l(`${this.rows}`,t)}}handleClickSlot(t){const i=parseInt(t.className.split(" ")[1].split("-")[1]),e=this.el.querySelectorAll(".slot");if(e.forEach(((t,e)=>{const s=t;e<i?(s.classList.add("slot-active"),s.classList.remove("slot-inactive"),this.matrixImage&&s.style.setProperty("--bg-image",`url(${o(this.matrixImage)})`)):(s.classList.remove("slot-active"),s.classList.add("slot-inactive"))})),-1!==this.previousFilledSlot&&null!==this.previousFilledSlotElement&&(this.previousFilledSlotElement.textContent=""),t.textContent=i.toString(),this.previousFilledSlot=i,this.previousFilledSlotElement=t,i===e.length)try{const t=new CustomEvent("math-matrix-bottom-click",{detail:{matrix:this.el,cols:this.style.cols,rows:this.style.rows},bubbles:!0,composed:!0});this.el.dispatchEvent(t)}catch(t){console.warn("Error dispatching math-matrix-bottom-click from handleClickSlot",t)}this.updateValue(i.toString()),a()}getSlotData(){const t={};return this.text?(this.text.split(",").forEach(((i,e)=>{const[s,o]=i.split("-"),n=parseInt(s.trim());isNaN(n)||(t[e]={text:s.trim(),color:null==o?void 0:o.trim()})})),t):t}render(){let t=1;const i=this.getSlotData();return h(r,{key:"4628494c0109ae927e379a442d3921b40e01f1e3",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,onCorrect:this.onCorrect,onInCorrect:this.onInCorrect,onEntry:this.onEntry},Array.from({length:parseInt(this.style.rows)+1},((e,s)=>h("div",{class:"slot-parent",key:`row-${s}`},h("div",{style:0===s&&{visibility:"hidden"},class:"topIndex"},s),Array.from({length:parseInt(this.style.cols)},((e,o)=>{var n,l;return 0===s?h("div",{class:"leftIndex"},++o):h("div",{class:`slot slot-${t} ${this.defualtFill>=t?"slot-active":"slot-inactive"}`,onClick:t=>this.handleClickSlot(t.currentTarget),key:`slot-${s}-${o}`,style:{borderRadius:this.style.borderRadius,backgroundColor:(null===(n=i[t-1])||void 0===n?void 0:n.color)||""}},null===(l=i[t-1])||void 0===l?void 0:l.text,t++&&null)})),h("div",{style:0===s&&{visibility:"hidden"},class:"bottomIndex"},parseInt(this.style.cols)*s)))))}get el(){return this}static get style(){return".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'}"}},[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]}]);function d(){"undefined"!=typeof customElements&&["lido-math-matrix"].forEach((i=>{"lido-math-matrix"===i&&(customElements.get(t(i))||customElements.define(t(i),c))}))}d();export{c as L,d}

package/dist/components/p-CS6iRQJh.js

@@ -1 +0,0 @@
-import{t,p as i,H as o,d as e,e as s,S as a,s as l,C as r,A as n,f as c,g as d,j as h,h as p,c as u,b}from"./index.js";import{d as f}from"./p-Bw-OC9iR.js";import{d as m}from"./p-C2p0KZh4.js";const x=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.onOk=e(this,"onOk"),this.width="479px",this.visible=!1,this.height="711px",this.objective="",this.onEntry="",this.x="0px",this.y="0px",this.bgColor="#60DADA",this.penIcon="https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/calculator/penIcon.png",this.displayValue="",this.style={},this.userAnswers=[],this.tempInputs=[]}updateValueAttr(){this.el.setAttribute("value",this.displayValue)}componentWillLoad(){if(!this.objective){const t=this.el.closest("lido-container");t&&(this.objective=(t.getAttribute("objective")||"").replace("=","").trim())}this.updateValueAttr()}handleClick(t){"OK"===t?this.verifyAnswer():"←"===t?this.displayValue=this.displayValue.slice(0,-1):this.displayValue.length<8&&(this.displayValue+=t),this.updateValueAttr()}async verifyAnswer(){var t;const i=this.displayValue.trim();if(!i)return;let o=!1;const e=this.el.closest("lido-container");if(!e)return;if(this.objective&&""!=this.objective&&!this.objective.includes(","))o=Number(i)===Number(this.objective);else if(this.objective&&this.objective.includes(",")){const t="true"===e.getAttribute("is-continue-on-correct"),s=this.objective.split(",").map((t=>t.trim())),a=this.userAnswers.length;a<s.length&&Number(i)===Number(s[a])&&(o=!0),t?o&&this.userAnswers.push(Number(i)):this.userAnswers.push(Number(i))}else if(""===this.objective){const t=e.getAttribute("equationCheck")||"";if(!t)return;try{const e=s(t);o=Number(e)===Number(i.trim())}catch(t){console.error("Error evaluating equation:",t),o=!1}}this.onOk.emit(o);const p=document.getElementById("btn-11");if(o){const s="nimbleTable"===e.getAttribute("template-id"),u=this.objective.includes(",");s&&u||e.setAttribute("game-completed","true"),this.tempInputs.push(i);const b=JSON.parse(null!==(t=e.getAttribute(a))&&void 0!==t?t:"[]"),f=Array.isArray(b)?b.filter((t=>""!==String(t).trim())):[],m=this.tempInputs[this.tempInputs.length-1];if(""!==String(m).trim()&&f.push(m),e.setAttribute(a,JSON.stringify(f)),p.style.pointerEvents="none",this.displayValue="",l(o,r),s&&u){const t=e.querySelector("[type='calculate']");t&&(t.getAttribute("audio")||"").trim()&&(t.style.boxShadow="none !important",t.setAttribute("onCorrect","this.speak='true'"),n.getI().play(t))}const x=(null==e?void 0:e.getAttribute("onCorrect"))||"";if(await c(x,e),!x.includes("scrollCellAfterEquationSolved"))if(u){const t=this.objective.split(",").map((t=>t.trim()));this.userAnswers.length>=t.length&&(e.setAttribute("game-completed","true"),d(),h())}else d(),h()}else{p.style.pointerEvents="none",this.displayValue="",l(o,r);const t=(null==e?void 0:e.getAttribute("onInCorrect"))||"",i=(null==e?void 0:e.getAttribute("onCorrect"))||"",s="true"===e.getAttribute("is-continue-on-correct");s?await c(t,e):await c(i,e),s||(e.setAttribute("game-completed","true"),d(),h())}p.style.pointerEvents="auto"}render(){return p(b,{key:"63cfc3e353a89b76ad809a921cc7b51ce6d06e93",onEntry:this.onEntry,id:"lidoCalculator",style:{width:this.width,height:this.height,backgroundColor:this.bgColor,left:this.x,top:this.y}},p("lido-cell",{key:"66cc572079209533f8fd4f6c4ca76fdb9435b3b8",visible:"true",height:"94px",width:"60px"},p("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"},p("img",{key:"46275d788f7bb3132e657d4902d4471cc7928b39",src:u(this.penIcon),alt:"pen",style:{width:"100%",height:"100%"}}))),p("div",{key:"5adb6fbdefa7d9d8c4bd2ada68f580c8c1af298e",class:"lido-calculator-displayParent"},p("div",{key:"cca5a9c232f9d4dfa31e193e8d9eaddcd83a5052",class:"lido-calculator-display"},this.displayValue)),p("div",{key:"64b70b100e8165dfe6d0dd9522b0362f12856a9e",class:"lido-calculator-buttons"},["1","2","3","4","5","6","7","8","9","←","0","OK"].map(((t,i)=>p("lido-text",{id:`btn-${i}`,string:t,visible:"true",type:"click",class:{"lido-calculator-btn-special":"←"===t||"OK"===t,"lido-calculator-btn-default":"←"!==t&&"OK"!==t},onClick:()=>this.handleClick(t)})))))}get el(){return this}static get style(){return"#lidoCalculator{border-radius:19px;border:5px solid #029A9A;position:relative;display:flex;flex-direction:column;padding:2%;box-sizing:border-box}.lido-calculator-btn-special{--btn-bg-color:#014D4D !important;background-color:#014D4D !important;--btn-shadow-color:#0a2f2f !important}.lido-calculator-btn-default{--btn-bg-color:#029A9A !important;background-color:#029A9A !important;color:#000;--btn-shadow-color:#0f4242 !important}#lido-calculator-penIcon{--btn-bg-color:#FB7038 !important;--btn-shadow-px:0 8px 0 !important;--btn-shadow-color:#D74B12 !important;border-radius:5px !important}.lido-calculator-displayParent{width:89%;height:107px;background-color:rgb(68, 186, 186);border-radius:5px;margin:14px auto 17px auto;overflow:hidden;display:flex;align-items:end}.lido-calculator-display{width:97%;height:94px;background:#029A9A;color:#fff;text-align:right;display:flex;justify-content:flex-end;align-items:center;font-size:72px;font-weight:700;font-family:'Baloo Bhai 2', serif;border-radius:5px 0px 0px 5px;box-sizing:border-box;margin:0 0px -6px auto}.lido-calculator-buttons{flex:1;display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;gap:0%;width:100%;justify-items:center;align-items:center;position:relative;top:-1%}.lido-calculator-buttons lido-text{display:flex !important;justify-content:center;align-items:center;width:100px !important;height:88px !important;font-size:80px !important;font-weight:700 !important;color:#fff;border-radius:5px !important;cursor:pointer;text-align:center;line-height:1;box-sizing:border-box;transition:transform 0.1s}.lido-calculator-buttons lido-text:active{transform:scale(0.95)}"}},[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]}]);function g(){"undefined"!=typeof customElements&&["lido-calculator","lido-cell","lido-text"].forEach((i=>{switch(i){case"lido-calculator":customElements.get(t(i))||customElements.define(t(i),x);break;case"lido-cell":customElements.get(t(i))||f();break;case"lido-text":customElements.get(t(i))||m()}}))}g();export{x as L,g as d}