@wormhole-foundation/wormhole-connect 5.2.0-beta.0-development → 5.2.0-beta.1-development

package/lib/{index-KEK3qFIE.js → index-BGzNVaPV.js}

@@ -1,4 +1,4 @@
-"use strict";const c=require("./core-C-bE_KN6.js"),$={getSpacingStyles(i,e){if(Array.isArray(i))return i[e]?`var(--wui-spacing-${i[e]})`:void 0;if(typeof i=="string")return`var(--wui-spacing-${i})`},getFormattedDate(i){return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}).format(i)},getHostName(i){try{return new URL(i).hostname}catch{return""}},getTruncateString({string:i,charsStart:e,charsEnd:t,truncate:r}){return i.length<=e+t?i:r==="end"?`${i.substring(0,e)}...`:r==="start"?`...${i.substring(i.length-t)}`:`${i.substring(0,Math.floor(e))}...${i.substring(i.length-Math.floor(t))}`},generateAvatarColors(i){const t=i.toLowerCase().replace(/^0x/iu,"").replace(/[^a-f0-9]/gu,"").substring(0,6).padEnd(6,"0"),r=this.hexToRgb(t),s=getComputedStyle(document.documentElement).getPropertyValue("--w3m-border-radius-master"),n=100-3*Number(s?.replace("px","")),a=`${n}% ${n}% at 65% 40%`,l=[];for(let u=0;u<5;u+=1){const p=this.tintColor(r,.15*u);l.push(`rgb(${p[0]}, ${p[1]}, ${p[2]})`)}return`
+"use strict";const c=require("./core-B-drR9_7.js"),$={getSpacingStyles(i,e){if(Array.isArray(i))return i[e]?`var(--wui-spacing-${i[e]})`:void 0;if(typeof i=="string")return`var(--wui-spacing-${i})`},getFormattedDate(i){return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}).format(i)},getHostName(i){try{return new URL(i).hostname}catch{return""}},getTruncateString({string:i,charsStart:e,charsEnd:t,truncate:r}){return i.length<=e+t?i:r==="end"?`${i.substring(0,e)}...`:r==="start"?`...${i.substring(i.length-t)}`:`${i.substring(0,Math.floor(e))}...${i.substring(i.length-Math.floor(t))}`},generateAvatarColors(i){const t=i.toLowerCase().replace(/^0x/iu,"").replace(/[^a-f0-9]/gu,"").substring(0,6).padEnd(6,"0"),r=this.hexToRgb(t),s=getComputedStyle(document.documentElement).getPropertyValue("--w3m-border-radius-master"),n=100-3*Number(s?.replace("px","")),a=`${n}% ${n}% at 65% 40%`,l=[];for(let u=0;u<5;u+=1){const p=this.tintColor(r,.15*u);l.push(`rgb(${p[0]}, ${p[1]}, ${p[2]})`)}return`
     --local-color-1: ${l[0]};
     --local-color-2: ${l[1]};
     --local-color-3: ${l[2]};
@@ -103,7 +103,7 @@
     width: var(--local-width);
     height: var(--local-height);
   }
-`;var L=function(i,e,t,r){var s=arguments.length,o=s<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,e,t,r);else for(var a=i.length-1;a>=0;a--)(n=i[a])&&(o=(s<3?n(o):s>3?n(e,t,o):n(e,t))||o);return s>3&&o&&Object.defineProperty(e,t,o),o};const be={add:async()=>(await Promise.resolve().then(()=>require("./add-aiIIchuh.js"))).addSvg,allWallets:async()=>(await Promise.resolve().then(()=>require("./all-wallets-BTvSiRPI.js"))).allWalletsSvg,arrowBottomCircle:async()=>(await Promise.resolve().then(()=>require("./arrow-bottom-circle-BuL2N_oX.js"))).arrowBottomCircleSvg,appStore:async()=>(await Promise.resolve().then(()=>require("./app-store-J4rqIlQc.js"))).appStoreSvg,apple:async()=>(await Promise.resolve().then(()=>require("./apple-ChYiEhFV.js"))).appleSvg,arrowBottom:async()=>(await Promise.resolve().then(()=>require("./arrow-bottom-B8L0wWMn.js"))).arrowBottomSvg,arrowLeft:async()=>(await Promise.resolve().then(()=>require("./arrow-left-BHDzDcxf.js"))).arrowLeftSvg,arrowRight:async()=>(await Promise.resolve().then(()=>require("./arrow-right-DkR-9vfb.js"))).arrowRightSvg,arrowTop:async()=>(await Promise.resolve().then(()=>require("./arrow-top-JFr4DWJC.js"))).arrowTopSvg,bank:async()=>(await Promise.resolve().then(()=>require("./bank-CQl-oPnD.js"))).bankSvg,browser:async()=>(await Promise.resolve().then(()=>require("./browser-DFBCBTuC.js"))).browserSvg,card:async()=>(await Promise.resolve().then(()=>require("./card-BVvKhU54.js"))).cardSvg,checkmark:async()=>(await Promise.resolve().then(()=>require("./checkmark-pTrffkn9.js"))).checkmarkSvg,checkmarkBold:async()=>(await Promise.resolve().then(()=>require("./checkmark-bold-DU2Ys96v.js"))).checkmarkBoldSvg,chevronBottom:async()=>(await Promise.resolve().then(()=>require("./chevron-bottom-C8gro0Kz.js"))).chevronBottomSvg,chevronLeft:async()=>(await Promise.resolve().then(()=>require("./chevron-left-p6FO5KDX.js"))).chevronLeftSvg,chevronRight:async()=>(await Promise.resolve().then(()=>require("./chevron-right-B_qqkmjC.js"))).chevronRightSvg,chevronTop:async()=>(await Promise.resolve().then(()=>require("./chevron-top-CtMVRHg0.js"))).chevronTopSvg,chromeStore:async()=>(await Promise.resolve().then(()=>require("./chrome-store-BEJYIo9O.js"))).chromeStoreSvg,clock:async()=>(await Promise.resolve().then(()=>require("./clock-Cqv12DGe.js"))).clockSvg,close:async()=>(await Promise.resolve().then(()=>require("./close-OchiXtTe.js"))).closeSvg,compass:async()=>(await Promise.resolve().then(()=>require("./compass-COTmQcOw.js"))).compassSvg,coinPlaceholder:async()=>(await Promise.resolve().then(()=>require("./coinPlaceholder-xkgrfWI-.js"))).coinPlaceholderSvg,copy:async()=>(await Promise.resolve().then(()=>require("./copy-Cj1h89Ke.js"))).copySvg,cursor:async()=>(await Promise.resolve().then(()=>require("./cursor-COWtX4qp.js"))).cursorSvg,cursorTransparent:async()=>(await Promise.resolve().then(()=>require("./cursor-transparent-CfY_uwZk.js"))).cursorTransparentSvg,desktop:async()=>(await Promise.resolve().then(()=>require("./desktop-DFWKsjai.js"))).desktopSvg,disconnect:async()=>(await Promise.resolve().then(()=>require("./disconnect-CtjdEYQ-.js"))).disconnectSvg,discord:async()=>(await Promise.resolve().then(()=>require("./discord-DkQXfpz6.js"))).discordSvg,etherscan:async()=>(await Promise.resolve().then(()=>require("./etherscan-Bn5vjO6j.js"))).etherscanSvg,extension:async()=>(await Promise.resolve().then(()=>require("./extension-Cn1fNZM2.js"))).extensionSvg,externalLink:async()=>(await Promise.resolve().then(()=>require("./external-link-CxxBPRGW.js"))).externalLinkSvg,facebook:async()=>(await Promise.resolve().then(()=>require("./facebook-D7MA9djH.js"))).facebookSvg,farcaster:async()=>(await Promise.resolve().then(()=>require("./farcaster-DdOFazmr.js"))).farcasterSvg,filters:async()=>(await Promise.resolve().then(()=>require("./filters-DCCnSUtl.js"))).filtersSvg,github:async()=>(await Promise.resolve().then(()=>require("./github-CaEinWU-.js"))).githubSvg,google:async()=>(await Promise.resolve().then(()=>require("./google-D3d0VPJL.js"))).googleSvg,helpCircle:async()=>(await Promise.resolve().then(()=>require("./help-circle-CHzLMVpP.js"))).helpCircleSvg,image:async()=>(await Promise.resolve().then(()=>require("./image-BR4koxKg.js"))).imageSvg,id:async()=>(await Promise.resolve().then(()=>require("./id-CnZDmFwN.js"))).idSvg,infoCircle:async()=>(await Promise.resolve().then(()=>require("./info-circle-DLvvWSso.js"))).infoCircleSvg,lightbulb:async()=>(await Promise.resolve().then(()=>require("./lightbulb-CMukua6v.js"))).lightbulbSvg,mail:async()=>(await Promise.resolve().then(()=>require("./mail-CO-FJbD4.js"))).mailSvg,mobile:async()=>(await Promise.resolve().then(()=>require("./mobile-BLoALBXq.js"))).mobileSvg,more:async()=>(await Promise.resolve().then(()=>require("./more-CKJE84tK.js"))).moreSvg,networkPlaceholder:async()=>(await Promise.resolve().then(()=>require("./network-placeholder-GGHKQlvF.js"))).networkPlaceholderSvg,nftPlaceholder:async()=>(await Promise.resolve().then(()=>require("./nftPlaceholder-sPby7kJU.js"))).nftPlaceholderSvg,off:async()=>(await Promise.resolve().then(()=>require("./off-D-AAXhtB.js"))).offSvg,playStore:async()=>(await Promise.resolve().then(()=>require("./play-store-DKQhW1gn.js"))).playStoreSvg,plus:async()=>(await Promise.resolve().then(()=>require("./plus-BghwgfqX.js"))).plusSvg,qrCode:async()=>(await Promise.resolve().then(()=>require("./qr-code-Dfyo_DBs.js"))).qrCodeIcon,recycleHorizontal:async()=>(await Promise.resolve().then(()=>require("./recycle-horizontal-B1A2LB8b.js"))).recycleHorizontalSvg,refresh:async()=>(await Promise.resolve().then(()=>require("./refresh-DJMvIMS2.js"))).refreshSvg,search:async()=>(await Promise.resolve().then(()=>require("./search-SfO-_tu8.js"))).searchSvg,send:async()=>(await Promise.resolve().then(()=>require("./send-n_oSfesi.js"))).sendSvg,swapHorizontal:async()=>(await Promise.resolve().then(()=>require("./swapHorizontal-BFcauuvN.js"))).swapHorizontalSvg,swapHorizontalMedium:async()=>(await Promise.resolve().then(()=>require("./swapHorizontalMedium-KzsE-Nxz.js"))).swapHorizontalMediumSvg,swapHorizontalBold:async()=>(await Promise.resolve().then(()=>require("./swapHorizontalBold-C7J8iBLm.js"))).swapHorizontalBoldSvg,swapHorizontalRoundedBold:async()=>(await Promise.resolve().then(()=>require("./swapHorizontalRoundedBold-CE4v1uqm.js"))).swapHorizontalRoundedBoldSvg,swapVertical:async()=>(await Promise.resolve().then(()=>require("./swapVertical-BIde62-t.js"))).swapVerticalSvg,telegram:async()=>(await Promise.resolve().then(()=>require("./telegram-DUZ1mhSy.js"))).telegramSvg,threeDots:async()=>(await Promise.resolve().then(()=>require("./three-dots-Cz5fvhME.js"))).threeDotsSvg,twitch:async()=>(await Promise.resolve().then(()=>require("./twitch-BBMn8FzK.js"))).twitchSvg,twitter:async()=>(await Promise.resolve().then(()=>require("./x-GwL6d9Wb.js"))).xSvg,twitterIcon:async()=>(await Promise.resolve().then(()=>require("./twitterIcon-BN9ansTN.js"))).twitterIconSvg,verify:async()=>(await Promise.resolve().then(()=>require("./verify-DYCo-SIH.js"))).verifySvg,verifyFilled:async()=>(await Promise.resolve().then(()=>require("./verify-filled-BwdAKqTz.js"))).verifyFilledSvg,wallet:async()=>(await Promise.resolve().then(()=>require("./wallet-CmtyVlua.js"))).walletSvg,walletConnect:async()=>(await Promise.resolve().then(()=>require("./walletconnect-CSwzK9gd.js"))).walletConnectSvg,walletConnectLightBrown:async()=>(await Promise.resolve().then(()=>require("./walletconnect-CSwzK9gd.js"))).walletConnectLightBrownSvg,walletConnectBrown:async()=>(await Promise.resolve().then(()=>require("./walletconnect-CSwzK9gd.js"))).walletConnectBrownSvg,walletPlaceholder:async()=>(await Promise.resolve().then(()=>require("./wallet-placeholder-CtXzlAiV.js"))).walletPlaceholderSvg,warningCircle:async()=>(await Promise.resolve().then(()=>require("./warning-circle-DsN-kfbo.js"))).warningCircleSvg,x:async()=>(await Promise.resolve().then(()=>require("./x-GwL6d9Wb.js"))).xSvg,info:async()=>(await Promise.resolve().then(()=>require("./info-DsDJ9PCj.js"))).infoSvg,exclamationTriangle:async()=>(await Promise.resolve().then(()=>require("./exclamation-triangle-9I8CABeM.js"))).exclamationTriangleSvg,reown:async()=>(await Promise.resolve().then(()=>require("./reown-logo-CqWZKbtk.js"))).reownSvg};async function At(i){if(ee.has(i))return ee.get(i);const t=(be[i]??be.copy)();return ee.set(i,t),t}let C=class extends c.i$1{constructor(){super(...arguments),this.size="md",this.name="copy",this.color="fg-300",this.aspectRatio="1 / 1"}render(){return this.style.cssText=`
+`;var L=function(i,e,t,r){var s=arguments.length,o=s<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,e,t,r);else for(var a=i.length-1;a>=0;a--)(n=i[a])&&(o=(s<3?n(o):s>3?n(e,t,o):n(e,t))||o);return s>3&&o&&Object.defineProperty(e,t,o),o};const be={add:async()=>(await Promise.resolve().then(()=>require("./add-CiBQclh_.js"))).addSvg,allWallets:async()=>(await Promise.resolve().then(()=>require("./all-wallets-CGkgmWtX.js"))).allWalletsSvg,arrowBottomCircle:async()=>(await Promise.resolve().then(()=>require("./arrow-bottom-circle-1_MXO-aE.js"))).arrowBottomCircleSvg,appStore:async()=>(await Promise.resolve().then(()=>require("./app-store-DhVoNqde.js"))).appStoreSvg,apple:async()=>(await Promise.resolve().then(()=>require("./apple-B7hoK4SW.js"))).appleSvg,arrowBottom:async()=>(await Promise.resolve().then(()=>require("./arrow-bottom-BRHd31a5.js"))).arrowBottomSvg,arrowLeft:async()=>(await Promise.resolve().then(()=>require("./arrow-left-DRD62h5u.js"))).arrowLeftSvg,arrowRight:async()=>(await Promise.resolve().then(()=>require("./arrow-right-CI54SlzC.js"))).arrowRightSvg,arrowTop:async()=>(await Promise.resolve().then(()=>require("./arrow-top-BOP9Mx0U.js"))).arrowTopSvg,bank:async()=>(await Promise.resolve().then(()=>require("./bank-CyILnlME.js"))).bankSvg,browser:async()=>(await Promise.resolve().then(()=>require("./browser-CvrEVIwv.js"))).browserSvg,card:async()=>(await Promise.resolve().then(()=>require("./card-CglIhKSq.js"))).cardSvg,checkmark:async()=>(await Promise.resolve().then(()=>require("./checkmark-BOxmV8Mo.js"))).checkmarkSvg,checkmarkBold:async()=>(await Promise.resolve().then(()=>require("./checkmark-bold-BC0jnANx.js"))).checkmarkBoldSvg,chevronBottom:async()=>(await Promise.resolve().then(()=>require("./chevron-bottom-y5gkyNtV.js"))).chevronBottomSvg,chevronLeft:async()=>(await Promise.resolve().then(()=>require("./chevron-left-Bj3XIxUw.js"))).chevronLeftSvg,chevronRight:async()=>(await Promise.resolve().then(()=>require("./chevron-right-BXl56y5C.js"))).chevronRightSvg,chevronTop:async()=>(await Promise.resolve().then(()=>require("./chevron-top-B1HrfXOo.js"))).chevronTopSvg,chromeStore:async()=>(await Promise.resolve().then(()=>require("./chrome-store-DtvL-QKw.js"))).chromeStoreSvg,clock:async()=>(await Promise.resolve().then(()=>require("./clock-C-Q57pEM.js"))).clockSvg,close:async()=>(await Promise.resolve().then(()=>require("./close-Dfc_8zBq.js"))).closeSvg,compass:async()=>(await Promise.resolve().then(()=>require("./compass-DwHx2eWH.js"))).compassSvg,coinPlaceholder:async()=>(await Promise.resolve().then(()=>require("./coinPlaceholder-DiW2_ozZ.js"))).coinPlaceholderSvg,copy:async()=>(await Promise.resolve().then(()=>require("./copy-DO-PtwSL.js"))).copySvg,cursor:async()=>(await Promise.resolve().then(()=>require("./cursor-BBkU3FcH.js"))).cursorSvg,cursorTransparent:async()=>(await Promise.resolve().then(()=>require("./cursor-transparent-BEJAwX5N.js"))).cursorTransparentSvg,desktop:async()=>(await Promise.resolve().then(()=>require("./desktop-Pyfuvetn.js"))).desktopSvg,disconnect:async()=>(await Promise.resolve().then(()=>require("./disconnect-BaX_JURb.js"))).disconnectSvg,discord:async()=>(await Promise.resolve().then(()=>require("./discord-CSIF6CGN.js"))).discordSvg,etherscan:async()=>(await Promise.resolve().then(()=>require("./etherscan-DgfkHroL.js"))).etherscanSvg,extension:async()=>(await Promise.resolve().then(()=>require("./extension-VaBFk192.js"))).extensionSvg,externalLink:async()=>(await Promise.resolve().then(()=>require("./external-link-B_MqtCKD.js"))).externalLinkSvg,facebook:async()=>(await Promise.resolve().then(()=>require("./facebook-B5uxGSPx.js"))).facebookSvg,farcaster:async()=>(await Promise.resolve().then(()=>require("./farcaster-m5MVs-aT.js"))).farcasterSvg,filters:async()=>(await Promise.resolve().then(()=>require("./filters-CDHyMrNp.js"))).filtersSvg,github:async()=>(await Promise.resolve().then(()=>require("./github-CEJ7ZdVF.js"))).githubSvg,google:async()=>(await Promise.resolve().then(()=>require("./google-y2naTeYr.js"))).googleSvg,helpCircle:async()=>(await Promise.resolve().then(()=>require("./help-circle-cbP1i7bz.js"))).helpCircleSvg,image:async()=>(await Promise.resolve().then(()=>require("./image-B6EzmhFU.js"))).imageSvg,id:async()=>(await Promise.resolve().then(()=>require("./id-DSFow20F.js"))).idSvg,infoCircle:async()=>(await Promise.resolve().then(()=>require("./info-circle-Cc7pM3j0.js"))).infoCircleSvg,lightbulb:async()=>(await Promise.resolve().then(()=>require("./lightbulb-ftjHXSjH.js"))).lightbulbSvg,mail:async()=>(await Promise.resolve().then(()=>require("./mail-DK7EnkPU.js"))).mailSvg,mobile:async()=>(await Promise.resolve().then(()=>require("./mobile-DssA8Pv3.js"))).mobileSvg,more:async()=>(await Promise.resolve().then(()=>require("./more-B2vO9WWk.js"))).moreSvg,networkPlaceholder:async()=>(await Promise.resolve().then(()=>require("./network-placeholder-C9vBCfoS.js"))).networkPlaceholderSvg,nftPlaceholder:async()=>(await Promise.resolve().then(()=>require("./nftPlaceholder-Dm0gJJff.js"))).nftPlaceholderSvg,off:async()=>(await Promise.resolve().then(()=>require("./off-CrU10ihl.js"))).offSvg,playStore:async()=>(await Promise.resolve().then(()=>require("./play-store-BHw33DCQ.js"))).playStoreSvg,plus:async()=>(await Promise.resolve().then(()=>require("./plus-Bi6V8pNp.js"))).plusSvg,qrCode:async()=>(await Promise.resolve().then(()=>require("./qr-code-BZDngjZY.js"))).qrCodeIcon,recycleHorizontal:async()=>(await Promise.resolve().then(()=>require("./recycle-horizontal-D9hq32DZ.js"))).recycleHorizontalSvg,refresh:async()=>(await Promise.resolve().then(()=>require("./refresh-H6w6oM_A.js"))).refreshSvg,search:async()=>(await Promise.resolve().then(()=>require("./search-CAbVUgnN.js"))).searchSvg,send:async()=>(await Promise.resolve().then(()=>require("./send-CRsiv27V.js"))).sendSvg,swapHorizontal:async()=>(await Promise.resolve().then(()=>require("./swapHorizontal-D-uqFVHs.js"))).swapHorizontalSvg,swapHorizontalMedium:async()=>(await Promise.resolve().then(()=>require("./swapHorizontalMedium-vhOD9TfP.js"))).swapHorizontalMediumSvg,swapHorizontalBold:async()=>(await Promise.resolve().then(()=>require("./swapHorizontalBold-CYYFuggs.js"))).swapHorizontalBoldSvg,swapHorizontalRoundedBold:async()=>(await Promise.resolve().then(()=>require("./swapHorizontalRoundedBold-DP1Z5JQM.js"))).swapHorizontalRoundedBoldSvg,swapVertical:async()=>(await Promise.resolve().then(()=>require("./swapVertical-CFtauJeV.js"))).swapVerticalSvg,telegram:async()=>(await Promise.resolve().then(()=>require("./telegram-Dwr-qPTP.js"))).telegramSvg,threeDots:async()=>(await Promise.resolve().then(()=>require("./three-dots-BNuSEqpQ.js"))).threeDotsSvg,twitch:async()=>(await Promise.resolve().then(()=>require("./twitch-BnpIZdrn.js"))).twitchSvg,twitter:async()=>(await Promise.resolve().then(()=>require("./x-CK85Brc3.js"))).xSvg,twitterIcon:async()=>(await Promise.resolve().then(()=>require("./twitterIcon-DIykPyaS.js"))).twitterIconSvg,verify:async()=>(await Promise.resolve().then(()=>require("./verify-CwFpdYoH.js"))).verifySvg,verifyFilled:async()=>(await Promise.resolve().then(()=>require("./verify-filled-BlrU9vQA.js"))).verifyFilledSvg,wallet:async()=>(await Promise.resolve().then(()=>require("./wallet-CkpI9kzj.js"))).walletSvg,walletConnect:async()=>(await Promise.resolve().then(()=>require("./walletconnect-Bn6uzute.js"))).walletConnectSvg,walletConnectLightBrown:async()=>(await Promise.resolve().then(()=>require("./walletconnect-Bn6uzute.js"))).walletConnectLightBrownSvg,walletConnectBrown:async()=>(await Promise.resolve().then(()=>require("./walletconnect-Bn6uzute.js"))).walletConnectBrownSvg,walletPlaceholder:async()=>(await Promise.resolve().then(()=>require("./wallet-placeholder-CB7fUzRo.js"))).walletPlaceholderSvg,warningCircle:async()=>(await Promise.resolve().then(()=>require("./warning-circle--gP3MuWN.js"))).warningCircleSvg,x:async()=>(await Promise.resolve().then(()=>require("./x-CK85Brc3.js"))).xSvg,info:async()=>(await Promise.resolve().then(()=>require("./info-lLJkbrKO.js"))).infoSvg,exclamationTriangle:async()=>(await Promise.resolve().then(()=>require("./exclamation-triangle-BYOLGjLp.js"))).exclamationTriangleSvg,reown:async()=>(await Promise.resolve().then(()=>require("./reown-logo-DLSNj3TE.js"))).reownSvg};async function At(i){if(ee.has(i))return ee.get(i);const t=(be[i]??be.copy)();return ee.set(i,t),t}let C=class extends c.i$1{constructor(){super(...arguments),this.size="md",this.name="copy",this.color="fg-300",this.aspectRatio="1 / 1"}render(){return this.style.cssText=`
       --local-color: ${`var(--wui-color-${this.color});`}
       --local-width: ${`var(--wui-icon-size-${this.size});`}
       --local-aspect-ratio: ${this.aspectRatio}