UNPKG

@public-ui/components

Version:

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

4 lines 1.44 kB
/*! * KoliBri - The accessible HTML-Standard */ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-03ef29aa.js");require("./index-8b802221.js");const i18n=require("./i18n-b9d16ebc.js"),imageSource=require("./image-source-f24a4569.js"),label=require("./label-21c38949.js");require("./i18n-8c288a27.js");const formatNameAsInitial=a=>0===a.length?"":a[0].toUpperCase(),formatLabelAsInitials=a=>{const e=a.split(/\s+/),t=e.at(0),i=e.at(-1);return e.length>=2&&t&&i?`${formatNameAsInitial(t)}${formatNameAsInitial(i)}`:formatNameAsInitial(a)},KolAvatarWc=class{constructor(a){index.registerInstance(this,a),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return index.h("div",{key:"b9ad63a1fb9190d47524deae8e59a00d2a14fa83","aria-label":i18n.translate("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"kol-avatar",role:"img"},this.state._src?index.h("img",{alt:"","aria-hidden":"true",class:"kol-avatar__image",src:this.state._src}):index.h("span",{"aria-hidden":"true",class:"kol-avatar__initials"},formatLabelAsInitials(this.state._label.trim())))}validateSrc(a){imageSource.validateImageSource(this,a)}validateLabel(a){label.validateLabel(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};exports.kol_avatar_wc=KolAvatarWc;