@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14
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/ConstantsUtil-BinYIDR2.mjs +8 -0
- package/ConstantsUtil-CbnVdQ5P.js +8 -0
- package/add-D-ECcdUh.mjs +19 -0
- package/add-Diz8heiY.js +20 -0
- package/all-wallets-_iOQf3bl.js +11 -0
- package/all-wallets-puIIQy3Y.mjs +10 -0
- package/app-store-BGTKFL27.js +22 -0
- package/app-store-Bsf7w3pv.mjs +21 -0
- package/apple-Cw8e8IGH.mjs +22 -0
- package/apple-DF7n_Yzl.js +23 -0
- package/arrow-bottom-Cp2C4fQv.mjs +12 -0
- package/arrow-bottom-DTvIR3s3.js +13 -0
- package/arrow-bottom-circle-CN6i5mHz.mjs +15 -0
- package/arrow-bottom-circle-CzPwiwWH.js +16 -0
- package/arrow-left-9VFYHQSW.js +13 -0
- package/arrow-left-BDQHoEvX.mjs +12 -0
- package/arrow-right-BxkuSpWU.mjs +12 -0
- package/arrow-right-DBLQ6w92.js +13 -0
- package/arrow-top-BiQd5Aey.js +13 -0
- package/arrow-top-BrLVX4Rj.mjs +12 -0
- package/bank-B7EC6Kdz.mjs +18 -0
- package/bank-CvPn9sfV.js +19 -0
- package/{bignumber-CKZkoo0g.mjs → bignumber-2Z7uapuD.mjs} +6 -6
- package/{bignumber-B8vjg9qn.js → bignumber-D1Wl54dL.js} +6 -6
- package/bin-BXO1kNZh.js +9 -0
- package/bin-CwiYVJ1L.mjs +8 -0
- package/bitcoin-C3kBVar_.mjs +17 -0
- package/bitcoin-DAvQGpeP.js +3251 -0
- package/bitcoin-dNBGbS2B.mjs +3251 -0
- package/bitcoin-k6bvmzMA.js +18 -0
- package/browser-ShRLuKKz.mjs +18 -0
- package/browser-t7nfT7HL.js +19 -0
- package/card-BJg5bdoM.mjs +18 -0
- package/card-hxUDXttT.js +19 -0
- package/checkmark-BpR0Yy93.mjs +15 -0
- package/checkmark-D9AVWgl5.js +16 -0
- package/checkmark-bold-D3Xcby1U.mjs +12 -0
- package/checkmark-bold-De02hde8.js +13 -0
- package/chevron-bottom-DcBf7T5F.js +13 -0
- package/chevron-bottom-DfGpWIz7.mjs +12 -0
- package/chevron-left-BKvYVnUo.js +13 -0
- package/chevron-left-DGSG9WJQ.mjs +12 -0
- package/chevron-right-BLgYIEeO.js +13 -0
- package/chevron-right-C2nsTx_Y.mjs +12 -0
- package/chevron-top-CwFOEFy8.js +13 -0
- package/chevron-top-vk-9DvUU.mjs +12 -0
- package/chrome-store-4H_ie3vA.mjs +65 -0
- package/chrome-store-BWarxVMl.js +66 -0
- package/circle-BtqWJU0_.mjs +8 -0
- package/circle-DYjG6o7-.js +9 -0
- package/clock-Ba5SM-pl.mjs +12 -0
- package/clock-DPzNREdU.js +13 -0
- package/close-CJHKFOyp.mjs +12 -0
- package/close-DDWnJdJe.js +13 -0
- package/coinPlaceholder-Cbba3D1H.mjs +12 -0
- package/coinPlaceholder-DdxQIc2D.js +13 -0
- package/compass-CugCxeSC.js +13 -0
- package/compass-DbN5DkTl.mjs +12 -0
- package/copy-CHSZprYJ.mjs +19 -0
- package/copy-En5h5Uhu.js +20 -0
- package/cursor-DCRkvEhr.mjs +7 -0
- package/cursor-DnEQtrUK.js +8 -0
- package/cursor-transparent-CU8lk-xg.js +17 -0
- package/cursor-transparent-CliETg4d.mjs +16 -0
- package/desktop-BgD7aypB.js +14 -0
- package/desktop-Cg5I32-p.mjs +13 -0
- package/disconnect-CCyMbAdw.js +13 -0
- package/disconnect-Cp2vRWB2.mjs +12 -0
- package/discord-B1d-qeSk.mjs +21 -0
- package/discord-BEB5klec.js +22 -0
- package/email-CorlePKz.js +873 -0
- package/email-Znno7H8_.mjs +878 -0
- package/embedded-wallet-B9ro9Tel.js +549 -0
- package/embedded-wallet-CnTWeseG.mjs +552 -0
- package/ethereum-BRcsRjUU.mjs +14 -0
- package/ethereum-CZ_xe09e.js +15 -0
- package/etherscan-BZKGpKp8.mjs +10 -0
- package/etherscan-DtLi-C3z.js +11 -0
- package/exclamation-triangle-BLNnBLEc.js +9 -0
- package/exclamation-triangle-CFThXxRT.mjs +8 -0
- package/extension-CwUepr-W.mjs +12 -0
- package/extension-DOD67G1k.js +13 -0
- package/external-link-CZkQS5XK.js +13 -0
- package/external-link-ClYNKSPt.mjs +12 -0
- package/facebook-CFjrd4my.mjs +30 -0
- package/facebook-CbE6K6AK.js +31 -0
- package/farcaster-Ba7_C-Vm.js +17 -0
- package/farcaster-DyVJtVS9.mjs +16 -0
- package/filters-CpHaFNjT.mjs +12 -0
- package/filters-w5LC-r6e.js +13 -0
- package/github-CeO70C3E.mjs +22 -0
- package/github-uLFBWAa5.js +23 -0
- package/google-CyOdUlbw.mjs +22 -0
- package/google-ILGK-opP.js +23 -0
- package/help-circle-Dh3dRNoB.mjs +16 -0
- package/help-circle-HUMbz_KN.js +17 -0
- package/id-Cy3Qkrvb.js +17 -0
- package/id-D-Q0uPFM.mjs +16 -0
- package/if-defined-CJ5EZLw2.js +815 -0
- package/if-defined-DjC5UMfF.mjs +815 -0
- package/image-BTGOf8bb.mjs +8 -0
- package/image-WFQO5bWa.js +9 -0
- package/index--O5ypTeK.mjs +70 -0
- package/index--Vg7VI9t.js +173 -0
- package/index-2iRSO1sa.mjs +9964 -0
- package/index-42Rpweo5.mjs +95 -0
- package/index-70kjE43k.mjs +90 -0
- package/index-8VyNYS01.js +273 -0
- package/index-B-dx8l0g.mjs +82 -0
- package/index-BB0nW9RB.mjs +198 -0
- package/index-BBwuv2SS.js +97 -0
- package/index-BIe-kofv.mjs +273 -0
- package/index-BQf6VHil.js +278 -0
- package/index-BWIZXhFv.mjs +630 -0
- package/index-BXkamf-I.js +337 -0
- package/index-BYTxCmKH.js +64 -0
- package/index-BYoOxo0S.js +218 -0
- package/index-Ba0tVdql.js +200 -0
- package/index-BdOAPWyt.mjs +210 -0
- package/index-BirWzf8c.mjs +71 -0
- package/index-BnCJUHtW.mjs +346 -0
- package/index-BuL2FC61.mjs +216 -0
- package/index-BxSUTfaY.js +88 -0
- package/index-C49C5Rxf.js +743 -0
- package/index-CNMDBpW7.js +346 -0
- package/index-CP0CGjqQ.mjs +263 -0
- package/index-CQaHcTZM.mjs +86 -0
- package/index-CRGXQei1.js +178 -0
- package/index-CSykUIfV.mjs +176 -0
- package/index-CWIHaLkQ.mjs +101 -0
- package/index-CZSDJd0P.mjs +1070 -0
- package/index-CZaV8JgR.mjs +49 -0
- package/index-CZjdy6QP.js +101 -0
- package/index-C_lIGGlC.js +632 -0
- package/index-CcgeRPs2.mjs +57 -0
- package/index-CeY_DRuc.js +566 -0
- package/index-ChFNkSxT.js +92 -0
- package/index-CkjZc20w.js +677 -0
- package/index-CtFcWwAd.js +72 -0
- package/index-D0mOfznC.mjs +362 -0
- package/index-DAtWLY21.js +84 -0
- package/index-DEs8H3w2.js +262 -0
- package/index-DLnxotbC.mjs +566 -0
- package/index-DN4fGDgg.mjs +743 -0
- package/index-DT_mc1hV.mjs +335 -0
- package/index-DZEwxUMS.js +59 -0
- package/index-DaRH_4bD.js +9939 -0
- package/index-Daok2ZKn.js +73 -0
- package/index-DomzHmwk.js +210 -0
- package/index-Dx7NyDyv.mjs +101 -0
- package/index-DyGir6_2.mjs +675 -0
- package/index-GglJmM2C.js +2237 -0
- package/index-H5b7UTeJ.mjs +173 -0
- package/index-NNZ1lNuc.mjs +168 -0
- package/index-RJd-gQcv.mjs +2235 -0
- package/index-dnFzVpGy.js +103 -0
- package/index-kwVLu8EV.js +168 -0
- package/index-miQwZPmn.js +51 -0
- package/index-oCj_SpOa.mjs +62 -0
- package/index-pNK-h_x9.js +1069 -0
- package/index-r6Kre1rx.js +362 -0
- package/index-xBD0nXoB.mjs +276 -0
- package/index.js +3 -3
- package/index.mjs +3 -3
- package/info-BKNAiN0k.js +8 -0
- package/info-DQE0s-A4.mjs +7 -0
- package/info-circle-C3uTocjH.js +17 -0
- package/info-circle-CIn6yeQo.mjs +16 -0
- package/lightbulb-CB-BmIop.js +8 -0
- package/lightbulb-Gv7IbnzO.mjs +7 -0
- package/mail-CFYm95wn.mjs +12 -0
- package/mail-GEwk-Fzr.js +13 -0
- package/mobile-CZ7ZBfa5.js +14 -0
- package/mobile-OIbnpFsU.mjs +13 -0
- package/more-C8N_RV55.mjs +15 -0
- package/more-CiQpPZwq.js +16 -0
- package/network-placeholder-CxEcczEx.mjs +18 -0
- package/network-placeholder-DwR8E8hP.js +19 -0
- package/nftPlaceholder-BFexVcGX.js +13 -0
- package/nftPlaceholder-MiYL110I.mjs +12 -0
- package/off-BNiMlpUU.mjs +8 -0
- package/off-iJHSK3Z7.js +9 -0
- package/onramp-Bs8HHFFY.js +1474 -0
- package/onramp-C6fuQfX7.mjs +1480 -0
- package/package.json +11 -11
- package/play-store-B4ssIYUA.js +37 -0
- package/play-store-D6nmQXhX.mjs +36 -0
- package/plus-Bh7z7Oc0.js +18 -0
- package/plus-C8ioZuCD.mjs +17 -0
- package/qr-code-CSVwaBLf.mjs +10 -0
- package/qr-code-YgtXPokK.js +11 -0
- package/react-BWxe90Ar.mjs +6342 -0
- package/react-BzZcQig5.js +6342 -0
- package/react-C_wTMVq_.js +23003 -0
- package/react-M-DnxvZl.mjs +23003 -0
- package/reactjs/components/BridgeForm/BridgeForm.js +2 -1
- package/reactjs/components/BridgeForm/BridgeForm.mjs +2 -1
- package/reactjs/components/Connect/BridgeAccountDisplay.js +3 -2
- package/reactjs/components/Connect/BridgeAccountDisplay.mjs +3 -2
- package/reactjs/components/Connect/CustomConnectButton.js +3 -2
- package/reactjs/components/Connect/CustomConnectButton.mjs +3 -2
- package/reactjs/components/Connect/SwitchChainButton.js +4 -3
- package/reactjs/components/Connect/SwitchChainButton.mjs +4 -3
- package/reactjs/components/DisplayAmount/DisplayAmount.js +1 -1
- package/reactjs/components/DisplayAmount/DisplayAmount.mjs +1 -1
- package/reactjs/components/TokenSelector/components/TokenItem.js +1 -1
- package/reactjs/components/TokenSelector/components/TokenItem.mjs +1 -1
- package/reactjs/hooks/useAccount.d.ts +4 -4
- package/reactjs/hooks/useAccount.js +3 -2
- package/reactjs/hooks/useAccount.mjs +3 -2
- package/reactjs/hooks/useGetChainId.js +1 -1
- package/reactjs/hooks/useGetChainId.mjs +1 -1
- package/reactjs/index.js +3 -3
- package/reactjs/index.mjs +3 -3
- package/reactjs/init/init.js +4 -3
- package/reactjs/init/init.mjs +4 -3
- package/reactjs/init/tests/init.spec.js +2 -2
- package/reactjs/init/tests/init.spec.mjs +2 -2
- package/reactjs/queries/useGetEvmTokensBalances.query.js +3 -2
- package/reactjs/queries/useGetEvmTokensBalances.query.mjs +3 -2
- package/reactjs/reexports.js +3 -3
- package/reactjs/reexports.mjs +3 -3
- package/reactjs/utils/getCleanStringAmount.js +1 -1
- package/reactjs/utils/getCleanStringAmount.mjs +1 -1
- package/reactjs/utils/hasEnoughFunds.js +1 -1
- package/reactjs/utils/hasEnoughFunds.mjs +1 -1
- package/reactjs/utils/isStringFloat.js +1 -1
- package/reactjs/utils/isStringFloat.mjs +1 -1
- package/reactjs/utils/roundAmount.js +1 -1
- package/reactjs/utils/roundAmount.mjs +1 -1
- package/receive-CK0hRQPr.js +212 -0
- package/receive-CQcD6bZf.mjs +212 -0
- package/recycle-horizontal--x5cMoTE.js +14 -0
- package/recycle-horizontal-QI0xtDHK.mjs +13 -0
- package/ref-CqxfRkBm.mjs +41 -0
- package/ref-FGI2cUQB.js +41 -0
- package/refresh-CFNHjhDi.js +13 -0
- package/refresh-CSOC1NUY.mjs +12 -0
- package/reown-logo-BfU5xFX5.js +17 -0
- package/reown-logo-CZAEp1jU.mjs +16 -0
- package/search-Do_rb-9-.mjs +12 -0
- package/search-V9CGMHkm.js +13 -0
- package/send-D-5G7tDL.mjs +1204 -0
- package/send-D4yYsIHV.mjs +19 -0
- package/send-DoiSHLsX.js +1202 -0
- package/send-_jfNFrys.js +20 -0
- package/socials-BL7-97fT.mjs +758 -0
- package/socials-DF0CK9cN.js +756 -0
- package/solana-BQ0Jh8lh.js +18 -0
- package/solana-YAkDp6j_.mjs +17 -0
- package/swapHorizontal-DOIo-Ccx.mjs +12 -0
- package/swapHorizontal-OHKtz4Gu.js +13 -0
- package/swapHorizontalBold-D7QmFj-c.js +13 -0
- package/swapHorizontalBold-DDroA0Af.mjs +12 -0
- package/swapHorizontalMedium-CU_v0kFz.mjs +20 -0
- package/swapHorizontalMedium-D-yMmtml.js +21 -0
- package/swapHorizontalRoundedBold-CHvbmnjw.js +13 -0
- package/swapHorizontalRoundedBold-DXMH0sgK.mjs +12 -0
- package/swapVertical-CH7fTK6w.js +13 -0
- package/swapVertical-HJZ6rFcr.mjs +12 -0
- package/swaps-CETflhdU.js +1952 -0
- package/swaps-DRUV6d3p.mjs +1954 -0
- package/telegram-CsCauOwj.mjs +20 -0
- package/telegram-DKEcF_Tq.js +21 -0
- package/three-dots-B-7hr8Nl.js +10 -0
- package/three-dots-LNZ_fjP7.mjs +9 -0
- package/transactions-BTTsGV2W.mjs +37 -0
- package/transactions-mpNNlClw.js +37 -0
- package/twitch-CCWVT2ij.js +23 -0
- package/twitch-Dg1CCQvd.mjs +22 -0
- package/twitterIcon-BjR09Cj9.mjs +10 -0
- package/twitterIcon-CeEs0iDJ.js +11 -0
- package/verify-B8WZq7kt.mjs +12 -0
- package/verify-filled-BeqC1imk.mjs +12 -0
- package/verify-filled-C-mv3ApD.js +13 -0
- package/verify-yATdPqt-.js +13 -0
- package/w3m-modal-3GziKj7h.js +1254 -0
- package/w3m-modal-81Z5PngE.mjs +1255 -0
- package/wallet-BMXEH23x.js +13 -0
- package/wallet-CNAVQCfm.mjs +12 -0
- package/wallet-placeholder-CQ-7CmVN.mjs +18 -0
- package/wallet-placeholder-CdoQy2e6.js +19 -0
- package/walletconnect-ACr-R1QZ.mjs +38 -0
- package/walletconnect-BWSkiS2F.js +39 -0
- package/warning-circle-CYnuYwpt.js +17 -0
- package/warning-circle-HV2lOiCj.mjs +16 -0
- package/x-CW5dozRj.js +17 -0
- package/x-Cgm2OFpL.mjs +16 -0
- package/x-mark-CR8SpZvu.js +8 -0
- package/x-mark-u0KJjUJ1.mjs +7 -0
- package/index-B4Eq5P3w.mjs +0 -91
- package/index-C4WV9nam.js +0 -329
- package/index-CWMcKi_X.js +0 -107
- package/index-D8E0O3qL.mjs +0 -68744
- package/index-DJ8CdHSw.mjs +0 -107
- package/index-nigVQYBu.js +0 -68665
- package/react-C43nEIqn.js +0 -3133
- package/react-DKUsVej7.js +0 -50
- package/react-Dp0H8q2z.mjs +0 -50
- package/react-wMhOUFOm.mjs +0 -3133
- package/w3m-modal-DLyg7Voy.js +0 -356
- package/w3m-modal-hC-B8qZP.mjs +0 -356
|
@@ -0,0 +1,346 @@
|
|
|
1
|
+
import { p as proxy, a as subscribeKey, s as subscribe, i, c as resetStyles, f as i$1, x, e as elementStyles } from "./bitcoin-dNBGbS2B.mjs";
|
|
2
|
+
import { n, c as customElement, o, r } from "./if-defined-DjC5UMfF.mjs";
|
|
3
|
+
import { e, n as n$1 } from "./ref-CqxfRkBm.mjs";
|
|
4
|
+
import { O as OptionsController } from "./react-BWxe90Ar.mjs";
|
|
5
|
+
import { R as REOWN_URL } from "./ConstantsUtil-BinYIDR2.mjs";
|
|
6
|
+
const state = proxy({
|
|
7
|
+
isLegalCheckboxChecked: false
|
|
8
|
+
});
|
|
9
|
+
const OptionsStateController = {
|
|
10
|
+
state,
|
|
11
|
+
subscribe(callback) {
|
|
12
|
+
return subscribe(state, () => callback(state));
|
|
13
|
+
},
|
|
14
|
+
subscribeKey(key, callback) {
|
|
15
|
+
return subscribeKey(state, key, callback);
|
|
16
|
+
},
|
|
17
|
+
setIsLegalCheckboxChecked(isLegalCheckboxChecked) {
|
|
18
|
+
state.isLegalCheckboxChecked = isLegalCheckboxChecked;
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
const styles$3 = i`
|
|
22
|
+
label {
|
|
23
|
+
display: flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
-webkit-user-select: none;
|
|
27
|
+
-moz-user-select: none;
|
|
28
|
+
-ms-user-select: none;
|
|
29
|
+
user-select: none;
|
|
30
|
+
column-gap: var(--wui-spacing-1xs);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
label > input[type='checkbox'] {
|
|
34
|
+
height: 0;
|
|
35
|
+
width: 0;
|
|
36
|
+
opacity: 0;
|
|
37
|
+
pointer-events: none;
|
|
38
|
+
position: absolute;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
label > span {
|
|
42
|
+
width: var(--wui-spacing-xl);
|
|
43
|
+
height: var(--wui-spacing-xl);
|
|
44
|
+
min-width: var(--wui-spacing-xl);
|
|
45
|
+
min-height: var(--wui-spacing-xl);
|
|
46
|
+
border-radius: var(--wui-border-radius-3xs);
|
|
47
|
+
border-width: 1px;
|
|
48
|
+
border-style: solid;
|
|
49
|
+
border-color: var(--wui-color-gray-glass-010);
|
|
50
|
+
display: flex;
|
|
51
|
+
align-items: center;
|
|
52
|
+
justify-content: center;
|
|
53
|
+
transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-lg);
|
|
54
|
+
will-change: background-color;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
label > span:hover,
|
|
58
|
+
label > input[type='checkbox']:focus-visible + span {
|
|
59
|
+
background-color: var(--wui-color-gray-glass-010);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
label input[type='checkbox']:checked + span {
|
|
63
|
+
background-color: var(--wui-color-blue-base-90);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
label > span > wui-icon {
|
|
67
|
+
opacity: 0;
|
|
68
|
+
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-lg);
|
|
69
|
+
will-change: opacity;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
label > input[type='checkbox']:checked + span wui-icon {
|
|
73
|
+
opacity: 1;
|
|
74
|
+
}
|
|
75
|
+
`;
|
|
76
|
+
var __decorate$3 = function(decorators, target, key, desc) {
|
|
77
|
+
var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
78
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
|
|
79
|
+
else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
|
|
80
|
+
return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
|
|
81
|
+
};
|
|
82
|
+
let WuiCheckBox = class WuiCheckBox2 extends i$1 {
|
|
83
|
+
constructor() {
|
|
84
|
+
super(...arguments);
|
|
85
|
+
this.inputElementRef = e();
|
|
86
|
+
this.checked = void 0;
|
|
87
|
+
}
|
|
88
|
+
render() {
|
|
89
|
+
return x`
|
|
90
|
+
<label>
|
|
91
|
+
<input
|
|
92
|
+
${n$1(this.inputElementRef)}
|
|
93
|
+
?checked=${o(this.checked)}
|
|
94
|
+
type="checkbox"
|
|
95
|
+
@change=${this.dispatchChangeEvent}
|
|
96
|
+
/>
|
|
97
|
+
<span>
|
|
98
|
+
<wui-icon name="checkmarkBold" color="inverse-100" size="xxs"></wui-icon>
|
|
99
|
+
</span>
|
|
100
|
+
<slot></slot>
|
|
101
|
+
</label>
|
|
102
|
+
`;
|
|
103
|
+
}
|
|
104
|
+
dispatchChangeEvent() {
|
|
105
|
+
var _a;
|
|
106
|
+
this.dispatchEvent(new CustomEvent("checkboxChange", {
|
|
107
|
+
detail: (_a = this.inputElementRef.value) == null ? void 0 : _a.checked,
|
|
108
|
+
bubbles: true,
|
|
109
|
+
composed: true
|
|
110
|
+
}));
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
WuiCheckBox.styles = [resetStyles, styles$3];
|
|
114
|
+
__decorate$3([
|
|
115
|
+
n({ type: Boolean })
|
|
116
|
+
], WuiCheckBox.prototype, "checked", void 0);
|
|
117
|
+
WuiCheckBox = __decorate$3([
|
|
118
|
+
customElement("wui-checkbox")
|
|
119
|
+
], WuiCheckBox);
|
|
120
|
+
const styles$2 = i`
|
|
121
|
+
:host {
|
|
122
|
+
display: flex;
|
|
123
|
+
align-items: center;
|
|
124
|
+
justify-content: center;
|
|
125
|
+
}
|
|
126
|
+
wui-checkbox {
|
|
127
|
+
padding: var(--wui-spacing-s);
|
|
128
|
+
}
|
|
129
|
+
a {
|
|
130
|
+
text-decoration: none;
|
|
131
|
+
color: var(--wui-color-fg-150);
|
|
132
|
+
font-weight: 500;
|
|
133
|
+
}
|
|
134
|
+
`;
|
|
135
|
+
var __decorate$2 = function(decorators, target, key, desc) {
|
|
136
|
+
var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
137
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
|
|
138
|
+
else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
|
|
139
|
+
return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
|
|
140
|
+
};
|
|
141
|
+
let W3mLegalCheckbox = class W3mLegalCheckbox2 extends i$1 {
|
|
142
|
+
constructor() {
|
|
143
|
+
super();
|
|
144
|
+
this.unsubscribe = [];
|
|
145
|
+
this.checked = OptionsStateController.state.isLegalCheckboxChecked;
|
|
146
|
+
this.unsubscribe.push(OptionsStateController.subscribeKey("isLegalCheckboxChecked", (val) => {
|
|
147
|
+
this.checked = val;
|
|
148
|
+
}));
|
|
149
|
+
}
|
|
150
|
+
disconnectedCallback() {
|
|
151
|
+
this.unsubscribe.forEach((unsubscribe) => unsubscribe());
|
|
152
|
+
}
|
|
153
|
+
render() {
|
|
154
|
+
var _a;
|
|
155
|
+
const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
|
|
156
|
+
const legalCheckbox = (_a = OptionsController.state.features) == null ? void 0 : _a.legalCheckbox;
|
|
157
|
+
if (!termsConditionsUrl && !privacyPolicyUrl) {
|
|
158
|
+
return null;
|
|
159
|
+
}
|
|
160
|
+
if (!legalCheckbox) {
|
|
161
|
+
return null;
|
|
162
|
+
}
|
|
163
|
+
return x`
|
|
164
|
+
<wui-checkbox
|
|
165
|
+
?checked=${this.checked}
|
|
166
|
+
@checkboxChange=${this.onCheckboxChange.bind(this)}
|
|
167
|
+
data-testid="wui-checkbox"
|
|
168
|
+
>
|
|
169
|
+
<wui-text color="fg-250" variant="small-400" align="left">
|
|
170
|
+
I agree to our ${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
|
|
171
|
+
</wui-text>
|
|
172
|
+
</wui-checkbox>
|
|
173
|
+
`;
|
|
174
|
+
}
|
|
175
|
+
andTemplate() {
|
|
176
|
+
const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
|
|
177
|
+
return termsConditionsUrl && privacyPolicyUrl ? "and" : "";
|
|
178
|
+
}
|
|
179
|
+
termsTemplate() {
|
|
180
|
+
const { termsConditionsUrl } = OptionsController.state;
|
|
181
|
+
if (!termsConditionsUrl) {
|
|
182
|
+
return null;
|
|
183
|
+
}
|
|
184
|
+
return x`<a rel="noreferrer" target="_blank" href=${termsConditionsUrl}>terms of service</a>`;
|
|
185
|
+
}
|
|
186
|
+
privacyTemplate() {
|
|
187
|
+
const { privacyPolicyUrl } = OptionsController.state;
|
|
188
|
+
if (!privacyPolicyUrl) {
|
|
189
|
+
return null;
|
|
190
|
+
}
|
|
191
|
+
return x`<a rel="noreferrer" target="_blank" href=${privacyPolicyUrl}>privacy policy</a>`;
|
|
192
|
+
}
|
|
193
|
+
onCheckboxChange() {
|
|
194
|
+
OptionsStateController.setIsLegalCheckboxChecked(!this.checked);
|
|
195
|
+
}
|
|
196
|
+
};
|
|
197
|
+
W3mLegalCheckbox.styles = [styles$2];
|
|
198
|
+
__decorate$2([
|
|
199
|
+
r()
|
|
200
|
+
], W3mLegalCheckbox.prototype, "checked", void 0);
|
|
201
|
+
W3mLegalCheckbox = __decorate$2([
|
|
202
|
+
customElement("w3m-legal-checkbox")
|
|
203
|
+
], W3mLegalCheckbox);
|
|
204
|
+
const styles$1 = i`
|
|
205
|
+
.reown-logo {
|
|
206
|
+
height: var(--wui-spacing-xxl);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
a {
|
|
210
|
+
text-decoration: none;
|
|
211
|
+
cursor: pointer;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
a:hover {
|
|
215
|
+
opacity: 0.9;
|
|
216
|
+
}
|
|
217
|
+
`;
|
|
218
|
+
var __decorate$1 = function(decorators, target, key, desc) {
|
|
219
|
+
var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
220
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
|
|
221
|
+
else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
|
|
222
|
+
return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
|
|
223
|
+
};
|
|
224
|
+
let WuiUxByReown = class WuiUxByReown2 extends i$1 {
|
|
225
|
+
render() {
|
|
226
|
+
return x`
|
|
227
|
+
<a
|
|
228
|
+
data-testid="ux-branding-reown"
|
|
229
|
+
href=${REOWN_URL}
|
|
230
|
+
rel="noreferrer"
|
|
231
|
+
target="_blank"
|
|
232
|
+
style="text-decoration: none;"
|
|
233
|
+
>
|
|
234
|
+
<wui-flex
|
|
235
|
+
justifyContent="center"
|
|
236
|
+
alignItems="center"
|
|
237
|
+
gap="xs"
|
|
238
|
+
.padding=${["0", "0", "l", "0"]}
|
|
239
|
+
>
|
|
240
|
+
<wui-text variant="small-500" color="fg-100"> UX by </wui-text>
|
|
241
|
+
<wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon>
|
|
242
|
+
</wui-flex>
|
|
243
|
+
</a>
|
|
244
|
+
`;
|
|
245
|
+
}
|
|
246
|
+
};
|
|
247
|
+
WuiUxByReown.styles = [resetStyles, elementStyles, styles$1];
|
|
248
|
+
WuiUxByReown = __decorate$1([
|
|
249
|
+
customElement("wui-ux-by-reown")
|
|
250
|
+
], WuiUxByReown);
|
|
251
|
+
const styles = i`
|
|
252
|
+
:host > wui-flex {
|
|
253
|
+
background-color: var(--wui-color-gray-glass-005);
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
:host wui-ux-by-reown {
|
|
257
|
+
padding-top: 0;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
:host wui-ux-by-reown.branding-only {
|
|
261
|
+
padding-top: var(--wui-spacing-m);
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
a {
|
|
265
|
+
text-decoration: none;
|
|
266
|
+
color: var(--wui-color-fg-175);
|
|
267
|
+
font-weight: 500;
|
|
268
|
+
}
|
|
269
|
+
`;
|
|
270
|
+
var __decorate = function(decorators, target, key, desc) {
|
|
271
|
+
var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
272
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
|
|
273
|
+
else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
|
|
274
|
+
return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
|
|
275
|
+
};
|
|
276
|
+
let W3mLegalFooter = class W3mLegalFooter2 extends i$1 {
|
|
277
|
+
constructor() {
|
|
278
|
+
super();
|
|
279
|
+
this.unsubscribe = [];
|
|
280
|
+
this.remoteFeatures = OptionsController.state.remoteFeatures;
|
|
281
|
+
this.unsubscribe.push(OptionsController.subscribeKey("remoteFeatures", (val) => this.remoteFeatures = val));
|
|
282
|
+
}
|
|
283
|
+
disconnectedCallback() {
|
|
284
|
+
this.unsubscribe.forEach((unsubscribe) => unsubscribe());
|
|
285
|
+
}
|
|
286
|
+
render() {
|
|
287
|
+
var _a;
|
|
288
|
+
const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
|
|
289
|
+
const legalCheckbox = (_a = OptionsController.state.features) == null ? void 0 : _a.legalCheckbox;
|
|
290
|
+
const showOnlyBranding = !termsConditionsUrl && !privacyPolicyUrl || legalCheckbox;
|
|
291
|
+
if (showOnlyBranding) {
|
|
292
|
+
return x`
|
|
293
|
+
<wui-flex flexDirection="column"> ${this.reownBrandingTemplate(true)} </wui-flex>
|
|
294
|
+
`;
|
|
295
|
+
}
|
|
296
|
+
return x`
|
|
297
|
+
<wui-flex flexDirection="column">
|
|
298
|
+
<wui-flex .padding=${["m", "s", "s", "s"]} justifyContent="center">
|
|
299
|
+
<wui-text color="fg-250" variant="small-400" align="center">
|
|
300
|
+
By connecting your wallet, you agree to our <br />
|
|
301
|
+
${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
|
|
302
|
+
</wui-text>
|
|
303
|
+
</wui-flex>
|
|
304
|
+
${this.reownBrandingTemplate()}
|
|
305
|
+
</wui-flex>
|
|
306
|
+
`;
|
|
307
|
+
}
|
|
308
|
+
andTemplate() {
|
|
309
|
+
const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
|
|
310
|
+
return termsConditionsUrl && privacyPolicyUrl ? "and" : "";
|
|
311
|
+
}
|
|
312
|
+
termsTemplate() {
|
|
313
|
+
const { termsConditionsUrl } = OptionsController.state;
|
|
314
|
+
if (!termsConditionsUrl) {
|
|
315
|
+
return null;
|
|
316
|
+
}
|
|
317
|
+
return x`<a href=${termsConditionsUrl}>Terms of Service</a>`;
|
|
318
|
+
}
|
|
319
|
+
privacyTemplate() {
|
|
320
|
+
const { privacyPolicyUrl } = OptionsController.state;
|
|
321
|
+
if (!privacyPolicyUrl) {
|
|
322
|
+
return null;
|
|
323
|
+
}
|
|
324
|
+
return x`<a href=${privacyPolicyUrl}>Privacy Policy</a>`;
|
|
325
|
+
}
|
|
326
|
+
reownBrandingTemplate(showOnlyBranding = false) {
|
|
327
|
+
var _a;
|
|
328
|
+
if (!((_a = this.remoteFeatures) == null ? void 0 : _a.reownBranding)) {
|
|
329
|
+
return null;
|
|
330
|
+
}
|
|
331
|
+
if (showOnlyBranding) {
|
|
332
|
+
return x`<wui-ux-by-reown class="branding-only"></wui-ux-by-reown>`;
|
|
333
|
+
}
|
|
334
|
+
return x`<wui-ux-by-reown></wui-ux-by-reown>`;
|
|
335
|
+
}
|
|
336
|
+
};
|
|
337
|
+
W3mLegalFooter.styles = [styles];
|
|
338
|
+
__decorate([
|
|
339
|
+
r()
|
|
340
|
+
], W3mLegalFooter.prototype, "remoteFeatures", void 0);
|
|
341
|
+
W3mLegalFooter = __decorate([
|
|
342
|
+
customElement("w3m-legal-footer")
|
|
343
|
+
], W3mLegalFooter);
|
|
344
|
+
export {
|
|
345
|
+
OptionsStateController as O
|
|
346
|
+
};
|
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
import { i, c as resetStyles, e as elementStyles, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
|
|
2
|
+
import { n, c as customElement, U as UiHelperUtil } from "./if-defined-DjC5UMfF.mjs";
|
|
3
|
+
import "./index--O5ypTeK.mjs";
|
|
4
|
+
const styles$1 = i`
|
|
5
|
+
button {
|
|
6
|
+
padding: 6.5px var(--wui-spacing-l) 6.5px var(--wui-spacing-xs);
|
|
7
|
+
display: flex;
|
|
8
|
+
justify-content: space-between;
|
|
9
|
+
width: 100%;
|
|
10
|
+
border-radius: var(--wui-border-radius-xs);
|
|
11
|
+
background-color: var(--wui-color-gray-glass-002);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
button[data-clickable='false'] {
|
|
15
|
+
pointer-events: none;
|
|
16
|
+
background-color: transparent;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
wui-image,
|
|
20
|
+
wui-icon {
|
|
21
|
+
width: var(--wui-spacing-3xl);
|
|
22
|
+
height: var(--wui-spacing-3xl);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
wui-image {
|
|
26
|
+
border-radius: var(--wui-border-radius-3xl);
|
|
27
|
+
}
|
|
28
|
+
`;
|
|
29
|
+
var __decorate$1 = function(decorators, target, key, desc) {
|
|
30
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
31
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
32
|
+
else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
33
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
34
|
+
};
|
|
35
|
+
let WuiListToken = class WuiListToken2 extends i$1 {
|
|
36
|
+
constructor() {
|
|
37
|
+
super(...arguments);
|
|
38
|
+
this.tokenName = "";
|
|
39
|
+
this.tokenImageUrl = "";
|
|
40
|
+
this.tokenValue = 0;
|
|
41
|
+
this.tokenAmount = "0.0";
|
|
42
|
+
this.tokenCurrency = "";
|
|
43
|
+
this.clickable = false;
|
|
44
|
+
}
|
|
45
|
+
render() {
|
|
46
|
+
return x`
|
|
47
|
+
<button data-clickable=${String(this.clickable)}>
|
|
48
|
+
<wui-flex gap="s" alignItems="center">
|
|
49
|
+
${this.visualTemplate()}
|
|
50
|
+
<wui-flex flexDirection="column" justifyContent="spaceBetween">
|
|
51
|
+
<wui-text variant="paragraph-500" color="fg-100">${this.tokenName}</wui-text>
|
|
52
|
+
<wui-text variant="small-400" color="fg-200">
|
|
53
|
+
${UiHelperUtil.formatNumberToLocalString(this.tokenAmount, 4)} ${this.tokenCurrency}
|
|
54
|
+
</wui-text>
|
|
55
|
+
</wui-flex>
|
|
56
|
+
</wui-flex>
|
|
57
|
+
<wui-text variant="paragraph-500" color="fg-100">$${this.tokenValue.toFixed(2)}</wui-text>
|
|
58
|
+
</button>
|
|
59
|
+
`;
|
|
60
|
+
}
|
|
61
|
+
visualTemplate() {
|
|
62
|
+
if (this.tokenName && this.tokenImageUrl) {
|
|
63
|
+
return x`<wui-image alt=${this.tokenName} src=${this.tokenImageUrl}></wui-image>`;
|
|
64
|
+
}
|
|
65
|
+
return x`<wui-icon name="coinPlaceholder" color="fg-100"></wui-icon>`;
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
WuiListToken.styles = [resetStyles, elementStyles, styles$1];
|
|
69
|
+
__decorate$1([
|
|
70
|
+
n()
|
|
71
|
+
], WuiListToken.prototype, "tokenName", void 0);
|
|
72
|
+
__decorate$1([
|
|
73
|
+
n()
|
|
74
|
+
], WuiListToken.prototype, "tokenImageUrl", void 0);
|
|
75
|
+
__decorate$1([
|
|
76
|
+
n({ type: Number })
|
|
77
|
+
], WuiListToken.prototype, "tokenValue", void 0);
|
|
78
|
+
__decorate$1([
|
|
79
|
+
n()
|
|
80
|
+
], WuiListToken.prototype, "tokenAmount", void 0);
|
|
81
|
+
__decorate$1([
|
|
82
|
+
n()
|
|
83
|
+
], WuiListToken.prototype, "tokenCurrency", void 0);
|
|
84
|
+
__decorate$1([
|
|
85
|
+
n({ type: Boolean })
|
|
86
|
+
], WuiListToken.prototype, "clickable", void 0);
|
|
87
|
+
WuiListToken = __decorate$1([
|
|
88
|
+
customElement("wui-list-token")
|
|
89
|
+
], WuiListToken);
|
|
90
|
+
const styles = i`
|
|
91
|
+
:host {
|
|
92
|
+
display: block;
|
|
93
|
+
width: var(--local-width);
|
|
94
|
+
height: var(--local-height);
|
|
95
|
+
border-radius: var(--wui-border-radius-3xl);
|
|
96
|
+
box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
|
|
97
|
+
overflow: hidden;
|
|
98
|
+
position: relative;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
:host([data-variant='generated']) {
|
|
102
|
+
--mixed-local-color-1: var(--local-color-1);
|
|
103
|
+
--mixed-local-color-2: var(--local-color-2);
|
|
104
|
+
--mixed-local-color-3: var(--local-color-3);
|
|
105
|
+
--mixed-local-color-4: var(--local-color-4);
|
|
106
|
+
--mixed-local-color-5: var(--local-color-5);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
@supports (background: color-mix(in srgb, white 50%, black)) {
|
|
110
|
+
:host([data-variant='generated']) {
|
|
111
|
+
--mixed-local-color-1: color-mix(
|
|
112
|
+
in srgb,
|
|
113
|
+
var(--w3m-color-mix) var(--w3m-color-mix-strength),
|
|
114
|
+
var(--local-color-1)
|
|
115
|
+
);
|
|
116
|
+
--mixed-local-color-2: color-mix(
|
|
117
|
+
in srgb,
|
|
118
|
+
var(--w3m-color-mix) var(--w3m-color-mix-strength),
|
|
119
|
+
var(--local-color-2)
|
|
120
|
+
);
|
|
121
|
+
--mixed-local-color-3: color-mix(
|
|
122
|
+
in srgb,
|
|
123
|
+
var(--w3m-color-mix) var(--w3m-color-mix-strength),
|
|
124
|
+
var(--local-color-3)
|
|
125
|
+
);
|
|
126
|
+
--mixed-local-color-4: color-mix(
|
|
127
|
+
in srgb,
|
|
128
|
+
var(--w3m-color-mix) var(--w3m-color-mix-strength),
|
|
129
|
+
var(--local-color-4)
|
|
130
|
+
);
|
|
131
|
+
--mixed-local-color-5: color-mix(
|
|
132
|
+
in srgb,
|
|
133
|
+
var(--w3m-color-mix) var(--w3m-color-mix-strength),
|
|
134
|
+
var(--local-color-5)
|
|
135
|
+
);
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
:host([data-variant='generated']) {
|
|
140
|
+
box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
|
|
141
|
+
background: radial-gradient(
|
|
142
|
+
var(--local-radial-circle),
|
|
143
|
+
#fff 0.52%,
|
|
144
|
+
var(--mixed-local-color-5) 31.25%,
|
|
145
|
+
var(--mixed-local-color-3) 51.56%,
|
|
146
|
+
var(--mixed-local-color-2) 65.63%,
|
|
147
|
+
var(--mixed-local-color-1) 82.29%,
|
|
148
|
+
var(--mixed-local-color-4) 100%
|
|
149
|
+
);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
:host([data-variant='default']) {
|
|
153
|
+
box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
|
|
154
|
+
background: radial-gradient(
|
|
155
|
+
75.29% 75.29% at 64.96% 24.36%,
|
|
156
|
+
#fff 0.52%,
|
|
157
|
+
#f5ccfc 31.25%,
|
|
158
|
+
#dba4f5 51.56%,
|
|
159
|
+
#9a8ee8 65.63%,
|
|
160
|
+
#6493da 82.29%,
|
|
161
|
+
#6ebdea 100%
|
|
162
|
+
);
|
|
163
|
+
}
|
|
164
|
+
`;
|
|
165
|
+
var __decorate = function(decorators, target, key, desc) {
|
|
166
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
167
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
168
|
+
else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
169
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
170
|
+
};
|
|
171
|
+
let WuiAvatar = class WuiAvatar2 extends i$1 {
|
|
172
|
+
constructor() {
|
|
173
|
+
super(...arguments);
|
|
174
|
+
this.imageSrc = void 0;
|
|
175
|
+
this.alt = void 0;
|
|
176
|
+
this.address = void 0;
|
|
177
|
+
this.size = "xl";
|
|
178
|
+
}
|
|
179
|
+
render() {
|
|
180
|
+
this.style.cssText = `
|
|
181
|
+
--local-width: var(--wui-icon-box-size-${this.size});
|
|
182
|
+
--local-height: var(--wui-icon-box-size-${this.size});
|
|
183
|
+
`;
|
|
184
|
+
return x`${this.visualTemplate()}`;
|
|
185
|
+
}
|
|
186
|
+
visualTemplate() {
|
|
187
|
+
if (this.imageSrc) {
|
|
188
|
+
this.dataset["variant"] = "image";
|
|
189
|
+
return x`<wui-image src=${this.imageSrc} alt=${this.alt ?? "avatar"}></wui-image>`;
|
|
190
|
+
} else if (this.address) {
|
|
191
|
+
this.dataset["variant"] = "generated";
|
|
192
|
+
const cssColors = UiHelperUtil.generateAvatarColors(this.address);
|
|
193
|
+
this.style.cssText += `
|
|
194
|
+
${cssColors}`;
|
|
195
|
+
return null;
|
|
196
|
+
}
|
|
197
|
+
this.dataset["variant"] = "default";
|
|
198
|
+
return null;
|
|
199
|
+
}
|
|
200
|
+
};
|
|
201
|
+
WuiAvatar.styles = [resetStyles, styles];
|
|
202
|
+
__decorate([
|
|
203
|
+
n()
|
|
204
|
+
], WuiAvatar.prototype, "imageSrc", void 0);
|
|
205
|
+
__decorate([
|
|
206
|
+
n()
|
|
207
|
+
], WuiAvatar.prototype, "alt", void 0);
|
|
208
|
+
__decorate([
|
|
209
|
+
n()
|
|
210
|
+
], WuiAvatar.prototype, "address", void 0);
|
|
211
|
+
__decorate([
|
|
212
|
+
n()
|
|
213
|
+
], WuiAvatar.prototype, "size", void 0);
|
|
214
|
+
WuiAvatar = __decorate([
|
|
215
|
+
customElement("wui-avatar")
|
|
216
|
+
], WuiAvatar);
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
"use strict";
|
|
3
|
+
const bitcoin = require("./bitcoin-DAvQGpeP.js");
|
|
4
|
+
const ifDefined = require("./if-defined-CJ5EZLw2.js");
|
|
5
|
+
const styles = bitcoin.i`
|
|
6
|
+
button {
|
|
7
|
+
border-radius: var(--local-border-radius);
|
|
8
|
+
color: var(--wui-color-fg-100);
|
|
9
|
+
padding: var(--local-padding);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@media (max-width: 700px) {
|
|
13
|
+
:host(:not([size='sm'])) button {
|
|
14
|
+
padding: var(--wui-spacing-s);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
button > wui-icon {
|
|
19
|
+
pointer-events: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
button:disabled > wui-icon {
|
|
23
|
+
color: var(--wui-color-bg-300) !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
button:disabled {
|
|
27
|
+
background-color: transparent;
|
|
28
|
+
}
|
|
29
|
+
`;
|
|
30
|
+
var __decorate = function(decorators, target, key, desc) {
|
|
31
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
32
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
33
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
34
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
35
|
+
};
|
|
36
|
+
let WuiIconLink = class WuiIconLink2 extends bitcoin.i$1 {
|
|
37
|
+
constructor() {
|
|
38
|
+
super(...arguments);
|
|
39
|
+
this.size = "md";
|
|
40
|
+
this.disabled = false;
|
|
41
|
+
this.icon = "copy";
|
|
42
|
+
this.iconColor = "inherit";
|
|
43
|
+
}
|
|
44
|
+
render() {
|
|
45
|
+
this.dataset["size"] = this.size;
|
|
46
|
+
let borderRadius = "";
|
|
47
|
+
let padding = "";
|
|
48
|
+
switch (this.size) {
|
|
49
|
+
case "lg":
|
|
50
|
+
borderRadius = "--wui-border-radius-xs";
|
|
51
|
+
padding = "--wui-spacing-1xs";
|
|
52
|
+
break;
|
|
53
|
+
case "sm":
|
|
54
|
+
borderRadius = "--wui-border-radius-3xs";
|
|
55
|
+
padding = "--wui-spacing-xxs";
|
|
56
|
+
break;
|
|
57
|
+
default:
|
|
58
|
+
borderRadius = "--wui-border-radius-xxs";
|
|
59
|
+
padding = "--wui-spacing-2xs";
|
|
60
|
+
break;
|
|
61
|
+
}
|
|
62
|
+
this.style.cssText = `
|
|
63
|
+
--local-border-radius: var(${borderRadius});
|
|
64
|
+
--local-padding: var(${padding});
|
|
65
|
+
`;
|
|
66
|
+
return bitcoin.x`
|
|
67
|
+
<button ?disabled=${this.disabled}>
|
|
68
|
+
<wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon>
|
|
69
|
+
</button>
|
|
70
|
+
`;
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
WuiIconLink.styles = [bitcoin.resetStyles, bitcoin.elementStyles, bitcoin.colorStyles, styles];
|
|
74
|
+
__decorate([
|
|
75
|
+
ifDefined.n()
|
|
76
|
+
], WuiIconLink.prototype, "size", void 0);
|
|
77
|
+
__decorate([
|
|
78
|
+
ifDefined.n({ type: Boolean })
|
|
79
|
+
], WuiIconLink.prototype, "disabled", void 0);
|
|
80
|
+
__decorate([
|
|
81
|
+
ifDefined.n()
|
|
82
|
+
], WuiIconLink.prototype, "icon", void 0);
|
|
83
|
+
__decorate([
|
|
84
|
+
ifDefined.n()
|
|
85
|
+
], WuiIconLink.prototype, "iconColor", void 0);
|
|
86
|
+
WuiIconLink = __decorate([
|
|
87
|
+
ifDefined.customElement("wui-icon-link")
|
|
88
|
+
], WuiIconLink);
|