202 lines
8.4 KiB
JavaScript
Executable File
202 lines
8.4 KiB
JavaScript
Executable File
import{i as g,r as v,e as y,a as f,b as d,w as m}from"./index-B6fu-u6K.js";import{n,c as b}from"./if-defined-D6swbWyQ.js";import"./index-CuJMoJHR.js";import"./index-DUZ-8KUm.js";import"./index-Bl7lS5oY.js";const z=g`
|
|
:host {
|
|
position: relative;
|
|
}
|
|
|
|
button {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 48px;
|
|
width: 100%;
|
|
background-color: var(--wui-color-accent-glass-010);
|
|
border-radius: var(--wui-border-radius-xs);
|
|
border: 1px solid var(--wui-color-accent-glass-010);
|
|
transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
will-change: background-color;
|
|
}
|
|
|
|
wui-tooltip {
|
|
padding: 7px var(--wui-spacing-s) 8px var(--wui-spacing-s);
|
|
position: absolute;
|
|
top: -8px;
|
|
left: 50%;
|
|
transform: translate(-50%, -100%);
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
|
|
@media (hover: hover) and (pointer: fine) {
|
|
button:hover:enabled {
|
|
background-color: var(--wui-color-accent-glass-015);
|
|
}
|
|
|
|
button:active:enabled {
|
|
background-color: var(--wui-color-accent-glass-020);
|
|
}
|
|
}
|
|
`;var x=function(o,t,i,r){var a=arguments.length,e=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,i,r);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(e=(a<3?s(e):a>3?s(t,i,e):s(t,i))||e);return a>3&&e&&Object.defineProperty(t,i,e),e};let w=class extends f{constructor(){super(...arguments),this.text="",this.icon="card"}render(){return d`<button>
|
|
<wui-icon color="accent-100" name=${this.icon} size="lg"></wui-icon>
|
|
</button>`}};w.styles=[v,y,z];x([n()],w.prototype,"text",void 0);x([n()],w.prototype,"icon",void 0);w=x([b("wui-icon-button")],w);const $=m`<svg width="86" height="96" fill="none">
|
|
<path
|
|
d="M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z"
|
|
/>
|
|
</svg>`,S=m`<svg viewBox="0 0 48 54" fill="none">
|
|
<path
|
|
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"
|
|
/>
|
|
</svg>`,I=m`
|
|
<svg fill="none" viewBox="0 0 36 40">
|
|
<path
|
|
d="M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z"
|
|
/>
|
|
</svg>
|
|
`,k=g`
|
|
:host {
|
|
position: relative;
|
|
border-radius: inherit;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: var(--local-width);
|
|
height: var(--local-height);
|
|
}
|
|
|
|
:host([data-round='true']) {
|
|
background: var(--wui-color-gray-glass-002);
|
|
border-radius: 100%;
|
|
outline: 1px solid var(--wui-color-gray-glass-005);
|
|
}
|
|
|
|
svg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
fill: var(--wui-color-gray-glass-002);
|
|
}
|
|
|
|
svg > path {
|
|
stroke: var(--local-stroke);
|
|
}
|
|
|
|
wui-image {
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-clip-path: var(--local-path);
|
|
clip-path: var(--local-path);
|
|
background: var(--wui-color-gray-glass-002);
|
|
}
|
|
|
|
wui-icon {
|
|
transform: translateY(-5%);
|
|
width: var(--local-icon-size);
|
|
height: var(--local-icon-size);
|
|
}
|
|
`;var h=function(o,t,i,r){var a=arguments.length,e=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,i,r);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(e=(a<3?s(e):a>3?s(t,i,e):s(t,i))||e);return a>3&&e&&Object.defineProperty(t,i,e),e};let c=class extends f{constructor(){super(...arguments),this.size="md",this.name="uknown",this.networkImagesBySize={sm:I,md:S,lg:$},this.selected=!1,this.round=!1}render(){return this.round?(this.dataset.round="true",this.style.cssText=`
|
|
--local-width: var(--wui-spacing-3xl);
|
|
--local-height: var(--wui-spacing-3xl);
|
|
--local-icon-size: var(--wui-spacing-l);
|
|
`):this.style.cssText=`
|
|
|
|
--local-path: var(--wui-path-network-${this.size});
|
|
--local-width: var(--wui-width-network-${this.size});
|
|
--local-height: var(--wui-height-network-${this.size});
|
|
--local-icon-size: var(--wui-icon-size-network-${this.size});
|
|
`,d`${this.templateVisual()} ${this.svgTemplate()} `}svgTemplate(){return this.round?null:this.networkImagesBySize[this.size]}templateVisual(){return this.imageSrc?d`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:d`<wui-icon size="inherit" color="fg-200" name="networkPlaceholder"></wui-icon>`}};c.styles=[v,k];h([n()],c.prototype,"size",void 0);h([n()],c.prototype,"name",void 0);h([n({type:Object})],c.prototype,"networkImagesBySize",void 0);h([n()],c.prototype,"imageSrc",void 0);h([n({type:Boolean})],c.prototype,"selected",void 0);h([n({type:Boolean})],c.prototype,"round",void 0);c=h([b("wui-network-image")],c);const j=g`
|
|
:host {
|
|
position: relative;
|
|
background-color: var(--wui-color-gray-glass-002);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: var(--local-size);
|
|
height: var(--local-size);
|
|
border-radius: inherit;
|
|
border-radius: var(--local-border-radius);
|
|
}
|
|
|
|
:host > wui-flex {
|
|
overflow: hidden;
|
|
border-radius: inherit;
|
|
border-radius: var(--local-border-radius);
|
|
}
|
|
|
|
:host::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
border-radius: inherit;
|
|
border: 1px solid var(--wui-color-gray-glass-010);
|
|
pointer-events: none;
|
|
}
|
|
|
|
:host([name='Extension'])::after {
|
|
border: 1px solid var(--wui-color-accent-glass-010);
|
|
}
|
|
|
|
:host([data-wallet-icon='allWallets']) {
|
|
background-color: var(--wui-all-wallets-bg-100);
|
|
}
|
|
|
|
:host([data-wallet-icon='allWallets'])::after {
|
|
border: 1px solid var(--wui-color-accent-glass-010);
|
|
}
|
|
|
|
wui-icon[data-parent-size='inherit'] {
|
|
width: 75%;
|
|
height: 75%;
|
|
align-items: center;
|
|
}
|
|
|
|
wui-icon[data-parent-size='sm'] {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
wui-icon[data-parent-size='md'] {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
wui-icon[data-parent-size='lg'] {
|
|
width: 42px;
|
|
height: 42px;
|
|
}
|
|
|
|
wui-icon[data-parent-size='full'] {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
:host > wui-icon-box {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
right: -1px;
|
|
bottom: -2px;
|
|
z-index: 1;
|
|
border: 2px solid var(--wui-color-bg-150, #1e1f1f);
|
|
padding: 1px;
|
|
}
|
|
`;var p=function(o,t,i,r){var a=arguments.length,e=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,i,r);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(e=(a<3?s(e):a>3?s(t,i,e):s(t,i))||e);return a>3&&e&&Object.defineProperty(t,i,e),e};let u=class extends f{constructor(){super(...arguments),this.size="md",this.name="",this.installed=!1,this.badgeSize="xs"}render(){let t="xxs";return this.size==="lg"?t="m":this.size==="md"?t="xs":t="xxs",this.style.cssText=`
|
|
--local-border-radius: var(--wui-border-radius-${t});
|
|
--local-size: var(--wui-wallet-image-size-${this.size});
|
|
`,this.walletIcon&&(this.dataset.walletIcon=this.walletIcon),d`
|
|
<wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
|
|
`}templateVisual(){return this.imageSrc?d`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?d`<wui-icon
|
|
data-parent-size="md"
|
|
size="md"
|
|
color="inherit"
|
|
name=${this.walletIcon}
|
|
></wui-icon>`:d`<wui-icon
|
|
data-parent-size=${this.size}
|
|
size="inherit"
|
|
color="inherit"
|
|
name="walletPlaceholder"
|
|
></wui-icon>`}};u.styles=[y,v,j];p([n()],u.prototype,"size",void 0);p([n()],u.prototype,"name",void 0);p([n()],u.prototype,"imageSrc",void 0);p([n()],u.prototype,"walletIcon",void 0);p([n({type:Boolean})],u.prototype,"installed",void 0);p([n()],u.prototype,"badgeSize",void 0);u=p([b("wui-wallet-image")],u);export{S as n};
|