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