https://lotterytoken.net/assets/wui-list-item-CCF6xs4F.js

1import{a as e,n as t,s as n,u as r}from"./wui-text-I1ZBsytF.js";import{a as i,t as a}from"./lit-CpnwSwGp.js";import{o}from"./class-map-BquNO_PN.js";import{t as s}from"./if-defined-D6w-H_qA.js";import"./wui-loading-spinner-CASXp9bh.js";var c=r`
2  :host {
3    width: 100%;
4  }
5
6  :host([data-type='primary']) > button {
7    background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
8  }
9
10  :host([data-type='secondary']) > button {
11    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
12  }
13
14  button {
15    display: flex;
16    align-items: center;
17    justify-content: space-between;
18    padding: ${({spacing:e})=>e[3]};
19    width: 100%;
20    border-radius: ${({borderRadius:e})=>e[4]};
21    transition:
22      background-color ${({durations:e})=>e.lg}
23        ${({easings:e})=>e[`ease-out-power-2`]},
24      scale ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]};
25    will-change: background-color, scale;
26  }
27
28  wui-text {
29    text-transform: capitalize;
30  }
31
32  wui-image {
33    color: ${({tokens:e})=>e.theme.textPrimary};
34  }
35
36  @media (hover: hover) {
37    :host([data-type='primary']) > button:hover:enabled {
38      background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
39    }
40
41    :host([data-type='secondary']) > button:hover:enabled {
42      background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
43    }
44  }
45
46  button:disabled {
47    opacity: 0.5;
48    cursor: not-allowed;
49  }
50`,l=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},u=class extends a{constructor(){super(...arguments),this.type=`primary`,this.imageSrc=`google`,this.imageSize=void 0,this.loading=!1,this.boxColor=`foregroundPrimary`,this.disabled=!1,this.rightIcon=!0,this.boxed=!0,this.rounded=!1,this.fullSize=!1}render(){return this.dataset.rounded=this.rounded?`true`:`false`,this.dataset.type=this.type,i`
51      <button
52        ?disabled=${this.loading?!0:!!this.disabled}
53        data-loading=${this.loading}
54        tabindex=${s(this.tabIdx)}
55      >
56        <wui-flex gap="2" alignItems="center">
57          ${this.templateLeftIcon()}
58          <wui-flex gap="1">
59            <slot></slot>
60          </wui-flex>
61        </wui-flex>
62        ${this.templateRightIcon()}
63      </button>
64    `}templateLeftIcon(){return this.icon?i`<wui-image
65        icon=${this.icon}
66        iconColor=${s(this.iconColor)}
67        ?boxed=${this.boxed}
68        ?rounded=${this.rounded}
69        boxColor=${this.boxColor}
70      ></wui-image>`:i`<wui-image
71      ?boxed=${this.boxed}
72      ?rounded=${this.rounded}
73      ?fullSize=${this.fullSize}
74      size=${s(this.imageSize)}
75      src=${this.imageSrc}
76      boxColor=${this.boxColor}
77    ></wui-image>`}templateRightIcon(){return this.rightIcon?this.loading?i`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`:i`<wui-icon name="chevronRight" size="lg" color="default"></wui-icon>`:null}};u.styles=[n,e,c],l([o()],u.prototype,`type`,void 0),l([o()],u.prototype,`imageSrc`,void 0),l([o()],u.prototype,`imageSize`,void 0),l([o()],u.prototype,`icon`,void 0),l([o()],u.prototype,`iconColor`,void 0),l([o({type:Boolean})],u.prototype,`loading`,void 0),l([o()],u.prototype,`tabIdx`,void 0),l([o()],u.prototype,`boxColor`,void 0),l([o({type:Boolean})],u.prototype,`disabled`,void 0),l([o({type:Boolean})],u.prototype,`rightIcon`,void 0),l([o({type:Boolean})],u.prototype,`boxed`,void 0),l([o({type:Boolean})],u.prototype,`rounded`,void 0),l([o({type:Boolean})],u.prototype,`fullSize`,void 0),u=l([t(`wui-list-item`)],u);