import{r as t,h as e,H as i}from"./p-Co4V4Zk-.js";const a=class{constructor(e){t(this,e),this.size="medium",this.clickable=!1}get hostClass(){return{"spw-avatar":!0,"spw-avatar--rounded":!0,[`spw-avatar--${this.size}`]:!0,"spw-avatar--has-image":!!this.image,"spw-avatar--clickable":this.clickable}}get avatarStyle(){return this.image?{"background-image":`url(${this.image})`}:{}}render(){return e(i,{key:"40af33cae43b3ed1738c6df5869f7e9255405a21",class:this.hostClass,style:this.avatarStyle,role:"img","aria-label":this.accAriaLabel||this.initials||"Avatar"},!this.image&&this.initials&&e("span",{key:"359653844302a7e37165ea9cac62bb8009524104",class:"spw-avatar__initials"},this.initials),this.bubble&&e("span",{key:"6a711127f112fd4b150f57911773fc64495625e8",class:"spw-avatar__bubble"},this.bubble))}};a.style="html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-flex;align-items:center;justify-content:center;position:relative;background-color:white;border:1px solid var(--spw-colors-support-grey-grey-300) !important;background-size:cover;background-position:center;background-repeat:no-repeat}:host(.spw-avatar--rounded){border-radius:50%}:host(.spw-avatar--squared){border-radius:4px}:host(.spw-avatar--small){width:30px;height:30px;font-size:12px}:host(.spw-avatar--medium){width:40px;height:40px;font-size:14px}:host(.spw-avatar--large){width:50px;height:50px;font-size:18px}.spw-avatar__initials{color:var(--spw-colors-support-grey-grey-900);font-weight:600;text-transform:uppercase;line-height:1;user-select:none}.spw-avatar__bubble{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;border:2px solid white;border-radius:9999px;background-color:var(--spw-ds-primary);color:white}:host(.spw-avatar--small) .spw-avatar__bubble{min-width:16px;height:16px;font-size:9px;top:-3px;right:-3px}:host(.spw-avatar--large) .spw-avatar__bubble{min-width:20px;height:20px;font-size:11px;top:-5px;right:-5px}:host(.spw-avatar--clickable){cursor:pointer;transition:filter 0.15s ease}:host(.spw-avatar--clickable):hover{filter:brightness(0.92)}:host(.spw-avatar--clickable):active{filter:brightness(0.85)}";export{a as spw_avatar}