1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3657],{5089:(t,e,i)=>{var o=i(83138),r=i(98410),n=i(78964),a=i(99865);i(63176),i(24772);var s=i(71084),l=i(47327),c=i(20296);let u=(0,c.AH)` 2 :host { 3 position: relative; 4 width: 100%; 5 display: inline-flex; 6 flex-direction: column; 7 gap: ${({spacing:t})=>t[3]}; 8 color: ${({tokens:t})=>t.theme.textPrimary}; 9 caret-color: ${({tokens:t})=>t.core.textAccentPrimary}; 10 } 11 12 .wui-input-text-container { 13 position: relative; 14 display: flex; 15 } 16 17 input { 18 width: 100%; 19 border-radius: ${({borderRadius:t})=>t[4]}; 20 color: inherit; 21 background: transparent; 22 border: 1px solid ${({tokens:t})=>t.theme.borderPrimary}; 23 caret-color: ${({tokens:t})=>t.core.textAccentPrimary}; 24 padding: ${({spacing:t})=>t[3]} ${({spacing:t})=>t[3]} 25 ${({spacing:t})=>t[3]} ${({spacing:t})=>t[10]}; 26 font-size: ${({textSize:t})=>t.large}; 27 line-height: ${({typography:t})=>t["lg-regular"].lineHeight}; 28 letter-spacing: ${({typography:t})=>t["lg-regular"].letterSpacing}; 29 font-weight: ${({fontWeight:t})=>t.regular}; 30 font-family: ${({fontFamily:t})=>t.regular}; 31 } 32 33 input[data-size='lg'] { 34 padding: ${({spacing:t})=>t[4]} ${({spacing:t})=>t[3]} 35 ${({spacing:t})=>t[4]} ${({spacing:t})=>t[10]}; 36 } 37 38 @media (hover: hover) and (pointer: fine) { 39 input:hover:enabled { 40 border: 1px solid ${({tokens:t})=>t.theme.borderSecondary}; 41 } 42 } 43 44 input:disabled { 45 cursor: unset; 46 border: 1px solid ${({tokens:t})=>t.theme.borderPrimary}; 47 } 48 49 input::placeholder { 50 color: ${({tokens:t})=>t.theme.textSecondary}; 51 } 52 53 input:focus:enabled { 54 border: 1px solid ${({tokens:t})=>t.theme.borderSecondary}; 55 background-color: ${({tokens:t})=>t.theme.foregroundPrimary}; 56 -webkit-box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent040}; 57 -moz-box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent040}; 58 box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent040}; 59 } 60 61 div.wui-input-text-container:has(input:disabled) { 62 opacity: 0.5; 63 } 64 65 wui-icon.wui-input-text-left-icon { 66 position: absolute; 67 top: 50%; 68 transform: translateY(-50%); 69 pointer-events: none; 70 left: ${({spacing:t})=>t[4]}; 71 color: ${({tokens:t})=>t.theme.iconDefault}; 72 } 73 74 button.wui-input-text-submit-button { 75 position: absolute; 76 top: 50%; 77 transform: translateY(-50%); 78 right: ${({spacing:t})=>t[3]}; 79 width: 24px; 80 height: 24px; 81 border: none; 82 background: transparent; 83 border-radius: ${({borderRadius:t})=>t[2]}; 84 color: ${({tokens:t})=>t.core.textAccentPrimary}; 85 } 86 87 button.wui-input-text-submit-button:disabled { 88 opacity: 1; 89 } 90 91 button.wui-input-text-submit-button.loading wui-icon { 92 animation: spin 1s linear infinite; 93 } 94 95 button.wui-input-text-submit-button:hover { 96 background: ${({tokens:t})=>t.core.foregroundAccent010}; 97 } 98 99 input:has(+ .wui-input-text-submit-button) { 100 padding-right: ${({spacing:t})=>t[12]}; 101 } 102 103 input[type='number'] { 104 -moz-appearance: textfield; 105 } 106 107 input[type='search']::-webkit-search-decoration, 108 input[type='search']::-webkit-search-cancel-button, 109 input[type='search']::-webkit-search-results-button, 110 input[type='search']::-webkit-search-results-decoration { 111 -webkit-appearance: none; 112 } 113 114 /* -- Keyframes --------------------------------------------------- */ 115 @keyframes spin { 116 from { 117 transform: rotate(0deg); 118 } 119 to { 120 transform: rotate(360deg); 121 } 122 } 123`;var d=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let h=class extends o.WF{constructor(){super(...arguments),this.inputElementRef=(0,a._)(),this.disabled=!1,this.loading=!1,this.placeholder="",this.type="text",this.value="",this.size="md"}render(){return(0,o.qy)` <div class="wui-input-text-container"> 124 ${this.templateLeftIcon()} 125 <input 126 data-size=${this.size} 127 ${(0,a.K)(this.inputElementRef)} 128 data-testid="wui-input-text" 129 type=${this.type} 130 enterkeyhint=${(0,n.J)(this.enterKeyHint)} 131 ?disabled=${this.disabled} 132 placeholder=${this.placeholder}
133 @input=${this.dispatchInputChangeEvent.bind(this)} 134 @keydown=${this.onKeyDown} 135 .value=${this.value||""} 136 /> 137 ${this.templateSubmitButton()} 138 <slot class="wui-input-text-slot"></slot> 139 </div> 140 ${this.templateError()} ${this.templateWarning()}`}templateLeftIcon(){return this.icon?(0,o.qy)`<wui-icon 141 class="wui-input-text-left-icon" 142 size="md" 143 data-size=${this.size} 144 color="inherit" 145 name=${this.icon} 146 ></wui-icon>`:null}templateSubmitButton(){return this.onSubmit?(0,o.qy)`<button 147 class="wui-input-text-submit-button ${this.loading?"loading":""}" 148 @click=${this.onSubmit?.bind(this)} 149 ?disabled=${this.disabled||this.loading} 150 > 151 ${this.loading?(0,o.qy)`<wui-icon name="spinner" size="md"></wui-icon>`:(0,o.qy)`<wui-icon name="chevronRight" size="md"></wui-icon>`} 152 </button>`:null}templateError(){return this.errorText?(0,o.qy)`<wui-text variant="sm-regular" color="error">${this.errorText}</wui-text>`:null}templateWarning(){return this.warningText?(0,o.qy)`<wui-text variant="sm-regular" color="warning">${this.warningText}</wui-text>`:null}dispatchInputChangeEvent(){this.dispatchEvent(new CustomEvent("inputChange",{detail:this.inputElementRef.value?.value,bubbles:!0,composed:!0}))}};h.styles=[s.W5,s.fD,u],d([(0,r.MZ)()],h.prototype,"icon",void 0),d([(0,r.MZ)({type:Boolean})],h.prototype,"disabled",void 0),d([(0,r.MZ)({type:Boolean})],h.prototype,"loading",void 0),d([(0,r.MZ)()],h.prototype,"placeholder",void 0),d([(0,r.MZ)()],h.prototype,"type",void 0),d([(0,r.MZ)()],h.prototype,"value",void 0),d([(0,r.MZ)()],h.prototype,"errorText",void 0),d([(0,r.MZ)()],h.prototype,"warningText",void 0),d([(0,r.MZ)()],h.prototype,"onSubmit",void 0),d([(0,r.MZ)()],h.prototype,"size",void 0),d([(0,r.MZ)({attribute:!1})],h.prototype,"onKeyDown",void 0),h=d([(0,l.E)("wui-input-text")],h)},40284:(t,e,i)=>{i(5089)},48352:(t,e,i)=>{var o=i(83138),r=i(98410);i(63176),i(24772);var n=i(71084),a=i(47327),s=i(20296);let l=(0,s.AH)` 153 button { 154 border: none; 155 background: transparent; 156 height: 20px; 157 padding: ${({spacing:t})=>t[2]}; 158 column-gap: ${({spacing:t})=>t[1]}; 159 border-radius: ${({borderRadius:t})=>t[1]}; 160 padding: 0 ${({spacing:t})=>t[1]}; 161 border-radius: ${({spacing:t})=>t[1]}; 162 } 163 164 /* -- Variants --------------------------------------------------------- */ 165 button[data-variant='accent'] { 166 color: ${({tokens:t})=>t.core.textAccentPrimary}; 167 } 168 169 button[data-variant='secondary'] { 170 color: ${({tokens:t})=>t.theme.textSecondary}; 171 } 172 173 /* -- Focus states --------------------------------------------------- */ 174 button:focus-visible:enabled { 175 box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2); 176 } 177 178 button[data-variant='accent']:focus-visible:enabled { 179 background-color: ${({tokens:t})=>t.core.foregroundAccent010}; 180 } 181 182 button[data-variant='secondary']:focus-visible:enabled { 183 background-color: ${({tokens:t})=>t.theme.foregroundSecondary}; 184 } 185 186 /* -- Hover & Active states ----------------------------------------------------------- */ 187 button[data-variant='accent']:hover:enabled { 188 background-color: ${({tokens:t})=>t.core.foregroundAccent010}; 189 } 190 191 button[data-variant='secondary']:hover:enabled { 192 background-color: ${({tokens:t})=>t.theme.foregroundSecondary}; 193 } 194 195 button[data-variant='accent']:focus-visible { 196 background-color: ${({tokens:t})=>t.core.foregroundAccent010}; 197 } 198 199 button[data-variant='secondary']:focus-visible { 200 background-color: ${({tokens:t})=>t.theme.foregroundSecondary}; 201 box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2); 202 } 203 204 button[disabled] { 205 opacity: 0.5; 206 cursor: not-allowed; 207 } 208`;var c=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let u={sm:"sm-medium",md:"md-medium"},d={accent:"accent-primary",secondary:"secondary"},h=class extends o.WF{constructor(){super(...arguments),this.size="md",this.disabled=!1,this.variant="accent",this.icon=void 0}render(){return(0,o.qy)` 209 <button ?disabled=${this.disabled} data-variant=${this.variant}> 210 <slot name="iconLeft"></slot> 211 <wui-text 212 color=${d[this.variant]} 213 variant=${u[this.size]} 214 > 215 <slot></slot> 216 </wui-text> 217 ${this.iconTemplate()} 218 </button> 219 `}iconTemplate(){return this.icon?(0,o.qy)`<wui-icon name=${this.icon} size="sm"></wui-icon>`:null}};h.styles=[n.W5,n.fD,l],c([(0,r.MZ)()],h.prototype,"size",void 0),c([(0,r.MZ)({type:Boolean})],h.prototype,"disabled",void 0),c([(0,r.MZ)()],h.prototype,"variant",void 0),c([(0,r.MZ)()],h.prototype,"icon",void 0),h=c([(0,a.E)("wui-link")],h)},64501:(t,e,i)=>{var o=i(83138),r=i(98410),n=i(76285);i(63176),i(45166),i(24772),i(38534);var a=i(71084),s=i(47327),l=i(20296);let c=(0,l.AH)` 220 :host { 221 width: 100%; 222 } 223 224 button { 225 padding: ${({spacing:t})=>t[3]}; 226 display: flex; 227 gap: ${({spacing:t})=>t[3]}; 228 justify-content: space-between; 229 width: 100%; 230 border-radius: ${({borderRadius:t})=>t[4]}; 231 background-color: transparent; 232 } 233 234 @media (hover: hover) { 235 button:hover:enabled { 236 background-color: ${({tokens:t})=>t.theme.foregroundSecondary}; 237 } 238 } 239 240 button:focus-visible:enabled { 241 background-color: ${({tokens:t})=>t.theme.foregroundSecondary}; 242 box-shadow: 0 0 0 4px ${({tokens:t})=>t.core.foregroundAccent040}; 243 } 244 245 button[data-clickable='false'] { 246 pointer-events: none; 247 background-color: transparent; 248 } 249 250 wui-image, 251 wui-icon { 252 width: ${({spacing:t})=>t[10]}; 253 height: ${({spacing:t})=>t[10]}; 254 } 255 256 wui-image { 257 border-radius: ${({borderRadius:t})=>t[16]}; 258 } 259 260 .token-name-container { 261 flex: 1; 262 } 263`;
263var u=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let d=class extends o.WF{constructor(){super(...arguments),this.tokenName="",this.tokenImageUrl="",this.tokenValue=0,this.tokenAmount="0.0",this.tokenCurrency="",this.clickable=!1,this.imageError=!1}render(){return(0,o.qy)` 264 <button data-clickable=${String(this.clickable)}> 265 <wui-flex gap="2" alignItems="center"> 266 ${this.visualTemplate()} 267 <wui-flex 268 flexDirection="column" 269 justifyContent="space-between" 270 gap="1" 271 class="token-name-container" 272 > 273 <wui-text variant="md-regular" color="primary" lineClamp="1"> 274 ${this.tokenName} 275 </wui-text> 276 <wui-text variant="sm-regular-mono" color="secondary"> 277 ${n.S.formatNumberToLocalString(this.tokenAmount,4)} ${this.tokenCurrency} 278 </wui-text> 279 </wui-flex> 280 </wui-flex> 281 <wui-flex 282 flexDirection="column" 283 justifyContent="space-between" 284 gap="1" 285 alignItems="flex-end" 286 width="auto" 287 > 288 <wui-text variant="md-regular-mono" color="primary" 289 >$${this.tokenValue.toFixed(2)}</wui-text 290 > 291 <wui-text variant="sm-regular-mono" color="secondary"> 292 ${n.S.formatNumberToLocalString(this.tokenAmount,4)} 293 </wui-text> 294 </wui-flex> 295 </button> 296 `}updated(t){t.has("tokenImageUrl")&&(this.imageError=!1)}visualTemplate(){return this.tokenName&&this.tokenImageUrl&&!this.imageError?(0,o.qy)`<wui-image 297 alt=${this.tokenName} 298 src=${this.tokenImageUrl} 299 @onLoadError=${this.handleImageError} 300 ></wui-image>`:(0,o.qy)`<wui-icon name="coinPlaceholder" color="default"></wui-icon>`}handleImageError(){this.imageError=!0}};d.styles=[a.W5,a.fD,c],u([(0,r.MZ)()],d.prototype,"tokenName",void 0),u([(0,r.MZ)()],d.prototype,"tokenImageUrl",void 0),u([(0,r.MZ)({type:Number})],d.prototype,"tokenValue",void 0),u([(0,r.MZ)()],d.prototype,"tokenAmount",void 0),u([(0,r.MZ)()],d.prototype,"tokenCurrency",void 0),u([(0,r.MZ)({type:Boolean})],d.prototype,"clickable",void 0),u([(0,r.wk)()],d.prototype,"imageError",void 0),d=u([(0,s.E)("wui-list-token")],d)},90721:(t,e,i)=>{i(84042)},99865:(t,e,i)=>{i.d(e,{_:()=>p,K:()=>g});var o=i(52321);let{I:r}=o.ge;var n=i(32973);let a=(t,e)=>{let i=t._$AN;if(void 0===i)return!1;for(let t of i)t._$AO?.(e,!1),a(t,e);return!0},s=t=>{let e,i;do{if(void 0===(e=t._$AM))break;(i=e._$AN).delete(t),t=e}while(0===i?.size)},l=t=>{for(let e;e=t._$AM;t=e){let i=e._$AN;if(void 0===i)e._$AN=i=new Set;else if(i.has(t))break;i.add(t),d(e)}};function c(t){void 0!==this._$AN?(s(this),this._$AM=t,l(this)):this._$AM=t}function u(t,e=!1,i=0){let o=this._$AH,r=this._$AN;if(void 0!==r&&0!==r.size)if(e)if(Array.isArray(o))for(let t=i;t<o.length;t++)a(o[t],!1),s(o[t]);else null!=o&&(a(o,!1),s(o));else a(this,t)}let d=t=>{t.type==n.OA.CHILD&&(t._$AP??=u,t._$AQ??=c)};class h extends n.WL{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,i){super._$AT(t,e,i),l(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(a(this,t),s(this))}setValue(t){if(void 0===this._$Ct.strings)this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}let p=()=>new b;class b{}let m=new WeakMap,g=(0,n.u$)(class extends h{render(t){return o.s6}update(t,[e]){let i=e!==this.G;return i&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=e,this.ht=t.options?.host,this.rt(this.ct=t.element)),o.s6}rt(t){if(void 0!==this.G)if(this.isConnected||(t=void 0),"function"==typeof this.G){let e=this.ht??globalThis,i=m.get(e);void 0===i&&(i=new WeakMap,m.set(e,i)),void 0!==i.get(this.G)&&this.G.call(this.ht,void 0),i.set(this.G,t),void 0!==t&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){return"function"==typeof this.G?m.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}})}}]);
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.