https://kheli.bet/build/q-DgG3zx1e.js

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