UNPKG

@public-ui/components

Version:

Contains all web components that belong to KoliBri - The accessible HTML-Standard.

4 lines 1.14 kB
/*! * KoliBri - The accessible HTML-Standard */ import{r as a,h as t}from"./index-1ed13705.js";import"./index-ebe5a881.js";import{t as e}from"./i18n-260f0fe9.js";import{v as r}from"./image-source-8079f8a5.js";import{v as s}from"./label-bf9966d0.js";import"./i18n-45224cc3.js";const i=a=>0===a.length?"":a[0].toUpperCase(),l=a=>{const t=a.split(/\s+/),e=t[0],s=t[t.length-1];return t.length>=2&&e&&s?`${i(e)}${i(s)}`:i(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":e("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){r(this,a)}validateLabel(a){s(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};