https://www.takeapeak.ai/assets/wui-image-Bj188ePH.js

1import{b as e,c as t,g as n,l as r,o as i,p as a,v as o}from"./wui-text-Dxo3Lf6-.js";var s=n`
2  :host {
3    display: block;
4    width: var(--local-width);
5    height: var(--local-height);
6  }
7
8  img {
9    display: block;
10    width: 100%;
11    height: 100%;
12    object-fit: cover;
13    object-position: center center;
14    border-radius: inherit;
15    user-select: none;
16    user-drag: none;
17    -webkit-user-drag: none;
18    -khtml-user-drag: none;
19    -moz-user-drag: none;
20    -o-user-drag: none;
21  }
22
23  :host([data-boxed='true']) {
24    width: 40px;
25    height: 40px;
26    display: flex;
27    align-items: center;
28    justify-content: center;
29    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
30    border-radius: ${({borderRadius:e})=>e[2]};
31  }
32
33  :host([data-boxed='true']) img {
34    width: 20px;
35    height: 20px;
36    border-radius: ${({borderRadius:e})=>e[16]};
37  }
38
39  :host([data-full='true']) img {
40    width: 100%;
41    height: 100%;
42  }
43
44  :host([data-boxed='true']) wui-icon {
45    width: 20px;
46    height: 20px;
47  }
48
49  :host([data-icon='error']) {
50    background-color: ${({tokens:e})=>e.core.backgroundError};
51  }
52
53  :host([data-rounded='true']) {
54    border-radius: ${({borderRadius:e})=>e[16]};
55  }
56`,c=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},l=class extends o{constructor(){super(...arguments),this.src=`./path/to/image.jpg`,this.alt=`Image`,this.size=void 0,this.boxed=!1,this.rounded=!1,this.fullSize=!1}render(){let t={inherit:`inherit`,xxs:`2`,xs:`3`,sm:`4`,md:`4`,mdl:`5`,lg:`5`,xl:`6`,xxl:`7`,"3xl":`8`,"4xl":`9`,"5xl":`10`};return this.style.cssText=`
57      --local-width: ${this.size?`var(--apkt-spacing-${t[this.size]});`:`100%`};
58      --local-height: ${this.size?`var(--apkt-spacing-${t[this.size]});`:`100%`};
59      `,this.dataset.boxed=this.boxed?`true`:`false`,this.dataset.rounded=this.rounded?`true`:`false`,this.dataset.full=this.fullSize?`true`:`false`,this.dataset.icon=this.iconColor||`inherit`,this.icon?e`<wui-icon
60        color=${this.iconColor||`inherit`}
61        name=${this.icon}
62        size="lg"
63      ></wui-icon> `:this.logo?e`<wui-icon size="lg" color="inherit" name=${this.logo}></wui-icon> `:e`<img src=${i(this.src)} alt=${this.alt} @error=${this.handleImageError} />`}handleImageError(){this.dispatchEvent(new CustomEvent(`onLoadError`,{bubbles:!0,composed:!0}))}};l.styles=[a,s],c([t()],l.prototype,`src`,void 0),c([t()],l.prototype,`logo`,void 0),c([t()],l.prototype,`icon`,void 0),c([t()],l.prototype,`iconColor`,void 0),c([t()],l.prototype,`alt`,void 0),c([t()],l.prototype,`size`,void 0),c([t({type:Boolean})],l.prototype,`boxed`,void 0),c([t({type:Boolean})],l.prototype,`rounded`,void 0),c([t({type:Boolean})],l.prototype,`fullSize`,void 0),l=c([r(`wui-image`)],l);