@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
4 lines • 1.14 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import{r as a,h as t}from"./index-136f59ac.js";import"./index-88dea7b1.js";import{t as r}from"./i18n-01abf777.js";import{v as s}from"./image-source-00f34574.js";import{v as i}from"./label-5982d241.js";import"./i18n-45224cc3.js";const e=a=>0===a.length?"":a[0].toUpperCase(),l=a=>{const t=a.split(/\s+/),s=t.at(0),i=t.at(-1);return t.length>=2&&s&&i?`${e(s)}${e(i)}`:e(a)},o=class{constructor(t){a(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return t("div",{key:"b9ad63a1fb9190d47524deae8e59a00d2a14fa83","aria-label":r("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"kol-avatar",role:"img"},this.state._src?t("img",{alt:"","aria-hidden":"true",class:"kol-avatar__image",src:this.state._src}):t("span",{"aria-hidden":"true",class:"kol-avatar__initials"},l(this.state._label.trim())))}validateSrc(a){s(this,a)}validateLabel(a){i(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{o as kol_avatar_wc};