@antseed/payments 0.1.3 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/crypto-context.d.ts +2 -1
- package/dist/crypto-context.js +3 -13
- package/dist/crypto-context.js.map +1 -1
- package/dist/routes.d.ts +1 -0
- package/dist/routes.js +135 -23
- package/dist/routes.js.map +1 -1
- package/dist/server.js +10 -3
- package/dist/server.js.map +1 -1
- package/dist/web/assets/add-DeN46V-4.js +15 -0
- package/dist/web/assets/all-wallets-BELrsAXU.js +6 -0
- package/dist/web/assets/app-store-BHfvYJ2P.js +17 -0
- package/dist/web/assets/apple-C9HKzybj.js +18 -0
- package/dist/web/assets/arrow-bottom-DuMDwAYL.js +8 -0
- package/dist/web/assets/arrow-bottom-circle-DdNuYZn6.js +11 -0
- package/dist/web/assets/arrow-left-B9xRq1OP.js +8 -0
- package/dist/web/assets/arrow-right-D_-RivXc.js +8 -0
- package/dist/web/assets/arrow-top-C9l-DRlu.js +8 -0
- package/dist/web/assets/bank-Cjnq2Ry5.js +14 -0
- package/dist/web/assets/basic-B85OfNxa.js +2128 -0
- package/dist/web/assets/browser-Bls9q8f9.js +14 -0
- package/dist/web/assets/card-Bqg4Czbg.js +14 -0
- package/dist/web/assets/{ccip-CM_YDd5S.js → ccip-DGmcqTDL.js} +1 -1
- package/dist/web/assets/checkmark-BjLUQm79.js +11 -0
- package/dist/web/assets/checkmark-bold-BkJWuo_o.js +8 -0
- package/dist/web/assets/chevron-bottom-H6deplaJ.js +8 -0
- package/dist/web/assets/chevron-left-zhlRa-c_.js +8 -0
- package/dist/web/assets/chevron-right-yDG_wOET.js +8 -0
- package/dist/web/assets/chevron-top-nC4T8feK.js +8 -0
- package/dist/web/assets/chrome-store-CcmWkyJu.js +61 -0
- package/dist/web/assets/clock-DmgcFnf2.js +8 -0
- package/dist/web/assets/close-h-k_hJfG.js +8 -0
- package/dist/web/assets/coinPlaceholder-CD9x_nYL.js +8 -0
- package/dist/web/assets/compass-BeYSF_sG.js +8 -0
- package/dist/web/assets/copy-DC4ChyuN.js +15 -0
- package/dist/web/assets/core-CFVPCXsS.js +908 -0
- package/dist/web/assets/cursor-Co0ewq3k.js +3 -0
- package/dist/web/assets/cursor-transparent-DJT9-MAB.js +12 -0
- package/dist/web/assets/desktop-NN3pMhXj.js +9 -0
- package/dist/web/assets/disconnect-CU8ex8w9.js +8 -0
- package/dist/web/assets/discord-BWZL9ol-.js +17 -0
- package/dist/web/assets/etherscan-CN6ewNx8.js +6 -0
- package/dist/web/assets/events-DQ172AOg.js +1 -0
- package/dist/web/assets/exclamation-triangle-B5LZOY03.js +4 -0
- package/dist/web/assets/extension-FP3sPwTB.js +8 -0
- package/dist/web/assets/external-link-hoWSw8K3.js +8 -0
- package/dist/web/assets/facebook-DDEJ_asn.js +26 -0
- package/dist/web/assets/farcaster-BV608uhf.js +12 -0
- package/dist/web/assets/filters-CeQfIov1.js +8 -0
- package/dist/web/assets/github-Dqysw-3x.js +18 -0
- package/dist/web/assets/google-CFdyk1hB.js +18 -0
- package/dist/web/assets/help-circle-BcD3ZM7t.js +12 -0
- package/dist/web/assets/id-DXy43FoM.js +12 -0
- package/dist/web/assets/image-1SnJPN6l.js +4 -0
- package/dist/web/assets/index-BIyC7YhM.js +47 -0
- package/dist/web/assets/index-C6-x1f-N.js +1 -0
- package/dist/web/assets/index-Cx3espT_.js +1727 -0
- package/dist/web/assets/index-DKS1QV9i.js +16 -0
- package/dist/web/assets/index-kzlEvkEN.js +1 -0
- package/dist/web/assets/index-uIeUEaVl.js +395 -0
- package/dist/web/assets/index.es-wX32Bxfk.js +39 -0
- package/dist/web/assets/info-BxOTkr-B.js +3 -0
- package/dist/web/assets/info-circle-Cg5w3G9B.js +12 -0
- package/dist/web/assets/lightbulb-B16_pmm3.js +3 -0
- package/dist/web/assets/mail-CQWyoSzO.js +8 -0
- package/dist/web/assets/{metamask-sdk-mx1KHMGY.js → metamask-sdk-JLexzI6e.js} +15 -15
- package/dist/web/assets/mobile-C6gppXC_.js +9 -0
- package/dist/web/assets/more-Dmsa0x_H.js +11 -0
- package/dist/web/assets/network-placeholder-Doimij1R.js +14 -0
- package/dist/web/assets/nftPlaceholder-CYPQpVJm.js +8 -0
- package/dist/web/assets/off-CFChDI5-.js +8 -0
- package/dist/web/assets/play-store-CMQGde_g.js +32 -0
- package/dist/web/assets/plus-DOpIsJwa.js +13 -0
- package/dist/web/assets/qr-code-DzFgJO8e.js +6 -0
- package/dist/web/assets/recycle-horizontal-CQYnFIx5.js +9 -0
- package/dist/web/assets/refresh-Bx9yOdPq.js +8 -0
- package/dist/web/assets/reown-logo-CABG1yzm.js +12 -0
- package/dist/web/assets/search-B_-TMAmf.js +8 -0
- package/dist/web/assets/secp256k1-Cvtpmbtj.js +1 -0
- package/dist/web/assets/secp256k1-Qs7OA2cx.js +1 -0
- package/dist/web/assets/send-B3BSPwOG.js +15 -0
- package/dist/web/assets/swapHorizontal-CYoh2yo-.js +8 -0
- package/dist/web/assets/swapHorizontalBold-D02Qwl8X.js +8 -0
- package/dist/web/assets/swapHorizontalMedium-BnQ9Ao0n.js +16 -0
- package/dist/web/assets/swapHorizontalRoundedBold-CpPz7IYH.js +8 -0
- package/dist/web/assets/swapVertical-C6BmnNJz.js +8 -0
- package/dist/web/assets/telegram-DxqJf27e.js +16 -0
- package/dist/web/assets/three-dots-4_McqY1I.js +5 -0
- package/dist/web/assets/twitch-B219wGgL.js +18 -0
- package/dist/web/assets/twitterIcon-zB9O5JYS.js +6 -0
- package/dist/web/assets/verify-C9qlmvL1.js +8 -0
- package/dist/web/assets/verify-filled-CU0B_PY6.js +8 -0
- package/dist/web/assets/w3m-modal-DvgKZgpU.js +642 -0
- package/dist/web/assets/wallet-BJafjJP_.js +8 -0
- package/dist/web/assets/wallet-placeholder-PqUzGxI6.js +14 -0
- package/dist/web/assets/walletconnect-Cm6QWX_i.js +30 -0
- package/dist/web/assets/warning-circle-BECxJkh3.js +12 -0
- package/dist/web/assets/x-CeJlfAEO.js +12 -0
- package/dist/web/index.html +1 -1
- package/package.json +9 -10
- package/dist/web/assets/connectors-BIqtKyuJ.js +0 -1
- package/dist/web/assets/connectors-BkiAkXrA.js +0 -1
- package/dist/web/assets/connectors-DAWtxdNk.js +0 -1
- package/dist/web/assets/connectors-mXb62Iam.js +0 -1
- package/dist/web/assets/index-DMM40kDk.js +0 -1727
|
@@ -0,0 +1,2128 @@
|
|
|
1
|
+
import{k as N,o as G,l as q,m as O,n as c,y as M,D as z,O as ee,G as k,E as te,R as U,P as Me,u as K,Q as j,U as ft,I as Cn,W as pt,C as Zt,v as vi,T as ei,B as Xe,M as on,V as rn,w as Ne,L as yi,q as Rn}from"./core-CFVPCXsS.js";import{n as u,c as B,o as E,r as _,U as he,e as $n,f as _n,a as In}from"./index-uIeUEaVl.js";import{n as En}from"./index-Cx3espT_.js";import"./index.es-wX32Bxfk.js";import"./events-DQ172AOg.js";const Wn=N`
|
|
2
|
+
:host {
|
|
3
|
+
position: relative;
|
|
4
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
5
|
+
display: flex;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
align-items: center;
|
|
8
|
+
width: var(--local-size);
|
|
9
|
+
height: var(--local-size);
|
|
10
|
+
border-radius: inherit;
|
|
11
|
+
border-radius: var(--local-border-radius);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
:host > wui-flex {
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
border-radius: inherit;
|
|
17
|
+
border-radius: var(--local-border-radius);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
:host::after {
|
|
21
|
+
content: '';
|
|
22
|
+
position: absolute;
|
|
23
|
+
top: 0;
|
|
24
|
+
bottom: 0;
|
|
25
|
+
left: 0;
|
|
26
|
+
right: 0;
|
|
27
|
+
border-radius: inherit;
|
|
28
|
+
border: 1px solid var(--wui-color-gray-glass-010);
|
|
29
|
+
pointer-events: none;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
:host([name='Extension'])::after {
|
|
33
|
+
border: 1px solid var(--wui-color-accent-glass-010);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
:host([data-wallet-icon='allWallets']) {
|
|
37
|
+
background-color: var(--wui-all-wallets-bg-100);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
:host([data-wallet-icon='allWallets'])::after {
|
|
41
|
+
border: 1px solid var(--wui-color-accent-glass-010);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
wui-icon[data-parent-size='inherit'] {
|
|
45
|
+
width: 75%;
|
|
46
|
+
height: 75%;
|
|
47
|
+
align-items: center;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
wui-icon[data-parent-size='sm'] {
|
|
51
|
+
width: 18px;
|
|
52
|
+
height: 18px;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
wui-icon[data-parent-size='md'] {
|
|
56
|
+
width: 24px;
|
|
57
|
+
height: 24px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
wui-icon[data-parent-size='lg'] {
|
|
61
|
+
width: 42px;
|
|
62
|
+
height: 42px;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
wui-icon[data-parent-size='full'] {
|
|
66
|
+
width: 100%;
|
|
67
|
+
height: 100%;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
:host > wui-icon-box {
|
|
71
|
+
position: absolute;
|
|
72
|
+
overflow: hidden;
|
|
73
|
+
right: -1px;
|
|
74
|
+
bottom: -2px;
|
|
75
|
+
z-index: 1;
|
|
76
|
+
border: 2px solid var(--wui-color-bg-150, #1e1f1f);
|
|
77
|
+
padding: 1px;
|
|
78
|
+
}
|
|
79
|
+
`;var _e=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let fe=class extends O{constructor(){super(...arguments),this.size="md",this.name="",this.installed=!1,this.badgeSize="xs"}render(){let e="xxs";return this.size==="lg"?e="m":this.size==="md"?e="xs":e="xxs",this.style.cssText=`
|
|
80
|
+
--local-border-radius: var(--wui-border-radius-${e});
|
|
81
|
+
--local-size: var(--wui-wallet-image-size-${this.size});
|
|
82
|
+
`,this.walletIcon&&(this.dataset.walletIcon=this.walletIcon),c`
|
|
83
|
+
<wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
|
|
84
|
+
`}templateVisual(){return this.imageSrc?c`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?c`<wui-icon
|
|
85
|
+
data-parent-size="md"
|
|
86
|
+
size="md"
|
|
87
|
+
color="inherit"
|
|
88
|
+
name=${this.walletIcon}
|
|
89
|
+
></wui-icon>`:c`<wui-icon
|
|
90
|
+
data-parent-size=${this.size}
|
|
91
|
+
size="inherit"
|
|
92
|
+
color="inherit"
|
|
93
|
+
name="walletPlaceholder"
|
|
94
|
+
></wui-icon>`}};fe.styles=[G,q,Wn];_e([u()],fe.prototype,"size",void 0);_e([u()],fe.prototype,"name",void 0);_e([u()],fe.prototype,"imageSrc",void 0);_e([u()],fe.prototype,"walletIcon",void 0);_e([u({type:Boolean})],fe.prototype,"installed",void 0);_e([u()],fe.prototype,"badgeSize",void 0);fe=_e([B("wui-wallet-image")],fe);const Sn=N`
|
|
95
|
+
:host {
|
|
96
|
+
position: relative;
|
|
97
|
+
border-radius: var(--wui-border-radius-xxs);
|
|
98
|
+
width: 40px;
|
|
99
|
+
height: 40px;
|
|
100
|
+
overflow: hidden;
|
|
101
|
+
background: var(--wui-color-gray-glass-002);
|
|
102
|
+
display: flex;
|
|
103
|
+
justify-content: center;
|
|
104
|
+
align-items: center;
|
|
105
|
+
flex-wrap: wrap;
|
|
106
|
+
gap: var(--wui-spacing-4xs);
|
|
107
|
+
padding: 3.75px !important;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
:host::after {
|
|
111
|
+
content: '';
|
|
112
|
+
position: absolute;
|
|
113
|
+
top: 0;
|
|
114
|
+
bottom: 0;
|
|
115
|
+
left: 0;
|
|
116
|
+
right: 0;
|
|
117
|
+
border-radius: inherit;
|
|
118
|
+
border: 1px solid var(--wui-color-gray-glass-010);
|
|
119
|
+
pointer-events: none;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
:host > wui-wallet-image {
|
|
123
|
+
width: 14px;
|
|
124
|
+
height: 14px;
|
|
125
|
+
border-radius: var(--wui-border-radius-5xs);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
:host > wui-flex {
|
|
129
|
+
padding: 2px;
|
|
130
|
+
position: fixed;
|
|
131
|
+
overflow: hidden;
|
|
132
|
+
left: 34px;
|
|
133
|
+
bottom: 8px;
|
|
134
|
+
background: var(--dark-background-150, #1e1f1f);
|
|
135
|
+
border-radius: 50%;
|
|
136
|
+
z-index: 2;
|
|
137
|
+
display: flex;
|
|
138
|
+
}
|
|
139
|
+
`;var an=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const It=4;let Ze=class extends O{constructor(){super(...arguments),this.walletImages=[]}render(){const e=this.walletImages.length<It;return c`${this.walletImages.slice(0,It).map(({src:i,walletName:n})=>c`
|
|
140
|
+
<wui-wallet-image
|
|
141
|
+
size="inherit"
|
|
142
|
+
imageSrc=${i}
|
|
143
|
+
name=${E(n)}
|
|
144
|
+
></wui-wallet-image>
|
|
145
|
+
`)}
|
|
146
|
+
${e?[...Array(It-this.walletImages.length)].map(()=>c` <wui-wallet-image size="inherit" name=""></wui-wallet-image>`):null}
|
|
147
|
+
<wui-flex>
|
|
148
|
+
<wui-icon-box
|
|
149
|
+
size="xxs"
|
|
150
|
+
iconSize="xxs"
|
|
151
|
+
iconcolor="success-100"
|
|
152
|
+
backgroundcolor="success-100"
|
|
153
|
+
icon="checkmark"
|
|
154
|
+
background="opaque"
|
|
155
|
+
></wui-icon-box>
|
|
156
|
+
</wui-flex>`}};Ze.styles=[q,Sn];an([u({type:Array})],Ze.prototype,"walletImages",void 0);Ze=an([B("wui-all-wallets-image")],Ze);const Tn=N`
|
|
157
|
+
button {
|
|
158
|
+
column-gap: var(--wui-spacing-s);
|
|
159
|
+
padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs);
|
|
160
|
+
width: 100%;
|
|
161
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
162
|
+
border-radius: var(--wui-border-radius-xs);
|
|
163
|
+
color: var(--wui-color-fg-100);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
button > wui-text:nth-child(2) {
|
|
167
|
+
display: flex;
|
|
168
|
+
flex: 1;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
button:disabled {
|
|
172
|
+
background-color: var(--wui-color-gray-glass-015);
|
|
173
|
+
color: var(--wui-color-gray-glass-015);
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
button:disabled > wui-tag {
|
|
177
|
+
background-color: var(--wui-color-gray-glass-010);
|
|
178
|
+
color: var(--wui-color-fg-300);
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
wui-icon {
|
|
182
|
+
color: var(--wui-color-fg-200) !important;
|
|
183
|
+
}
|
|
184
|
+
`;var Y=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let F=class extends O{constructor(){super(...arguments),this.walletImages=[],this.imageSrc="",this.name="",this.tabIdx=void 0,this.installed=!1,this.disabled=!1,this.showAllWallets=!1,this.loading=!1,this.loadingSpinnerColor="accent-100"}render(){return c`
|
|
185
|
+
<button ?disabled=${this.disabled} tabindex=${E(this.tabIdx)}>
|
|
186
|
+
${this.templateAllWallets()} ${this.templateWalletImage()}
|
|
187
|
+
<wui-text variant="paragraph-500" color="inherit">${this.name}</wui-text>
|
|
188
|
+
${this.templateStatus()}
|
|
189
|
+
</button>
|
|
190
|
+
`}templateAllWallets(){return this.showAllWallets&&this.imageSrc?c` <wui-all-wallets-image .imageeSrc=${this.imageSrc}> </wui-all-wallets-image> `:this.showAllWallets&&this.walletIcon?c` <wui-wallet-image .walletIcon=${this.walletIcon} size="sm"> </wui-wallet-image> `:null}templateWalletImage(){return!this.showAllWallets&&this.imageSrc?c`<wui-wallet-image
|
|
191
|
+
size="sm"
|
|
192
|
+
imageSrc=${this.imageSrc}
|
|
193
|
+
name=${this.name}
|
|
194
|
+
.installed=${this.installed}
|
|
195
|
+
></wui-wallet-image>`:!this.showAllWallets&&!this.imageSrc?c`<wui-wallet-image size="sm" name=${this.name}></wui-wallet-image>`:null}templateStatus(){return this.loading?c`<wui-loading-spinner
|
|
196
|
+
size="lg"
|
|
197
|
+
color=${this.loadingSpinnerColor}
|
|
198
|
+
></wui-loading-spinner>`:this.tagLabel&&this.tagVariant?c`<wui-tag variant=${this.tagVariant}>${this.tagLabel}</wui-tag>`:this.icon?c`<wui-icon color="inherit" size="sm" name=${this.icon}></wui-icon>`:null}};F.styles=[q,G,Tn];Y([u({type:Array})],F.prototype,"walletImages",void 0);Y([u()],F.prototype,"imageSrc",void 0);Y([u()],F.prototype,"name",void 0);Y([u()],F.prototype,"tagLabel",void 0);Y([u()],F.prototype,"tagVariant",void 0);Y([u()],F.prototype,"icon",void 0);Y([u()],F.prototype,"walletIcon",void 0);Y([u()],F.prototype,"tabIdx",void 0);Y([u({type:Boolean})],F.prototype,"installed",void 0);Y([u({type:Boolean})],F.prototype,"disabled",void 0);Y([u({type:Boolean})],F.prototype,"showAllWallets",void 0);Y([u({type:Boolean})],F.prototype,"loading",void 0);Y([u({type:String})],F.prototype,"loadingSpinnerColor",void 0);F=Y([B("wui-list-wallet")],F);var Ae=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ye=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.count=z.state.count,this.filteredCount=z.state.filteredWallets.length,this.isFetchingRecommendedWallets=z.state.isFetchingRecommendedWallets,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e),z.subscribeKey("count",e=>this.count=e),z.subscribeKey("filteredWallets",e=>this.filteredCount=e.length),z.subscribeKey("isFetchingRecommendedWallets",e=>this.isFetchingRecommendedWallets=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const e=this.connectors.find(l=>l.id==="walletConnect"),{allWallets:i}=ee.state;if(!e||i==="HIDE"||i==="ONLY_MOBILE"&&!k.isMobile())return null;const n=z.state.featured.length,o=this.count+n,t=o<10?o:Math.floor(o/10)*10,a=this.filteredCount>0?this.filteredCount:t;let s=`${a}`;return this.filteredCount>0?s=`${this.filteredCount}`:a<o&&(s=`${a}+`),c`
|
|
199
|
+
<wui-list-wallet
|
|
200
|
+
name="All Wallets"
|
|
201
|
+
walletIcon="allWallets"
|
|
202
|
+
showAllWallets
|
|
203
|
+
@click=${this.onAllWallets.bind(this)}
|
|
204
|
+
tagLabel=${s}
|
|
205
|
+
tagVariant="shade"
|
|
206
|
+
data-testid="all-wallets"
|
|
207
|
+
tabIdx=${E(this.tabIdx)}
|
|
208
|
+
.loading=${this.isFetchingRecommendedWallets}
|
|
209
|
+
loadingSpinnerColor=${this.isFetchingRecommendedWallets?"fg-300":"accent-100"}
|
|
210
|
+
></wui-list-wallet>
|
|
211
|
+
`}onAllWallets(){te.sendEvent({type:"track",event:"CLICK_ALL_WALLETS"}),U.push("AllWallets")}};Ae([u()],ye.prototype,"tabIdx",void 0);Ae([_()],ye.prototype,"connectors",void 0);Ae([_()],ye.prototype,"count",void 0);Ae([_()],ye.prototype,"filteredCount",void 0);Ae([_()],ye.prototype,"isFetchingRecommendedWallets",void 0);ye=Ae([B("w3m-all-wallets-widget")],ye);var ai=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let et=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const e=this.connectors.filter(i=>i.type==="ANNOUNCED");return e!=null&&e.length?c`
|
|
212
|
+
<wui-flex flexDirection="column" gap="xs">
|
|
213
|
+
${e.filter(Me.showConnector).map(i=>c`
|
|
214
|
+
<wui-list-wallet
|
|
215
|
+
imageSrc=${E(K.getConnectorImage(i))}
|
|
216
|
+
name=${i.name??"Unknown"}
|
|
217
|
+
@click=${()=>this.onConnector(i)}
|
|
218
|
+
tagVariant="success"
|
|
219
|
+
tagLabel="installed"
|
|
220
|
+
data-testid=${`wallet-selector-${i.id}`}
|
|
221
|
+
.installed=${!0}
|
|
222
|
+
tabIdx=${E(this.tabIdx)}
|
|
223
|
+
>
|
|
224
|
+
</wui-list-wallet>
|
|
225
|
+
`)}
|
|
226
|
+
</wui-flex>
|
|
227
|
+
`:(this.style.cssText="display: none",null)}onConnector(e){e.id==="walletConnect"?k.isMobile()?U.push("AllWallets"):U.push("ConnectingWalletConnect"):U.push("ConnectingExternal",{connector:e})}};ai([u()],et.prototype,"tabIdx",void 0);ai([_()],et.prototype,"connectors",void 0);et=ai([B("w3m-connect-announced-widget")],et);var gt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ue=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.loading=!1,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e)),k.isTelegram()&&k.isIos()&&(this.loading=!j.state.wcUri,this.unsubscribe.push(j.subscribeKey("wcUri",e=>this.loading=!e)))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const{customWallets:e}=ee.state;if(!(e!=null&&e.length))return this.style.cssText="display: none",null;const i=this.filterOutDuplicateWallets(e);return c`<wui-flex flexDirection="column" gap="xs">
|
|
228
|
+
${i.map(n=>c`
|
|
229
|
+
<wui-list-wallet
|
|
230
|
+
imageSrc=${E(K.getWalletImage(n))}
|
|
231
|
+
name=${n.name??"Unknown"}
|
|
232
|
+
@click=${()=>this.onConnectWallet(n)}
|
|
233
|
+
data-testid=${`wallet-selector-${n.id}`}
|
|
234
|
+
tabIdx=${E(this.tabIdx)}
|
|
235
|
+
?loading=${this.loading}
|
|
236
|
+
>
|
|
237
|
+
</wui-list-wallet>
|
|
238
|
+
`)}
|
|
239
|
+
</wui-flex>`}filterOutDuplicateWallets(e){const i=ft.getRecentWallets(),n=this.connectors.map(s=>{var l;return(l=s.info)==null?void 0:l.rdns}).filter(Boolean),o=i.map(s=>s.rdns).filter(Boolean),t=n.concat(o);if(t.includes("io.metamask.mobile")&&k.isMobile()){const s=t.indexOf("io.metamask.mobile");t[s]="io.metamask"}return e.filter(s=>!t.includes(String(s==null?void 0:s.rdns)))}onConnectWallet(e){this.loading||U.push("ConnectingWalletConnect",{wallet:e})}};gt([u()],Ue.prototype,"tabIdx",void 0);gt([_()],Ue.prototype,"connectors",void 0);gt([_()],Ue.prototype,"loading",void 0);Ue=gt([B("w3m-connect-custom-widget")],Ue);var si=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let tt=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const n=this.connectors.filter(o=>o.type==="EXTERNAL").filter(Me.showConnector).filter(o=>o.id!==Cn.CONNECTOR_ID.COINBASE_SDK);return n!=null&&n.length?c`
|
|
240
|
+
<wui-flex flexDirection="column" gap="xs">
|
|
241
|
+
${n.map(o=>c`
|
|
242
|
+
<wui-list-wallet
|
|
243
|
+
imageSrc=${E(K.getConnectorImage(o))}
|
|
244
|
+
.installed=${!0}
|
|
245
|
+
name=${o.name??"Unknown"}
|
|
246
|
+
data-testid=${`wallet-selector-external-${o.id}`}
|
|
247
|
+
@click=${()=>this.onConnector(o)}
|
|
248
|
+
tabIdx=${E(this.tabIdx)}
|
|
249
|
+
>
|
|
250
|
+
</wui-list-wallet>
|
|
251
|
+
`)}
|
|
252
|
+
</wui-flex>
|
|
253
|
+
`:(this.style.cssText="display: none",null)}onConnector(e){U.push("ConnectingExternal",{connector:e})}};si([u()],tt.prototype,"tabIdx",void 0);si([_()],tt.prototype,"connectors",void 0);tt=si([B("w3m-connect-external-widget")],tt);var li=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let it=class extends O{constructor(){super(...arguments),this.tabIdx=void 0,this.wallets=[]}render(){return this.wallets.length?c`
|
|
254
|
+
<wui-flex flexDirection="column" gap="xs">
|
|
255
|
+
${this.wallets.map(e=>c`
|
|
256
|
+
<wui-list-wallet
|
|
257
|
+
data-testid=${`wallet-selector-featured-${e.id}`}
|
|
258
|
+
imageSrc=${E(K.getWalletImage(e))}
|
|
259
|
+
name=${e.name??"Unknown"}
|
|
260
|
+
@click=${()=>this.onConnectWallet(e)}
|
|
261
|
+
tabIdx=${E(this.tabIdx)}
|
|
262
|
+
>
|
|
263
|
+
</wui-list-wallet>
|
|
264
|
+
`)}
|
|
265
|
+
</wui-flex>
|
|
266
|
+
`:(this.style.cssText="display: none",null)}onConnectWallet(e){M.selectWalletConnector(e)}};li([u()],it.prototype,"tabIdx",void 0);li([u()],it.prototype,"wallets",void 0);it=li([B("w3m-connect-featured-widget")],it);var ci=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let nt=class extends O{constructor(){super(...arguments),this.tabIdx=void 0,this.connectors=[]}render(){const e=this.connectors.filter(Me.showConnector);return e.length===0?(this.style.cssText="display: none",null):c`
|
|
267
|
+
<wui-flex flexDirection="column" gap="xs">
|
|
268
|
+
${e.map(i=>c`
|
|
269
|
+
<wui-list-wallet
|
|
270
|
+
imageSrc=${E(K.getConnectorImage(i))}
|
|
271
|
+
.installed=${!0}
|
|
272
|
+
name=${i.name??"Unknown"}
|
|
273
|
+
tagVariant="success"
|
|
274
|
+
tagLabel="installed"
|
|
275
|
+
data-testid=${`wallet-selector-${i.id}`}
|
|
276
|
+
@click=${()=>this.onConnector(i)}
|
|
277
|
+
tabIdx=${E(this.tabIdx)}
|
|
278
|
+
>
|
|
279
|
+
</wui-list-wallet>
|
|
280
|
+
`)}
|
|
281
|
+
</wui-flex>
|
|
282
|
+
`}onConnector(e){M.setActiveConnector(e),U.push("ConnectingExternal",{connector:e})}};ci([u()],nt.prototype,"tabIdx",void 0);ci([u()],nt.prototype,"connectors",void 0);nt=ci([B("w3m-connect-injected-widget")],nt);var ui=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ot=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const e=this.connectors.filter(i=>i.type==="MULTI_CHAIN"&&i.name!=="WalletConnect");return e!=null&&e.length?c`
|
|
283
|
+
<wui-flex flexDirection="column" gap="xs">
|
|
284
|
+
${e.map(i=>c`
|
|
285
|
+
<wui-list-wallet
|
|
286
|
+
imageSrc=${E(K.getConnectorImage(i))}
|
|
287
|
+
.installed=${!0}
|
|
288
|
+
name=${i.name??"Unknown"}
|
|
289
|
+
tagVariant="shade"
|
|
290
|
+
tagLabel="multichain"
|
|
291
|
+
data-testid=${`wallet-selector-${i.id}`}
|
|
292
|
+
@click=${()=>this.onConnector(i)}
|
|
293
|
+
tabIdx=${E(this.tabIdx)}
|
|
294
|
+
>
|
|
295
|
+
</wui-list-wallet>
|
|
296
|
+
`)}
|
|
297
|
+
</wui-flex>
|
|
298
|
+
`:(this.style.cssText="display: none",null)}onConnector(e){M.setActiveConnector(e),U.push("ConnectingMultiChain")}};ui([u()],ot.prototype,"tabIdx",void 0);ui([_()],ot.prototype,"connectors",void 0);ot=ui([B("w3m-connect-multi-chain-widget")],ot);var wt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let qe=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.loading=!1,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e)),k.isTelegram()&&k.isIos()&&(this.loading=!j.state.wcUri,this.unsubscribe.push(j.subscribeKey("wcUri",e=>this.loading=!e)))}render(){const i=ft.getRecentWallets().filter(n=>!pt.isExcluded(n)).filter(n=>!this.hasWalletConnector(n)).filter(n=>this.isWalletCompatibleWithCurrentChain(n));return i.length?c`
|
|
299
|
+
<wui-flex flexDirection="column" gap="xs">
|
|
300
|
+
${i.map(n=>c`
|
|
301
|
+
<wui-list-wallet
|
|
302
|
+
imageSrc=${E(K.getWalletImage(n))}
|
|
303
|
+
name=${n.name??"Unknown"}
|
|
304
|
+
@click=${()=>this.onConnectWallet(n)}
|
|
305
|
+
tagLabel="recent"
|
|
306
|
+
tagVariant="shade"
|
|
307
|
+
tabIdx=${E(this.tabIdx)}
|
|
308
|
+
?loading=${this.loading}
|
|
309
|
+
>
|
|
310
|
+
</wui-list-wallet>
|
|
311
|
+
`)}
|
|
312
|
+
</wui-flex>
|
|
313
|
+
`:(this.style.cssText="display: none",null)}onConnectWallet(e){this.loading||M.selectWalletConnector(e)}hasWalletConnector(e){return this.connectors.some(i=>i.id===e.id||i.name===e.name)}isWalletCompatibleWithCurrentChain(e){const i=Zt.state.activeChain;return i&&e.chains?e.chains.some(n=>{const o=n.split(":")[0];return i===o}):!0}};wt([u()],qe.prototype,"tabIdx",void 0);wt([_()],qe.prototype,"connectors",void 0);wt([_()],qe.prototype,"loading",void 0);qe=wt([B("w3m-connect-recent-widget")],qe);var bt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Fe=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.wallets=[],this.loading=!1,k.isTelegram()&&k.isIos()&&(this.loading=!j.state.wcUri,this.unsubscribe.push(j.subscribeKey("wcUri",e=>this.loading=!e)))}render(){const{connectors:e}=M.state,{customWallets:i,featuredWalletIds:n}=ee.state,o=ft.getRecentWallets(),t=e.find(p=>p.id==="walletConnect"),s=e.filter(p=>p.type==="INJECTED"||p.type==="ANNOUNCED"||p.type==="MULTI_CHAIN").filter(p=>p.name!=="Browser Wallet");if(!t)return null;if(n||i||!this.wallets.length)return this.style.cssText="display: none",null;const l=s.length+o.length,d=Math.max(0,2-l),h=pt.filterOutDuplicateWallets(this.wallets).slice(0,d);return h.length?c`
|
|
314
|
+
<wui-flex flexDirection="column" gap="xs">
|
|
315
|
+
${h.map(p=>c`
|
|
316
|
+
<wui-list-wallet
|
|
317
|
+
imageSrc=${E(K.getWalletImage(p))}
|
|
318
|
+
name=${(p==null?void 0:p.name)??"Unknown"}
|
|
319
|
+
@click=${()=>this.onConnectWallet(p)}
|
|
320
|
+
tabIdx=${E(this.tabIdx)}
|
|
321
|
+
?loading=${this.loading}
|
|
322
|
+
>
|
|
323
|
+
</wui-list-wallet>
|
|
324
|
+
`)}
|
|
325
|
+
</wui-flex>
|
|
326
|
+
`:(this.style.cssText="display: none",null)}onConnectWallet(e){if(this.loading)return;const i=M.getConnector(e.id,e.rdns);i?U.push("ConnectingExternal",{connector:i}):U.push("ConnectingWalletConnect",{wallet:e})}};bt([u()],Fe.prototype,"tabIdx",void 0);bt([u()],Fe.prototype,"wallets",void 0);bt([_()],Fe.prototype,"loading",void 0);Fe=bt([B("w3m-connect-recommended-widget")],Fe);var mt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ve=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.connectorImages=vi.state.connectorImages,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e),vi.subscribeKey("connectorImages",e=>this.connectorImages=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){if(k.isMobile())return this.style.cssText="display: none",null;const e=this.connectors.find(n=>n.id==="walletConnect");if(!e)return this.style.cssText="display: none",null;const i=e.imageUrl||this.connectorImages[(e==null?void 0:e.imageId)??""];return c`
|
|
327
|
+
<wui-list-wallet
|
|
328
|
+
imageSrc=${E(i)}
|
|
329
|
+
name=${e.name??"Unknown"}
|
|
330
|
+
@click=${()=>this.onConnector(e)}
|
|
331
|
+
tagLabel="qr code"
|
|
332
|
+
tagVariant="main"
|
|
333
|
+
tabIdx=${E(this.tabIdx)}
|
|
334
|
+
data-testid="wallet-selector-walletconnect"
|
|
335
|
+
>
|
|
336
|
+
</wui-list-wallet>
|
|
337
|
+
`}onConnector(e){M.setActiveConnector(e),U.push("ConnectingWalletConnect")}};mt([u()],Ve.prototype,"tabIdx",void 0);mt([_()],Ve.prototype,"connectors",void 0);mt([_()],Ve.prototype,"connectorImages",void 0);Ve=mt([B("w3m-connect-walletconnect-widget")],Ve);const Pn=N`
|
|
338
|
+
:host {
|
|
339
|
+
margin-top: var(--wui-spacing-3xs);
|
|
340
|
+
}
|
|
341
|
+
wui-separator {
|
|
342
|
+
margin: var(--wui-spacing-m) calc(var(--wui-spacing-m) * -1) var(--wui-spacing-xs)
|
|
343
|
+
calc(var(--wui-spacing-m) * -1);
|
|
344
|
+
width: calc(100% + var(--wui-spacing-s) * 2);
|
|
345
|
+
}
|
|
346
|
+
`;var Ke=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let xe=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.recommended=z.state.recommended,this.featured=z.state.featured,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e),z.subscribeKey("recommended",e=>this.recommended=e),z.subscribeKey("featured",e=>this.featured=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return c`
|
|
347
|
+
<wui-flex flexDirection="column" gap="xs"> ${this.connectorListTemplate()} </wui-flex>
|
|
348
|
+
`}connectorListTemplate(){const{custom:e,recent:i,announced:n,injected:o,multiChain:t,recommended:a,featured:s,external:l}=Me.getConnectorsByType(this.connectors,this.recommended,this.featured);return Me.getConnectorTypeOrder({custom:e,recent:i,announced:n,injected:o,multiChain:t,recommended:a,featured:s,external:l}).map(h=>{switch(h){case"injected":return c`
|
|
349
|
+
${t.length?c`<w3m-connect-multi-chain-widget
|
|
350
|
+
tabIdx=${E(this.tabIdx)}
|
|
351
|
+
></w3m-connect-multi-chain-widget>`:null}
|
|
352
|
+
${n.length?c`<w3m-connect-announced-widget
|
|
353
|
+
tabIdx=${E(this.tabIdx)}
|
|
354
|
+
></w3m-connect-announced-widget>`:null}
|
|
355
|
+
${o.length?c`<w3m-connect-injected-widget
|
|
356
|
+
.connectors=${o}
|
|
357
|
+
tabIdx=${E(this.tabIdx)}
|
|
358
|
+
></w3m-connect-injected-widget>`:null}
|
|
359
|
+
`;case"walletConnect":return c`<w3m-connect-walletconnect-widget
|
|
360
|
+
tabIdx=${E(this.tabIdx)}
|
|
361
|
+
></w3m-connect-walletconnect-widget>`;case"recent":return c`<w3m-connect-recent-widget
|
|
362
|
+
tabIdx=${E(this.tabIdx)}
|
|
363
|
+
></w3m-connect-recent-widget>`;case"featured":return c`<w3m-connect-featured-widget
|
|
364
|
+
.wallets=${s}
|
|
365
|
+
tabIdx=${E(this.tabIdx)}
|
|
366
|
+
></w3m-connect-featured-widget>`;case"custom":return c`<w3m-connect-custom-widget
|
|
367
|
+
tabIdx=${E(this.tabIdx)}
|
|
368
|
+
></w3m-connect-custom-widget>`;case"external":return c`<w3m-connect-external-widget
|
|
369
|
+
tabIdx=${E(this.tabIdx)}
|
|
370
|
+
></w3m-connect-external-widget>`;case"recommended":return c`<w3m-connect-recommended-widget
|
|
371
|
+
.wallets=${a}
|
|
372
|
+
tabIdx=${E(this.tabIdx)}
|
|
373
|
+
></w3m-connect-recommended-widget>`;default:return console.warn(`Unknown connector type: ${h}`),null}})}};xe.styles=Pn;Ke([u()],xe.prototype,"tabIdx",void 0);Ke([_()],xe.prototype,"connectors",void 0);Ke([_()],xe.prototype,"recommended",void 0);Ke([_()],xe.prototype,"featured",void 0);xe=Ke([B("w3m-connector-list")],xe);const Bn=N`
|
|
374
|
+
:host {
|
|
375
|
+
display: inline-flex;
|
|
376
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
377
|
+
border-radius: var(--wui-border-radius-3xl);
|
|
378
|
+
padding: var(--wui-spacing-3xs);
|
|
379
|
+
position: relative;
|
|
380
|
+
height: 36px;
|
|
381
|
+
min-height: 36px;
|
|
382
|
+
overflow: hidden;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
:host::before {
|
|
386
|
+
content: '';
|
|
387
|
+
position: absolute;
|
|
388
|
+
pointer-events: none;
|
|
389
|
+
top: 4px;
|
|
390
|
+
left: 4px;
|
|
391
|
+
display: block;
|
|
392
|
+
width: var(--local-tab-width);
|
|
393
|
+
height: 28px;
|
|
394
|
+
border-radius: var(--wui-border-radius-3xl);
|
|
395
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
396
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
|
|
397
|
+
transform: translateX(calc(var(--local-tab) * var(--local-tab-width)));
|
|
398
|
+
transition: transform var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
399
|
+
will-change: background-color, opacity;
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
:host([data-type='flex'])::before {
|
|
403
|
+
left: 3px;
|
|
404
|
+
transform: translateX(calc((var(--local-tab) * 34px) + (var(--local-tab) * 4px)));
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
:host([data-type='flex']) {
|
|
408
|
+
display: flex;
|
|
409
|
+
padding: 0px 0px 0px 12px;
|
|
410
|
+
gap: 4px;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
:host([data-type='flex']) > button > wui-text {
|
|
414
|
+
position: absolute;
|
|
415
|
+
left: 18px;
|
|
416
|
+
opacity: 0;
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
button[data-active='true'] > wui-icon,
|
|
420
|
+
button[data-active='true'] > wui-text {
|
|
421
|
+
color: var(--wui-color-fg-100);
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
button[data-active='false'] > wui-icon,
|
|
425
|
+
button[data-active='false'] > wui-text {
|
|
426
|
+
color: var(--wui-color-fg-200);
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
button[data-active='true']:disabled,
|
|
430
|
+
button[data-active='false']:disabled {
|
|
431
|
+
background-color: transparent;
|
|
432
|
+
opacity: 0.5;
|
|
433
|
+
cursor: not-allowed;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
button[data-active='true']:disabled > wui-text {
|
|
437
|
+
color: var(--wui-color-fg-200);
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
button[data-active='false']:disabled > wui-text {
|
|
441
|
+
color: var(--wui-color-fg-300);
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
button > wui-icon,
|
|
445
|
+
button > wui-text {
|
|
446
|
+
pointer-events: none;
|
|
447
|
+
transition: color var(--wui-e ase-out-power-1) var(--wui-duration-md);
|
|
448
|
+
will-change: color;
|
|
449
|
+
}
|
|
450
|
+
|
|
451
|
+
button {
|
|
452
|
+
width: var(--local-tab-width);
|
|
453
|
+
transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
454
|
+
will-change: background-color;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
:host([data-type='flex']) > button {
|
|
458
|
+
width: 34px;
|
|
459
|
+
position: relative;
|
|
460
|
+
display: flex;
|
|
461
|
+
justify-content: flex-start;
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
button:hover:enabled,
|
|
465
|
+
button:active:enabled {
|
|
466
|
+
background-color: transparent !important;
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
button:hover:enabled > wui-icon,
|
|
470
|
+
button:active:enabled > wui-icon {
|
|
471
|
+
transition: all var(--wui-ease-out-power-1) var(--wui-duration-lg);
|
|
472
|
+
color: var(--wui-color-fg-125);
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
button:hover:enabled > wui-text,
|
|
476
|
+
button:active:enabled > wui-text {
|
|
477
|
+
transition: all var(--wui-ease-out-power-1) var(--wui-duration-lg);
|
|
478
|
+
color: var(--wui-color-fg-125);
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
button {
|
|
482
|
+
border-radius: var(--wui-border-radius-3xl);
|
|
483
|
+
}
|
|
484
|
+
`;var ve=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let re=class extends O{constructor(){super(...arguments),this.tabs=[],this.onTabChange=()=>null,this.buttons=[],this.disabled=!1,this.localTabWidth="100px",this.activeTab=0,this.isDense=!1}render(){return this.isDense=this.tabs.length>3,this.style.cssText=`
|
|
485
|
+
--local-tab: ${this.activeTab};
|
|
486
|
+
--local-tab-width: ${this.localTabWidth};
|
|
487
|
+
`,this.dataset.type=this.isDense?"flex":"block",this.tabs.map((e,i)=>{var o;const n=i===this.activeTab;return c`
|
|
488
|
+
<button
|
|
489
|
+
?disabled=${this.disabled}
|
|
490
|
+
@click=${()=>this.onTabClick(i)}
|
|
491
|
+
data-active=${n}
|
|
492
|
+
data-testid="tab-${(o=e.label)==null?void 0:o.toLowerCase()}"
|
|
493
|
+
>
|
|
494
|
+
${this.iconTemplate(e)}
|
|
495
|
+
<wui-text variant="small-600" color="inherit"> ${e.label} </wui-text>
|
|
496
|
+
</button>
|
|
497
|
+
`})}firstUpdated(){this.shadowRoot&&this.isDense&&(this.buttons=[...this.shadowRoot.querySelectorAll("button")],setTimeout(()=>{this.animateTabs(0,!0)},0))}iconTemplate(e){return e.icon?c`<wui-icon size="xs" color="inherit" name=${e.icon}></wui-icon>`:null}onTabClick(e){this.buttons&&this.animateTabs(e,!1),this.activeTab=e,this.onTabChange(e)}animateTabs(e,i){const n=this.buttons[this.activeTab],o=this.buttons[e],t=n==null?void 0:n.querySelector("wui-text"),a=o==null?void 0:o.querySelector("wui-text"),s=o==null?void 0:o.getBoundingClientRect(),l=a==null?void 0:a.getBoundingClientRect();n&&t&&!i&&e!==this.activeTab&&(t.animate([{opacity:0}],{duration:50,easing:"ease",fill:"forwards"}),n.animate([{width:"34px"}],{duration:500,easing:"ease",fill:"forwards"})),o&&s&&l&&a&&(e!==this.activeTab||i)&&(this.localTabWidth=`${Math.round(s.width+l.width)+6}px`,o.animate([{width:`${s.width+l.width}px`}],{duration:i?0:500,fill:"forwards",easing:"ease"}),a.animate([{opacity:1}],{duration:i?0:125,delay:i?0:200,fill:"forwards",easing:"ease"}))}};re.styles=[q,G,Bn];ve([u({type:Array})],re.prototype,"tabs",void 0);ve([u()],re.prototype,"onTabChange",void 0);ve([u({type:Array})],re.prototype,"buttons",void 0);ve([u({type:Boolean})],re.prototype,"disabled",void 0);ve([u()],re.prototype,"localTabWidth",void 0);ve([_()],re.prototype,"activeTab",void 0);ve([_()],re.prototype,"isDense",void 0);re=ve([B("wui-tabs")],re);var di=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let rt=class extends O{constructor(){super(...arguments),this.platformTabs=[],this.unsubscribe=[],this.platforms=[],this.onSelectPlatfrom=void 0}disconnectCallback(){this.unsubscribe.forEach(e=>e())}render(){const e=this.generateTabs();return c`
|
|
498
|
+
<wui-flex justifyContent="center" .padding=${["0","0","l","0"]}>
|
|
499
|
+
<wui-tabs .tabs=${e} .onTabChange=${this.onTabChange.bind(this)}></wui-tabs>
|
|
500
|
+
</wui-flex>
|
|
501
|
+
`}generateTabs(){const e=this.platforms.map(i=>i==="browser"?{label:"Browser",icon:"extension",platform:"browser"}:i==="mobile"?{label:"Mobile",icon:"mobile",platform:"mobile"}:i==="qrcode"?{label:"Mobile",icon:"mobile",platform:"qrcode"}:i==="web"?{label:"Webapp",icon:"browser",platform:"web"}:i==="desktop"?{label:"Desktop",icon:"desktop",platform:"desktop"}:{label:"Browser",icon:"extension",platform:"unsupported"});return this.platformTabs=e.map(({platform:i})=>i),e}onTabChange(e){var n;const i=this.platformTabs[e];i&&((n=this.onSelectPlatfrom)==null||n.call(this,i))}};di([u({type:Array})],rt.prototype,"platforms",void 0);di([u()],rt.prototype,"onSelectPlatfrom",void 0);rt=di([B("w3m-connecting-header")],rt);const Ln=N`
|
|
502
|
+
:host {
|
|
503
|
+
width: var(--local-width);
|
|
504
|
+
position: relative;
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
button {
|
|
508
|
+
border: none;
|
|
509
|
+
border-radius: var(--local-border-radius);
|
|
510
|
+
width: var(--local-width);
|
|
511
|
+
white-space: nowrap;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
/* -- Sizes --------------------------------------------------- */
|
|
515
|
+
button[data-size='md'] {
|
|
516
|
+
padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-l);
|
|
517
|
+
height: 36px;
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
button[data-size='md'][data-icon-left='true'][data-icon-right='false'] {
|
|
521
|
+
padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-s);
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
button[data-size='md'][data-icon-right='true'][data-icon-left='false'] {
|
|
525
|
+
padding: 8.2px var(--wui-spacing-s) 9px var(--wui-spacing-l);
|
|
526
|
+
}
|
|
527
|
+
|
|
528
|
+
button[data-size='lg'] {
|
|
529
|
+
padding: var(--wui-spacing-m) var(--wui-spacing-2l);
|
|
530
|
+
height: 48px;
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
/* -- Variants --------------------------------------------------------- */
|
|
534
|
+
button[data-variant='main'] {
|
|
535
|
+
background-color: var(--wui-color-accent-100);
|
|
536
|
+
color: var(--wui-color-inverse-100);
|
|
537
|
+
border: none;
|
|
538
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
539
|
+
}
|
|
540
|
+
|
|
541
|
+
button[data-variant='inverse'] {
|
|
542
|
+
background-color: var(--wui-color-inverse-100);
|
|
543
|
+
color: var(--wui-color-inverse-000);
|
|
544
|
+
border: none;
|
|
545
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
546
|
+
}
|
|
547
|
+
|
|
548
|
+
button[data-variant='accent'] {
|
|
549
|
+
background-color: var(--wui-color-accent-glass-010);
|
|
550
|
+
color: var(--wui-color-accent-100);
|
|
551
|
+
border: none;
|
|
552
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
button[data-variant='accent-error'] {
|
|
556
|
+
background: var(--wui-color-error-glass-015);
|
|
557
|
+
color: var(--wui-color-error-100);
|
|
558
|
+
border: none;
|
|
559
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-error-glass-010);
|
|
560
|
+
}
|
|
561
|
+
|
|
562
|
+
button[data-variant='accent-success'] {
|
|
563
|
+
background: var(--wui-color-success-glass-015);
|
|
564
|
+
color: var(--wui-color-success-100);
|
|
565
|
+
border: none;
|
|
566
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-success-glass-010);
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
button[data-variant='neutral'] {
|
|
570
|
+
background: transparent;
|
|
571
|
+
color: var(--wui-color-fg-100);
|
|
572
|
+
border: none;
|
|
573
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
/* -- Focus states --------------------------------------------------- */
|
|
577
|
+
button[data-variant='main']:focus-visible:enabled {
|
|
578
|
+
background-color: var(--wui-color-accent-090);
|
|
579
|
+
box-shadow:
|
|
580
|
+
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
581
|
+
0 0 0 4px var(--wui-color-accent-glass-020);
|
|
582
|
+
}
|
|
583
|
+
button[data-variant='inverse']:focus-visible:enabled {
|
|
584
|
+
background-color: var(--wui-color-inverse-100);
|
|
585
|
+
box-shadow:
|
|
586
|
+
inset 0 0 0 1px var(--wui-color-gray-glass-010),
|
|
587
|
+
0 0 0 4px var(--wui-color-accent-glass-020);
|
|
588
|
+
}
|
|
589
|
+
button[data-variant='accent']:focus-visible:enabled {
|
|
590
|
+
background-color: var(--wui-color-accent-glass-010);
|
|
591
|
+
box-shadow:
|
|
592
|
+
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
593
|
+
0 0 0 4px var(--wui-color-accent-glass-020);
|
|
594
|
+
}
|
|
595
|
+
button[data-variant='accent-error']:focus-visible:enabled {
|
|
596
|
+
background: var(--wui-color-error-glass-015);
|
|
597
|
+
box-shadow:
|
|
598
|
+
inset 0 0 0 1px var(--wui-color-error-100),
|
|
599
|
+
0 0 0 4px var(--wui-color-error-glass-020);
|
|
600
|
+
}
|
|
601
|
+
button[data-variant='accent-success']:focus-visible:enabled {
|
|
602
|
+
background: var(--wui-color-success-glass-015);
|
|
603
|
+
box-shadow:
|
|
604
|
+
inset 0 0 0 1px var(--wui-color-success-100),
|
|
605
|
+
0 0 0 4px var(--wui-color-success-glass-020);
|
|
606
|
+
}
|
|
607
|
+
button[data-variant='neutral']:focus-visible:enabled {
|
|
608
|
+
background: var(--wui-color-gray-glass-005);
|
|
609
|
+
box-shadow:
|
|
610
|
+
inset 0 0 0 1px var(--wui-color-gray-glass-010),
|
|
611
|
+
0 0 0 4px var(--wui-color-gray-glass-002);
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
/* -- Hover & Active states ----------------------------------------------------------- */
|
|
615
|
+
@media (hover: hover) and (pointer: fine) {
|
|
616
|
+
button[data-variant='main']:hover:enabled {
|
|
617
|
+
background-color: var(--wui-color-accent-090);
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
button[data-variant='main']:active:enabled {
|
|
621
|
+
background-color: var(--wui-color-accent-080);
|
|
622
|
+
}
|
|
623
|
+
|
|
624
|
+
button[data-variant='accent']:hover:enabled {
|
|
625
|
+
background-color: var(--wui-color-accent-glass-015);
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
button[data-variant='accent']:active:enabled {
|
|
629
|
+
background-color: var(--wui-color-accent-glass-020);
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
button[data-variant='accent-error']:hover:enabled {
|
|
633
|
+
background: var(--wui-color-error-glass-020);
|
|
634
|
+
color: var(--wui-color-error-100);
|
|
635
|
+
}
|
|
636
|
+
|
|
637
|
+
button[data-variant='accent-error']:active:enabled {
|
|
638
|
+
background: var(--wui-color-error-glass-030);
|
|
639
|
+
color: var(--wui-color-error-100);
|
|
640
|
+
}
|
|
641
|
+
|
|
642
|
+
button[data-variant='accent-success']:hover:enabled {
|
|
643
|
+
background: var(--wui-color-success-glass-020);
|
|
644
|
+
color: var(--wui-color-success-100);
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
button[data-variant='accent-success']:active:enabled {
|
|
648
|
+
background: var(--wui-color-success-glass-030);
|
|
649
|
+
color: var(--wui-color-success-100);
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
button[data-variant='neutral']:hover:enabled {
|
|
653
|
+
background: var(--wui-color-gray-glass-002);
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
button[data-variant='neutral']:active:enabled {
|
|
657
|
+
background: var(--wui-color-gray-glass-005);
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
button[data-size='lg'][data-icon-left='true'][data-icon-right='false'] {
|
|
661
|
+
padding-left: var(--wui-spacing-m);
|
|
662
|
+
}
|
|
663
|
+
|
|
664
|
+
button[data-size='lg'][data-icon-right='true'][data-icon-left='false'] {
|
|
665
|
+
padding-right: var(--wui-spacing-m);
|
|
666
|
+
}
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
/* -- Disabled state --------------------------------------------------- */
|
|
670
|
+
button:disabled {
|
|
671
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
672
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
|
|
673
|
+
color: var(--wui-color-gray-glass-020);
|
|
674
|
+
cursor: not-allowed;
|
|
675
|
+
}
|
|
676
|
+
|
|
677
|
+
button > wui-text {
|
|
678
|
+
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
679
|
+
will-change: opacity;
|
|
680
|
+
opacity: var(--local-opacity-100);
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
::slotted(*) {
|
|
684
|
+
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
685
|
+
will-change: opacity;
|
|
686
|
+
opacity: var(--local-opacity-100);
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
wui-loading-spinner {
|
|
690
|
+
position: absolute;
|
|
691
|
+
left: 50%;
|
|
692
|
+
top: 50%;
|
|
693
|
+
transform: translate(-50%, -50%);
|
|
694
|
+
opacity: var(--local-opacity-000);
|
|
695
|
+
}
|
|
696
|
+
`;var ae=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const xi={main:"inverse-100",inverse:"inverse-000",accent:"accent-100","accent-error":"error-100","accent-success":"success-100",neutral:"fg-100",disabled:"gray-glass-020"},On={lg:"paragraph-600",md:"small-600"},An={lg:"md",md:"md"};let Q=class extends O{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=`
|
|
697
|
+
--local-width: ${this.fullWidth?"100%":"auto"};
|
|
698
|
+
--local-opacity-100: ${this.loading?0:1};
|
|
699
|
+
--local-opacity-000: ${this.loading?1:0};
|
|
700
|
+
--local-border-radius: var(--wui-border-radius-${this.borderRadius});
|
|
701
|
+
`;const e=this.textVariant??On[this.size];return c`
|
|
702
|
+
<button
|
|
703
|
+
data-variant=${this.variant}
|
|
704
|
+
data-icon-left=${this.hasIconLeft}
|
|
705
|
+
data-icon-right=${this.hasIconRight}
|
|
706
|
+
data-size=${this.size}
|
|
707
|
+
?disabled=${this.disabled}
|
|
708
|
+
>
|
|
709
|
+
${this.loadingTemplate()}
|
|
710
|
+
<slot name="iconLeft" @slotchange=${()=>this.handleSlotLeftChange()}></slot>
|
|
711
|
+
<wui-text variant=${e} color="inherit">
|
|
712
|
+
<slot></slot>
|
|
713
|
+
</wui-text>
|
|
714
|
+
<slot name="iconRight" @slotchange=${()=>this.handleSlotRightChange()}></slot>
|
|
715
|
+
</button>
|
|
716
|
+
`}handleSlotLeftChange(){this.hasIconLeft=!0}handleSlotRightChange(){this.hasIconRight=!0}loadingTemplate(){if(this.loading){const e=An[this.size],i=this.disabled?xi.disabled:xi[this.variant];return c`<wui-loading-spinner color=${i} size=${e}></wui-loading-spinner>`}return c``}};Q.styles=[q,G,Ln];ae([u()],Q.prototype,"size",void 0);ae([u({type:Boolean})],Q.prototype,"disabled",void 0);ae([u({type:Boolean})],Q.prototype,"fullWidth",void 0);ae([u({type:Boolean})],Q.prototype,"loading",void 0);ae([u()],Q.prototype,"variant",void 0);ae([u({type:Boolean})],Q.prototype,"hasIconLeft",void 0);ae([u({type:Boolean})],Q.prototype,"hasIconRight",void 0);ae([u()],Q.prototype,"borderRadius",void 0);ae([u()],Q.prototype,"textVariant",void 0);Q=ae([B("wui-button")],Q);const kn=N`
|
|
717
|
+
button {
|
|
718
|
+
padding: var(--wui-spacing-4xs) var(--wui-spacing-xxs);
|
|
719
|
+
border-radius: var(--wui-border-radius-3xs);
|
|
720
|
+
background-color: transparent;
|
|
721
|
+
color: var(--wui-color-accent-100);
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
button:disabled {
|
|
725
|
+
background-color: transparent;
|
|
726
|
+
color: var(--wui-color-gray-glass-015);
|
|
727
|
+
}
|
|
728
|
+
|
|
729
|
+
button:hover {
|
|
730
|
+
background-color: var(--wui-color-gray-glass-005);
|
|
731
|
+
}
|
|
732
|
+
`;var vt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Pe=class extends O{constructor(){super(...arguments),this.tabIdx=void 0,this.disabled=!1,this.color="inherit"}render(){return c`
|
|
733
|
+
<button ?disabled=${this.disabled} tabindex=${E(this.tabIdx)}>
|
|
734
|
+
<slot name="iconLeft"></slot>
|
|
735
|
+
<wui-text variant="small-600" color=${this.color}>
|
|
736
|
+
<slot></slot>
|
|
737
|
+
</wui-text>
|
|
738
|
+
<slot name="iconRight"></slot>
|
|
739
|
+
</button>
|
|
740
|
+
`}};Pe.styles=[q,G,kn];vt([u()],Pe.prototype,"tabIdx",void 0);vt([u({type:Boolean})],Pe.prototype,"disabled",void 0);vt([u()],Pe.prototype,"color",void 0);Pe=vt([B("wui-link")],Pe);const jn=N`
|
|
741
|
+
:host {
|
|
742
|
+
display: block;
|
|
743
|
+
width: var(--wui-box-size-md);
|
|
744
|
+
height: var(--wui-box-size-md);
|
|
745
|
+
}
|
|
746
|
+
|
|
747
|
+
svg {
|
|
748
|
+
width: var(--wui-box-size-md);
|
|
749
|
+
height: var(--wui-box-size-md);
|
|
750
|
+
}
|
|
751
|
+
|
|
752
|
+
rect {
|
|
753
|
+
fill: none;
|
|
754
|
+
stroke: var(--wui-color-accent-100);
|
|
755
|
+
stroke-width: 4px;
|
|
756
|
+
stroke-linecap: round;
|
|
757
|
+
animation: dash 1s linear infinite;
|
|
758
|
+
}
|
|
759
|
+
|
|
760
|
+
@keyframes dash {
|
|
761
|
+
to {
|
|
762
|
+
stroke-dashoffset: 0px;
|
|
763
|
+
}
|
|
764
|
+
}
|
|
765
|
+
`;var sn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let at=class extends O{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){const e=this.radius>50?50:this.radius,n=36-e,o=116+n,t=245+n,a=360+n*1.75;return c`
|
|
766
|
+
<svg viewBox="0 0 110 110" width="110" height="110">
|
|
767
|
+
<rect
|
|
768
|
+
x="2"
|
|
769
|
+
y="2"
|
|
770
|
+
width="106"
|
|
771
|
+
height="106"
|
|
772
|
+
rx=${e}
|
|
773
|
+
stroke-dasharray="${o} ${t}"
|
|
774
|
+
stroke-dashoffset=${a}
|
|
775
|
+
/>
|
|
776
|
+
</svg>
|
|
777
|
+
`}};at.styles=[q,jn];sn([u({type:Number})],at.prototype,"radius",void 0);at=sn([B("wui-loading-thumbnail")],at);const Dn=N`
|
|
778
|
+
button {
|
|
779
|
+
border: none;
|
|
780
|
+
border-radius: var(--wui-border-radius-3xl);
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
button[data-variant='main'] {
|
|
784
|
+
background-color: var(--wui-color-accent-100);
|
|
785
|
+
color: var(--wui-color-inverse-100);
|
|
786
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
787
|
+
}
|
|
788
|
+
|
|
789
|
+
button[data-variant='accent'] {
|
|
790
|
+
background-color: var(--wui-color-accent-glass-010);
|
|
791
|
+
color: var(--wui-color-accent-100);
|
|
792
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
793
|
+
}
|
|
794
|
+
|
|
795
|
+
button[data-variant='gray'] {
|
|
796
|
+
background-color: transparent;
|
|
797
|
+
color: var(--wui-color-fg-200);
|
|
798
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
799
|
+
}
|
|
800
|
+
|
|
801
|
+
button[data-variant='shade'] {
|
|
802
|
+
background-color: transparent;
|
|
803
|
+
color: var(--wui-color-accent-100);
|
|
804
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
button[data-size='sm'] {
|
|
808
|
+
height: 32px;
|
|
809
|
+
padding: 0 var(--wui-spacing-s);
|
|
810
|
+
}
|
|
811
|
+
|
|
812
|
+
button[data-size='md'] {
|
|
813
|
+
height: 40px;
|
|
814
|
+
padding: 0 var(--wui-spacing-l);
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
button[data-size='sm'] > wui-image {
|
|
818
|
+
width: 16px;
|
|
819
|
+
height: 16px;
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
button[data-size='md'] > wui-image {
|
|
823
|
+
width: 24px;
|
|
824
|
+
height: 24px;
|
|
825
|
+
}
|
|
826
|
+
|
|
827
|
+
button[data-size='sm'] > wui-icon {
|
|
828
|
+
width: 12px;
|
|
829
|
+
height: 12px;
|
|
830
|
+
}
|
|
831
|
+
|
|
832
|
+
button[data-size='md'] > wui-icon {
|
|
833
|
+
width: 14px;
|
|
834
|
+
height: 14px;
|
|
835
|
+
}
|
|
836
|
+
|
|
837
|
+
wui-image {
|
|
838
|
+
border-radius: var(--wui-border-radius-3xl);
|
|
839
|
+
overflow: hidden;
|
|
840
|
+
}
|
|
841
|
+
|
|
842
|
+
button.disabled > wui-icon,
|
|
843
|
+
button.disabled > wui-image {
|
|
844
|
+
filter: grayscale(1);
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
button[data-variant='main'] > wui-image {
|
|
848
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-accent-090);
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
button[data-variant='shade'] > wui-image,
|
|
852
|
+
button[data-variant='gray'] > wui-image {
|
|
853
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
@media (hover: hover) and (pointer: fine) {
|
|
857
|
+
button[data-variant='main']:focus-visible {
|
|
858
|
+
background-color: var(--wui-color-accent-090);
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
button[data-variant='main']:hover:enabled {
|
|
862
|
+
background-color: var(--wui-color-accent-090);
|
|
863
|
+
}
|
|
864
|
+
|
|
865
|
+
button[data-variant='main']:active:enabled {
|
|
866
|
+
background-color: var(--wui-color-accent-080);
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
button[data-variant='accent']:hover:enabled {
|
|
870
|
+
background-color: var(--wui-color-accent-glass-015);
|
|
871
|
+
}
|
|
872
|
+
|
|
873
|
+
button[data-variant='accent']:active:enabled {
|
|
874
|
+
background-color: var(--wui-color-accent-glass-020);
|
|
875
|
+
}
|
|
876
|
+
|
|
877
|
+
button[data-variant='shade']:focus-visible,
|
|
878
|
+
button[data-variant='gray']:focus-visible,
|
|
879
|
+
button[data-variant='shade']:hover,
|
|
880
|
+
button[data-variant='gray']:hover {
|
|
881
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
882
|
+
}
|
|
883
|
+
|
|
884
|
+
button[data-variant='gray']:active,
|
|
885
|
+
button[data-variant='shade']:active {
|
|
886
|
+
background-color: var(--wui-color-gray-glass-005);
|
|
887
|
+
}
|
|
888
|
+
}
|
|
889
|
+
|
|
890
|
+
button.disabled {
|
|
891
|
+
color: var(--wui-color-gray-glass-020);
|
|
892
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
893
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
|
|
894
|
+
pointer-events: none;
|
|
895
|
+
}
|
|
896
|
+
`;var Ie=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let pe=class extends O{constructor(){super(...arguments),this.variant="accent",this.imageSrc="",this.disabled=!1,this.icon="externalLink",this.size="md",this.text=""}render(){const e=this.size==="sm"?"small-600":"paragraph-600";return c`
|
|
897
|
+
<button
|
|
898
|
+
class=${this.disabled?"disabled":""}
|
|
899
|
+
data-variant=${this.variant}
|
|
900
|
+
data-size=${this.size}
|
|
901
|
+
>
|
|
902
|
+
${this.imageSrc?c`<wui-image src=${this.imageSrc}></wui-image>`:null}
|
|
903
|
+
<wui-text variant=${e} color="inherit"> ${this.text} </wui-text>
|
|
904
|
+
<wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon>
|
|
905
|
+
</button>
|
|
906
|
+
`}};pe.styles=[q,G,Dn];Ie([u()],pe.prototype,"variant",void 0);Ie([u()],pe.prototype,"imageSrc",void 0);Ie([u({type:Boolean})],pe.prototype,"disabled",void 0);Ie([u()],pe.prototype,"icon",void 0);Ie([u()],pe.prototype,"size",void 0);Ie([u()],pe.prototype,"text",void 0);pe=Ie([B("wui-chip-button")],pe);const zn=N`
|
|
907
|
+
wui-flex {
|
|
908
|
+
width: 100%;
|
|
909
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
910
|
+
border-radius: var(--wui-border-radius-xs);
|
|
911
|
+
}
|
|
912
|
+
`;var yt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Be=class extends O{constructor(){super(...arguments),this.disabled=!1,this.label="",this.buttonLabel=""}render(){return c`
|
|
913
|
+
<wui-flex
|
|
914
|
+
justifyContent="space-between"
|
|
915
|
+
alignItems="center"
|
|
916
|
+
.padding=${["1xs","2l","1xs","2l"]}
|
|
917
|
+
>
|
|
918
|
+
<wui-text variant="paragraph-500" color="fg-200">${this.label}</wui-text>
|
|
919
|
+
<wui-chip-button size="sm" variant="shade" text=${this.buttonLabel} icon="chevronRight">
|
|
920
|
+
</wui-chip-button>
|
|
921
|
+
</wui-flex>
|
|
922
|
+
`}};Be.styles=[q,G,zn];yt([u({type:Boolean})],Be.prototype,"disabled",void 0);yt([u()],Be.prototype,"label",void 0);yt([u()],Be.prototype,"buttonLabel",void 0);Be=yt([B("wui-cta-button")],Be);const Nn=N`
|
|
923
|
+
:host {
|
|
924
|
+
display: block;
|
|
925
|
+
padding: 0 var(--wui-spacing-xl) var(--wui-spacing-xl);
|
|
926
|
+
}
|
|
927
|
+
`;var ln=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let st=class extends O{constructor(){super(...arguments),this.wallet=void 0}render(){if(!this.wallet)return this.style.display="none",null;const{name:e,app_store:i,play_store:n,chrome_store:o,homepage:t}=this.wallet,a=k.isMobile(),s=k.isIos(),l=k.isAndroid(),d=[i,n,t,o].filter(Boolean).length>1,h=he.getTruncateString({string:e,charsStart:12,charsEnd:0,truncate:"end"});return d&&!a?c`
|
|
928
|
+
<wui-cta-button
|
|
929
|
+
label=${`Don't have ${h}?`}
|
|
930
|
+
buttonLabel="Get"
|
|
931
|
+
@click=${()=>U.push("Downloads",{wallet:this.wallet})}
|
|
932
|
+
></wui-cta-button>
|
|
933
|
+
`:!d&&t?c`
|
|
934
|
+
<wui-cta-button
|
|
935
|
+
label=${`Don't have ${h}?`}
|
|
936
|
+
buttonLabel="Get"
|
|
937
|
+
@click=${this.onHomePage.bind(this)}
|
|
938
|
+
></wui-cta-button>
|
|
939
|
+
`:i&&s?c`
|
|
940
|
+
<wui-cta-button
|
|
941
|
+
label=${`Don't have ${h}?`}
|
|
942
|
+
buttonLabel="Get"
|
|
943
|
+
@click=${this.onAppStore.bind(this)}
|
|
944
|
+
></wui-cta-button>
|
|
945
|
+
`:n&&l?c`
|
|
946
|
+
<wui-cta-button
|
|
947
|
+
label=${`Don't have ${h}?`}
|
|
948
|
+
buttonLabel="Get"
|
|
949
|
+
@click=${this.onPlayStore.bind(this)}
|
|
950
|
+
></wui-cta-button>
|
|
951
|
+
`:(this.style.display="none",null)}onAppStore(){var e;(e=this.wallet)!=null&&e.app_store&&k.openHref(this.wallet.app_store,"_blank")}onPlayStore(){var e;(e=this.wallet)!=null&&e.play_store&&k.openHref(this.wallet.play_store,"_blank")}onHomePage(){var e;(e=this.wallet)!=null&&e.homepage&&k.openHref(this.wallet.homepage,"_blank")}};st.styles=[Nn];ln([u({type:Object})],st.prototype,"wallet",void 0);st=ln([B("w3m-mobile-download-links")],st);const Mn=N`
|
|
952
|
+
@keyframes shake {
|
|
953
|
+
0% {
|
|
954
|
+
transform: translateX(0);
|
|
955
|
+
}
|
|
956
|
+
25% {
|
|
957
|
+
transform: translateX(3px);
|
|
958
|
+
}
|
|
959
|
+
50% {
|
|
960
|
+
transform: translateX(-3px);
|
|
961
|
+
}
|
|
962
|
+
75% {
|
|
963
|
+
transform: translateX(3px);
|
|
964
|
+
}
|
|
965
|
+
100% {
|
|
966
|
+
transform: translateX(0);
|
|
967
|
+
}
|
|
968
|
+
}
|
|
969
|
+
|
|
970
|
+
wui-flex:first-child:not(:only-child) {
|
|
971
|
+
position: relative;
|
|
972
|
+
}
|
|
973
|
+
|
|
974
|
+
wui-loading-thumbnail {
|
|
975
|
+
position: absolute;
|
|
976
|
+
}
|
|
977
|
+
|
|
978
|
+
wui-icon-box {
|
|
979
|
+
position: absolute;
|
|
980
|
+
right: calc(var(--wui-spacing-3xs) * -1);
|
|
981
|
+
bottom: calc(var(--wui-spacing-3xs) * -1);
|
|
982
|
+
opacity: 0;
|
|
983
|
+
transform: scale(0.5);
|
|
984
|
+
transition-property: opacity, transform;
|
|
985
|
+
transition-duration: var(--wui-duration-lg);
|
|
986
|
+
transition-timing-function: var(--wui-ease-out-power-2);
|
|
987
|
+
will-change: opacity, transform;
|
|
988
|
+
}
|
|
989
|
+
|
|
990
|
+
wui-text[align='center'] {
|
|
991
|
+
width: 100%;
|
|
992
|
+
padding: 0px var(--wui-spacing-l);
|
|
993
|
+
}
|
|
994
|
+
|
|
995
|
+
[data-error='true'] wui-icon-box {
|
|
996
|
+
opacity: 1;
|
|
997
|
+
transform: scale(1);
|
|
998
|
+
}
|
|
999
|
+
|
|
1000
|
+
[data-error='true'] > wui-flex:first-child {
|
|
1001
|
+
animation: shake 250ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
|
|
1002
|
+
}
|
|
1003
|
+
|
|
1004
|
+
[data-retry='false'] wui-link {
|
|
1005
|
+
display: none;
|
|
1006
|
+
}
|
|
1007
|
+
|
|
1008
|
+
[data-retry='true'] wui-link {
|
|
1009
|
+
display: block;
|
|
1010
|
+
opacity: 1;
|
|
1011
|
+
}
|
|
1012
|
+
`;var se=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};class V extends O{constructor(){var e,i,n,o,t;super(),this.wallet=(e=U.state.data)==null?void 0:e.wallet,this.connector=(i=U.state.data)==null?void 0:i.connector,this.timeout=void 0,this.secondaryBtnIcon="refresh",this.onConnect=void 0,this.onRender=void 0,this.onAutoConnect=void 0,this.isWalletConnect=!0,this.unsubscribe=[],this.imageSrc=K.getWalletImage(this.wallet)??K.getConnectorImage(this.connector),this.name=((n=this.wallet)==null?void 0:n.name)??((o=this.connector)==null?void 0:o.name)??"Wallet",this.isRetrying=!1,this.uri=j.state.wcUri,this.error=j.state.wcError,this.ready=!1,this.showRetry=!1,this.secondaryBtnLabel="Try again",this.secondaryLabel="Accept connection request in the wallet",this.isLoading=!1,this.isMobile=!1,this.onRetry=void 0,this.unsubscribe.push(j.subscribeKey("wcUri",a=>{var s;this.uri=a,this.isRetrying&&this.onRetry&&(this.isRetrying=!1,(s=this.onConnect)==null||s.call(this))}),j.subscribeKey("wcError",a=>this.error=a)),(k.isTelegram()||k.isSafari())&&k.isIos()&&j.state.wcUri&&((t=this.onConnect)==null||t.call(this))}firstUpdated(){var e;(e=this.onAutoConnect)==null||e.call(this),this.showRetry=!this.onAutoConnect}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),j.setWcError(!1),clearTimeout(this.timeout)}render(){var n;(n=this.onRender)==null||n.call(this),this.onShowRetry();const e=this.error?"Connection can be declined if a previous request is still active":this.secondaryLabel;let i=`Continue in ${this.name}`;return this.error&&(i="Connection declined"),c`
|
|
1013
|
+
<wui-flex
|
|
1014
|
+
data-error=${E(this.error)}
|
|
1015
|
+
data-retry=${this.showRetry}
|
|
1016
|
+
flexDirection="column"
|
|
1017
|
+
alignItems="center"
|
|
1018
|
+
.padding=${["3xl","xl","xl","xl"]}
|
|
1019
|
+
gap="xl"
|
|
1020
|
+
>
|
|
1021
|
+
<wui-flex justifyContent="center" alignItems="center">
|
|
1022
|
+
<wui-wallet-image size="lg" imageSrc=${E(this.imageSrc)}></wui-wallet-image>
|
|
1023
|
+
|
|
1024
|
+
${this.error?null:this.loaderTemplate()}
|
|
1025
|
+
|
|
1026
|
+
<wui-icon-box
|
|
1027
|
+
backgroundColor="error-100"
|
|
1028
|
+
background="opaque"
|
|
1029
|
+
iconColor="error-100"
|
|
1030
|
+
icon="close"
|
|
1031
|
+
size="sm"
|
|
1032
|
+
border
|
|
1033
|
+
borderColor="wui-color-bg-125"
|
|
1034
|
+
></wui-icon-box>
|
|
1035
|
+
</wui-flex>
|
|
1036
|
+
|
|
1037
|
+
<wui-flex flexDirection="column" alignItems="center" gap="xs">
|
|
1038
|
+
<wui-text variant="paragraph-500" color=${this.error?"error-100":"fg-100"}>
|
|
1039
|
+
${i}
|
|
1040
|
+
</wui-text>
|
|
1041
|
+
<wui-text align="center" variant="small-500" color="fg-200">${e}</wui-text>
|
|
1042
|
+
</wui-flex>
|
|
1043
|
+
|
|
1044
|
+
${this.secondaryBtnLabel?c`
|
|
1045
|
+
<wui-button
|
|
1046
|
+
variant="accent"
|
|
1047
|
+
size="md"
|
|
1048
|
+
?disabled=${this.isRetrying||this.isLoading}
|
|
1049
|
+
@click=${this.onTryAgain.bind(this)}
|
|
1050
|
+
data-testid="w3m-connecting-widget-secondary-button"
|
|
1051
|
+
>
|
|
1052
|
+
<wui-icon color="inherit" slot="iconLeft" name=${this.secondaryBtnIcon}></wui-icon>
|
|
1053
|
+
${this.secondaryBtnLabel}
|
|
1054
|
+
</wui-button>
|
|
1055
|
+
`:null}
|
|
1056
|
+
</wui-flex>
|
|
1057
|
+
|
|
1058
|
+
${this.isWalletConnect?c`
|
|
1059
|
+
<wui-flex .padding=${["0","xl","xl","xl"]} justifyContent="center">
|
|
1060
|
+
<wui-link @click=${this.onCopyUri} color="fg-200" data-testid="wui-link-copy">
|
|
1061
|
+
<wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
|
|
1062
|
+
Copy link
|
|
1063
|
+
</wui-link>
|
|
1064
|
+
</wui-flex>
|
|
1065
|
+
`:null}
|
|
1066
|
+
|
|
1067
|
+
<w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
|
|
1068
|
+
`}onShowRetry(){var e;if(this.error&&!this.showRetry){this.showRetry=!0;const i=(e=this.shadowRoot)==null?void 0:e.querySelector("wui-button");i==null||i.animate([{opacity:0},{opacity:1}],{fill:"forwards",easing:"ease"})}}onTryAgain(){var e,i;j.setWcError(!1),this.onRetry?(this.isRetrying=!0,(e=this.onRetry)==null||e.call(this)):(i=this.onConnect)==null||i.call(this)}loaderTemplate(){const e=ei.state.themeVariables["--w3m-border-radius-master"],i=e?parseInt(e.replace("px",""),10):4;return c`<wui-loading-thumbnail radius=${i*9}></wui-loading-thumbnail>`}onCopyUri(){try{this.uri&&(k.copyToClopboard(this.uri),Xe.showSuccess("Link copied"))}catch{Xe.showError("Failed to copy")}}}V.styles=Mn;se([_()],V.prototype,"isRetrying",void 0);se([_()],V.prototype,"uri",void 0);se([_()],V.prototype,"error",void 0);se([_()],V.prototype,"ready",void 0);se([_()],V.prototype,"showRetry",void 0);se([_()],V.prototype,"secondaryBtnLabel",void 0);se([_()],V.prototype,"secondaryLabel",void 0);se([_()],V.prototype,"isLoading",void 0);se([u({type:Boolean})],V.prototype,"isMobile",void 0);se([u()],V.prototype,"onRetry",void 0);var Un=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ci=class extends V{constructor(){if(super(),!this.wallet)throw new Error("w3m-connecting-wc-browser: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onAutoConnect=this.onConnectProxy.bind(this),te.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}async onConnectProxy(){var e;try{this.error=!1;const{connectors:i}=M.state,n=i.find(o=>{var t,a,s;return o.type==="ANNOUNCED"&&((t=o.info)==null?void 0:t.rdns)===((a=this.wallet)==null?void 0:a.rdns)||o.type==="INJECTED"||o.name===((s=this.wallet)==null?void 0:s.name)});if(n)await j.connectExternal(n,n.chain);else throw new Error("w3m-connecting-wc-browser: No connector found");on.close(),te.sendEvent({type:"track",event:"CONNECT_SUCCESS",properties:{method:"browser",name:((e=this.wallet)==null?void 0:e.name)||"Unknown"}})}catch(i){te.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:(i==null?void 0:i.message)??"Unknown"}}),this.error=!0}}};Ci=Un([B("w3m-connecting-wc-browser")],Ci);var qn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ri=class extends V{constructor(){if(super(),!this.wallet)throw new Error("w3m-connecting-wc-desktop: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onRender=this.onRenderProxy.bind(this),te.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"desktop"}})}onRenderProxy(){var e;!this.ready&&this.uri&&(this.ready=!0,(e=this.onConnect)==null||e.call(this))}onConnectProxy(){var e;if((e=this.wallet)!=null&&e.desktop_link&&this.uri)try{this.error=!1;const{desktop_link:i,name:n}=this.wallet,{redirect:o,href:t}=k.formatNativeUrl(i,this.uri);j.setWcLinking({name:n,href:t}),j.setRecentWallet(this.wallet),k.openHref(o,"_blank")}catch{this.error=!0}}};Ri=qn([B("w3m-connecting-wc-desktop")],Ri);var ke=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ce=class extends V{constructor(){if(super(),this.btnLabelTimeout=void 0,this.redirectDeeplink=void 0,this.redirectUniversalLink=void 0,this.target=void 0,this.preferUniversalLinks=ee.state.experimental_preferUniversalLinks,this.isLoading=!0,this.onConnect=()=>{var e;if((e=this.wallet)!=null&&e.mobile_link&&this.uri)try{this.error=!1;const{mobile_link:i,link_mode:n,name:o}=this.wallet,{redirect:t,redirectUniversalLink:a,href:s}=k.formatNativeUrl(i,this.uri,n);this.redirectDeeplink=t,this.redirectUniversalLink=a,this.target=k.isIframe()?"_top":"_self",j.setWcLinking({name:o,href:s}),j.setRecentWallet(this.wallet),this.preferUniversalLinks&&this.redirectUniversalLink?k.openHref(this.redirectUniversalLink,this.target):k.openHref(this.redirectDeeplink,this.target)}catch(i){te.sendEvent({type:"track",event:"CONNECT_PROXY_ERROR",properties:{message:i instanceof Error?i.message:"Error parsing the deeplink",uri:this.uri,mobile_link:this.wallet.mobile_link,name:this.wallet.name}}),this.error=!0}},!this.wallet)throw new Error("w3m-connecting-wc-mobile: No wallet provided");this.secondaryBtnLabel="Open",this.secondaryLabel=rn.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.onHandleURI(),this.unsubscribe.push(j.subscribeKey("wcUri",()=>{this.onHandleURI()})),te.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"mobile"}})}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.btnLabelTimeout)}onHandleURI(){var e;this.isLoading=!this.uri,!this.ready&&this.uri&&(this.ready=!0,(e=this.onConnect)==null||e.call(this))}onTryAgain(){var e;j.setWcError(!1),(e=this.onConnect)==null||e.call(this)}};ke([_()],Ce.prototype,"redirectDeeplink",void 0);ke([_()],Ce.prototype,"redirectUniversalLink",void 0);ke([_()],Ce.prototype,"target",void 0);ke([_()],Ce.prototype,"preferUniversalLinks",void 0);ke([_()],Ce.prototype,"isLoading",void 0);Ce=ke([B("w3m-connecting-wc-mobile")],Ce);var Te={},Et,$i;function Fn(){return $i||($i=1,Et=function(){return typeof Promise=="function"&&Promise.prototype&&Promise.prototype.then}),Et}var Wt={},be={},_i;function Ee(){if(_i)return be;_i=1;let r;const e=[0,26,44,70,100,134,172,196,242,292,346,404,466,532,581,655,733,815,901,991,1085,1156,1258,1364,1474,1588,1706,1828,1921,2051,2185,2323,2465,2611,2761,2876,3034,3196,3362,3532,3706];return be.getSymbolSize=function(n){if(!n)throw new Error('"version" cannot be null or undefined');if(n<1||n>40)throw new Error('"version" should be in range from 1 to 40');return n*4+17},be.getSymbolTotalCodewords=function(n){return e[n]},be.getBCHDigit=function(i){let n=0;for(;i!==0;)n++,i>>>=1;return n},be.setToSJISFunction=function(n){if(typeof n!="function")throw new Error('"toSJISFunc" is not a valid function.');r=n},be.isKanjiModeEnabled=function(){return typeof r<"u"},be.toSJIS=function(n){return r(n)},be}var St={},Ii;function hi(){return Ii||(Ii=1,(function(r){r.L={bit:1},r.M={bit:0},r.Q={bit:3},r.H={bit:2};function e(i){if(typeof i!="string")throw new Error("Param is not a string");switch(i.toLowerCase()){case"l":case"low":return r.L;case"m":case"medium":return r.M;case"q":case"quartile":return r.Q;case"h":case"high":return r.H;default:throw new Error("Unknown EC Level: "+i)}}r.isValid=function(n){return n&&typeof n.bit<"u"&&n.bit>=0&&n.bit<4},r.from=function(n,o){if(r.isValid(n))return n;try{return e(n)}catch{return o}}})(St)),St}var Tt,Ei;function Vn(){if(Ei)return Tt;Ei=1;function r(){this.buffer=[],this.length=0}return r.prototype={get:function(e){const i=Math.floor(e/8);return(this.buffer[i]>>>7-e%8&1)===1},put:function(e,i){for(let n=0;n<i;n++)this.putBit((e>>>i-n-1&1)===1)},getLengthInBits:function(){return this.length},putBit:function(e){const i=Math.floor(this.length/8);this.buffer.length<=i&&this.buffer.push(0),e&&(this.buffer[i]|=128>>>this.length%8),this.length++}},Tt=r,Tt}var Pt,Wi;function Kn(){if(Wi)return Pt;Wi=1;function r(e){if(!e||e<1)throw new Error("BitMatrix size must be defined and greater than 0");this.size=e,this.data=new Uint8Array(e*e),this.reservedBit=new Uint8Array(e*e)}return r.prototype.set=function(e,i,n,o){const t=e*this.size+i;this.data[t]=n,o&&(this.reservedBit[t]=!0)},r.prototype.get=function(e,i){return this.data[e*this.size+i]},r.prototype.xor=function(e,i,n){this.data[e*this.size+i]^=n},r.prototype.isReserved=function(e,i){return this.reservedBit[e*this.size+i]},Pt=r,Pt}var Bt={},Si;function Hn(){return Si||(Si=1,(function(r){const e=Ee().getSymbolSize;r.getRowColCoords=function(n){if(n===1)return[];const o=Math.floor(n/7)+2,t=e(n),a=t===145?26:Math.ceil((t-13)/(2*o-2))*2,s=[t-7];for(let l=1;l<o-1;l++)s[l]=s[l-1]-a;return s.push(6),s.reverse()},r.getPositions=function(n){const o=[],t=r.getRowColCoords(n),a=t.length;for(let s=0;s<a;s++)for(let l=0;l<a;l++)s===0&&l===0||s===0&&l===a-1||s===a-1&&l===0||o.push([t[s],t[l]]);return o}})(Bt)),Bt}var Lt={},Ti;function Gn(){if(Ti)return Lt;Ti=1;const r=Ee().getSymbolSize,e=7;return Lt.getPositions=function(n){const o=r(n);return[[0,0],[o-e,0],[0,o-e]]},Lt}var Ot={},Pi;function Yn(){return Pi||(Pi=1,(function(r){r.Patterns={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7};const e={N1:3,N2:3,N3:40,N4:10};r.isValid=function(o){return o!=null&&o!==""&&!isNaN(o)&&o>=0&&o<=7},r.from=function(o){return r.isValid(o)?parseInt(o,10):void 0},r.getPenaltyN1=function(o){const t=o.size;let a=0,s=0,l=0,d=null,h=null;for(let p=0;p<t;p++){s=l=0,d=h=null;for(let x=0;x<t;x++){let g=o.get(p,x);g===d?s++:(s>=5&&(a+=e.N1+(s-5)),d=g,s=1),g=o.get(x,p),g===h?l++:(l>=5&&(a+=e.N1+(l-5)),h=g,l=1)}s>=5&&(a+=e.N1+(s-5)),l>=5&&(a+=e.N1+(l-5))}return a},r.getPenaltyN2=function(o){const t=o.size;let a=0;for(let s=0;s<t-1;s++)for(let l=0;l<t-1;l++){const d=o.get(s,l)+o.get(s,l+1)+o.get(s+1,l)+o.get(s+1,l+1);(d===4||d===0)&&a++}return a*e.N2},r.getPenaltyN3=function(o){const t=o.size;let a=0,s=0,l=0;for(let d=0;d<t;d++){s=l=0;for(let h=0;h<t;h++)s=s<<1&2047|o.get(d,h),h>=10&&(s===1488||s===93)&&a++,l=l<<1&2047|o.get(h,d),h>=10&&(l===1488||l===93)&&a++}return a*e.N3},r.getPenaltyN4=function(o){let t=0;const a=o.data.length;for(let l=0;l<a;l++)t+=o.data[l];return Math.abs(Math.ceil(t*100/a/5)-10)*e.N4};function i(n,o,t){switch(n){case r.Patterns.PATTERN000:return(o+t)%2===0;case r.Patterns.PATTERN001:return o%2===0;case r.Patterns.PATTERN010:return t%3===0;case r.Patterns.PATTERN011:return(o+t)%3===0;case r.Patterns.PATTERN100:return(Math.floor(o/2)+Math.floor(t/3))%2===0;case r.Patterns.PATTERN101:return o*t%2+o*t%3===0;case r.Patterns.PATTERN110:return(o*t%2+o*t%3)%2===0;case r.Patterns.PATTERN111:return(o*t%3+(o+t)%2)%2===0;default:throw new Error("bad maskPattern:"+n)}}r.applyMask=function(o,t){const a=t.size;for(let s=0;s<a;s++)for(let l=0;l<a;l++)t.isReserved(l,s)||t.xor(l,s,i(o,l,s))},r.getBestMask=function(o,t){const a=Object.keys(r.Patterns).length;let s=0,l=1/0;for(let d=0;d<a;d++){t(d),r.applyMask(d,o);const h=r.getPenaltyN1(o)+r.getPenaltyN2(o)+r.getPenaltyN3(o)+r.getPenaltyN4(o);r.applyMask(d,o),h<l&&(l=h,s=d)}return s}})(Ot)),Ot}var Qe={},Bi;function cn(){if(Bi)return Qe;Bi=1;const r=hi(),e=[1,1,1,1,1,1,1,1,1,1,2,2,1,2,2,4,1,2,4,4,2,4,4,4,2,4,6,5,2,4,6,6,2,5,8,8,4,5,8,8,4,5,8,11,4,8,10,11,4,9,12,16,4,9,16,16,6,10,12,18,6,10,17,16,6,11,16,19,6,13,18,21,7,14,21,25,8,16,20,25,8,17,23,25,9,17,23,34,9,18,25,30,10,20,27,32,12,21,29,35,12,23,34,37,12,25,34,40,13,26,35,42,14,28,38,45,15,29,40,48,16,31,43,51,17,33,45,54,18,35,48,57,19,37,51,60,19,38,53,63,20,40,56,66,21,43,59,70,22,45,62,74,24,47,65,77,25,49,68,81],i=[7,10,13,17,10,16,22,28,15,26,36,44,20,36,52,64,26,48,72,88,36,64,96,112,40,72,108,130,48,88,132,156,60,110,160,192,72,130,192,224,80,150,224,264,96,176,260,308,104,198,288,352,120,216,320,384,132,240,360,432,144,280,408,480,168,308,448,532,180,338,504,588,196,364,546,650,224,416,600,700,224,442,644,750,252,476,690,816,270,504,750,900,300,560,810,960,312,588,870,1050,336,644,952,1110,360,700,1020,1200,390,728,1050,1260,420,784,1140,1350,450,812,1200,1440,480,868,1290,1530,510,924,1350,1620,540,980,1440,1710,570,1036,1530,1800,570,1064,1590,1890,600,1120,1680,1980,630,1204,1770,2100,660,1260,1860,2220,720,1316,1950,2310,750,1372,2040,2430];return Qe.getBlocksCount=function(o,t){switch(t){case r.L:return e[(o-1)*4+0];case r.M:return e[(o-1)*4+1];case r.Q:return e[(o-1)*4+2];case r.H:return e[(o-1)*4+3];default:return}},Qe.getTotalCodewordsCount=function(o,t){switch(t){case r.L:return i[(o-1)*4+0];case r.M:return i[(o-1)*4+1];case r.Q:return i[(o-1)*4+2];case r.H:return i[(o-1)*4+3];default:return}},Qe}var At={},ze={},Li;function Jn(){if(Li)return ze;Li=1;const r=new Uint8Array(512),e=new Uint8Array(256);return(function(){let n=1;for(let o=0;o<255;o++)r[o]=n,e[n]=o,n<<=1,n&256&&(n^=285);for(let o=255;o<512;o++)r[o]=r[o-255]})(),ze.log=function(n){if(n<1)throw new Error("log("+n+")");return e[n]},ze.exp=function(n){return r[n]},ze.mul=function(n,o){return n===0||o===0?0:r[e[n]+e[o]]},ze}var Oi;function Qn(){return Oi||(Oi=1,(function(r){const e=Jn();r.mul=function(n,o){const t=new Uint8Array(n.length+o.length-1);for(let a=0;a<n.length;a++)for(let s=0;s<o.length;s++)t[a+s]^=e.mul(n[a],o[s]);return t},r.mod=function(n,o){let t=new Uint8Array(n);for(;t.length-o.length>=0;){const a=t[0];for(let l=0;l<o.length;l++)t[l]^=e.mul(o[l],a);let s=0;for(;s<t.length&&t[s]===0;)s++;t=t.slice(s)}return t},r.generateECPolynomial=function(n){let o=new Uint8Array([1]);for(let t=0;t<n;t++)o=r.mul(o,new Uint8Array([1,e.exp(t)]));return o}})(At)),At}var kt,Ai;function Xn(){if(Ai)return kt;Ai=1;const r=Qn();function e(i){this.genPoly=void 0,this.degree=i,this.degree&&this.initialize(this.degree)}return e.prototype.initialize=function(n){this.degree=n,this.genPoly=r.generateECPolynomial(this.degree)},e.prototype.encode=function(n){if(!this.genPoly)throw new Error("Encoder not initialized");const o=new Uint8Array(n.length+this.degree);o.set(n);const t=r.mod(o,this.genPoly),a=this.degree-t.length;if(a>0){const s=new Uint8Array(this.degree);return s.set(t,a),s}return t},kt=e,kt}var jt={},Dt={},zt={},ki;function un(){return ki||(ki=1,zt.isValid=function(e){return!isNaN(e)&&e>=1&&e<=40}),zt}var oe={},ji;function dn(){if(ji)return oe;ji=1;const r="[0-9]+",e="[A-Z $%*+\\-./:]+";let i="(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";i=i.replace(/u/g,"\\u");const n="(?:(?![A-Z0-9 $%*+\\-./:]|"+i+`)(?:.|[\r
|
|
1069
|
+
]))+`;oe.KANJI=new RegExp(i,"g"),oe.BYTE_KANJI=new RegExp("[^A-Z0-9 $%*+\\-./:]+","g"),oe.BYTE=new RegExp(n,"g"),oe.NUMERIC=new RegExp(r,"g"),oe.ALPHANUMERIC=new RegExp(e,"g");const o=new RegExp("^"+i+"$"),t=new RegExp("^"+r+"$"),a=new RegExp("^[A-Z0-9 $%*+\\-./:]+$");return oe.testKanji=function(l){return o.test(l)},oe.testNumeric=function(l){return t.test(l)},oe.testAlphanumeric=function(l){return a.test(l)},oe}var Di;function We(){return Di||(Di=1,(function(r){const e=un(),i=dn();r.NUMERIC={id:"Numeric",bit:1,ccBits:[10,12,14]},r.ALPHANUMERIC={id:"Alphanumeric",bit:2,ccBits:[9,11,13]},r.BYTE={id:"Byte",bit:4,ccBits:[8,16,16]},r.KANJI={id:"Kanji",bit:8,ccBits:[8,10,12]},r.MIXED={bit:-1},r.getCharCountIndicator=function(t,a){if(!t.ccBits)throw new Error("Invalid mode: "+t);if(!e.isValid(a))throw new Error("Invalid version: "+a);return a>=1&&a<10?t.ccBits[0]:a<27?t.ccBits[1]:t.ccBits[2]},r.getBestModeForData=function(t){return i.testNumeric(t)?r.NUMERIC:i.testAlphanumeric(t)?r.ALPHANUMERIC:i.testKanji(t)?r.KANJI:r.BYTE},r.toString=function(t){if(t&&t.id)return t.id;throw new Error("Invalid mode")},r.isValid=function(t){return t&&t.bit&&t.ccBits};function n(o){if(typeof o!="string")throw new Error("Param is not a string");switch(o.toLowerCase()){case"numeric":return r.NUMERIC;case"alphanumeric":return r.ALPHANUMERIC;case"kanji":return r.KANJI;case"byte":return r.BYTE;default:throw new Error("Unknown mode: "+o)}}r.from=function(t,a){if(r.isValid(t))return t;try{return n(t)}catch{return a}}})(Dt)),Dt}var zi;function Zn(){return zi||(zi=1,(function(r){const e=Ee(),i=cn(),n=hi(),o=We(),t=un(),a=7973,s=e.getBCHDigit(a);function l(x,g,W){for(let v=1;v<=40;v++)if(g<=r.getCapacity(v,W,x))return v}function d(x,g){return o.getCharCountIndicator(x,g)+4}function h(x,g){let W=0;return x.forEach(function(v){const S=d(v.mode,g);W+=S+v.getBitsLength()}),W}function p(x,g){for(let W=1;W<=40;W++)if(h(x,W)<=r.getCapacity(W,g,o.MIXED))return W}r.from=function(g,W){return t.isValid(g)?parseInt(g,10):W},r.getCapacity=function(g,W,v){if(!t.isValid(g))throw new Error("Invalid QR Code version");typeof v>"u"&&(v=o.BYTE);const S=e.getSymbolTotalCodewords(g),b=i.getTotalCodewordsCount(g,W),w=(S-b)*8;if(v===o.MIXED)return w;const m=w-d(v,g);switch(v){case o.NUMERIC:return Math.floor(m/10*3);case o.ALPHANUMERIC:return Math.floor(m/11*2);case o.KANJI:return Math.floor(m/13);case o.BYTE:default:return Math.floor(m/8)}},r.getBestVersionForData=function(g,W){let v;const S=n.from(W,n.M);if(Array.isArray(g)){if(g.length>1)return p(g,S);if(g.length===0)return 1;v=g[0]}else v=g;return l(v.mode,v.getLength(),S)},r.getEncodedBits=function(g){if(!t.isValid(g)||g<7)throw new Error("Invalid QR Code version");let W=g<<12;for(;e.getBCHDigit(W)-s>=0;)W^=a<<e.getBCHDigit(W)-s;return g<<12|W}})(jt)),jt}var Nt={},Ni;function eo(){if(Ni)return Nt;Ni=1;const r=Ee(),e=1335,i=21522,n=r.getBCHDigit(e);return Nt.getEncodedBits=function(t,a){const s=t.bit<<3|a;let l=s<<10;for(;r.getBCHDigit(l)-n>=0;)l^=e<<r.getBCHDigit(l)-n;return(s<<10|l)^i},Nt}var Mt={},Ut,Mi;function to(){if(Mi)return Ut;Mi=1;const r=We();function e(i){this.mode=r.NUMERIC,this.data=i.toString()}return e.getBitsLength=function(n){return 10*Math.floor(n/3)+(n%3?n%3*3+1:0)},e.prototype.getLength=function(){return this.data.length},e.prototype.getBitsLength=function(){return e.getBitsLength(this.data.length)},e.prototype.write=function(n){let o,t,a;for(o=0;o+3<=this.data.length;o+=3)t=this.data.substr(o,3),a=parseInt(t,10),n.put(a,10);const s=this.data.length-o;s>0&&(t=this.data.substr(o),a=parseInt(t,10),n.put(a,s*3+1))},Ut=e,Ut}var qt,Ui;function io(){if(Ui)return qt;Ui=1;const r=We(),e=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"," ","$","%","*","+","-",".","/",":"];function i(n){this.mode=r.ALPHANUMERIC,this.data=n}return i.getBitsLength=function(o){return 11*Math.floor(o/2)+6*(o%2)},i.prototype.getLength=function(){return this.data.length},i.prototype.getBitsLength=function(){return i.getBitsLength(this.data.length)},i.prototype.write=function(o){let t;for(t=0;t+2<=this.data.length;t+=2){let a=e.indexOf(this.data[t])*45;a+=e.indexOf(this.data[t+1]),o.put(a,11)}this.data.length%2&&o.put(e.indexOf(this.data[t]),6)},qt=i,qt}var Ft,qi;function no(){return qi||(qi=1,Ft=function(e){for(var i=[],n=e.length,o=0;o<n;o++){var t=e.charCodeAt(o);if(t>=55296&&t<=56319&&n>o+1){var a=e.charCodeAt(o+1);a>=56320&&a<=57343&&(t=(t-55296)*1024+a-56320+65536,o+=1)}if(t<128){i.push(t);continue}if(t<2048){i.push(t>>6|192),i.push(t&63|128);continue}if(t<55296||t>=57344&&t<65536){i.push(t>>12|224),i.push(t>>6&63|128),i.push(t&63|128);continue}if(t>=65536&&t<=1114111){i.push(t>>18|240),i.push(t>>12&63|128),i.push(t>>6&63|128),i.push(t&63|128);continue}i.push(239,191,189)}return new Uint8Array(i).buffer}),Ft}var Vt,Fi;function oo(){if(Fi)return Vt;Fi=1;const r=no(),e=We();function i(n){this.mode=e.BYTE,typeof n=="string"&&(n=r(n)),this.data=new Uint8Array(n)}return i.getBitsLength=function(o){return o*8},i.prototype.getLength=function(){return this.data.length},i.prototype.getBitsLength=function(){return i.getBitsLength(this.data.length)},i.prototype.write=function(n){for(let o=0,t=this.data.length;o<t;o++)n.put(this.data[o],8)},Vt=i,Vt}var Kt,Vi;function ro(){if(Vi)return Kt;Vi=1;const r=We(),e=Ee();function i(n){this.mode=r.KANJI,this.data=n}return i.getBitsLength=function(o){return o*13},i.prototype.getLength=function(){return this.data.length},i.prototype.getBitsLength=function(){return i.getBitsLength(this.data.length)},i.prototype.write=function(n){let o;for(o=0;o<this.data.length;o++){let t=e.toSJIS(this.data[o]);if(t>=33088&&t<=40956)t-=33088;else if(t>=57408&&t<=60351)t-=49472;else throw new Error("Invalid SJIS character: "+this.data[o]+`
|
|
1070
|
+
Make sure your charset is UTF-8`);t=(t>>>8&255)*192+(t&255),n.put(t,13)}},Kt=i,Kt}var Ht={exports:{}},Ki;function ao(){return Ki||(Ki=1,(function(r){var e={single_source_shortest_paths:function(i,n,o){var t={},a={};a[n]=0;var s=e.PriorityQueue.make();s.push(n,0);for(var l,d,h,p,x,g,W,v,S;!s.empty();){l=s.pop(),d=l.value,p=l.cost,x=i[d]||{};for(h in x)x.hasOwnProperty(h)&&(g=x[h],W=p+g,v=a[h],S=typeof a[h]>"u",(S||v>W)&&(a[h]=W,s.push(h,W),t[h]=d))}if(typeof o<"u"&&typeof a[o]>"u"){var b=["Could not find a path from ",n," to ",o,"."].join("");throw new Error(b)}return t},extract_shortest_path_from_predecessor_list:function(i,n){for(var o=[],t=n;t;)o.push(t),i[t],t=i[t];return o.reverse(),o},find_path:function(i,n,o){var t=e.single_source_shortest_paths(i,n,o);return e.extract_shortest_path_from_predecessor_list(t,o)},PriorityQueue:{make:function(i){var n=e.PriorityQueue,o={},t;i=i||{};for(t in n)n.hasOwnProperty(t)&&(o[t]=n[t]);return o.queue=[],o.sorter=i.sorter||n.default_sorter,o},default_sorter:function(i,n){return i.cost-n.cost},push:function(i,n){var o={value:i,cost:n};this.queue.push(o),this.queue.sort(this.sorter)},pop:function(){return this.queue.shift()},empty:function(){return this.queue.length===0}}};r.exports=e})(Ht)),Ht.exports}var Hi;function so(){return Hi||(Hi=1,(function(r){const e=We(),i=to(),n=io(),o=oo(),t=ro(),a=dn(),s=Ee(),l=ao();function d(b){return unescape(encodeURIComponent(b)).length}function h(b,w,m){const f=[];let D;for(;(D=b.exec(m))!==null;)f.push({data:D[0],index:D.index,mode:w,length:D[0].length});return f}function p(b){const w=h(a.NUMERIC,e.NUMERIC,b),m=h(a.ALPHANUMERIC,e.ALPHANUMERIC,b);let f,D;return s.isKanjiModeEnabled()?(f=h(a.BYTE,e.BYTE,b),D=h(a.KANJI,e.KANJI,b)):(f=h(a.BYTE_KANJI,e.BYTE,b),D=[]),w.concat(m,f,D).sort(function(T,I){return T.index-I.index}).map(function(T){return{data:T.data,mode:T.mode,length:T.length}})}function x(b,w){switch(w){case e.NUMERIC:return i.getBitsLength(b);case e.ALPHANUMERIC:return n.getBitsLength(b);case e.KANJI:return t.getBitsLength(b);case e.BYTE:return o.getBitsLength(b)}}function g(b){return b.reduce(function(w,m){const f=w.length-1>=0?w[w.length-1]:null;return f&&f.mode===m.mode?(w[w.length-1].data+=m.data,w):(w.push(m),w)},[])}function W(b){const w=[];for(let m=0;m<b.length;m++){const f=b[m];switch(f.mode){case e.NUMERIC:w.push([f,{data:f.data,mode:e.ALPHANUMERIC,length:f.length},{data:f.data,mode:e.BYTE,length:f.length}]);break;case e.ALPHANUMERIC:w.push([f,{data:f.data,mode:e.BYTE,length:f.length}]);break;case e.KANJI:w.push([f,{data:f.data,mode:e.BYTE,length:d(f.data)}]);break;case e.BYTE:w.push([{data:f.data,mode:e.BYTE,length:d(f.data)}])}}return w}function v(b,w){const m={},f={start:{}};let D=["start"];for(let C=0;C<b.length;C++){const T=b[C],I=[];for(let y=0;y<T.length;y++){const L=T[y],R=""+C+y;I.push(R),m[R]={node:L,lastCount:0},f[R]={};for(let P=0;P<D.length;P++){const $=D[P];m[$]&&m[$].node.mode===L.mode?(f[$][R]=x(m[$].lastCount+L.length,L.mode)-x(m[$].lastCount,L.mode),m[$].lastCount+=L.length):(m[$]&&(m[$].lastCount=L.length),f[$][R]=x(L.length,L.mode)+4+e.getCharCountIndicator(L.mode,w))}}D=I}for(let C=0;C<D.length;C++)f[D[C]].end=0;return{map:f,table:m}}function S(b,w){let m;const f=e.getBestModeForData(b);if(m=e.from(w,f),m!==e.BYTE&&m.bit<f.bit)throw new Error('"'+b+'" cannot be encoded with mode '+e.toString(m)+`.
|
|
1071
|
+
Suggested mode is: `+e.toString(f));switch(m===e.KANJI&&!s.isKanjiModeEnabled()&&(m=e.BYTE),m){case e.NUMERIC:return new i(b);case e.ALPHANUMERIC:return new n(b);case e.KANJI:return new t(b);case e.BYTE:return new o(b)}}r.fromArray=function(w){return w.reduce(function(m,f){return typeof f=="string"?m.push(S(f,null)):f.data&&m.push(S(f.data,f.mode)),m},[])},r.fromString=function(w,m){const f=p(w,s.isKanjiModeEnabled()),D=W(f),C=v(D,m),T=l.find_path(C.map,"start","end"),I=[];for(let y=1;y<T.length-1;y++)I.push(C.table[T[y]].node);return r.fromArray(g(I))},r.rawSplit=function(w){return r.fromArray(p(w,s.isKanjiModeEnabled()))}})(Mt)),Mt}var Gi;function lo(){if(Gi)return Wt;Gi=1;const r=Ee(),e=hi(),i=Vn(),n=Kn(),o=Hn(),t=Gn(),a=Yn(),s=cn(),l=Xn(),d=Zn(),h=eo(),p=We(),x=so();function g(C,T){const I=C.size,y=t.getPositions(T);for(let L=0;L<y.length;L++){const R=y[L][0],P=y[L][1];for(let $=-1;$<=7;$++)if(!(R+$<=-1||I<=R+$))for(let A=-1;A<=7;A++)P+A<=-1||I<=P+A||($>=0&&$<=6&&(A===0||A===6)||A>=0&&A<=6&&($===0||$===6)||$>=2&&$<=4&&A>=2&&A<=4?C.set(R+$,P+A,!0,!0):C.set(R+$,P+A,!1,!0))}}function W(C){const T=C.size;for(let I=8;I<T-8;I++){const y=I%2===0;C.set(I,6,y,!0),C.set(6,I,y,!0)}}function v(C,T){const I=o.getPositions(T);for(let y=0;y<I.length;y++){const L=I[y][0],R=I[y][1];for(let P=-2;P<=2;P++)for(let $=-2;$<=2;$++)P===-2||P===2||$===-2||$===2||P===0&&$===0?C.set(L+P,R+$,!0,!0):C.set(L+P,R+$,!1,!0)}}function S(C,T){const I=C.size,y=d.getEncodedBits(T);let L,R,P;for(let $=0;$<18;$++)L=Math.floor($/3),R=$%3+I-8-3,P=(y>>$&1)===1,C.set(L,R,P,!0),C.set(R,L,P,!0)}function b(C,T,I){const y=C.size,L=h.getEncodedBits(T,I);let R,P;for(R=0;R<15;R++)P=(L>>R&1)===1,R<6?C.set(R,8,P,!0):R<8?C.set(R+1,8,P,!0):C.set(y-15+R,8,P,!0),R<8?C.set(8,y-R-1,P,!0):R<9?C.set(8,15-R-1+1,P,!0):C.set(8,15-R-1,P,!0);C.set(y-8,8,1,!0)}function w(C,T){const I=C.size;let y=-1,L=I-1,R=7,P=0;for(let $=I-1;$>0;$-=2)for($===6&&$--;;){for(let A=0;A<2;A++)if(!C.isReserved(L,$-A)){let we=!1;P<T.length&&(we=(T[P]>>>R&1)===1),C.set(L,$-A,we),R--,R===-1&&(P++,R=7)}if(L+=y,L<0||I<=L){L-=y,y=-y;break}}}function m(C,T,I){const y=new i;I.forEach(function(A){y.put(A.mode.bit,4),y.put(A.getLength(),p.getCharCountIndicator(A.mode,C)),A.write(y)});const L=r.getSymbolTotalCodewords(C),R=s.getTotalCodewordsCount(C,T),P=(L-R)*8;for(y.getLengthInBits()+4<=P&&y.put(0,4);y.getLengthInBits()%8!==0;)y.putBit(0);const $=(P-y.getLengthInBits())/8;for(let A=0;A<$;A++)y.put(A%2?17:236,8);return f(y,C,T)}function f(C,T,I){const y=r.getSymbolTotalCodewords(T),L=s.getTotalCodewordsCount(T,I),R=y-L,P=s.getBlocksCount(T,I),$=y%P,A=P-$,we=Math.floor(y/P),De=Math.floor(R/P),vn=De+1,wi=we-De,yn=new l(wi);let Ct=0;const Je=new Array(P),bi=new Array(P);let Rt=0;const xn=new Uint8Array(C.buffer);for(let Se=0;Se<P;Se++){const _t=Se<A?De:vn;Je[Se]=xn.slice(Ct,Ct+_t),bi[Se]=yn.encode(Je[Se]),Ct+=_t,Rt=Math.max(Rt,_t)}const $t=new Uint8Array(y);let mi=0,ce,ue;for(ce=0;ce<Rt;ce++)for(ue=0;ue<P;ue++)ce<Je[ue].length&&($t[mi++]=Je[ue][ce]);for(ce=0;ce<wi;ce++)for(ue=0;ue<P;ue++)$t[mi++]=bi[ue][ce];return $t}function D(C,T,I,y){let L;if(Array.isArray(C))L=x.fromArray(C);else if(typeof C=="string"){let we=T;if(!we){const De=x.rawSplit(C);we=d.getBestVersionForData(De,I)}L=x.fromString(C,we||40)}else throw new Error("Invalid data");const R=d.getBestVersionForData(L,I);if(!R)throw new Error("The amount of data is too big to be stored in a QR Code");if(!T)T=R;else if(T<R)throw new Error(`
|
|
1072
|
+
The chosen QR Code version cannot contain this amount of data.
|
|
1073
|
+
Minimum version required to store current data is: `+R+`.
|
|
1074
|
+
`);const P=m(T,I,L),$=r.getSymbolSize(T),A=new n($);return g(A,T),W(A),v(A,T),b(A,I,0),T>=7&&S(A,T),w(A,P),isNaN(y)&&(y=a.getBestMask(A,b.bind(null,A,I))),a.applyMask(y,A),b(A,I,y),{modules:A,version:T,errorCorrectionLevel:I,maskPattern:y,segments:L}}return Wt.create=function(T,I){if(typeof T>"u"||T==="")throw new Error("No input text");let y=e.M,L,R;return typeof I<"u"&&(y=e.from(I.errorCorrectionLevel,e.M),L=d.from(I.version),R=a.from(I.maskPattern),I.toSJISFunc&&r.setToSJISFunction(I.toSJISFunc)),D(T,L,y,R)},Wt}var Gt={},Yt={},Yi;function hn(){return Yi||(Yi=1,(function(r){function e(i){if(typeof i=="number"&&(i=i.toString()),typeof i!="string")throw new Error("Color should be defined as hex string");let n=i.slice().replace("#","").split("");if(n.length<3||n.length===5||n.length>8)throw new Error("Invalid hex color: "+i);(n.length===3||n.length===4)&&(n=Array.prototype.concat.apply([],n.map(function(t){return[t,t]}))),n.length===6&&n.push("F","F");const o=parseInt(n.join(""),16);return{r:o>>24&255,g:o>>16&255,b:o>>8&255,a:o&255,hex:"#"+n.slice(0,6).join("")}}r.getOptions=function(n){n||(n={}),n.color||(n.color={});const o=typeof n.margin>"u"||n.margin===null||n.margin<0?4:n.margin,t=n.width&&n.width>=21?n.width:void 0,a=n.scale||4;return{width:t,scale:t?4:a,margin:o,color:{dark:e(n.color.dark||"#000000ff"),light:e(n.color.light||"#ffffffff")},type:n.type,rendererOpts:n.rendererOpts||{}}},r.getScale=function(n,o){return o.width&&o.width>=n+o.margin*2?o.width/(n+o.margin*2):o.scale},r.getImageWidth=function(n,o){const t=r.getScale(n,o);return Math.floor((n+o.margin*2)*t)},r.qrToImageData=function(n,o,t){const a=o.modules.size,s=o.modules.data,l=r.getScale(a,t),d=Math.floor((a+t.margin*2)*l),h=t.margin*l,p=[t.color.light,t.color.dark];for(let x=0;x<d;x++)for(let g=0;g<d;g++){let W=(x*d+g)*4,v=t.color.light;if(x>=h&&g>=h&&x<d-h&&g<d-h){const S=Math.floor((x-h)/l),b=Math.floor((g-h)/l);v=p[s[S*a+b]?1:0]}n[W++]=v.r,n[W++]=v.g,n[W++]=v.b,n[W]=v.a}}})(Yt)),Yt}var Ji;function co(){return Ji||(Ji=1,(function(r){const e=hn();function i(o,t,a){o.clearRect(0,0,t.width,t.height),t.style||(t.style={}),t.height=a,t.width=a,t.style.height=a+"px",t.style.width=a+"px"}function n(){try{return document.createElement("canvas")}catch{throw new Error("You need to specify a canvas element")}}r.render=function(t,a,s){let l=s,d=a;typeof l>"u"&&(!a||!a.getContext)&&(l=a,a=void 0),a||(d=n()),l=e.getOptions(l);const h=e.getImageWidth(t.modules.size,l),p=d.getContext("2d"),x=p.createImageData(h,h);return e.qrToImageData(x.data,t,l),i(p,d,h),p.putImageData(x,0,0),d},r.renderToDataURL=function(t,a,s){let l=s;typeof l>"u"&&(!a||!a.getContext)&&(l=a,a=void 0),l||(l={});const d=r.render(t,a,l),h=l.type||"image/png",p=l.rendererOpts||{};return d.toDataURL(h,p.quality)}})(Gt)),Gt}var Jt={},Qi;function uo(){if(Qi)return Jt;Qi=1;const r=hn();function e(o,t){const a=o.a/255,s=t+'="'+o.hex+'"';return a<1?s+" "+t+'-opacity="'+a.toFixed(2).slice(1)+'"':s}function i(o,t,a){let s=o+t;return typeof a<"u"&&(s+=" "+a),s}function n(o,t,a){let s="",l=0,d=!1,h=0;for(let p=0;p<o.length;p++){const x=Math.floor(p%t),g=Math.floor(p/t);!x&&!d&&(d=!0),o[p]?(h++,p>0&&x>0&&o[p-1]||(s+=d?i("M",x+a,.5+g+a):i("m",l,0),l=0,d=!1),x+1<t&&o[p+1]||(s+=i("h",h),h=0)):l++}return s}return Jt.render=function(t,a,s){const l=r.getOptions(a),d=t.modules.size,h=t.modules.data,p=d+l.margin*2,x=l.color.light.a?"<path "+e(l.color.light,"fill")+' d="M0 0h'+p+"v"+p+'H0z"/>':"",g="<path "+e(l.color.dark,"stroke")+' d="'+n(h,d,l.margin)+'"/>',W='viewBox="0 0 '+p+" "+p+'"',S='<svg xmlns="http://www.w3.org/2000/svg" '+(l.width?'width="'+l.width+'" height="'+l.width+'" ':"")+W+' shape-rendering="crispEdges">'+x+g+`</svg>
|
|
1075
|
+
`;return typeof s=="function"&&s(null,S),S},Jt}var Xi;function ho(){if(Xi)return Te;Xi=1;const r=Fn(),e=lo(),i=co(),n=uo();function o(t,a,s,l,d){const h=[].slice.call(arguments,1),p=h.length,x=typeof h[p-1]=="function";if(!x&&!r())throw new Error("Callback required as last argument");if(x){if(p<2)throw new Error("Too few arguments provided");p===2?(d=s,s=a,a=l=void 0):p===3&&(a.getContext&&typeof d>"u"?(d=l,l=void 0):(d=l,l=s,s=a,a=void 0))}else{if(p<1)throw new Error("Too few arguments provided");return p===1?(s=a,a=l=void 0):p===2&&!a.getContext&&(l=s,s=a,a=void 0),new Promise(function(g,W){try{const v=e.create(s,l);g(t(v,a,l))}catch(v){W(v)}})}try{const g=e.create(s,l);d(null,t(g,a,l))}catch(g){d(g)}}return Te.create=e.create,Te.toCanvas=o.bind(null,i.render),Te.toDataURL=o.bind(null,i.renderToDataURL),Te.toString=o.bind(null,function(t,a,s){return n.render(t,s)}),Te}var fo=ho();const po=En(fo),go=.1,Zi=2.5,de=7;function Qt(r,e,i){return r===e?!1:(r-e<0?e-r:r-e)<=i+go}function wo(r,e){const i=Array.prototype.slice.call(po.create(r,{errorCorrectionLevel:e}).modules.data,0),n=Math.sqrt(i.length);return i.reduce((o,t,a)=>(a%n===0?o.push([t]):o[o.length-1].push(t))&&o,[])}const bo={generate({uri:r,size:e,logoSize:i,dotColor:n="#141414"}){const o="transparent",a=[],s=wo(r,"Q"),l=e/s.length,d=[{x:0,y:0},{x:1,y:0},{x:0,y:1}];d.forEach(({x:v,y:S})=>{const b=(s.length-de)*l*v,w=(s.length-de)*l*S,m=.45;for(let f=0;f<d.length;f+=1){const D=l*(de-f*2);a.push(Ne`
|
|
1076
|
+
<rect
|
|
1077
|
+
fill=${f===2?n:o}
|
|
1078
|
+
width=${f===0?D-5:D}
|
|
1079
|
+
rx= ${f===0?(D-5)*m:D*m}
|
|
1080
|
+
ry= ${f===0?(D-5)*m:D*m}
|
|
1081
|
+
stroke=${n}
|
|
1082
|
+
stroke-width=${f===0?5:0}
|
|
1083
|
+
height=${f===0?D-5:D}
|
|
1084
|
+
x= ${f===0?w+l*f+5/2:w+l*f}
|
|
1085
|
+
y= ${f===0?b+l*f+5/2:b+l*f}
|
|
1086
|
+
/>
|
|
1087
|
+
`)}});const h=Math.floor((i+25)/l),p=s.length/2-h/2,x=s.length/2+h/2-1,g=[];s.forEach((v,S)=>{v.forEach((b,w)=>{if(s[S][w]&&!(S<de&&w<de||S>s.length-(de+1)&&w<de||S<de&&w>s.length-(de+1))&&!(S>p&&S<x&&w>p&&w<x)){const m=S*l+l/2,f=w*l+l/2;g.push([m,f])}})});const W={};return g.forEach(([v,S])=>{var b;W[v]?(b=W[v])==null||b.push(S):W[v]=[S]}),Object.entries(W).map(([v,S])=>{const b=S.filter(w=>S.every(m=>!Qt(w,m,l)));return[Number(v),b]}).forEach(([v,S])=>{S.forEach(b=>{a.push(Ne`<circle cx=${v} cy=${b} fill=${n} r=${l/Zi} />`)})}),Object.entries(W).filter(([v,S])=>S.length>1).map(([v,S])=>{const b=S.filter(w=>S.some(m=>Qt(w,m,l)));return[Number(v),b]}).map(([v,S])=>{S.sort((w,m)=>w<m?-1:1);const b=[];for(const w of S){const m=b.find(f=>f.some(D=>Qt(w,D,l)));m?m.push(w):b.push([w])}return[v,b.map(w=>[w[0],w[w.length-1]])]}).forEach(([v,S])=>{S.forEach(([b,w])=>{a.push(Ne`
|
|
1088
|
+
<line
|
|
1089
|
+
x1=${v}
|
|
1090
|
+
x2=${v}
|
|
1091
|
+
y1=${b}
|
|
1092
|
+
y2=${w}
|
|
1093
|
+
stroke=${n}
|
|
1094
|
+
stroke-width=${l/(Zi/2)}
|
|
1095
|
+
stroke-linecap="round"
|
|
1096
|
+
/>
|
|
1097
|
+
`)})}),a}},mo=N`
|
|
1098
|
+
:host {
|
|
1099
|
+
position: relative;
|
|
1100
|
+
user-select: none;
|
|
1101
|
+
display: block;
|
|
1102
|
+
overflow: hidden;
|
|
1103
|
+
aspect-ratio: 1 / 1;
|
|
1104
|
+
width: var(--local-size);
|
|
1105
|
+
}
|
|
1106
|
+
|
|
1107
|
+
:host([data-theme='dark']) {
|
|
1108
|
+
border-radius: clamp(0px, var(--wui-border-radius-l), 40px);
|
|
1109
|
+
background-color: var(--wui-color-inverse-100);
|
|
1110
|
+
padding: var(--wui-spacing-l);
|
|
1111
|
+
}
|
|
1112
|
+
|
|
1113
|
+
:host([data-theme='light']) {
|
|
1114
|
+
box-shadow: 0 0 0 1px var(--wui-color-bg-125);
|
|
1115
|
+
background-color: var(--wui-color-bg-125);
|
|
1116
|
+
}
|
|
1117
|
+
|
|
1118
|
+
:host([data-clear='true']) > wui-icon {
|
|
1119
|
+
display: none;
|
|
1120
|
+
}
|
|
1121
|
+
|
|
1122
|
+
svg:first-child,
|
|
1123
|
+
wui-image,
|
|
1124
|
+
wui-icon {
|
|
1125
|
+
position: absolute;
|
|
1126
|
+
top: 50%;
|
|
1127
|
+
left: 50%;
|
|
1128
|
+
transform: translateY(-50%) translateX(-50%);
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1131
|
+
wui-image {
|
|
1132
|
+
width: 25%;
|
|
1133
|
+
height: 25%;
|
|
1134
|
+
border-radius: var(--wui-border-radius-xs);
|
|
1135
|
+
}
|
|
1136
|
+
|
|
1137
|
+
wui-icon {
|
|
1138
|
+
width: 100%;
|
|
1139
|
+
height: 100%;
|
|
1140
|
+
color: var(--local-icon-color) !important;
|
|
1141
|
+
transform: translateY(-50%) translateX(-50%) scale(0.25);
|
|
1142
|
+
}
|
|
1143
|
+
`;var ge=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const vo="#3396ff";let ie=class extends O{constructor(){super(...arguments),this.uri="",this.size=0,this.theme="dark",this.imageSrc=void 0,this.alt=void 0,this.arenaClear=void 0,this.farcaster=void 0}render(){return this.dataset.theme=this.theme,this.dataset.clear=String(this.arenaClear),this.style.cssText=`
|
|
1144
|
+
--local-size: ${this.size}px;
|
|
1145
|
+
--local-icon-color: ${this.color??vo}
|
|
1146
|
+
`,c`${this.templateVisual()} ${this.templateSvg()}`}templateSvg(){const e=this.theme==="light"?this.size:this.size-32;return Ne`
|
|
1147
|
+
<svg height=${e} width=${e}>
|
|
1148
|
+
${bo.generate({uri:this.uri,size:e,logoSize:this.arenaClear?0:e/4,dotColor:this.color})}
|
|
1149
|
+
</svg>
|
|
1150
|
+
`}templateVisual(){return this.imageSrc?c`<wui-image src=${this.imageSrc} alt=${this.alt??"logo"}></wui-image>`:this.farcaster?c`<wui-icon
|
|
1151
|
+
class="farcaster"
|
|
1152
|
+
size="inherit"
|
|
1153
|
+
color="inherit"
|
|
1154
|
+
name="farcaster"
|
|
1155
|
+
></wui-icon>`:c`<wui-icon size="inherit" color="inherit" name="walletConnect"></wui-icon>`}};ie.styles=[q,mo];ge([u()],ie.prototype,"uri",void 0);ge([u({type:Number})],ie.prototype,"size",void 0);ge([u()],ie.prototype,"theme",void 0);ge([u()],ie.prototype,"imageSrc",void 0);ge([u()],ie.prototype,"alt",void 0);ge([u()],ie.prototype,"color",void 0);ge([u({type:Boolean})],ie.prototype,"arenaClear",void 0);ge([u({type:Boolean})],ie.prototype,"farcaster",void 0);ie=ge([B("wui-qr-code")],ie);const yo=N`
|
|
1156
|
+
:host {
|
|
1157
|
+
display: block;
|
|
1158
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
1159
|
+
background: linear-gradient(
|
|
1160
|
+
120deg,
|
|
1161
|
+
var(--wui-color-bg-200) 5%,
|
|
1162
|
+
var(--wui-color-bg-200) 48%,
|
|
1163
|
+
var(--wui-color-bg-300) 55%,
|
|
1164
|
+
var(--wui-color-bg-300) 60%,
|
|
1165
|
+
var(--wui-color-bg-300) calc(60% + 10px),
|
|
1166
|
+
var(--wui-color-bg-200) calc(60% + 12px),
|
|
1167
|
+
var(--wui-color-bg-200) 100%
|
|
1168
|
+
);
|
|
1169
|
+
background-size: 250%;
|
|
1170
|
+
animation: shimmer 3s linear infinite reverse;
|
|
1171
|
+
}
|
|
1172
|
+
|
|
1173
|
+
:host([variant='light']) {
|
|
1174
|
+
background: linear-gradient(
|
|
1175
|
+
120deg,
|
|
1176
|
+
var(--wui-color-bg-150) 5%,
|
|
1177
|
+
var(--wui-color-bg-150) 48%,
|
|
1178
|
+
var(--wui-color-bg-200) 55%,
|
|
1179
|
+
var(--wui-color-bg-200) 60%,
|
|
1180
|
+
var(--wui-color-bg-200) calc(60% + 10px),
|
|
1181
|
+
var(--wui-color-bg-150) calc(60% + 12px),
|
|
1182
|
+
var(--wui-color-bg-150) 100%
|
|
1183
|
+
);
|
|
1184
|
+
background-size: 250%;
|
|
1185
|
+
}
|
|
1186
|
+
|
|
1187
|
+
@keyframes shimmer {
|
|
1188
|
+
from {
|
|
1189
|
+
background-position: -250% 0;
|
|
1190
|
+
}
|
|
1191
|
+
to {
|
|
1192
|
+
background-position: 250% 0;
|
|
1193
|
+
}
|
|
1194
|
+
}
|
|
1195
|
+
`;var He=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Re=class extends O{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="m",this.variant="default"}render(){return this.style.cssText=`
|
|
1196
|
+
width: ${this.width};
|
|
1197
|
+
height: ${this.height};
|
|
1198
|
+
border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`};
|
|
1199
|
+
`,c`<slot></slot>`}};Re.styles=[yo];He([u()],Re.prototype,"width",void 0);He([u()],Re.prototype,"height",void 0);He([u()],Re.prototype,"borderRadius",void 0);He([u()],Re.prototype,"variant",void 0);Re=He([B("wui-shimmer")],Re);const xo="https://reown.com",Co=N`
|
|
1200
|
+
.reown-logo {
|
|
1201
|
+
height: var(--wui-spacing-xxl);
|
|
1202
|
+
}
|
|
1203
|
+
|
|
1204
|
+
a {
|
|
1205
|
+
text-decoration: none;
|
|
1206
|
+
cursor: pointer;
|
|
1207
|
+
}
|
|
1208
|
+
|
|
1209
|
+
a:hover {
|
|
1210
|
+
opacity: 0.9;
|
|
1211
|
+
}
|
|
1212
|
+
`;var Ro=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ti=class extends O{render(){return c`
|
|
1213
|
+
<a
|
|
1214
|
+
data-testid="ux-branding-reown"
|
|
1215
|
+
href=${xo}
|
|
1216
|
+
rel="noreferrer"
|
|
1217
|
+
target="_blank"
|
|
1218
|
+
style="text-decoration: none;"
|
|
1219
|
+
>
|
|
1220
|
+
<wui-flex
|
|
1221
|
+
justifyContent="center"
|
|
1222
|
+
alignItems="center"
|
|
1223
|
+
gap="xs"
|
|
1224
|
+
.padding=${["0","0","l","0"]}
|
|
1225
|
+
>
|
|
1226
|
+
<wui-text variant="small-500" color="fg-100"> UX by </wui-text>
|
|
1227
|
+
<wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon>
|
|
1228
|
+
</wui-flex>
|
|
1229
|
+
</a>
|
|
1230
|
+
`}};ti.styles=[q,G,Co];ti=Ro([B("wui-ux-by-reown")],ti);const $o=N`
|
|
1231
|
+
@keyframes fadein {
|
|
1232
|
+
from {
|
|
1233
|
+
opacity: 0;
|
|
1234
|
+
}
|
|
1235
|
+
to {
|
|
1236
|
+
opacity: 1;
|
|
1237
|
+
}
|
|
1238
|
+
}
|
|
1239
|
+
|
|
1240
|
+
wui-shimmer {
|
|
1241
|
+
width: 100%;
|
|
1242
|
+
aspect-ratio: 1 / 1;
|
|
1243
|
+
border-radius: clamp(0px, var(--wui-border-radius-l), 40px) !important;
|
|
1244
|
+
}
|
|
1245
|
+
|
|
1246
|
+
wui-qr-code {
|
|
1247
|
+
opacity: 0;
|
|
1248
|
+
animation-duration: 200ms;
|
|
1249
|
+
animation-timing-function: ease;
|
|
1250
|
+
animation-name: fadein;
|
|
1251
|
+
animation-fill-mode: forwards;
|
|
1252
|
+
}
|
|
1253
|
+
`;var _o=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ii=class extends V{constructor(){var e;super(),this.forceUpdate=()=>{this.requestUpdate()},window.addEventListener("resize",this.forceUpdate),te.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:((e=this.wallet)==null?void 0:e.name)??"WalletConnect",platform:"qrcode"}})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.unsubscribe)==null||e.forEach(i=>i()),window.removeEventListener("resize",this.forceUpdate)}render(){return this.onRenderProxy(),c`
|
|
1254
|
+
<wui-flex
|
|
1255
|
+
flexDirection="column"
|
|
1256
|
+
alignItems="center"
|
|
1257
|
+
.padding=${["0","xl","xl","xl"]}
|
|
1258
|
+
gap="xl"
|
|
1259
|
+
>
|
|
1260
|
+
<wui-shimmer borderRadius="l" width="100%"> ${this.qrCodeTemplate()} </wui-shimmer>
|
|
1261
|
+
|
|
1262
|
+
<wui-text variant="paragraph-500" color="fg-100">
|
|
1263
|
+
Scan this QR Code with your phone
|
|
1264
|
+
</wui-text>
|
|
1265
|
+
${this.copyTemplate()}
|
|
1266
|
+
</wui-flex>
|
|
1267
|
+
<w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
|
|
1268
|
+
`}onRenderProxy(){!this.ready&&this.uri&&(this.timeout=setTimeout(()=>{this.ready=!0},200))}qrCodeTemplate(){if(!this.uri||!this.ready)return null;const e=this.getBoundingClientRect().width-40,i=this.wallet?this.wallet.name:void 0;return j.setWcLinking(void 0),j.setRecentWallet(this.wallet),c` <wui-qr-code
|
|
1269
|
+
size=${e}
|
|
1270
|
+
theme=${ei.state.themeMode}
|
|
1271
|
+
uri=${this.uri}
|
|
1272
|
+
imageSrc=${E(K.getWalletImage(this.wallet))}
|
|
1273
|
+
color=${E(ei.state.themeVariables["--w3m-qr-color"])}
|
|
1274
|
+
alt=${E(i)}
|
|
1275
|
+
data-testid="wui-qr-code"
|
|
1276
|
+
></wui-qr-code>`}copyTemplate(){const e=!this.uri||!this.ready;return c`<wui-link
|
|
1277
|
+
.disabled=${e}
|
|
1278
|
+
@click=${this.onCopyUri}
|
|
1279
|
+
color="fg-200"
|
|
1280
|
+
data-testid="copy-wc2-uri"
|
|
1281
|
+
>
|
|
1282
|
+
<wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
|
|
1283
|
+
Copy link
|
|
1284
|
+
</wui-link>`}};ii.styles=$o;ii=_o([B("w3m-connecting-wc-qrcode")],ii);var Io=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let en=class extends O{constructor(){var e;if(super(),this.wallet=(e=U.state.data)==null?void 0:e.wallet,!this.wallet)throw new Error("w3m-connecting-wc-unsupported: No wallet provided");te.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}render(){return c`
|
|
1285
|
+
<wui-flex
|
|
1286
|
+
flexDirection="column"
|
|
1287
|
+
alignItems="center"
|
|
1288
|
+
.padding=${["3xl","xl","xl","xl"]}
|
|
1289
|
+
gap="xl"
|
|
1290
|
+
>
|
|
1291
|
+
<wui-wallet-image
|
|
1292
|
+
size="lg"
|
|
1293
|
+
imageSrc=${E(K.getWalletImage(this.wallet))}
|
|
1294
|
+
></wui-wallet-image>
|
|
1295
|
+
|
|
1296
|
+
<wui-text variant="paragraph-500" color="fg-100">Not Detected</wui-text>
|
|
1297
|
+
</wui-flex>
|
|
1298
|
+
|
|
1299
|
+
<w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
|
|
1300
|
+
`}};en=Io([B("w3m-connecting-wc-unsupported")],en);var fn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ni=class extends V{constructor(){if(super(),this.isLoading=!0,!this.wallet)throw new Error("w3m-connecting-wc-web: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.secondaryBtnLabel="Open",this.secondaryLabel=rn.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.updateLoadingState(),this.unsubscribe.push(j.subscribeKey("wcUri",()=>{this.updateLoadingState()})),te.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"web"}})}updateLoadingState(){this.isLoading=!this.uri}onConnectProxy(){var e;if((e=this.wallet)!=null&&e.webapp_link&&this.uri)try{this.error=!1;const{webapp_link:i,name:n}=this.wallet,{redirect:o,href:t}=k.formatUniversalUrl(i,this.uri);j.setWcLinking({name:n,href:t}),j.setRecentWallet(this.wallet),k.openHref(o,"_blank")}catch{this.error=!0}}};fn([_()],ni.prototype,"isLoading",void 0);ni=fn([B("w3m-connecting-wc-web")],ni);var Ge=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Le=class extends O{constructor(){var e;super(),this.wallet=(e=U.state.data)==null?void 0:e.wallet,this.unsubscribe=[],this.platform=void 0,this.platforms=[],this.isSiwxEnabled=!!ee.state.siwx,this.remoteFeatures=ee.state.remoteFeatures,this.determinePlatforms(),this.initializeConnection(),this.unsubscribe.push(ee.subscribeKey("remoteFeatures",i=>this.remoteFeatures=i))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return c`
|
|
1301
|
+
${this.headerTemplate()}
|
|
1302
|
+
<div>${this.platformTemplate()}</div>
|
|
1303
|
+
${this.reownBrandingTemplate()}
|
|
1304
|
+
`}reownBrandingTemplate(){var e;return(e=this.remoteFeatures)!=null&&e.reownBranding?c`<wui-ux-by-reown></wui-ux-by-reown>`:null}async initializeConnection(e=!1){if(!(this.platform==="browser"||ee.state.manualWCControl&&!e))try{const{wcPairingExpiry:i,status:n}=j.state;(e||ee.state.enableEmbedded||k.isPairingExpired(i)||n==="connecting")&&(await j.connectWalletConnect(),this.isSiwxEnabled||on.close())}catch(i){te.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:(i==null?void 0:i.message)??"Unknown"}}),j.setWcError(!0),Xe.showError(i.message??"Connection error"),j.resetWcConnection(),U.goBack()}}determinePlatforms(){if(!this.wallet){this.platforms.push("qrcode"),this.platform="qrcode";return}if(this.platform)return;const{mobile_link:e,desktop_link:i,webapp_link:n,injected:o,rdns:t}=this.wallet,a=o==null?void 0:o.map(({injected_id:W})=>W).filter(Boolean),s=[...t?[t]:a??[]],l=ee.state.isUniversalProvider?!1:s.length,d=e,h=n,p=j.checkInstalled(s),x=l&&p,g=i&&!k.isMobile();x&&!Zt.state.noAdapters&&this.platforms.push("browser"),d&&this.platforms.push(k.isMobile()?"mobile":"qrcode"),h&&this.platforms.push("web"),g&&this.platforms.push("desktop"),!x&&l&&!Zt.state.noAdapters&&this.platforms.push("unsupported"),this.platform=this.platforms[0]}platformTemplate(){switch(this.platform){case"browser":return c`<w3m-connecting-wc-browser></w3m-connecting-wc-browser>`;case"web":return c`<w3m-connecting-wc-web></w3m-connecting-wc-web>`;case"desktop":return c`
|
|
1305
|
+
<w3m-connecting-wc-desktop .onRetry=${()=>this.initializeConnection(!0)}>
|
|
1306
|
+
</w3m-connecting-wc-desktop>
|
|
1307
|
+
`;case"mobile":return c`
|
|
1308
|
+
<w3m-connecting-wc-mobile isMobile .onRetry=${()=>this.initializeConnection(!0)}>
|
|
1309
|
+
</w3m-connecting-wc-mobile>
|
|
1310
|
+
`;case"qrcode":return c`<w3m-connecting-wc-qrcode></w3m-connecting-wc-qrcode>`;default:return c`<w3m-connecting-wc-unsupported></w3m-connecting-wc-unsupported>`}}headerTemplate(){return this.platforms.length>1?c`
|
|
1311
|
+
<w3m-connecting-header
|
|
1312
|
+
.platforms=${this.platforms}
|
|
1313
|
+
.onSelectPlatfrom=${this.onSelectPlatform.bind(this)}
|
|
1314
|
+
>
|
|
1315
|
+
</w3m-connecting-header>
|
|
1316
|
+
`:null}async onSelectPlatform(e){var n;const i=(n=this.shadowRoot)==null?void 0:n.querySelector("div");i&&(await i.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.platform=e,i.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}};Ge([_()],Le.prototype,"platform",void 0);Ge([_()],Le.prototype,"platforms",void 0);Ge([_()],Le.prototype,"isSiwxEnabled",void 0);Ge([_()],Le.prototype,"remoteFeatures",void 0);Le=Ge([B("w3m-connecting-wc-view")],Le);var pn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let oi=class extends O{constructor(){super(...arguments),this.isMobile=k.isMobile()}render(){if(this.isMobile){const{featured:e,recommended:i}=z.state,{customWallets:n}=ee.state,o=ft.getRecentWallets(),t=e.length||i.length||(n==null?void 0:n.length)||o.length;return c`<wui-flex
|
|
1317
|
+
flexDirection="column"
|
|
1318
|
+
gap="xs"
|
|
1319
|
+
.margin=${["3xs","s","s","s"]}
|
|
1320
|
+
>
|
|
1321
|
+
${t?c`<w3m-connector-list></w3m-connector-list>`:null}
|
|
1322
|
+
<w3m-all-wallets-widget></w3m-all-wallets-widget>
|
|
1323
|
+
</wui-flex>`}return c`<wui-flex flexDirection="column" .padding=${["0","0","l","0"]}>
|
|
1324
|
+
<w3m-connecting-wc-view></w3m-connecting-wc-view>
|
|
1325
|
+
<wui-flex flexDirection="column" .padding=${["0","m","0","m"]}>
|
|
1326
|
+
<w3m-all-wallets-widget></w3m-all-wallets-widget> </wui-flex
|
|
1327
|
+
></wui-flex>`}};pn([_()],oi.prototype,"isMobile",void 0);oi=pn([B("w3m-connecting-wc-basic-view")],oi);/**
|
|
1328
|
+
* @license
|
|
1329
|
+
* Copyright 2020 Google LLC
|
|
1330
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1331
|
+
*/const fi=()=>new Eo;class Eo{}const Xt=new WeakMap,pi=$n(class extends _n{render(r){return yi}update(r,[e]){var n;const i=e!==this.G;return i&&this.G!==void 0&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=e,this.ht=(n=r.options)==null?void 0:n.host,this.rt(this.ct=r.element)),yi}rt(r){if(this.isConnected||(r=void 0),typeof this.G=="function"){const e=this.ht??globalThis;let i=Xt.get(e);i===void 0&&(i=new WeakMap,Xt.set(e,i)),i.get(this.G)!==void 0&&this.G.call(this.ht,void 0),i.set(this.G,r),r!==void 0&&this.G.call(this.ht,r)}else this.G.value=r}get lt(){var r,e;return typeof this.G=="function"?(r=Xt.get(this.ht??globalThis))==null?void 0:r.get(this.G):(e=this.G)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),Wo=N`
|
|
1332
|
+
:host {
|
|
1333
|
+
display: flex;
|
|
1334
|
+
align-items: center;
|
|
1335
|
+
justify-content: center;
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1338
|
+
label {
|
|
1339
|
+
position: relative;
|
|
1340
|
+
display: inline-block;
|
|
1341
|
+
width: 32px;
|
|
1342
|
+
height: 22px;
|
|
1343
|
+
}
|
|
1344
|
+
|
|
1345
|
+
input {
|
|
1346
|
+
width: 0;
|
|
1347
|
+
height: 0;
|
|
1348
|
+
opacity: 0;
|
|
1349
|
+
}
|
|
1350
|
+
|
|
1351
|
+
span {
|
|
1352
|
+
position: absolute;
|
|
1353
|
+
cursor: pointer;
|
|
1354
|
+
top: 0;
|
|
1355
|
+
left: 0;
|
|
1356
|
+
right: 0;
|
|
1357
|
+
bottom: 0;
|
|
1358
|
+
background-color: var(--wui-color-blue-100);
|
|
1359
|
+
border-width: 1px;
|
|
1360
|
+
border-style: solid;
|
|
1361
|
+
border-color: var(--wui-color-gray-glass-002);
|
|
1362
|
+
border-radius: 999px;
|
|
1363
|
+
transition:
|
|
1364
|
+
background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
|
|
1365
|
+
border-color var(--wui-ease-inout-power-1) var(--wui-duration-md);
|
|
1366
|
+
will-change: background-color, border-color;
|
|
1367
|
+
}
|
|
1368
|
+
|
|
1369
|
+
span:before {
|
|
1370
|
+
position: absolute;
|
|
1371
|
+
content: '';
|
|
1372
|
+
height: 16px;
|
|
1373
|
+
width: 16px;
|
|
1374
|
+
left: 3px;
|
|
1375
|
+
top: 2px;
|
|
1376
|
+
background-color: var(--wui-color-inverse-100);
|
|
1377
|
+
transition: transform var(--wui-ease-inout-power-1) var(--wui-duration-lg);
|
|
1378
|
+
will-change: transform;
|
|
1379
|
+
border-radius: 50%;
|
|
1380
|
+
}
|
|
1381
|
+
|
|
1382
|
+
input:checked + span {
|
|
1383
|
+
border-color: var(--wui-color-gray-glass-005);
|
|
1384
|
+
background-color: var(--wui-color-blue-100);
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
input:not(:checked) + span {
|
|
1388
|
+
background-color: var(--wui-color-gray-glass-010);
|
|
1389
|
+
}
|
|
1390
|
+
|
|
1391
|
+
input:checked + span:before {
|
|
1392
|
+
transform: translateX(calc(100% - 7px));
|
|
1393
|
+
}
|
|
1394
|
+
`;var gn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let lt=class extends O{constructor(){super(...arguments),this.inputElementRef=fi(),this.checked=void 0}render(){return c`
|
|
1395
|
+
<label>
|
|
1396
|
+
<input
|
|
1397
|
+
${pi(this.inputElementRef)}
|
|
1398
|
+
type="checkbox"
|
|
1399
|
+
?checked=${E(this.checked)}
|
|
1400
|
+
@change=${this.dispatchChangeEvent.bind(this)}
|
|
1401
|
+
/>
|
|
1402
|
+
<span></span>
|
|
1403
|
+
</label>
|
|
1404
|
+
`}dispatchChangeEvent(){var e;this.dispatchEvent(new CustomEvent("switchChange",{detail:(e=this.inputElementRef.value)==null?void 0:e.checked,bubbles:!0,composed:!0}))}};lt.styles=[q,G,Rn,Wo];gn([u({type:Boolean})],lt.prototype,"checked",void 0);lt=gn([B("wui-switch")],lt);const So=N`
|
|
1405
|
+
:host {
|
|
1406
|
+
height: 100%;
|
|
1407
|
+
}
|
|
1408
|
+
|
|
1409
|
+
button {
|
|
1410
|
+
display: flex;
|
|
1411
|
+
align-items: center;
|
|
1412
|
+
justify-content: center;
|
|
1413
|
+
column-gap: var(--wui-spacing-1xs);
|
|
1414
|
+
padding: var(--wui-spacing-xs) var(--wui-spacing-s);
|
|
1415
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
1416
|
+
border-radius: var(--wui-border-radius-xs);
|
|
1417
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
|
|
1418
|
+
transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
1419
|
+
will-change: background-color;
|
|
1420
|
+
cursor: pointer;
|
|
1421
|
+
}
|
|
1422
|
+
|
|
1423
|
+
wui-switch {
|
|
1424
|
+
pointer-events: none;
|
|
1425
|
+
}
|
|
1426
|
+
`;var wn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ct=class extends O{constructor(){super(...arguments),this.checked=void 0}render(){return c`
|
|
1427
|
+
<button>
|
|
1428
|
+
<wui-icon size="xl" name="walletConnectBrown"></wui-icon>
|
|
1429
|
+
<wui-switch ?checked=${E(this.checked)}></wui-switch>
|
|
1430
|
+
</button>
|
|
1431
|
+
`}};ct.styles=[q,G,So];wn([u({type:Boolean})],ct.prototype,"checked",void 0);ct=wn([B("wui-certified-switch")],ct);const To=N`
|
|
1432
|
+
button {
|
|
1433
|
+
background-color: var(--wui-color-fg-300);
|
|
1434
|
+
border-radius: var(--wui-border-radius-4xs);
|
|
1435
|
+
width: 16px;
|
|
1436
|
+
height: 16px;
|
|
1437
|
+
}
|
|
1438
|
+
|
|
1439
|
+
button:disabled {
|
|
1440
|
+
background-color: var(--wui-color-bg-300);
|
|
1441
|
+
}
|
|
1442
|
+
|
|
1443
|
+
wui-icon {
|
|
1444
|
+
color: var(--wui-color-bg-200) !important;
|
|
1445
|
+
}
|
|
1446
|
+
|
|
1447
|
+
button:focus-visible {
|
|
1448
|
+
background-color: var(--wui-color-fg-250);
|
|
1449
|
+
border: 1px solid var(--wui-color-accent-100);
|
|
1450
|
+
}
|
|
1451
|
+
|
|
1452
|
+
@media (hover: hover) and (pointer: fine) {
|
|
1453
|
+
button:hover:enabled {
|
|
1454
|
+
background-color: var(--wui-color-fg-250);
|
|
1455
|
+
}
|
|
1456
|
+
|
|
1457
|
+
button:active:enabled {
|
|
1458
|
+
background-color: var(--wui-color-fg-225);
|
|
1459
|
+
}
|
|
1460
|
+
}
|
|
1461
|
+
`;var bn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ut=class extends O{constructor(){super(...arguments),this.icon="copy"}render(){return c`
|
|
1462
|
+
<button>
|
|
1463
|
+
<wui-icon color="inherit" size="xxs" name=${this.icon}></wui-icon>
|
|
1464
|
+
</button>
|
|
1465
|
+
`}};ut.styles=[q,G,To];bn([u()],ut.prototype,"icon",void 0);ut=bn([B("wui-input-element")],ut);const Po=N`
|
|
1466
|
+
:host {
|
|
1467
|
+
position: relative;
|
|
1468
|
+
width: 100%;
|
|
1469
|
+
display: inline-block;
|
|
1470
|
+
color: var(--wui-color-fg-275);
|
|
1471
|
+
}
|
|
1472
|
+
|
|
1473
|
+
input {
|
|
1474
|
+
width: 100%;
|
|
1475
|
+
border-radius: var(--wui-border-radius-xs);
|
|
1476
|
+
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
|
|
1477
|
+
background: var(--wui-color-gray-glass-002);
|
|
1478
|
+
font-size: var(--wui-font-size-paragraph);
|
|
1479
|
+
letter-spacing: var(--wui-letter-spacing-paragraph);
|
|
1480
|
+
color: var(--wui-color-fg-100);
|
|
1481
|
+
transition:
|
|
1482
|
+
background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
|
|
1483
|
+
border-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
|
|
1484
|
+
box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md);
|
|
1485
|
+
will-change: background-color, border-color, box-shadow;
|
|
1486
|
+
caret-color: var(--wui-color-accent-100);
|
|
1487
|
+
}
|
|
1488
|
+
|
|
1489
|
+
input:disabled {
|
|
1490
|
+
cursor: not-allowed;
|
|
1491
|
+
border: 1px solid var(--wui-color-gray-glass-010);
|
|
1492
|
+
}
|
|
1493
|
+
|
|
1494
|
+
input:disabled::placeholder,
|
|
1495
|
+
input:disabled + wui-icon {
|
|
1496
|
+
color: var(--wui-color-fg-300);
|
|
1497
|
+
}
|
|
1498
|
+
|
|
1499
|
+
input::placeholder {
|
|
1500
|
+
color: var(--wui-color-fg-275);
|
|
1501
|
+
}
|
|
1502
|
+
|
|
1503
|
+
input:focus:enabled {
|
|
1504
|
+
background-color: var(--wui-color-gray-glass-005);
|
|
1505
|
+
-webkit-box-shadow:
|
|
1506
|
+
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
1507
|
+
0px 0px 0px 4px var(--wui-box-shadow-blue);
|
|
1508
|
+
-moz-box-shadow:
|
|
1509
|
+
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
1510
|
+
0px 0px 0px 4px var(--wui-box-shadow-blue);
|
|
1511
|
+
box-shadow:
|
|
1512
|
+
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
1513
|
+
0px 0px 0px 4px var(--wui-box-shadow-blue);
|
|
1514
|
+
}
|
|
1515
|
+
|
|
1516
|
+
input:hover:enabled {
|
|
1517
|
+
background-color: var(--wui-color-gray-glass-005);
|
|
1518
|
+
}
|
|
1519
|
+
|
|
1520
|
+
wui-icon {
|
|
1521
|
+
position: absolute;
|
|
1522
|
+
top: 50%;
|
|
1523
|
+
transform: translateY(-50%);
|
|
1524
|
+
pointer-events: none;
|
|
1525
|
+
}
|
|
1526
|
+
|
|
1527
|
+
.wui-size-sm {
|
|
1528
|
+
padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s);
|
|
1529
|
+
}
|
|
1530
|
+
|
|
1531
|
+
wui-icon + .wui-size-sm {
|
|
1532
|
+
padding: 9px var(--wui-spacing-m) 10px 36px;
|
|
1533
|
+
}
|
|
1534
|
+
|
|
1535
|
+
wui-icon[data-input='sm'] {
|
|
1536
|
+
left: var(--wui-spacing-s);
|
|
1537
|
+
}
|
|
1538
|
+
|
|
1539
|
+
.wui-size-md {
|
|
1540
|
+
padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m);
|
|
1541
|
+
}
|
|
1542
|
+
|
|
1543
|
+
wui-icon + .wui-size-md,
|
|
1544
|
+
wui-loading-spinner + .wui-size-md {
|
|
1545
|
+
padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl);
|
|
1546
|
+
}
|
|
1547
|
+
|
|
1548
|
+
wui-icon[data-input='md'] {
|
|
1549
|
+
left: var(--wui-spacing-l);
|
|
1550
|
+
}
|
|
1551
|
+
|
|
1552
|
+
.wui-size-lg {
|
|
1553
|
+
padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l);
|
|
1554
|
+
letter-spacing: var(--wui-letter-spacing-medium-title);
|
|
1555
|
+
font-size: var(--wui-font-size-medium-title);
|
|
1556
|
+
font-weight: var(--wui-font-weight-light);
|
|
1557
|
+
line-height: 130%;
|
|
1558
|
+
color: var(--wui-color-fg-100);
|
|
1559
|
+
height: 64px;
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1562
|
+
.wui-padding-right-xs {
|
|
1563
|
+
padding-right: var(--wui-spacing-xs);
|
|
1564
|
+
}
|
|
1565
|
+
|
|
1566
|
+
.wui-padding-right-s {
|
|
1567
|
+
padding-right: var(--wui-spacing-s);
|
|
1568
|
+
}
|
|
1569
|
+
|
|
1570
|
+
.wui-padding-right-m {
|
|
1571
|
+
padding-right: var(--wui-spacing-m);
|
|
1572
|
+
}
|
|
1573
|
+
|
|
1574
|
+
.wui-padding-right-l {
|
|
1575
|
+
padding-right: var(--wui-spacing-l);
|
|
1576
|
+
}
|
|
1577
|
+
|
|
1578
|
+
.wui-padding-right-xl {
|
|
1579
|
+
padding-right: var(--wui-spacing-xl);
|
|
1580
|
+
}
|
|
1581
|
+
|
|
1582
|
+
.wui-padding-right-2xl {
|
|
1583
|
+
padding-right: var(--wui-spacing-2xl);
|
|
1584
|
+
}
|
|
1585
|
+
|
|
1586
|
+
.wui-padding-right-3xl {
|
|
1587
|
+
padding-right: var(--wui-spacing-3xl);
|
|
1588
|
+
}
|
|
1589
|
+
|
|
1590
|
+
.wui-padding-right-4xl {
|
|
1591
|
+
padding-right: var(--wui-spacing-4xl);
|
|
1592
|
+
}
|
|
1593
|
+
|
|
1594
|
+
.wui-padding-right-5xl {
|
|
1595
|
+
padding-right: var(--wui-spacing-5xl);
|
|
1596
|
+
}
|
|
1597
|
+
|
|
1598
|
+
wui-icon + .wui-size-lg,
|
|
1599
|
+
wui-loading-spinner + .wui-size-lg {
|
|
1600
|
+
padding-left: 50px;
|
|
1601
|
+
}
|
|
1602
|
+
|
|
1603
|
+
wui-icon[data-input='lg'] {
|
|
1604
|
+
left: var(--wui-spacing-l);
|
|
1605
|
+
}
|
|
1606
|
+
|
|
1607
|
+
.wui-size-mdl {
|
|
1608
|
+
padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m);
|
|
1609
|
+
}
|
|
1610
|
+
wui-icon + .wui-size-mdl,
|
|
1611
|
+
wui-loading-spinner + .wui-size-mdl {
|
|
1612
|
+
padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px;
|
|
1613
|
+
}
|
|
1614
|
+
wui-icon[data-input='mdl'] {
|
|
1615
|
+
left: var(--wui-spacing-m);
|
|
1616
|
+
}
|
|
1617
|
+
|
|
1618
|
+
input:placeholder-shown ~ ::slotted(wui-input-element),
|
|
1619
|
+
input:placeholder-shown ~ ::slotted(wui-icon) {
|
|
1620
|
+
opacity: 0;
|
|
1621
|
+
pointer-events: none;
|
|
1622
|
+
}
|
|
1623
|
+
|
|
1624
|
+
input::-webkit-outer-spin-button,
|
|
1625
|
+
input::-webkit-inner-spin-button {
|
|
1626
|
+
-webkit-appearance: none;
|
|
1627
|
+
margin: 0;
|
|
1628
|
+
}
|
|
1629
|
+
|
|
1630
|
+
input[type='number'] {
|
|
1631
|
+
-moz-appearance: textfield;
|
|
1632
|
+
}
|
|
1633
|
+
|
|
1634
|
+
::slotted(wui-input-element),
|
|
1635
|
+
::slotted(wui-icon) {
|
|
1636
|
+
position: absolute;
|
|
1637
|
+
top: 50%;
|
|
1638
|
+
transform: translateY(-50%);
|
|
1639
|
+
}
|
|
1640
|
+
|
|
1641
|
+
::slotted(wui-input-element) {
|
|
1642
|
+
right: var(--wui-spacing-m);
|
|
1643
|
+
}
|
|
1644
|
+
|
|
1645
|
+
::slotted(wui-icon) {
|
|
1646
|
+
right: 0px;
|
|
1647
|
+
}
|
|
1648
|
+
`;var le=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let X=class extends O{constructor(){super(...arguments),this.inputElementRef=fi(),this.size="md",this.disabled=!1,this.placeholder="",this.type="text",this.value=""}render(){const e=`wui-padding-right-${this.inputRightPadding}`,n={[`wui-size-${this.size}`]:!0,[e]:!!this.inputRightPadding};return c`${this.templateIcon()}
|
|
1649
|
+
<input
|
|
1650
|
+
data-testid="wui-input-text"
|
|
1651
|
+
${pi(this.inputElementRef)}
|
|
1652
|
+
class=${In(n)}
|
|
1653
|
+
type=${this.type}
|
|
1654
|
+
enterkeyhint=${E(this.enterKeyHint)}
|
|
1655
|
+
?disabled=${this.disabled}
|
|
1656
|
+
placeholder=${this.placeholder}
|
|
1657
|
+
@input=${this.dispatchInputChangeEvent.bind(this)}
|
|
1658
|
+
.value=${this.value||""}
|
|
1659
|
+
tabindex=${E(this.tabIdx)}
|
|
1660
|
+
/>
|
|
1661
|
+
<slot></slot>`}templateIcon(){return this.icon?c`<wui-icon
|
|
1662
|
+
data-input=${this.size}
|
|
1663
|
+
size=${this.size}
|
|
1664
|
+
color="inherit"
|
|
1665
|
+
name=${this.icon}
|
|
1666
|
+
></wui-icon>`:null}dispatchInputChangeEvent(){var e;this.dispatchEvent(new CustomEvent("inputChange",{detail:(e=this.inputElementRef.value)==null?void 0:e.value,bubbles:!0,composed:!0}))}};X.styles=[q,G,Po];le([u()],X.prototype,"size",void 0);le([u()],X.prototype,"icon",void 0);le([u({type:Boolean})],X.prototype,"disabled",void 0);le([u()],X.prototype,"placeholder",void 0);le([u()],X.prototype,"type",void 0);le([u()],X.prototype,"keyHint",void 0);le([u()],X.prototype,"value",void 0);le([u()],X.prototype,"inputRightPadding",void 0);le([u()],X.prototype,"tabIdx",void 0);X=le([B("wui-input-text")],X);const Bo=N`
|
|
1667
|
+
:host {
|
|
1668
|
+
position: relative;
|
|
1669
|
+
display: inline-block;
|
|
1670
|
+
width: 100%;
|
|
1671
|
+
}
|
|
1672
|
+
`;var Lo=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ri=class extends O{constructor(){super(...arguments),this.inputComponentRef=fi()}render(){return c`
|
|
1673
|
+
<wui-input-text
|
|
1674
|
+
${pi(this.inputComponentRef)}
|
|
1675
|
+
placeholder="Search wallet"
|
|
1676
|
+
icon="search"
|
|
1677
|
+
type="search"
|
|
1678
|
+
enterKeyHint="search"
|
|
1679
|
+
size="sm"
|
|
1680
|
+
>
|
|
1681
|
+
<wui-input-element @click=${this.clearValue} icon="close"></wui-input-element>
|
|
1682
|
+
</wui-input-text>
|
|
1683
|
+
`}clearValue(){const e=this.inputComponentRef.value,i=e==null?void 0:e.inputElementRef.value;i&&(i.value="",i.focus(),i.dispatchEvent(new Event("input")))}};ri.styles=[q,Bo];ri=Lo([B("wui-search-bar")],ri);const Oo=Ne`<svg viewBox="0 0 48 54" fill="none">
|
|
1684
|
+
<path
|
|
1685
|
+
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"
|
|
1686
|
+
/>
|
|
1687
|
+
</svg>`,Ao=N`
|
|
1688
|
+
:host {
|
|
1689
|
+
display: flex;
|
|
1690
|
+
flex-direction: column;
|
|
1691
|
+
align-items: center;
|
|
1692
|
+
width: 104px;
|
|
1693
|
+
row-gap: var(--wui-spacing-xs);
|
|
1694
|
+
padding: var(--wui-spacing-xs) 10px;
|
|
1695
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
1696
|
+
border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
|
|
1697
|
+
position: relative;
|
|
1698
|
+
}
|
|
1699
|
+
|
|
1700
|
+
wui-shimmer[data-type='network'] {
|
|
1701
|
+
border: none;
|
|
1702
|
+
-webkit-clip-path: var(--wui-path-network);
|
|
1703
|
+
clip-path: var(--wui-path-network);
|
|
1704
|
+
}
|
|
1705
|
+
|
|
1706
|
+
svg {
|
|
1707
|
+
position: absolute;
|
|
1708
|
+
width: 48px;
|
|
1709
|
+
height: 54px;
|
|
1710
|
+
z-index: 1;
|
|
1711
|
+
}
|
|
1712
|
+
|
|
1713
|
+
svg > path {
|
|
1714
|
+
stroke: var(--wui-color-gray-glass-010);
|
|
1715
|
+
stroke-width: 1px;
|
|
1716
|
+
}
|
|
1717
|
+
|
|
1718
|
+
@media (max-width: 350px) {
|
|
1719
|
+
:host {
|
|
1720
|
+
width: 100%;
|
|
1721
|
+
}
|
|
1722
|
+
}
|
|
1723
|
+
`;var mn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let dt=class extends O{constructor(){super(...arguments),this.type="wallet"}render(){return c`
|
|
1724
|
+
${this.shimmerTemplate()}
|
|
1725
|
+
<wui-shimmer width="56px" height="20px" borderRadius="xs"></wui-shimmer>
|
|
1726
|
+
`}shimmerTemplate(){return this.type==="network"?c` <wui-shimmer
|
|
1727
|
+
data-type=${this.type}
|
|
1728
|
+
width="48px"
|
|
1729
|
+
height="54px"
|
|
1730
|
+
borderRadius="xs"
|
|
1731
|
+
></wui-shimmer>
|
|
1732
|
+
${Oo}`:c`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}};dt.styles=[q,G,Ao];mn([u()],dt.prototype,"type",void 0);dt=mn([B("wui-card-select-loader")],dt);const ko=N`
|
|
1733
|
+
:host {
|
|
1734
|
+
display: grid;
|
|
1735
|
+
width: inherit;
|
|
1736
|
+
height: inherit;
|
|
1737
|
+
}
|
|
1738
|
+
`;var Z=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let H=class extends O{render(){return this.style.cssText=`
|
|
1739
|
+
grid-template-rows: ${this.gridTemplateRows};
|
|
1740
|
+
grid-template-columns: ${this.gridTemplateColumns};
|
|
1741
|
+
justify-items: ${this.justifyItems};
|
|
1742
|
+
align-items: ${this.alignItems};
|
|
1743
|
+
justify-content: ${this.justifyContent};
|
|
1744
|
+
align-content: ${this.alignContent};
|
|
1745
|
+
column-gap: ${this.columnGap&&`var(--wui-spacing-${this.columnGap})`};
|
|
1746
|
+
row-gap: ${this.rowGap&&`var(--wui-spacing-${this.rowGap})`};
|
|
1747
|
+
gap: ${this.gap&&`var(--wui-spacing-${this.gap})`};
|
|
1748
|
+
padding-top: ${this.padding&&he.getSpacingStyles(this.padding,0)};
|
|
1749
|
+
padding-right: ${this.padding&&he.getSpacingStyles(this.padding,1)};
|
|
1750
|
+
padding-bottom: ${this.padding&&he.getSpacingStyles(this.padding,2)};
|
|
1751
|
+
padding-left: ${this.padding&&he.getSpacingStyles(this.padding,3)};
|
|
1752
|
+
margin-top: ${this.margin&&he.getSpacingStyles(this.margin,0)};
|
|
1753
|
+
margin-right: ${this.margin&&he.getSpacingStyles(this.margin,1)};
|
|
1754
|
+
margin-bottom: ${this.margin&&he.getSpacingStyles(this.margin,2)};
|
|
1755
|
+
margin-left: ${this.margin&&he.getSpacingStyles(this.margin,3)};
|
|
1756
|
+
`,c`<slot></slot>`}};H.styles=[q,ko];Z([u()],H.prototype,"gridTemplateRows",void 0);Z([u()],H.prototype,"gridTemplateColumns",void 0);Z([u()],H.prototype,"justifyItems",void 0);Z([u()],H.prototype,"alignItems",void 0);Z([u()],H.prototype,"justifyContent",void 0);Z([u()],H.prototype,"alignContent",void 0);Z([u()],H.prototype,"columnGap",void 0);Z([u()],H.prototype,"rowGap",void 0);Z([u()],H.prototype,"gap",void 0);Z([u()],H.prototype,"padding",void 0);Z([u()],H.prototype,"margin",void 0);H=Z([B("wui-grid")],H);const jo=N`
|
|
1757
|
+
button {
|
|
1758
|
+
display: flex;
|
|
1759
|
+
flex-direction: column;
|
|
1760
|
+
justify-content: center;
|
|
1761
|
+
align-items: center;
|
|
1762
|
+
cursor: pointer;
|
|
1763
|
+
width: 104px;
|
|
1764
|
+
row-gap: var(--wui-spacing-xs);
|
|
1765
|
+
padding: var(--wui-spacing-s) var(--wui-spacing-0);
|
|
1766
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
1767
|
+
border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
|
|
1768
|
+
transition:
|
|
1769
|
+
color var(--wui-duration-lg) var(--wui-ease-out-power-1),
|
|
1770
|
+
background-color var(--wui-duration-lg) var(--wui-ease-out-power-1),
|
|
1771
|
+
border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1);
|
|
1772
|
+
will-change: background-color, color, border-radius;
|
|
1773
|
+
outline: none;
|
|
1774
|
+
border: none;
|
|
1775
|
+
}
|
|
1776
|
+
|
|
1777
|
+
button > wui-flex > wui-text {
|
|
1778
|
+
color: var(--wui-color-fg-100);
|
|
1779
|
+
max-width: 86px;
|
|
1780
|
+
white-space: nowrap;
|
|
1781
|
+
overflow: hidden;
|
|
1782
|
+
text-overflow: ellipsis;
|
|
1783
|
+
justify-content: center;
|
|
1784
|
+
}
|
|
1785
|
+
|
|
1786
|
+
button > wui-flex > wui-text.certified {
|
|
1787
|
+
max-width: 66px;
|
|
1788
|
+
}
|
|
1789
|
+
|
|
1790
|
+
button:hover:enabled {
|
|
1791
|
+
background-color: var(--wui-color-gray-glass-005);
|
|
1792
|
+
}
|
|
1793
|
+
|
|
1794
|
+
button:disabled > wui-flex > wui-text {
|
|
1795
|
+
color: var(--wui-color-gray-glass-015);
|
|
1796
|
+
}
|
|
1797
|
+
|
|
1798
|
+
[data-selected='true'] {
|
|
1799
|
+
background-color: var(--wui-color-accent-glass-020);
|
|
1800
|
+
}
|
|
1801
|
+
|
|
1802
|
+
@media (hover: hover) and (pointer: fine) {
|
|
1803
|
+
[data-selected='true']:hover:enabled {
|
|
1804
|
+
background-color: var(--wui-color-accent-glass-015);
|
|
1805
|
+
}
|
|
1806
|
+
}
|
|
1807
|
+
|
|
1808
|
+
[data-selected='true']:active:enabled {
|
|
1809
|
+
background-color: var(--wui-color-accent-glass-010);
|
|
1810
|
+
}
|
|
1811
|
+
|
|
1812
|
+
@media (max-width: 350px) {
|
|
1813
|
+
button {
|
|
1814
|
+
width: 100%;
|
|
1815
|
+
}
|
|
1816
|
+
}
|
|
1817
|
+
`;var Ye=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let $e=class extends O{constructor(){super(),this.observer=new IntersectionObserver(()=>{}),this.visible=!1,this.imageSrc=void 0,this.imageLoading=!1,this.wallet=void 0,this.observer=new IntersectionObserver(e=>{e.forEach(i=>{i.isIntersecting?(this.visible=!0,this.fetchImageSrc()):this.visible=!1})},{threshold:.01})}firstUpdated(){this.observer.observe(this)}disconnectedCallback(){this.observer.disconnect()}render(){var i,n;const e=((i=this.wallet)==null?void 0:i.badge_type)==="certified";return c`
|
|
1818
|
+
<button>
|
|
1819
|
+
${this.imageTemplate()}
|
|
1820
|
+
<wui-flex flexDirection="row" alignItems="center" justifyContent="center" gap="3xs">
|
|
1821
|
+
<wui-text
|
|
1822
|
+
variant="tiny-500"
|
|
1823
|
+
color="inherit"
|
|
1824
|
+
class=${E(e?"certified":void 0)}
|
|
1825
|
+
>${(n=this.wallet)==null?void 0:n.name}</wui-text
|
|
1826
|
+
>
|
|
1827
|
+
${e?c`<wui-icon size="sm" name="walletConnectBrown"></wui-icon>`:null}
|
|
1828
|
+
</wui-flex>
|
|
1829
|
+
</button>
|
|
1830
|
+
`}imageTemplate(){var e,i;return!this.visible&&!this.imageSrc||this.imageLoading?this.shimmerTemplate():c`
|
|
1831
|
+
<wui-wallet-image
|
|
1832
|
+
size="md"
|
|
1833
|
+
imageSrc=${E(this.imageSrc)}
|
|
1834
|
+
name=${(e=this.wallet)==null?void 0:e.name}
|
|
1835
|
+
.installed=${(i=this.wallet)==null?void 0:i.installed}
|
|
1836
|
+
badgeSize="sm"
|
|
1837
|
+
>
|
|
1838
|
+
</wui-wallet-image>
|
|
1839
|
+
`}shimmerTemplate(){return c`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}async fetchImageSrc(){this.wallet&&(this.imageSrc=K.getWalletImage(this.wallet),!this.imageSrc&&(this.imageLoading=!0,this.imageSrc=await K.fetchWalletImage(this.wallet.image_id),this.imageLoading=!1))}};$e.styles=jo;Ye([_()],$e.prototype,"visible",void 0);Ye([_()],$e.prototype,"imageSrc",void 0);Ye([_()],$e.prototype,"imageLoading",void 0);Ye([u()],$e.prototype,"wallet",void 0);$e=Ye([B("w3m-all-wallets-list-item")],$e);const Do=N`
|
|
1840
|
+
wui-grid {
|
|
1841
|
+
max-height: clamp(360px, 400px, 80vh);
|
|
1842
|
+
overflow: scroll;
|
|
1843
|
+
scrollbar-width: none;
|
|
1844
|
+
grid-auto-rows: min-content;
|
|
1845
|
+
grid-template-columns: repeat(auto-fill, 104px);
|
|
1846
|
+
}
|
|
1847
|
+
|
|
1848
|
+
@media (max-width: 350px) {
|
|
1849
|
+
wui-grid {
|
|
1850
|
+
grid-template-columns: repeat(2, 1fr);
|
|
1851
|
+
}
|
|
1852
|
+
}
|
|
1853
|
+
|
|
1854
|
+
wui-grid[data-scroll='false'] {
|
|
1855
|
+
overflow: hidden;
|
|
1856
|
+
}
|
|
1857
|
+
|
|
1858
|
+
wui-grid::-webkit-scrollbar {
|
|
1859
|
+
display: none;
|
|
1860
|
+
}
|
|
1861
|
+
|
|
1862
|
+
wui-loading-spinner {
|
|
1863
|
+
padding-top: var(--wui-spacing-l);
|
|
1864
|
+
padding-bottom: var(--wui-spacing-l);
|
|
1865
|
+
justify-content: center;
|
|
1866
|
+
grid-column: 1 / span 4;
|
|
1867
|
+
}
|
|
1868
|
+
`;var je=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const tn="local-paginator";let me=class extends O{constructor(){super(),this.unsubscribe=[],this.paginationObserver=void 0,this.loading=!z.state.wallets.length,this.wallets=z.state.wallets,this.recommended=z.state.recommended,this.featured=z.state.featured,this.filteredWallets=z.state.filteredWallets,this.unsubscribe.push(z.subscribeKey("wallets",e=>this.wallets=e),z.subscribeKey("recommended",e=>this.recommended=e),z.subscribeKey("featured",e=>this.featured=e),z.subscribeKey("filteredWallets",e=>this.filteredWallets=e))}firstUpdated(){this.initialFetch(),this.createPaginationObserver()}disconnectedCallback(){var e;this.unsubscribe.forEach(i=>i()),(e=this.paginationObserver)==null||e.disconnect()}render(){return c`
|
|
1869
|
+
<wui-grid
|
|
1870
|
+
data-scroll=${!this.loading}
|
|
1871
|
+
.padding=${["0","s","s","s"]}
|
|
1872
|
+
columnGap="xxs"
|
|
1873
|
+
rowGap="l"
|
|
1874
|
+
justifyContent="space-between"
|
|
1875
|
+
>
|
|
1876
|
+
${this.loading?this.shimmerTemplate(16):this.walletsTemplate()}
|
|
1877
|
+
${this.paginationLoaderTemplate()}
|
|
1878
|
+
</wui-grid>
|
|
1879
|
+
`}async initialFetch(){var i;this.loading=!0;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("wui-grid");e&&(await z.fetchWalletsByPage({page:1}),await e.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.loading=!1,e.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}shimmerTemplate(e,i){return[...Array(e)].map(()=>c`
|
|
1880
|
+
<wui-card-select-loader type="wallet" id=${E(i)}></wui-card-select-loader>
|
|
1881
|
+
`)}walletsTemplate(){var n;const e=((n=this.filteredWallets)==null?void 0:n.length)>0?k.uniqueBy([...this.featured,...this.recommended,...this.filteredWallets],"id"):k.uniqueBy([...this.featured,...this.recommended,...this.wallets],"id");return pt.markWalletsAsInstalled(e).map(o=>c`
|
|
1882
|
+
<w3m-all-wallets-list-item
|
|
1883
|
+
@click=${()=>this.onConnectWallet(o)}
|
|
1884
|
+
.wallet=${o}
|
|
1885
|
+
></w3m-all-wallets-list-item>
|
|
1886
|
+
`)}paginationLoaderTemplate(){const{wallets:e,recommended:i,featured:n,count:o}=z.state,t=window.innerWidth<352?3:4,a=e.length+i.length;let l=Math.ceil(a/t)*t-a+t;return l-=e.length?n.length%t:0,o===0&&n.length>0?null:o===0||[...n,...e,...i].length<o?this.shimmerTemplate(l,tn):null}createPaginationObserver(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector(`#${tn}`);e&&(this.paginationObserver=new IntersectionObserver(([n])=>{if(n!=null&&n.isIntersecting&&!this.loading){const{page:o,count:t,wallets:a}=z.state;a.length<t&&z.fetchWalletsByPage({page:o+1})}}),this.paginationObserver.observe(e))}onConnectWallet(e){M.selectWalletConnector(e)}};me.styles=Do;je([_()],me.prototype,"loading",void 0);je([_()],me.prototype,"wallets",void 0);je([_()],me.prototype,"recommended",void 0);je([_()],me.prototype,"featured",void 0);je([_()],me.prototype,"filteredWallets",void 0);me=je([B("w3m-all-wallets-list")],me);const zo=N`
|
|
1887
|
+
wui-grid,
|
|
1888
|
+
wui-loading-spinner,
|
|
1889
|
+
wui-flex {
|
|
1890
|
+
height: 360px;
|
|
1891
|
+
}
|
|
1892
|
+
|
|
1893
|
+
wui-grid {
|
|
1894
|
+
overflow: scroll;
|
|
1895
|
+
scrollbar-width: none;
|
|
1896
|
+
grid-auto-rows: min-content;
|
|
1897
|
+
grid-template-columns: repeat(auto-fill, 104px);
|
|
1898
|
+
}
|
|
1899
|
+
|
|
1900
|
+
wui-grid[data-scroll='false'] {
|
|
1901
|
+
overflow: hidden;
|
|
1902
|
+
}
|
|
1903
|
+
|
|
1904
|
+
wui-grid::-webkit-scrollbar {
|
|
1905
|
+
display: none;
|
|
1906
|
+
}
|
|
1907
|
+
|
|
1908
|
+
wui-loading-spinner {
|
|
1909
|
+
justify-content: center;
|
|
1910
|
+
align-items: center;
|
|
1911
|
+
}
|
|
1912
|
+
|
|
1913
|
+
@media (max-width: 350px) {
|
|
1914
|
+
wui-grid {
|
|
1915
|
+
grid-template-columns: repeat(2, 1fr);
|
|
1916
|
+
}
|
|
1917
|
+
}
|
|
1918
|
+
`;var xt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Oe=class extends O{constructor(){super(...arguments),this.prevQuery="",this.prevBadge=void 0,this.loading=!0,this.query=""}render(){return this.onSearch(),this.loading?c`<wui-loading-spinner color="accent-100"></wui-loading-spinner>`:this.walletsTemplate()}async onSearch(){(this.query.trim()!==this.prevQuery.trim()||this.badge!==this.prevBadge)&&(this.prevQuery=this.query,this.prevBadge=this.badge,this.loading=!0,await z.searchWallet({search:this.query,badge:this.badge}),this.loading=!1)}walletsTemplate(){const{search:e}=z.state,i=pt.markWalletsAsInstalled(e);return e.length?c`
|
|
1919
|
+
<wui-grid
|
|
1920
|
+
data-testid="wallet-list"
|
|
1921
|
+
.padding=${["0","s","s","s"]}
|
|
1922
|
+
rowGap="l"
|
|
1923
|
+
columnGap="xs"
|
|
1924
|
+
justifyContent="space-between"
|
|
1925
|
+
>
|
|
1926
|
+
${i.map(n=>c`
|
|
1927
|
+
<w3m-all-wallets-list-item
|
|
1928
|
+
@click=${()=>this.onConnectWallet(n)}
|
|
1929
|
+
.wallet=${n}
|
|
1930
|
+
data-testid="wallet-search-item-${n.id}"
|
|
1931
|
+
></w3m-all-wallets-list-item>
|
|
1932
|
+
`)}
|
|
1933
|
+
</wui-grid>
|
|
1934
|
+
`:c`
|
|
1935
|
+
<wui-flex
|
|
1936
|
+
data-testid="no-wallet-found"
|
|
1937
|
+
justifyContent="center"
|
|
1938
|
+
alignItems="center"
|
|
1939
|
+
gap="s"
|
|
1940
|
+
flexDirection="column"
|
|
1941
|
+
>
|
|
1942
|
+
<wui-icon-box
|
|
1943
|
+
size="lg"
|
|
1944
|
+
iconColor="fg-200"
|
|
1945
|
+
backgroundColor="fg-300"
|
|
1946
|
+
icon="wallet"
|
|
1947
|
+
background="transparent"
|
|
1948
|
+
></wui-icon-box>
|
|
1949
|
+
<wui-text data-testid="no-wallet-found-text" color="fg-200" variant="paragraph-500">
|
|
1950
|
+
No Wallet found
|
|
1951
|
+
</wui-text>
|
|
1952
|
+
</wui-flex>
|
|
1953
|
+
`}onConnectWallet(e){M.selectWalletConnector(e)}};Oe.styles=zo;xt([_()],Oe.prototype,"loading",void 0);xt([u()],Oe.prototype,"query",void 0);xt([u()],Oe.prototype,"badge",void 0);Oe=xt([B("w3m-all-wallets-search")],Oe);var gi=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ht=class extends O{constructor(){super(...arguments),this.search="",this.onDebouncedSearch=k.debounce(e=>{this.search=e})}render(){const e=this.search.length>=2;return c`
|
|
1954
|
+
<wui-flex .padding=${["0","s","s","s"]} gap="xs">
|
|
1955
|
+
<wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar>
|
|
1956
|
+
<wui-certified-switch
|
|
1957
|
+
?checked=${this.badge}
|
|
1958
|
+
@click=${this.onClick.bind(this)}
|
|
1959
|
+
data-testid="wui-certified-switch"
|
|
1960
|
+
></wui-certified-switch>
|
|
1961
|
+
${this.qrButtonTemplate()}
|
|
1962
|
+
</wui-flex>
|
|
1963
|
+
${e||this.badge?c`<w3m-all-wallets-search
|
|
1964
|
+
query=${this.search}
|
|
1965
|
+
badge=${E(this.badge)}
|
|
1966
|
+
></w3m-all-wallets-search>`:c`<w3m-all-wallets-list badge=${E(this.badge)}></w3m-all-wallets-list>`}
|
|
1967
|
+
`}onInputChange(e){this.onDebouncedSearch(e.detail)}onClick(){if(this.badge==="certified"){this.badge=void 0;return}this.badge="certified",Xe.showSvg("Only WalletConnect certified",{icon:"walletConnectBrown",iconColor:"accent-100"})}qrButtonTemplate(){return k.isMobile()?c`
|
|
1968
|
+
<wui-icon-box
|
|
1969
|
+
size="lg"
|
|
1970
|
+
iconSize="xl"
|
|
1971
|
+
iconColor="accent-100"
|
|
1972
|
+
backgroundColor="accent-100"
|
|
1973
|
+
icon="qrCode"
|
|
1974
|
+
background="transparent"
|
|
1975
|
+
border
|
|
1976
|
+
borderColor="wui-accent-glass-010"
|
|
1977
|
+
@click=${this.onWalletConnectQr.bind(this)}
|
|
1978
|
+
></wui-icon-box>
|
|
1979
|
+
`:null}onWalletConnectQr(){U.push("ConnectingWalletConnect")}};gi([_()],ht.prototype,"search",void 0);gi([_()],ht.prototype,"badge",void 0);ht=gi([B("w3m-all-wallets-view")],ht);const No=N`
|
|
1980
|
+
button {
|
|
1981
|
+
column-gap: var(--wui-spacing-s);
|
|
1982
|
+
padding: 11px 18px 11px var(--wui-spacing-s);
|
|
1983
|
+
width: 100%;
|
|
1984
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
1985
|
+
border-radius: var(--wui-border-radius-xs);
|
|
1986
|
+
color: var(--wui-color-fg-250);
|
|
1987
|
+
transition:
|
|
1988
|
+
color var(--wui-ease-out-power-1) var(--wui-duration-md),
|
|
1989
|
+
background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
1990
|
+
will-change: color, background-color;
|
|
1991
|
+
}
|
|
1992
|
+
|
|
1993
|
+
button[data-iconvariant='square'],
|
|
1994
|
+
button[data-iconvariant='square-blue'] {
|
|
1995
|
+
padding: 6px 18px 6px 9px;
|
|
1996
|
+
}
|
|
1997
|
+
|
|
1998
|
+
button > wui-flex {
|
|
1999
|
+
flex: 1;
|
|
2000
|
+
}
|
|
2001
|
+
|
|
2002
|
+
button > wui-image {
|
|
2003
|
+
width: 32px;
|
|
2004
|
+
height: 32px;
|
|
2005
|
+
box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
|
|
2006
|
+
border-radius: var(--wui-border-radius-3xl);
|
|
2007
|
+
}
|
|
2008
|
+
|
|
2009
|
+
button > wui-icon {
|
|
2010
|
+
width: 36px;
|
|
2011
|
+
height: 36px;
|
|
2012
|
+
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
2013
|
+
will-change: opacity;
|
|
2014
|
+
}
|
|
2015
|
+
|
|
2016
|
+
button > wui-icon-box[data-variant='blue'] {
|
|
2017
|
+
box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005);
|
|
2018
|
+
}
|
|
2019
|
+
|
|
2020
|
+
button > wui-icon-box[data-variant='overlay'] {
|
|
2021
|
+
box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
|
|
2022
|
+
}
|
|
2023
|
+
|
|
2024
|
+
button > wui-icon-box[data-variant='square-blue'] {
|
|
2025
|
+
border-radius: var(--wui-border-radius-3xs);
|
|
2026
|
+
position: relative;
|
|
2027
|
+
border: none;
|
|
2028
|
+
width: 36px;
|
|
2029
|
+
height: 36px;
|
|
2030
|
+
}
|
|
2031
|
+
|
|
2032
|
+
button > wui-icon-box[data-variant='square-blue']::after {
|
|
2033
|
+
content: '';
|
|
2034
|
+
position: absolute;
|
|
2035
|
+
top: 0;
|
|
2036
|
+
bottom: 0;
|
|
2037
|
+
left: 0;
|
|
2038
|
+
right: 0;
|
|
2039
|
+
border-radius: inherit;
|
|
2040
|
+
border: 1px solid var(--wui-color-accent-glass-010);
|
|
2041
|
+
pointer-events: none;
|
|
2042
|
+
}
|
|
2043
|
+
|
|
2044
|
+
button > wui-icon:last-child {
|
|
2045
|
+
width: 14px;
|
|
2046
|
+
height: 14px;
|
|
2047
|
+
}
|
|
2048
|
+
|
|
2049
|
+
button:disabled {
|
|
2050
|
+
color: var(--wui-color-gray-glass-020);
|
|
2051
|
+
}
|
|
2052
|
+
|
|
2053
|
+
button[data-loading='true'] > wui-icon {
|
|
2054
|
+
opacity: 0;
|
|
2055
|
+
}
|
|
2056
|
+
|
|
2057
|
+
wui-loading-spinner {
|
|
2058
|
+
position: absolute;
|
|
2059
|
+
right: 18px;
|
|
2060
|
+
top: 50%;
|
|
2061
|
+
transform: translateY(-50%);
|
|
2062
|
+
}
|
|
2063
|
+
`;var ne=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let J=class extends O{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 c`
|
|
2064
|
+
<button
|
|
2065
|
+
?disabled=${this.loading?!0:!!this.disabled}
|
|
2066
|
+
data-loading=${this.loading}
|
|
2067
|
+
data-iconvariant=${E(this.iconVariant)}
|
|
2068
|
+
tabindex=${E(this.tabIdx)}
|
|
2069
|
+
>
|
|
2070
|
+
${this.loadingTemplate()} ${this.visualTemplate()}
|
|
2071
|
+
<wui-flex gap="3xs">
|
|
2072
|
+
<slot></slot>
|
|
2073
|
+
</wui-flex>
|
|
2074
|
+
${this.chevronTemplate()}
|
|
2075
|
+
</button>
|
|
2076
|
+
`}visualTemplate(){if(this.variant==="image"&&this.imageSrc)return c`<wui-image src=${this.imageSrc} alt=${this.alt??"list item"}></wui-image>`;if(this.iconVariant==="square"&&this.icon&&this.variant==="icon")return c`<wui-icon name=${this.icon}></wui-icon>`;if(this.variant==="icon"&&this.icon&&this.iconVariant){const e=["blue","square-blue"].includes(this.iconVariant)?"accent-100":"fg-200",i=this.iconVariant==="square-blue"?"mdl":"md",n=this.iconSize?this.iconSize:i;return c`
|
|
2077
|
+
<wui-icon-box
|
|
2078
|
+
data-variant=${this.iconVariant}
|
|
2079
|
+
icon=${this.icon}
|
|
2080
|
+
iconSize=${n}
|
|
2081
|
+
background="transparent"
|
|
2082
|
+
iconColor=${e}
|
|
2083
|
+
backgroundColor=${e}
|
|
2084
|
+
size=${i}
|
|
2085
|
+
></wui-icon-box>
|
|
2086
|
+
`}return null}loadingTemplate(){return this.loading?c`<wui-loading-spinner
|
|
2087
|
+
data-testid="wui-list-item-loading-spinner"
|
|
2088
|
+
color="fg-300"
|
|
2089
|
+
></wui-loading-spinner>`:c``}chevronTemplate(){return this.chevron?c`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`:null}};J.styles=[q,G,No];ne([u()],J.prototype,"icon",void 0);ne([u()],J.prototype,"iconSize",void 0);ne([u()],J.prototype,"tabIdx",void 0);ne([u()],J.prototype,"variant",void 0);ne([u()],J.prototype,"iconVariant",void 0);ne([u({type:Boolean})],J.prototype,"disabled",void 0);ne([u()],J.prototype,"imageSrc",void 0);ne([u()],J.prototype,"alt",void 0);ne([u({type:Boolean})],J.prototype,"chevron",void 0);ne([u({type:Boolean})],J.prototype,"loading",void 0);J=ne([B("wui-list-item")],J);var Mo=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let nn=class extends O{constructor(){var e;super(...arguments),this.wallet=(e=U.state.data)==null?void 0:e.wallet}render(){if(!this.wallet)throw new Error("w3m-downloads-view");return c`
|
|
2090
|
+
<wui-flex gap="xs" flexDirection="column" .padding=${["s","s","l","s"]}>
|
|
2091
|
+
${this.chromeTemplate()} ${this.iosTemplate()} ${this.androidTemplate()}
|
|
2092
|
+
${this.homepageTemplate()}
|
|
2093
|
+
</wui-flex>
|
|
2094
|
+
`}chromeTemplate(){var e;return(e=this.wallet)!=null&&e.chrome_store?c`<wui-list-item
|
|
2095
|
+
variant="icon"
|
|
2096
|
+
icon="chromeStore"
|
|
2097
|
+
iconVariant="square"
|
|
2098
|
+
@click=${this.onChromeStore.bind(this)}
|
|
2099
|
+
chevron
|
|
2100
|
+
>
|
|
2101
|
+
<wui-text variant="paragraph-500" color="fg-100">Chrome Extension</wui-text>
|
|
2102
|
+
</wui-list-item>`:null}iosTemplate(){var e;return(e=this.wallet)!=null&&e.app_store?c`<wui-list-item
|
|
2103
|
+
variant="icon"
|
|
2104
|
+
icon="appStore"
|
|
2105
|
+
iconVariant="square"
|
|
2106
|
+
@click=${this.onAppStore.bind(this)}
|
|
2107
|
+
chevron
|
|
2108
|
+
>
|
|
2109
|
+
<wui-text variant="paragraph-500" color="fg-100">iOS App</wui-text>
|
|
2110
|
+
</wui-list-item>`:null}androidTemplate(){var e;return(e=this.wallet)!=null&&e.play_store?c`<wui-list-item
|
|
2111
|
+
variant="icon"
|
|
2112
|
+
icon="playStore"
|
|
2113
|
+
iconVariant="square"
|
|
2114
|
+
@click=${this.onPlayStore.bind(this)}
|
|
2115
|
+
chevron
|
|
2116
|
+
>
|
|
2117
|
+
<wui-text variant="paragraph-500" color="fg-100">Android App</wui-text>
|
|
2118
|
+
</wui-list-item>`:null}homepageTemplate(){var e;return(e=this.wallet)!=null&&e.homepage?c`
|
|
2119
|
+
<wui-list-item
|
|
2120
|
+
variant="icon"
|
|
2121
|
+
icon="browser"
|
|
2122
|
+
iconVariant="square-blue"
|
|
2123
|
+
@click=${this.onHomePage.bind(this)}
|
|
2124
|
+
chevron
|
|
2125
|
+
>
|
|
2126
|
+
<wui-text variant="paragraph-500" color="fg-100">Website</wui-text>
|
|
2127
|
+
</wui-list-item>
|
|
2128
|
+
`:null}onChromeStore(){var e;(e=this.wallet)!=null&&e.chrome_store&&k.openHref(this.wallet.chrome_store,"_blank")}onAppStore(){var e;(e=this.wallet)!=null&&e.app_store&&k.openHref(this.wallet.app_store,"_blank")}onPlayStore(){var e;(e=this.wallet)!=null&&e.play_store&&k.openHref(this.wallet.play_store,"_blank")}onHomePage(){var e;(e=this.wallet)!=null&&e.homepage&&k.openHref(this.wallet.homepage,"_blank")}};nn=Mo([B("w3m-downloads-view")],nn);export{ht as W3mAllWalletsView,oi as W3mConnectingWcBasicView,nn as W3mDownloadsView};
|