1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3771],{13390:(e,t,a)=>{var i=a(44098),r=a(81850);a(83758);var o=a(88787),n=a(10304);let s=(0,i.AH)` 2 :host { 3 position: relative; 4 display: flex; 5 width: 100%; 6 height: 1px; 7 background-color: var(--wui-color-gray-glass-005); 8 justify-content: center; 9 align-items: center; 10 } 11 12 :host > wui-text { 13 position: absolute; 14 padding: 0px 10px; 15 background-color: var(--wui-color-modal-bg); 16 transition: background-color var(--wui-duration-lg) var(--wui-ease-out-power-1); 17 will-change: background-color; 18 } 19`;var c=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let l=class extends i.WF{constructor(){super(...arguments),this.text=""}render(){return(0,i.qy)`${this.template()}`}template(){return this.text?(0,i.qy)`<wui-text variant="small-500" color="fg-200">${this.text}</wui-text>`:null}};l.styles=[o.W5,s],c([(0,r.MZ)()],l.prototype,"text",void 0),l=c([(0,n.E)("wui-separator")],l)},14842:(e,t,a)=>{var i=a(44098),r=a(81850),o=a(88787),n=a(10304);let s=(0,i.AH)` 20 :host { 21 display: block; 22 width: var(--wui-box-size-md); 23 height: var(--wui-box-size-md); 24 } 25 26 svg { 27 width: var(--wui-box-size-md); 28 height: var(--wui-box-size-md); 29 } 30 31 rect { 32 fill: none; 33 stroke: var(--wui-color-accent-100); 34 stroke-width: 4px; 35 stroke-linecap: round; 36 animation: dash 1s linear infinite; 37 } 38 39 @keyframes dash { 40 to { 41 stroke-dashoffset: 0px; 42 } 43 } 44`;var c=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let l=class extends i.WF{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){let e=this.radius>50?50:this.radius,t=36-e;return(0,i.qy)` 45 <svg viewBox="0 0 110 110" width="110" height="110"> 46 <rect 47 x="2" 48 y="2" 49 width="106" 50 height="106" 51 rx=${e} 52 stroke-dasharray="${116+t} ${245+t}" 53 stroke-dashoffset=${360+1.75*t} 54 /> 55 </svg> 56 `}};l.styles=[o.W5,s],c([(0,r.MZ)({type:Number})],l.prototype,"radius",void 0),l=c([(0,n.E)("wui-loading-thumbnail")],l)},20921:(e,t,a)=>{var i=a(44098),r=a(81850);a(46426);var o=a(88787),n=a(10304);let s=(0,i.AH)` 57 button { 58 border-radius: var(--local-border-radius); 59 color: var(--wui-color-fg-100); 60 padding: var(--local-padding); 61 } 62 63 @media (max-width: 700px) { 64 :host(:not([size='sm'])) button { 65 padding: var(--wui-spacing-s); 66 } 67 } 68 69 button > wui-icon { 70 pointer-events: none; 71 } 72 73 button:disabled > wui-icon { 74 color: var(--wui-color-bg-300) !important; 75 } 76 77 button:disabled { 78 background-color: transparent; 79 } 80 81 button:hover:not(:disabled) { 82 background-color: var(--wui-color-accent-glass-015); 83 } 84 85 button:focus-visible:not(:disabled) { 86 background-color: var(--wui-color-accent-glass-015); 87 box-shadow: 88 inset 0 0 0 1px var(--wui-color-accent-100), 89 0 0 0 4px var(--wui-color-accent-glass-020); 90 } 91`;var c=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let l=class extends i.WF{constructor(){super(...arguments),this.size="md",this.disabled=!1,this.icon="copy",this.iconColor="inherit"}render(){this.dataset.size=this.size;let e="",t="";switch(this.size){case"lg":e="--wui-border-radius-xs",t="--wui-spacing-1xs";break;case"sm":e="--wui-border-radius-3xs",t="--wui-spacing-xxs";break;default:e="--wui-border-radius-xxs",t="--wui-spacing-2xs"}return this.style.cssText=` 92 --local-border-radius: var(${e}); 93 --local-padding: var(${t}); 94 `,(0,i.qy)` 95 <button ?disabled=${this.disabled}> 96 <wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon> 97 </button> 98 `}};l.styles=[o.W5,o.fD,o.ck,s],c([(0,r.MZ)()],l.prototype,"size",void 0),c([(0,r.MZ)({type:Boolean})],l.prototype,"disabled",void 0),c([(0,r.MZ)()],l.prototype,"icon",void 0),c([(0,r.MZ)()],l.prototype,"iconColor",void 0),l=c([(0,n.E)("wui-icon-link")],l)},23040:(e,t,a)=>{var i=a(44098),r=a(81850);a(46426),a(95050),a(89608);var o=a(88787),n=a(10304);a(69544);let s=(0,i.AH)` 99 :host { 100 position: relative; 101 background-color: var(--wui-color-gray-glass-002); 102 display: flex; 103 justify-content: center;
104 align-items: center; 105 width: var(--local-size); 106 height: var(--local-size); 107 border-radius: inherit; 108 border-radius: var(--local-border-radius); 109 } 110 111 :host > wui-flex { 112 overflow: hidden; 113 border-radius: inherit; 114 border-radius: var(--local-border-radius); 115 } 116 117 :host::after { 118 content: ''; 119 position: absolute; 120 top: 0; 121 bottom: 0; 122 left: 0; 123 right: 0; 124 border-radius: inherit; 125 border: 1px solid var(--wui-color-gray-glass-010); 126 pointer-events: none; 127 } 128 129 :host([name='Extension'])::after { 130 border: 1px solid var(--wui-color-accent-glass-010); 131 } 132 133 :host([data-wallet-icon='allWallets']) { 134 background-color: var(--wui-all-wallets-bg-100); 135 } 136 137 :host([data-wallet-icon='allWallets'])::after { 138 border: 1px solid var(--wui-color-accent-glass-010); 139 } 140 141 wui-icon[data-parent-size='inherit'] { 142 width: 75%; 143 height: 75%; 144 align-items: center; 145 } 146 147 wui-icon[data-parent-size='sm'] { 148 width: 18px; 149 height: 18px; 150 } 151 152 wui-icon[data-parent-size='md'] { 153 width: 24px; 154 height: 24px; 155 } 156 157 wui-icon[data-parent-size='lg'] { 158 width: 42px; 159 height: 42px; 160 } 161 162 wui-icon[data-parent-size='full'] { 163 width: 100%; 164 height: 100%; 165 } 166 167 :host > wui-icon-box { 168 position: absolute; 169 overflow: hidden; 170 right: -1px; 171 bottom: -2px; 172 z-index: 1; 173 border: 2px solid var(--wui-color-bg-150, #1e1f1f); 174 padding: 1px; 175 } 176`;var c=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let l=class extends i.WF{constructor(){super(...arguments),this.size="md",this.name="",this.installed=!1,this.badgeSize="xs"}render(){let e="xxs";return e="lg"===this.size?"m":"md"===this.size?"xs":"xxs",this.style.cssText=` 177 --local-border-radius: var(--wui-border-radius-${e}); 178 --local-size: var(--wui-wallet-image-size-${this.size}); 179 `,this.walletIcon&&(this.dataset.walletIcon=this.walletIcon),(0,i.qy)` 180 <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex> 181 `}templateVisual(){return this.imageSrc?(0,i.qy)`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?(0,i.qy)`<wui-icon 182 data-parent-size="md" 183 size="md" 184 color="inherit" 185 name=${this.walletIcon} 186 ></wui-icon>`:(0,i.qy)`<wui-icon 187 data-parent-size=${this.size} 188 size="inherit" 189 color="inherit" 190 name="walletPlaceholder" 191 ></wui-icon>`}};l.styles=[o.fD,o.W5,s],c([(0,r.MZ)()],l.prototype,"size",void 0),c([(0,r.MZ)()],l.prototype,"name",void 0),c([(0,r.MZ)()],l.prototype,"imageSrc",void 0),c([(0,r.MZ)()],l.prototype,"walletIcon",void 0),c([(0,r.MZ)({type:Boolean})],l.prototype,"installed",void 0),c([(0,r.MZ)()],l.prototype,"badgeSize",void 0),l=c([(0,n.E)("wui-wallet-image")],l)},29940:(e,t,a)=>{a.d(t,{a:()=>r});var i=a(44098);let r=(0,i.JW)`<svg viewBox="0 0 48 54" fill="none"> 192 <path 193 d="M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z" 194 /> 195</svg>`},30714:(e,t,a)=>{a(95050)},41487:(e,t,a)=>{a(20921)},41535:(e,t,a)=>{var i=a(44098),r=a(81850);a(43925),a(83758);var o=a(88787),n=a(10304);let s=(0,i.AH)` 196 :host { 197 width: var(--local-width); 198 position: relative; 199 } 200 201 button { 202 border: none; 203 border-radius: var(--local-border-radius); 204 width: var(--local-width); 205 white-space: nowrap; 206 } 207 208 /* -- Sizes --------------------------------------------------- */ 209 button[data-size='xs'] { 210 padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s); 211 height: 24px; 212 } 213 214 button[data-size='xs'][data-icon-left='true'][data-icon-right='false'] { 215 padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s); 216 } 217 218 button[data-size='xs'][data-icon-right='true'][data-icon-left='false'] { 219 padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s); 220 } 221 222 button[data-size='sm'] { 223 padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s); 224 height: 32px; 225 } 226 227 button[data-size='sm'][data-icon-left='true'][data-icon-right='false'] { 228 padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s); 229 } 230 231 button[data-size='sm'][data-icon-right='true'][data-icon-left='false'] { 232 padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s); 233 } 234 235 button[data-size='md'] { 236 padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-l); 237 height: 36px; 238 } 239 240 button[data-size='md'][data-icon-left='true'][data-icon-right='false'] { 241 padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-s); 242 } 243 244 button[data-size='md'][data-icon-right='true'][data-icon-left='false'] { 245 padding: 8.2px var(--wui-spacing-s) 9px var(--wui-spacing-l); 246 } 247 248 button[data-size='lg'] { 249 padding: var(--wui-spacing-m) var(--wui-spacing-2l); 250 height: 48px; 251 } 252 253 /* -- Variants --------------------------------------------------------- */ 254 button[data-variant='main'] { 255 background-color: var(--wui-color-accent-100); 256 color: var(--wui-color-inverse-100); 257 border: none; 258 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 259 } 260 261 button[data-variant='inverse'] { 262 background-color: var(--wui-color-inverse-100); 263 color: var(--wui-color-inverse-000); 264 border: none; 265 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 266 } 267 268 button[data-variant='accent'] { 269 background-color: var(--wui-color-accent-glass-010); 270 color: var(--wui-color-accent-100); 271 border: none; 272 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005); 273 } 274 275 button[data-variant='accent-error'] { 276 background: var(--wui-color-error-glass-015); 277 color: var(--wui-color-error-100); 278 border: none; 279 box-shadow: inset 0 0 0 1px var(--wui-color-error-glass-010); 280 } 281 282 button[data-variant='accent-success'] { 283 background: var(--wui-color-success-glass-015); 284 color: var(--wui-color-success-100); 285 border: none; 286 box-shadow: inset 0 0 0 1px var(--wui-color-success-glass-010); 287 } 288 289 button[data-variant='neutral'] { 290 background: transparent; 291 color: var(--wui-color-fg-100); 292 border: none; 293 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005); 294 } 295 296 /* -- Focus states --------------------------------------------------- */ 297 button[data-variant='main']:focus-visible:enabled { 298 background-color: var(--wui-color-accent-090); 299 box-shadow: 300 inset 0 0 0 1px var(--wui-color-accent-100), 301 0 0 0 4px var(--wui-color-accent-glass-020); 302 } 303 button[data-variant='inverse']:focus-visible:enabled { 304 background-color: var(--wui-color-inverse-100); 305 box-shadow: 306 inset 0 0 0 1px var(--wui-color-gray-glass-010), 307 0 0 0 4px var(--wui-color-accent-glass-020); 308 } 309 button[data-variant='accent']:focus-visible:enabled { 310 background-color: var(--wui-color-accent-glass-010); 311 box-shadow: 312 inset 0 0 0 1px var(--wui-color-accent-100), 313 0 0 0 4px var(--wui-color-accent-glass-020); 314 } 315 button[data-variant='accent-error']:focus-visible:enabled { 316 background: var(--wui-color-error-glass-015); 317 box-shadow: 318 inset 0 0 0 1px var(--wui-color-error-100), 319 0 0 0 4px var(--wui-color-error-glass-020); 320 } 321 button[data-variant='accent-success']:focus-visible:enabled { 322 background: var(--wui-color-success-glass-015); 323 box-shadow: 324 inset 0 0 0 1px var(--wui-color-success-100), 325 0 0 0 4px var(--wui-color-success-glass-020); 326 } 327 button[data-variant='neutral']:focus-visible:enabled { 328 background: var(--wui-color-gray-glass-005); 329 box-shadow: 330 inset 0 0 0 1px var(--wui-color-gray-glass-010), 331 0 0 0 4px var(--wui-color-gray-glass-002); 332 } 333 334 /* -- Hover & Active states ----------------------------------------------------------- */ 335 @media (hover: hover) and (pointer: fine) { 336 button[data-variant='main']:hover:enabled { 337 background-color: var(--wui-color-accent-090); 338 } 339 340 button[data-variant='main']:active:enabled { 341 background-color: var(--wui-color-accent-080); 342 } 343 344 button[data-variant='accent']:hover:enabled { 345 background-color: var(--wui-color-accent-glass-015); 346 } 347 348 button[data-variant='accent']:active:enabled { 349 background-color: var(--wui-color-accent-glass-020); 350 } 351 352 button[data-variant='accent-error']:hover:enabled { 353 background: var(--wui-color-error-glass-020); 354 color: var(--wui-color-error-100); 355 } 356 357 button[data-variant='accent-error']:active:enabled { 358 background: var(--wui-color-error-glass-030); 359 color: var(--wui-color-error-100); 360 } 361 362 button[data-variant='accent-success']:hover:enabled { 363 background: var(--wui-color-success-glass-020); 364 color: var(--wui-color-success-100); 365 } 366 367 button[data-variant='accent-success']:active:enabled { 368 background: var(--wui-color-success-glass-030); 369 color: var(--wui-color-success-100); 370 } 371 372 button[data-variant='neutral']:hover:enabled { 373 background: var(--wui-color-gray-glass-002); 374 } 375 376 button[data-variant='neutral']:active:enabled { 377 background: var(--wui-color-gray-glass-005); 378 } 379 380 button[data-size='lg'][data-icon-left='true'][data-icon-right='false'] { 381 padding-left: var(--wui-spacing-m); 382 } 383 384 button[data-size='lg'][data-icon-right='true'][data-icon-left='false'] { 385 padding-right: var(--wui-spacing-m); 386 } 387 } 388 389 /* -- Disabled state --------------------------------------------------- */ 390 button:disabled { 391 background-color: var(--wui-color-gray-glass-002); 392 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 393 color: var(--wui-color-gray-glass-020);
394 cursor: not-allowed; 395 } 396 397 button > wui-text { 398 transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md); 399 will-change: opacity; 400 opacity: var(--local-opacity-100); 401 } 402 403 ::slotted(*) { 404 transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md); 405 will-change: opacity; 406 opacity: var(--local-opacity-100); 407 } 408 409 wui-loading-spinner { 410 position: absolute; 411 left: 50%; 412 top: 50%; 413 transform: translate(-50%, -50%); 414 opacity: var(--local-opacity-000); 415 } 416`;var c=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let l={main:"inverse-100",inverse:"inverse-000",accent:"accent-100","accent-error":"error-100","accent-success":"success-100",neutral:"fg-100",disabled:"gray-glass-020"},u={lg:"paragraph-600",md:"small-600",sm:"small-600",xs:"tiny-600"},d={lg:"md",md:"md",sm:"sm",xs:"sm"},p=class extends i.WF{constructor(){super(...arguments),this.size="lg",this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.variant="main",this.hasIconLeft=!1,this.hasIconRight=!1,this.borderRadius="m"}render(){this.style.cssText=` 417 --local-width: ${this.fullWidth?"100%":"auto"}; 418 --local-opacity-100: ${+!this.loading}; 419 --local-opacity-000: ${+!!this.loading}; 420 --local-border-radius: var(--wui-border-radius-${this.borderRadius}); 421 `;let e=this.textVariant??u[this.size];return(0,i.qy)` 422 <button 423 data-variant=${this.variant} 424 data-icon-left=${this.hasIconLeft} 425 data-icon-right=${this.hasIconRight} 426 data-size=${this.size} 427 ?disabled=${this.disabled} 428 > 429 ${this.loadingTemplate()} 430 <slot name="iconLeft" @slotchange=${()=>this.handleSlotLeftChange()}></slot> 431 <wui-text variant=${e} color="inherit"> 432 <slot></slot> 433 </wui-text> 434 <slot name="iconRight" @slotchange=${()=>this.handleSlotRightChange()}></slot> 435 </button> 436 `}handleSlotLeftChange(){this.hasIconLeft=!0}handleSlotRightChange(){this.hasIconRight=!0}loadingTemplate(){if(this.loading){let e=d[this.size],t=this.disabled?l.disabled:l[this.variant];return(0,i.qy)`<wui-loading-spinner color=${t} size=${e}></wui-loading-spinner>`}return(0,i.qy)``}};p.styles=[o.W5,o.fD,s],c([(0,r.MZ)()],p.prototype,"size",void 0),c([(0,r.MZ)({type:Boolean})],p.prototype,"disabled",void 0),c([(0,r.MZ)({type:Boolean})],p.prototype,"fullWidth",void 0),c([(0,r.MZ)({type:Boolean})],p.prototype,"loading",void 0),c([(0,r.MZ)()],p.prototype,"variant",void 0),c([(0,r.MZ)({type:Boolean})],p.prototype,"hasIconLeft",void 0),c([(0,r.MZ)({type:Boolean})],p.prototype,"hasIconRight",void 0),c([(0,r.MZ)()],p.prototype,"borderRadius",void 0),c([(0,r.MZ)()],p.prototype,"textVariant",void 0),p=c([(0,n.E)("wui-button")],p)},43925:(e,t,a)=>{var i=a(44098),r=a(81850),o=a(88787),n=a(10304);let s=(0,i.AH)` 437 :host { 438 display: flex; 439 } 440 441 :host([data-size='sm']) > svg { 442 width: 12px; 443 height: 12px; 444 } 445 446 :host([data-size='md']) > svg { 447 width: 16px; 448 height: 16px; 449 } 450 451 :host([data-size='lg']) > svg { 452 width: 24px; 453 height: 24px; 454 } 455 456 :host([data-size='xl']) > svg { 457 width: 32px; 458 height: 32px; 459 } 460 461 svg { 462 animation: rotate 2s linear infinite; 463 } 464 465 circle { 466 fill: none; 467 stroke: var(--local-color); 468 stroke-width: 4px; 469 stroke-dasharray: 1, 124; 470 stroke-dashoffset: 0; 471 stroke-linecap: round; 472 animation: dash 1.5s ease-in-out infinite; 473 } 474 475 :host([data-size='md']) > svg > circle { 476 stroke-width: 6px; 477 } 478 479 :host([data-size='sm']) > svg > circle { 480 stroke-width: 8px; 481 } 482 483 @keyframes rotate { 484 100% { 485 transform: rotate(360deg); 486 } 487 } 488 489 @keyframes dash { 490 0% { 491 stroke-dasharray: 1, 124; 492 stroke-dashoffset: 0; 493 } 494 495 50% { 496 stroke-dasharray: 90, 124; 497 stroke-dashoffset: -35; 498 } 499 500 100% { 501 stroke-dashoffset: -125; 502 } 503 } 504`;var c=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let l=class extends i.WF{constructor(){super(...arguments),this.color="accent-100",this.size="lg"}render(){return this.style.cssText=`--local-color: ${"inherit"===this.color?"inherit":`var(--wui-color-${this.color})`}`,this.dataset.size=this.size,(0,i.qy)`<svg viewBox="25 25 50 50"> 505 <circle r="20" cy="50" cx="50"></circle> 506 </svg>`}};l.styles=[o.W5,s],c([(0,r.MZ)()],l.prototype,"color",void 0),c([(0,r.MZ)()],l.prototype,"size",void 0),l=c([(0,n.E)("wui-loading-spinner")],l)},48281:(e,t,a)=>{a(54291)},49724:(e,t,a)=>{a(23040)},54291:(e,t,a)=>{var i=a(44098),r=a(81850);let o=(0,i.JW)`<svg width="86" height="96" fill="none"> 507 <path 508 d="M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z" 509 /> 510</svg>`;var n=a(29940);let s=(0,i.JW)` 511 <svg fill="none" viewBox="0 0 36 40"> 512 <path 513 d="M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.
51361 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z" 514 /> 515 </svg> 516`;a(46426),a(95050);var c=a(88787),l=a(10304);let u=(0,i.AH)` 517 :host { 518 position: relative; 519 border-radius: inherit; 520 display: flex; 521 justify-content: center; 522 align-items: center; 523 width: var(--local-width); 524 height: var(--local-height); 525 } 526 527 :host([data-round='true']) { 528 background: var(--wui-color-gray-glass-002); 529 border-radius: 100%; 530 outline: 1px solid var(--wui-color-gray-glass-005); 531 } 532 533 svg { 534 position: absolute; 535 top: 0; 536 left: 0; 537 width: 100%; 538 height: 100%; 539 z-index: 1; 540 fill: var(--wui-color-gray-glass-002); 541 } 542 543 svg > path { 544 stroke: var(--local-stroke); 545 } 546 547 wui-image { 548 width: 100%; 549 height: 100%; 550 -webkit-clip-path: var(--local-path); 551 clip-path: var(--local-path); 552 background: var(--wui-color-gray-glass-002); 553 } 554 555 wui-icon { 556 transform: translateY(-5%); 557 width: var(--local-icon-size); 558 height: var(--local-icon-size); 559 } 560`;var d=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let p=class extends i.WF{constructor(){super(...arguments),this.size="md",this.name="uknown",this.networkImagesBySize={sm:s,md:n.a,lg:o},this.selected=!1,this.round=!1}render(){return this.round?(this.dataset.round="true",this.style.cssText=` 561 --local-width: var(--wui-spacing-3xl); 562 --local-height: var(--wui-spacing-3xl); 563 --local-icon-size: var(--wui-spacing-l); 564 `):this.style.cssText=` 565 566 --local-path: var(--wui-path-network-${this.size}); 567 --local-width: var(--wui-width-network-${this.size}); 568 --local-height: var(--wui-height-network-${this.size}); 569 --local-icon-size: var(--wui-icon-size-network-${this.size}); 570 `,(0,i.qy)`${this.templateVisual()} ${this.svgTemplate()} `}svgTemplate(){return this.round?null:this.networkImagesBySize[this.size]}templateVisual(){return this.imageSrc?(0,i.qy)`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:(0,i.qy)`<wui-icon size="inherit" color="fg-200" name="networkPlaceholder"></wui-icon>`}};p.styles=[c.W5,u],d([(0,r.MZ)()],p.prototype,"size",void 0),d([(0,r.MZ)()],p.prototype,"name",void 0),d([(0,r.MZ)({type:Object})],p.prototype,"networkImagesBySize",void 0),d([(0,r.MZ)()],p.prototype,"imageSrc",void 0),d([(0,r.MZ)({type:Boolean})],p.prototype,"selected",void 0),d([(0,r.MZ)({type:Boolean})],p.prototype,"round",void 0),p=d([(0,l.E)("wui-network-image")],p)},65336:(e,t,a)=>{a(46426)},69544:(e,t,a)=>{var i=a(44098),r=a(81850);a(46426);var o=a(88787),n=a(10304);let s=(0,i.AH)` 571 :host { 572 display: inline-flex; 573 justify-content: center; 574 align-items: center; 575 position: relative; 576 overflow: hidden; 577 background-color: var(--wui-color-gray-glass-020); 578 border-radius: var(--local-border-radius); 579 border: var(--local-border); 580 box-sizing: content-box; 581 width: var(--local-size); 582 height: var(--local-size); 583 min-height: var(--local-size); 584 min-width: var(--local-size); 585 } 586 587 @supports (background: color-mix(in srgb, white 50%, black)) { 588 :host { 589 background-color: color-mix(in srgb, var(--local-bg-value) var(--local-bg-mix), transparent); 590 } 591 } 592`;var c=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let l=class extends i.WF{constructor(){super(...arguments),this.size="md",this.backgroundColor="accent-100",this.iconColor="accent-100",this.background="transparent",this.border=!1,this.borderColor="wui-color-bg-125",this.icon="copy"}render(){let e=this.iconSize||this.size,t="lg"===this.size,a="xl"===this.size,r="gray"===this.background,o="opaque"===this.background,n="accent-100"===this.backgroundColor&&o||"success-100"===this.backgroundColor&&o||"error-100"===this.backgroundColor&&o||"inverse-100"===this.backgroundColor&&o,s=`var(--wui-color-${this.backgroundColor})`;return n?s=`var(--wui-icon-box-bg-${this.backgroundColor})`:r&&(s=`var(--wui-color-gray-${this.backgroundColor})`),this.style.cssText=` 593 --local-bg-value: ${s}; 594 --local-bg-mix: ${n||r?"100%":t?"12%":"16%"}; 595 --local-border-radius: var(--wui-border-radius-${t?"xxs":a?"s":"3xl"}); 596 --local-size: var(--wui-icon-box-size-${this.size}); 597 --local-border: ${"wui-color-bg-125"===this.borderColor?"2px":"1px"} solid ${this.border?`var(--${this.borderColor})`:"transparent"} 598 `,(0,i.qy)` <wui-icon color=${this.iconColor} size=${e} name=${this.icon}></wui-icon> `}};l.styles=[o.W5,o.fD,s],c([(0,r.MZ)()],l.prototype,"size",void 0),c([(0,r.MZ)()],l.prototype,"backgroundColor",void 0),c([(0,r.MZ)()],l.prototype,"iconColor",void 0),c([(0,r.MZ)()],l.prototype,"iconSize",void 0),c([(0,r.MZ)()],l.prototype,"background",void 0),c([(0,r.MZ)({type:Boolean})],l.prototype,"border",void 0),c([(0,r.MZ)()],l.prototype,"borderColor",void 0),c([(0,r.MZ)()],l.prototype,"icon",void 0),l=c([(0,n.E)("wui-icon-box")],l)},72419:(e,t,a)=>{a(43925)},73771:(e,t,a)=>{a.r(t),a.d(t,{W3mPayLoadingView:()=>F,W3mPayView:()=>q,arbitrumUSDC:()=>es,arbitrumUSDT:()=>ep,baseETH:()=>ea,baseSepoliaETH:()=>er,baseUSDC:()=>ei,ethereumUSDC:()=>eo,ethereumUSDT:()=>eu,getExchanges:()=>J,getIsPaymentInProgress:()=>ee,getPayError:()=>Q,getPayResult:()=>X,openPay:()=>H,optimismUSDC:()=>en,optimismUSDT:()=>ed,pay:()=>K,polygonUSDC:()=>ec,polygonUSDT:()=>eh,solanaSOL:()=>ew,solanaUSDC:()=>el,solanaUSDT:()=>eg});var i=a(44098),r=a(81850),o=a(85152),n=a(60400),s=a(21182),c=a(2250),l=a(62386),u=a(6654),d=a(66283),p=a(20574);a(97229),a(74342),a(65336),a(92682),a(41487),a(30714),a(78392),a(72419),a(48281),a(13390),a(4918),a(49724);var h=a(84631),g=a(9422),w=a(43167),m=a(9949),y=a(74576),v=a(47984),b=a(94758);
598let f={INVALID_PAYMENT_CONFIG:"INVALID_PAYMENT_CONFIG",INVALID_RECIPIENT:"INVALID_RECIPIENT",INVALID_ASSET:"INVALID_ASSET",INVALID_AMOUNT:"INVALID_AMOUNT",UNKNOWN_ERROR:"UNKNOWN_ERROR",UNABLE_TO_INITIATE_PAYMENT:"UNABLE_TO_INITIATE_PAYMENT",INVALID_CHAIN_NAMESPACE:"INVALID_CHAIN_NAMESPACE",GENERIC_PAYMENT_ERROR:"GENERIC_PAYMENT_ERROR",UNABLE_TO_GET_EXCHANGES:"UNABLE_TO_GET_EXCHANGES",ASSET_NOT_SUPPORTED:"ASSET_NOT_SUPPORTED",UNABLE_TO_GET_PAY_URL:"UNABLE_TO_GET_PAY_URL",UNABLE_TO_GET_BUY_STATUS:"UNABLE_TO_GET_BUY_STATUS"},x={[f.INVALID_PAYMENT_CONFIG]:"Invalid payment configuration",[f.INVALID_RECIPIENT]:"Invalid recipient address",[f.INVALID_ASSET]:"Invalid asset specified",[f.INVALID_AMOUNT]:"Invalid payment amount",[f.UNKNOWN_ERROR]:"Unknown payment error occurred",[f.UNABLE_TO_INITIATE_PAYMENT]:"Unable to initiate payment",[f.INVALID_CHAIN_NAMESPACE]:"Invalid chain namespace",[f.GENERIC_PAYMENT_ERROR]:"Unable to process payment",[f.UNABLE_TO_GET_EXCHANGES]:"Unable to get exchanges",[f.ASSET_NOT_SUPPORTED]:"Asset not supported by the selected exchange",[f.UNABLE_TO_GET_PAY_URL]:"Unable to get payment URL",[f.UNABLE_TO_GET_BUY_STATUS]:"Unable to get buy status"};class E extends Error{get message(){return x[this.code]}constructor(e,t){super(x[e]),this.name="AppKitPayError",this.code=e,this.details=t,Error.captureStackTrace&&Error.captureStackTrace(this,E)}}var I=a(71902);class A extends Error{}async function N(e,t){let a=function(){let e=I.H.getSnapshot().projectId;return`https://rpc.walletconnect.org/v1/json-rpc?projectId=${e}`}(),i=await fetch(a,{method:"POST",body:JSON.stringify({jsonrpc:"2.0",id:1,method:e,params:t}),headers:{"Content-Type":"application/json"}}),r=await i.json();if(r.error)throw new A(r.error.message);return r}async function P(e){return(await N("reown_getExchanges",e)).result}async function k(e){return(await N("reown_getExchangePayUrl",e)).result}async function C(e){return(await N("reown_getExchangeBuyStatus",e)).result}let S=["eip155","solana"],T={eip155:{native:{assetNamespace:"slip44",assetReference:"60"},defaultTokenNamespace:"erc20"},solana:{native:{assetNamespace:"slip44",assetReference:"501"},defaultTokenNamespace:"token"}};function _(e,t){let{chainNamespace:a,chainId:i}=m.C.parseCaipNetworkId(e),r=T[a];if(!r)throw Error(`Unsupported chain namespace for CAIP-19 formatting: ${a}`);let o=r.native.assetNamespace,n=r.native.assetReference;"native"!==t&&(o=r.defaultTokenNamespace,n=t);let s=`${a}:${i}`;return`${s}/${o}:${n}`}var R=a(83483);async function z(e){let{paymentAssetNetwork:t,activeCaipNetwork:a,approvedCaipNetworkIds:i,requestedCaipNetworks:r}=e,o=l.w.sortRequestedNetworks(i,r).find(e=>e.caipNetworkId===t);if(!o)throw new E(f.INVALID_PAYMENT_CONFIG);if(o.caipNetworkId===a.caipNetworkId)return;let n=s.W.getNetworkProp("supportsAllNetworks",o.chainNamespace);if(!(i?.includes(o.caipNetworkId)||n))throw new E(f.INVALID_PAYMENT_CONFIG);try{await s.W.switchActiveNetwork(o)}catch(e){throw new E(f.GENERIC_PAYMENT_ERROR,e)}}async function M(e,t,a){if(t!==w.o.CHAIN.EVM)throw new E(f.INVALID_CHAIN_NAMESPACE);if(!a.fromAddress)throw new E(f.INVALID_PAYMENT_CONFIG,"fromAddress is required for native EVM payments.");let i="string"==typeof a.amount?parseFloat(a.amount):a.amount;if(isNaN(i))throw new E(f.INVALID_PAYMENT_CONFIG);let r=e.metadata?.decimals??18,o=d.x.parseUnits(i.toString(),r);if("bigint"!=typeof o)throw new E(f.GENERIC_PAYMENT_ERROR);return await d.x.sendTransaction({chainNamespace:t,to:a.recipient,address:a.fromAddress,value:o,data:"0x"})??void 0}async function O(e,t){if(!t.fromAddress)throw new E(f.INVALID_PAYMENT_CONFIG,"fromAddress is required for ERC20 EVM payments.");let a=e.asset,i=t.recipient,r=Number(e.metadata.decimals),o=d.x.parseUnits(t.amount.toString(),r);if(void 0===o)throw new E(f.GENERIC_PAYMENT_ERROR);return await d.x.writeContract({fromAddress:t.fromAddress,tokenAddress:a,args:[i,o],method:"transfer",abi:R.v.getERC20Abi(a),chainNamespace:w.o.CHAIN.EVM})??void 0}async function $(e,t){if(e!==w.o.CHAIN.SOLANA)throw new E(f.INVALID_CHAIN_NAMESPACE);if(!t.fromAddress)throw new E(f.INVALID_PAYMENT_CONFIG,"fromAddress is required for Solana payments.");let a="string"==typeof t.amount?parseFloat(t.amount):t.amount;if(isNaN(a)||a<=0)throw new E(f.INVALID_PAYMENT_CONFIG,"Invalid payment amount.");try{if(!b.A.getProvider(e))throw new E(f.GENERIC_PAYMENT_ERROR,"No Solana provider available.");let i=await d.x.sendTransaction({chainNamespace:w.o.CHAIN.SOLANA,to:t.recipient,value:a,tokenMint:t.tokenMint});if(!i)throw new E(f.GENERIC_PAYMENT_ERROR,"Transaction failed.");return i}catch(e){if(e instanceof E)throw e;throw new E(f.GENERIC_PAYMENT_ERROR,`Solana payment failed: ${e}`)}}let U="unknown",D=(0,h.BX)({paymentAsset:{network:"eip155:1",asset:"0x0",metadata:{name:"0x0",symbol:"0x0",decimals:0}},recipient:"0x0",amount:0,isConfigured:!1,error:null,isPaymentInProgress:!1,exchanges:[],isLoading:!1,openInNewTab:!0,redirectUrl:void 0,payWithExchange:void 0,currentPayment:void 0,analyticsSet:!1,paymentId:void 0}),L={state:D,subscribe:e=>(0,h.B1)(D,()=>e(D)),subscribeKey:(e,t)=>(0,g.u$)(D,e,t),async handleOpenPay(e){this.resetState(),this.setPaymentConfig(e),this.subscribeEvents(),this.initializeAnalytics(),D.isConfigured=!0,y.E.sendEvent({type:"track",event:"PAY_MODAL_OPEN",properties:{exchanges:D.exchanges,configuration:{network:D.paymentAsset.network,asset:D.paymentAsset.asset,recipient:D.recipient,amount:
598D.amount}}}),await c.W.open({view:"Pay"})},resetState(){D.paymentAsset={network:"eip155:1",asset:"0x0",metadata:{name:"0x0",symbol:"0x0",decimals:0}},D.recipient="0x0",D.amount=0,D.isConfigured=!1,D.error=null,D.isPaymentInProgress=!1,D.isLoading=!1,D.currentPayment=void 0},setPaymentConfig(e){if(!e.paymentAsset)throw new E(f.INVALID_PAYMENT_CONFIG);try{D.paymentAsset=e.paymentAsset,D.recipient=e.recipient,D.amount=e.amount,D.openInNewTab=e.openInNewTab??!0,D.redirectUrl=e.redirectUrl,D.payWithExchange=e.payWithExchange,D.error=null}catch(e){throw new E(f.INVALID_PAYMENT_CONFIG,e.message)}},getPaymentAsset:()=>D.paymentAsset,getExchanges:()=>D.exchanges,async fetchExchanges(){try{D.isLoading=!0;let e=await P({page:0,asset:_(D.paymentAsset.network,D.paymentAsset.asset),amount:D.amount.toString()});D.exchanges=e.exchanges.slice(0,2)}catch(e){throw u.P.showError(x.UNABLE_TO_GET_EXCHANGES),new E(f.UNABLE_TO_GET_EXCHANGES)}finally{D.isLoading=!1}},async getAvailableExchanges(e){try{let t=e?.asset&&e?.network?_(e.network,e.asset):void 0;return await P({page:e?.page??0,asset:t,amount:e?.amount?.toString()})}catch(e){throw new E(f.UNABLE_TO_GET_EXCHANGES)}},async getPayUrl(e,t,a=!1){try{let i=Number(t.amount),r=await k({exchangeId:e,asset:_(t.network,t.asset),amount:i.toString(),recipient:`${t.network}:${t.recipient}`});return y.E.sendEvent({type:"track",event:"PAY_EXCHANGE_SELECTED",properties:{exchange:{id:e},configuration:{network:t.network,asset:t.asset,recipient:t.recipient,amount:i},currentPayment:{type:"exchange",exchangeId:e},headless:a}}),a&&(this.initiatePayment(),y.E.sendEvent({type:"track",event:"PAY_INITIATED",properties:{paymentId:D.paymentId||U,configuration:{network:t.network,asset:t.asset,recipient:t.recipient,amount:i},currentPayment:{type:"exchange",exchangeId:e}}})),r}catch(e){if(e instanceof Error&&e.message.includes("is not supported"))throw new E(f.ASSET_NOT_SUPPORTED);throw Error(e.message)}},async openPayUrl(e,t,a=!1){try{let i=await this.getPayUrl(e.exchangeId,t,a);if(!i)throw new E(f.UNABLE_TO_GET_PAY_URL);let r=e.openInNewTab??!0;return l.w.openHref(i.url,r?"_blank":"_self"),i}catch(e){throw e instanceof E?D.error=e.message:D.error=x.GENERIC_PAYMENT_ERROR,new E(f.UNABLE_TO_GET_PAY_URL)}},subscribeEvents(){D.isConfigured||(d.x.subscribeKey("connections",e=>{e.size>0&&this.handlePayment()}),n.U.subscribeKey("caipAddress",e=>{let t=d.x.hasAnyConnection(w.o.CONNECTOR_ID.WALLET_CONNECT);e&&(t?setTimeout(()=>{this.handlePayment()},100):this.handlePayment())}))},async handlePayment(){D.currentPayment={type:"wallet",status:"IN_PROGRESS"};let e=n.U.state.caipAddress;if(!e)return;let{chainId:t,address:a}=m.C.parseCaipAddress(e),i=s.W.state.activeChain;if(!a||!t||!i||!b.A.getProvider(i))return;let r=s.W.state.activeCaipNetwork;if(r&&!D.isPaymentInProgress)try{this.initiatePayment();let e=s.W.getAllRequestedCaipNetworks(),t=s.W.getAllApprovedCaipNetworkIds();switch(await z({paymentAssetNetwork:D.paymentAsset.network,activeCaipNetwork:r,approvedCaipNetworkIds:t,requestedCaipNetworks:e}),await c.W.open({view:"PayLoading"}),i){case w.o.CHAIN.EVM:"native"===D.paymentAsset.asset&&(D.currentPayment.result=await M(D.paymentAsset,i,{recipient:D.recipient,amount:D.amount,fromAddress:a})),D.paymentAsset.asset.startsWith("0x")&&(D.currentPayment.result=await O(D.paymentAsset,{recipient:D.recipient,amount:D.amount,fromAddress:a})),D.currentPayment.status="SUCCESS";break;case w.o.CHAIN.SOLANA:D.currentPayment.result=await $(i,{recipient:D.recipient,amount:D.amount,fromAddress:a,tokenMint:"native"===D.paymentAsset.asset?void 0:D.paymentAsset.asset}),D.currentPayment.status="SUCCESS";break;default:throw new E(f.INVALID_CHAIN_NAMESPACE)}}catch(e){e instanceof E?D.error=e.message:D.error=x.GENERIC_PAYMENT_ERROR,D.currentPayment.status="FAILED",u.P.showError(D.error)}finally{D.isPaymentInProgress=!1}},getExchangeById:e=>D.exchanges.find(t=>t.id===e),validatePayConfig(e){let{paymentAsset:t,recipient:a,amount:i}=e;if(!t)throw new E(f.INVALID_PAYMENT_CONFIG);if(!a)throw new E(f.INVALID_RECIPIENT);if(!t.asset)throw new E(f.INVALID_ASSET);if(null==i||i<=0)throw new E(f.INVALID_AMOUNT)},handlePayWithWallet(){let e=n.U.state.caipAddress;if(!e){v.I.push("Connect");return}let{chainId:t,address:a}=m.C.parseCaipAddress(e),i=s.W.state.activeChain;if(!a||!t||!i){v.I.push("Connect");return}this.handlePayment()},async handlePayWithExchange(e){try{D.currentPayment={type:"exchange",exchangeId:e};let{network:t,asset:a}=D.paymentAsset,i={network:t,asset:a,amount:D.amount,recipient:D.recipient},r=await this.getPayUrl(e,i);if(!r)throw new E(f.UNABLE_TO_INITIATE_PAYMENT);return D.currentPayment.sessionId=r.sessionId,D.currentPayment.status="IN_PROGRESS",D.currentPayment.exchangeId=e,this.initiatePayment(),{url:r.url,openInNewTab:D.openInNewTab}}catch(e){return e instanceof E?D.error=e.message:D.error=x.GENER
598IC_PAYMENT_ERROR,D.isPaymentInProgress=!1,u.P.showError(D.error),null}},async getBuyStatus(e,t){try{let a=await C({sessionId:t,exchangeId:e});return("SUCCESS"===a.status||"FAILED"===a.status)&&y.E.sendEvent({type:"track",event:"SUCCESS"===a.status?"PAY_SUCCESS":"PAY_ERROR",properties:{paymentId:D.paymentId||U,configuration:{network:D.paymentAsset.network,asset:D.paymentAsset.asset,recipient:D.recipient,amount:D.amount},currentPayment:{type:"exchange",exchangeId:D.currentPayment?.exchangeId,sessionId:D.currentPayment?.sessionId,result:a.txHash}}}),a}catch(e){throw new E(f.UNABLE_TO_GET_BUY_STATUS)}},async updateBuyStatus(e,t){try{let a=await this.getBuyStatus(e,t);D.currentPayment&&(D.currentPayment.status=a.status,D.currentPayment.result=a.txHash),("SUCCESS"===a.status||"FAILED"===a.status)&&(D.isPaymentInProgress=!1)}catch(e){throw new E(f.UNABLE_TO_GET_BUY_STATUS)}},initiatePayment(){D.isPaymentInProgress=!0,D.paymentId=crypto.randomUUID()},initializeAnalytics(){D.analyticsSet||(D.analyticsSet=!0,this.subscribeKey("isPaymentInProgress",e=>{if(D.currentPayment?.status&&"UNKNOWN"!==D.currentPayment.status){let e={IN_PROGRESS:"PAY_INITIATED",SUCCESS:"PAY_SUCCESS",FAILED:"PAY_ERROR"}[D.currentPayment.status];y.E.sendEvent({type:"track",event:e,properties:{paymentId:D.paymentId||U,configuration:{network:D.paymentAsset.network,asset:D.paymentAsset.asset,recipient:D.recipient,amount:D.amount},currentPayment:{type:D.currentPayment.type,exchangeId:D.currentPayment.exchangeId,sessionId:D.currentPayment.sessionId,result:D.currentPayment.result}}})}}))}},W=(0,i.AH)` 599 wui-separator { 600 margin: var(--wui-spacing-m) calc(var(--wui-spacing-m) * -1) var(--wui-spacing-xs) 601 calc(var(--wui-spacing-m) * -1); 602 width: calc(100% + var(--wui-spacing-s) * 2); 603 } 604 605 .token-display { 606 padding: var(--wui-spacing-s) var(--wui-spacing-m); 607 border-radius: var(--wui-border-radius-s); 608 background-color: var(--wui-color-bg-125); 609 margin-top: var(--wui-spacing-s); 610 margin-bottom: var(--wui-spacing-s); 611 } 612 613 .token-display wui-text { 614 text-transform: none; 615 } 616 617 wui-loading-spinner { 618 padding: var(--wui-spacing-xs); 619 } 620`;var j=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let q=class extends i.WF{constructor(){super(),this.unsubscribe=[],this.amount="",this.tokenSymbol="",this.networkName="",this.exchanges=L.state.exchanges,this.isLoading=L.state.isLoading,this.loadingExchangeId=null,this.connectedWalletInfo=n.U.state.connectedWalletInfo,this.initializePaymentDetails(),this.unsubscribe.push(L.subscribeKey("exchanges",e=>this.exchanges=e)),this.unsubscribe.push(L.subscribeKey("isLoading",e=>this.isLoading=e)),this.unsubscribe.push(n.U.subscribe(e=>this.connectedWalletInfo=e.connectedWalletInfo)),L.fetchExchanges()}get isWalletConnected(){return"connected"===n.U.state.status}render(){return(0,i.qy)` 621 <wui-flex flexDirection="column"> 622 <wui-flex flexDirection="column" .padding=${["0","l","l","l"]} gap="s"> 623 ${this.renderPaymentHeader()} 624 625 <wui-flex flexDirection="column" gap="s"> 626 ${this.renderPayWithWallet()} ${this.renderExchangeOptions()} 627 </wui-flex> 628 </wui-flex> 629 </wui-flex> 630 `}initializePaymentDetails(){let e=L.getPaymentAsset();this.networkName=e.network,this.tokenSymbol=e.metadata.symbol,this.amount=L.state.amount.toString()}renderPayWithWallet(){return!function(e){let{chainNamespace:t}=m.C.parseCaipNetworkId(e);return S.includes(t)}(this.networkName)?(0,i.qy)``:(0,i.qy)`<wui-flex flexDirection="column" gap="s"> 631 ${this.isWalletConnected?this.renderConnectedView():this.renderDisconnectedView()} 632 </wui-flex> 633 <wui-separator text="or"></wui-separator>`}renderPaymentHeader(){let e=this.networkName;if(this.networkName){let t=s.W.getAllRequestedCaipNetworks().find(e=>e.caipNetworkId===this.networkName);t&&(e=t.name)}return(0,i.qy)` 634 <wui-flex flexDirection="column" alignItems="center"> 635 <wui-flex alignItems="center" gap="xs"> 636 <wui-text variant="large-700" color="fg-100">${this.amount||"0.0000"}</wui-text> 637 <wui-flex class="token-display" alignItems="center" gap="xxs"> 638 <wui-text variant="paragraph-600" color="fg-100"> 639 ${this.tokenSymbol||"Unknown Asset"} 640 </wui-text> 641 ${e?(0,i.qy)` 642 <wui-text variant="small-500" color="fg-200"> on ${e} </wui-text> 643 `:""} 644 </wui-flex> 645 </wui-flex> 646 </wui-flex> 647 `}renderConnectedView(){let e=this.connectedWalletInfo?.name||"connected wallet";return(0,i.qy)` 648 <wui-list-item 649 @click=${this.onWalletPayment} 650 ?chevron=${!0} 651 data-testid="wallet-payment-option" 652 > 653 <wui-flex alignItems="center" gap="s"> 654 <wui-wallet-image 655 size="sm" 656 imageSrc=${(0,o.J)(this.connectedWalletInfo?.icon)}
657 name=${(0,o.J)(this.connectedWalletInfo?.name)} 658 ></wui-wallet-image> 659 <wui-text variant="paragraph-500" color="inherit">Pay with ${e}</wui-text> 660 </wui-flex> 661 </wui-list-item> 662 663 <wui-list-item 664 variant="icon" 665 iconVariant="overlay" 666 icon="disconnect" 667 @click=${this.onDisconnect} 668 data-testid="disconnect-button" 669 ?chevron=${!1} 670 > 671 <wui-text variant="paragraph-500" color="fg-200">Disconnect</wui-text> 672 </wui-list-item> 673 `}renderDisconnectedView(){return(0,i.qy)`<wui-list-item 674 variant="icon" 675 iconVariant="overlay" 676 icon="walletPlaceholder" 677 @click=${this.onWalletPayment} 678 ?chevron=${!0} 679 data-testid="wallet-payment-option" 680 > 681 <wui-text variant="paragraph-500" color="inherit">Pay from wallet</wui-text> 682 </wui-list-item>`}renderExchangeOptions(){return this.isLoading?(0,i.qy)`<wui-flex justifyContent="center" alignItems="center"> 683 <wui-spinner size="md"></wui-spinner> 684 </wui-flex>`:0===this.exchanges.length?(0,i.qy)`<wui-flex justifyContent="center" alignItems="center"> 685 <wui-text variant="paragraph-500" color="fg-100">No exchanges available</wui-text> 686 </wui-flex>`:this.exchanges.map(e=>(0,i.qy)` 687 <wui-list-item 688 @click=${()=>this.onExchangePayment(e.id)}
689 data-testid="exchange-option-${e.id}" 690 ?chevron=${!0} 691 ?disabled=${null!==this.loadingExchangeId} 692 > 693 <wui-flex alignItems="center" gap="s"> 694 ${this.loadingExchangeId===e.id?(0,i.qy)`<wui-loading-spinner color="accent-100" size="md"></wui-loading-spinner>`:(0,i.qy)`<wui-wallet-image 695 size="sm" 696 imageSrc=${(0,o.J)(e.imageUrl)} 697 name=${e.name} 698 ></wui-wallet-image>`} 699 <wui-text flexGrow="1" variant="paragraph-500" color="inherit" 700 >Pay with ${e.name} <wui-spinner size="sm" color="fg-200"></wui-spinner 701 ></wui-text> 702 </wui-flex> 703 </wui-list-item> 704 `)}onWalletPayment(){L.handlePayWithWallet()}async onExchangePayment(e){try{this.loadingExchangeId=e;let t=await L.handlePayWithExchange(e);t&&(await c.W.open({view:"PayLoading"}),l.w.openHref(t.url,t.openInNewTab?"_blank":"_self"))}catch(e){console.error("Failed to pay with exchange",e),u.P.showError("Failed to pay with exchange")}finally{this.loadingExchangeId=null}}async onDisconnect(e){e.stopPropagation();try{await d.x.disconnect()}catch{console.error("Failed to disconnect"),u.P.showError("Failed to disconnect")}}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}};q.styles=W,j([(0,r.wk)()],q.prototype,"amount",void 0),j([(0,r.wk)()],q.prototype,"tokenSymbol",void 0),j([(0,r.wk)()],q.prototype,"networkName",void 0),j([(0,r.wk)()],q.prototype,"exchanges",void 0),j([(0,r.wk)()],q.prototype,"isLoading",void 0),j([(0,r.wk)()],q.prototype,"loadingExchangeId",void 0),j([(0,r.wk)()],q.prototype,"connectedWalletInfo",void 0),q=j([(0,p.EM)("w3m-pay-view")],q);var V=a(34482),B=a(46056),Z=a(47067);a(14842);let Y=(0,i.AH)` 705 :host { 706 display: block; 707 height: 100%; 708 width: 100%; 709 } 710 711 wui-flex:first-child:not(:only-child) { 712 position: relative; 713 } 714 715 wui-loading-thumbnail { 716 position: absolute; 717 } 718`;var G=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let F=class extends i.WF{constructor(){super(),this.loadingMessage="",this.subMessage="",this.paymentState="in-progress",this.paymentState=L.state.isPaymentInProgress?"in-progress":"completed",this.updateMessages(),this.setupSubscription(),this.setupExchangeSubscription()}disconnectedCallback(){clearInterval(this.exchangeSubscription)}render(){return(0,i.qy)` 719 <wui-flex 720 flexDirection="column" 721 alignItems="center" 722 .padding=${["xl","xl","xl","xl"]} 723 gap="xl" 724 > 725 <wui-flex justifyContent="center" alignItems="center"> ${this.getStateIcon()} </wui-flex> 726 <wui-flex flexDirection="column" alignItems="center" gap="xs"> 727 <wui-text align="center" variant="paragraph-500" color="fg-100"> 728 ${this.loadingMessage} 729 </wui-text> 730 <wui-text align="center" variant="small-400" color="fg-200"> 731 ${this.subMessage} 732 </wui-text> 733 </wui-flex> 734 </wui-flex> 735 `}updateMessages(){switch(this.paymentState){case"completed":this.loadingMessage="Payment completed",this.subMessage="Your transaction has been successfully processed";break;case"error":this.loadingMessage="Payment failed",this.subMessage="There was an error processing your transaction";break;default:L.state.currentPayment?.type==="exchange"?(this.loadingMessage="Payment initiated",this.subMessage="Please complete the payment on the exchange"):(this.loadingMessage="Awaiting payment confirmation",this.subMessage="Please confirm the payment transaction in your wallet")}}getStateIcon(){switch(this.paymentState){case"completed":return this.successTemplate();case"error":return this.errorTemplate();default:return this.loaderTemplate()}}setupExchangeSubscription(){L.state.currentPayment?.type==="exchange"&&(this.exchangeSubscription=setInterval(async()=>{let e=L.state.currentPayment?.exchangeId,t=L.state.currentPayment?.sessionId;e&&t&&(await L.updateBuyStatus(e,t),L.state.currentPayment?.status==="SUCCESS"&&clearInterval(this.exchangeSubscription))},4e3))}setupSubscription(){L.subscribeKey("isPaymentInProgress",e=>{e||"in-progress"!==this.paymentState||(L.state.error||!L.state.currentPayment?.result?this.paymentState="error":this.paymentState="completed",this.updateMessages(),setTimeout(()=>{"disconnected"!==d.x.state.status&&c.W.close()},3e3))}),L.subscribeKey("error",e=>{e&&"in-progress"===this.paymentState&&(this.paymentState="error",this.updateMessages())})}loaderTemplate(){let e=V.W.state.themeVariables["--w3m-border-radius-master"],t=e?parseInt(e.replace("px",""),10):4,a=this.getPaymentIcon();return(0,i.qy)` 736 <wui-flex justifyContent="center" alignItems="center" style="position: relative;"> 737 ${a?(0,i.qy)`<wui-wallet-image size="lg" imageSrc=${a}></wui-wallet-image>`:null} 738 <wui-loading-thumbnail radius=${9*t}></wui-loading-thumbnail> 739 </wui-flex> 740 `}getPaymentIcon(){let e=L.state.currentPayment;if(e){if("exchange"===e.type){let t=e.exchangeId;if(t){let e=L.getExchangeById(t);return e?.imageUrl}}if("wallet"===e.type){let e=n.U.state.connectedWalletInfo?.icon;if(e)return e;let t=s.W.state.activeChain;if(!t)return;let a=B.a.getConnectorId(t);if(!a)return;let i=B.a.getConnectorById(a);if(!i)return;return Z.$.getConnectorImage(i)}}}successTemplate(){return(0,i.qy)`<wui-icon size="xl" color="success-100" name="checkmark"></wui-icon>`}errorTemplate(){return(0,i.qy)`<wui-icon size="xl" color="error-100" name="close"></wui-icon>`}};async function H(e){return L.handleOpenPay(e)}async function K(e,t=3e5){if(t<=0)throw new E(f.INVALID_PAYMENT_CONFIG,"Timeout must be greater than 0");try{await H(e)}catch(e){if(e instanceof E)throw e;throw new E(f.UNABLE_TO_INITIATE_PAYMENT,e.message)}return new Promise((e,a)=>{var i;let r=!1,o=setTimeout(()=>{r||(r=!0,c(),a(new E(f.GENERIC_PAYMENT_ERROR,"Payment timeout")))},t);function n(){if(r)return;let t=L.state.currentPayment,a=L.state.error,i=L.state.isPaymentInProgress;if(t?.status==="SUCCESS"){r=!0,c(),clearTimeout(o),e({success:!0,result:t.result});return}if(t?.status==="FAILED"){r=!0,c(),clearTimeout(o),e({success:!1,error:a||"Payment failed"});return}!a||i||t||(r=!0,c(),clearTimeout(o),e({success:!1,error:a}))}let s=et("currentPayment",n),c=(i=[s,et("error",n),et("isPaymentInProgress",n)],()=>
740{i.forEach(e=>{try{e()}catch{}})});n()})}function J(){return L.getExchanges()}function X(){return L.state.currentPayment?.result}function Q(){return L.state.error}function ee(){return L.state.isPaymentInProgress}function et(e,t){return L.subscribeKey(e,t)}F.styles=Y,G([(0,r.wk)()],F.prototype,"loadingMessage",void 0),G([(0,r.wk)()],F.prototype,"subMessage",void 0),G([(0,r.wk)()],F.prototype,"paymentState",void 0),F=G([(0,p.EM)("w3m-pay-loading-view")],F);let ea={network:"eip155:8453",asset:"native",metadata:{name:"Ethereum",symbol:"ETH",decimals:18}},ei={network:"eip155:8453",asset:"0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",metadata:{name:"USD Coin",symbol:"USDC",decimals:6}},er={network:"eip155:84532",asset:"native",metadata:{name:"Ethereum",symbol:"ETH",decimals:18}},eo={network:"eip155:1",asset:"0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",metadata:{name:"USD Coin",symbol:"USDC",decimals:6}},en={network:"eip155:10",asset:"0x0b2c639c533813f4aa9d7837caf62653d097ff85",metadata:{name:"USD Coin",symbol:"USDC",decimals:6}},es={network:"eip155:42161",asset:"0xaf88d065e77c8cC2239327C5EDb3A432268e5831",metadata:{name:"USD Coin",symbol:"USDC",decimals:6}},ec={network:"eip155:137",asset:"0x3c499c542cef5e3811e1192ce70d8cc03d5c3359",metadata:{name:"USD Coin",symbol:"USDC",decimals:6}},el={network:"solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp",asset:"EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v",metadata:{name:"USD Coin",symbol:"USDC",decimals:6}},eu={network:"eip155:1",asset:"0xdAC17F958D2ee523a2206206994597C13D831ec7",metadata:{name:"Tether USD",symbol:"USDT",decimals:6}},ed={network:"eip155:10",asset:"0x94b008aA00579c1307B0EF2c499aD98a8ce58e58",metadata:{name:"Tether USD",symbol:"USDT",decimals:6}},ep={network:"eip155:42161",asset:"0xFd086bC7CD5C481DCC9C85ebE478A1C0b69FCbb9",metadata:{name:"Tether USD",symbol:"USDT",decimals:6}},eh={network:"eip155:137",asset:"0xc2132d05d31c914a87c6611c10748aeb04b58e8f",metadata:{name:"Tether USD",symbol:"USDT",decimals:6}},eg={network:"solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp",asset:"Es9vMFrzaCERmJfrF4H2FYD4KCoNkY11McCe8BenwNYB",metadata:{name:"Tether USD",symbol:"USDT",decimals:6}},ew={network:"solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp",asset:"native",metadata:{name:"Solana",symbol:"SOL",decimals:9}}},78392:(e,t,a)=>{var i=a(44098),r=a(81850),o=a(85152);a(46426),a(95050),a(43925),a(83758),a(89608);var n=a(88787),s=a(10304);a(69544);let c=(0,i.AH)` 741 button { 742 column-gap: var(--wui-spacing-s); 743 padding: 11px 18px 11px var(--wui-spacing-s); 744 width: 100%; 745 background-color: var(--wui-color-gray-glass-002); 746 border-radius: var(--wui-border-radius-xs); 747 color: var(--wui-color-fg-250); 748 transition: 749 color var(--wui-ease-out-power-1) var(--wui-duration-md), 750 background-color var(--wui-ease-out-power-1) var(--wui-duration-md); 751 will-change: color, background-color; 752 } 753 754 button[data-iconvariant='square'], 755 button[data-iconvariant='square-blue'] { 756 padding: 6px 18px 6px 9px; 757 } 758 759 button > wui-flex { 760 flex: 1; 761 } 762 763 button > wui-image { 764 width: 32px; 765 height: 32px; 766 box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005); 767 border-radius: var(--wui-border-radius-3xl); 768 } 769 770 button > wui-icon { 771 width: 36px; 772 height: 36px; 773 transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md); 774 will-change: opacity; 775 } 776 777 button > wui-icon-box[data-variant='blue'] { 778 box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005); 779 } 780 781 button > wui-icon-box[data-variant='overlay'] { 782 box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005); 783 } 784 785 button > wui-icon-box[data-variant='square-blue'] { 786 border-radius: var(--wui-border-radius-3xs); 787 position: relative; 788 border: none; 789 width: 36px; 790 height: 36px; 791 } 792 793 button > wui-icon-box[data-variant='square-blue']::after { 794 content: ''; 795 position: absolute; 796 top: 0; 797 bottom: 0; 798 left: 0; 799 right: 0; 800 border-radius: inherit; 801 border: 1px solid var(--wui-color-accent-glass-010); 802 pointer-events: none; 803 } 804 805 button > wui-icon:last-child { 806 width: 14px; 807 height: 14px; 808 } 809 810 button:disabled { 811 color: var(--wui-color-gray-glass-020); 812 } 813 814 button[data-loading='true'] > wui-icon { 815 opacity: 0; 816 } 817 818 wui-loading-spinner { 819 position: absolute; 820 right: 18px; 821 top: 50%; 822 transform: translateY(-50%); 823 } 824`;var l=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let u=class extends i.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.variant="icon",this.disabled=!1,this.imageSrc=void 0,this.alt=void 0,this.chevron=!1,this.loading=!1}render(){return(0,i.qy)` 825 <button 826 ?disabled=${!!this.loading||!!this.disabled} 827 data-loading=${this.loading} 828 data-iconvariant=${(0,o.J)(this.iconVariant)} 829 tabindex=${(0,o.J)(this.tabIdx)} 830 > 831 ${this.loadingTemplate()} ${this.visualTemplate()} 832 <wui-flex gap="3xs"> 833 <slot></slot> 834 </wui-flex> 835 ${this.chevronTemplate()} 836 </button> 837 `}visualTemplate(){if("image"===this.variant&&this.imageSrc)return(0,i.qy)`<wui-image src=${this.imageSrc} alt=${this.alt??"list item"}></wui-image>`;if("square"===this.iconVariant&&this.icon&&"icon"===this.variant)return(0,i.qy)`<wui-icon name=${this.icon}></wui-icon>`;if("icon"===this.variant&&this.icon&&this.iconVariant){let e=["blue","square-blue"].includes(this.iconVariant)?"accent-100":"fg-200",t="square-blue"===this.iconVariant?"mdl":"md",a=this.iconSize?this.iconSize:t;return(0,i.qy)` 838 <wui-icon-box 839 data-variant=${this.iconVariant} 840 icon=${this.icon} 841 iconSize=${a} 842 background="transparent" 843 iconColor=${e} 844 backgroundColor=${e} 845 size=${t} 846 ></wui-icon-box> 847 `}return null}loadingTemplate(){return this.loading?(0,i.qy)`<wui-loading-spinner 848 data-testid="wui-list-item-loading-spinner" 849 color="fg-300" 850 ></wui-loading-spinner>`:(0,i.qy)``}chevronTemplate(){return this.chevron?(0,i.qy)`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`:null}};u.styles=[n.W5,n.fD,c],l([(0,r.MZ)()],u.prototype,"icon",void 0),l([(0,r.MZ)()],u.prototype,"iconSize",void 0),l([(0,r.MZ)()],u.prototype,"tabIdx",void 0),l([(0,r.MZ)()],u.prototype,"variant",void 0),l([(0,r.MZ)()],u.prototype,"iconVariant",void 0),l([(0,r.MZ)({type:Boolean})],u.prototype,"disabled",void 0),l([(0,r.MZ)()],u.prototype,"imageSrc",void 0),l([(0,r.MZ)()],u.prototype,"alt",void 0),l([(0,r.MZ)({type:Boolean})],u.prototype,"chevron",void 0),l([(0,r.MZ)({type:Boolean})],u.prototype,"loading",void 0),u=l([(0,s.E)("wui-list-item")],u)},92682:(e,t,a)=>{var i=a(44098),r=a(81850);a(46426);var o=a(88787),n=a(10304);let s=(0,i.AH)` 851 :host { 852 position: relative; 853 } 854 855 button { 856 display: flex; 857 justify-content: center;
858 align-items: center; 859 height: 48px; 860 width: 100%; 861 background-color: var(--wui-color-accent-glass-010); 862 border-radius: var(--wui-border-radius-xs); 863 border: 1px solid var(--wui-color-accent-glass-010); 864 transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md); 865 will-change: background-color; 866 } 867 868 wui-tooltip { 869 padding: 7px var(--wui-spacing-s) 8px var(--wui-spacing-s); 870 position: absolute; 871 top: -8px; 872 left: 50%; 873 transform: translate(-50%, -100%); 874 opacity: 0; 875 display: none; 876 } 877 878 @media (hover: hover) and (pointer: fine) { 879 button:hover:enabled { 880 background-color: var(--wui-color-accent-glass-015); 881 } 882 883 button:active:enabled { 884 background-color: var(--wui-color-accent-glass-020); 885 } 886 } 887`;var c=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let l=class extends i.WF{constructor(){super(...arguments),this.text="",this.icon="card"}render(){return(0,i.qy)`<button> 888 <wui-icon color="accent-100" name=${this.icon} size="lg"></wui-icon> 889 </button>`}};l.styles=[o.W5,o.fD,s],c([(0,r.MZ)()],l.prototype,"text",void 0),c([(0,r.MZ)()],l.prototype,"icon",void 0),l=c([(0,n.E)("wui-icon-button")],l)},95050:(e,t,a)=>{var i=a(44098),r=a(81850),o=a(88787),n=a(10304);let s=(0,i.AH)` 890 :host { 891 display: block; 892 width: var(--local-width); 893 height: var(--local-height); 894 } 895 896 :host([data-object-fit='cover']) img { 897 object-fit: cover; 898 object-position: center center; 899 } 900 901 :host([data-object-fit='contain']) img { 902 object-fit: contain; 903 object-position: center center; 904 } 905 906 img { 907 display: block; 908 width: 100%; 909 height: 100%; 910 border-radius: inherit; 911 } 912`;var c=function(e,t,a,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,a,n):r(t,a))||n);return o>3&&n&&Object.defineProperty(t,a,n),n};let l=class extends i.WF{constructor(){super(...arguments),this.src="./path/to/image.jpg",this.alt="Image",this.size=void 0,this.objectFit="cover"}render(){return this.objectFit&&(this.dataset.objectFit=this.objectFit),this.style.cssText=` 913 --local-width: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"}; 914 --local-height: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"}; 915 `,(0,i.qy)`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`}handleImageError(){this.dispatchEvent(new CustomEvent("onLoadError",{bubbles:!0,composed:!0}))}};l.styles=[o.W5,o.ck,s],c([(0,r.MZ)()],l.prototype,"src",void 0),c([(0,r.MZ)()],l.prototype,"alt",void 0),c([(0,r.MZ)()],l.prototype,"size",void 0),c([(0,r.MZ)()],l.prototype,"objectFit",void 0),l=c([(0,n.E)("wui-image")],l)},97229:(e,t,a)=>{a(41535)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.