@public-ui/components 4.0.3-rc.2 → 4.0.4-rc.0

package/dist/kolibri/inline-6XaAuvMb.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{d as o}from"./common-B-m-0Sa1.js";const m=(m,n,s={})=>{o(m,"_inline",n,s)};export{m as v};

package/dist/kolibri/kol-avatar-wc.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-avatar-wc.entry.esm.js","sources":["src/components/avatar/controller.ts","src/components/avatar/component.tsx"],"sourcesContent":["const formatNameAsInitial = (name: string): string => {\n\tif (name.length === 0) {\n\t\treturn '';\n\t}\n\n\treturn name[0].toUpperCase();\n};\n\nexport const formatLabelAsInitials = (label: string): string => {\n\tconst names = label.split(/\\s+/); // split by any whitespace characters\n\tconst first = names[0];\n\tconst last = names[names.length - 1];\n\n\t// names might consist of only one word\n\tif (names.length >= 2 && first && last) {\n\t\treturn `${formatNameAsInitial(first)}${formatNameAsInitial(last)}`;\n\t}\n\n\treturn formatNameAsInitial(label);\n};\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { handleColorChange, validateColor, validateImageSource, validateLabel } from '../../schema';\n\nimport { translate } from '../../i18n';\nimport { formatLabelAsInitials } from './controller';\n\nimport type { AvatarAPI, AvatarStates, ImageSourcePropType, LabelPropType, PropColor, Stringified } from '../../schema';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-avatar-wc',\n\tshadow: false,\n})\nexport class KolAvatarWc implements AvatarAPI {\n\tprivate bgColorStr = '#d3d3d3';\n\tprivate colorStr = '#000';\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<div\n\t\t\t\taria-label={translate('kol-avatar-alt', { placeholders: { name: this.state._label } })}\n\t\t\t\tclass=\"kol-avatar\"\n\t\t\t\trole=\"img\"\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: this.bgColorStr,\n\t\t\t\t\tcolor: this.colorStr,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{this.state._src ? (\n\t\t\t\t\t<img alt=\"\" aria-hidden=\"true\" class=\"kol-avatar__image\" src={this.state._src} />\n\t\t\t\t) : (\n\t\t\t\t\t<span aria-hidden=\"true\" class=\"kol-avatar__initials\">\n\t\t\t\t\t\t{formatLabelAsInitials(this.state._label.trim())}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate handleColorChange = (value: unknown) => {\n\t\tconst colorPair = handleColorChange(value);\n\t\tthis.bgColorStr = colorPair.backgroundColor;\n\t\tthis.colorStr = colorPair.foregroundColor as string;\n\t};\n\n\t/**\n\t * Defines the backgroundColor and foregroundColor.\n\t */\n\t@Prop() public _color?: Stringified<PropColor> = '#d3d3d3';\n\n\t/**\n\t * Sets the image `src` attribute to the given string.\n\t */\n\t@Prop() public _src?: ImageSourcePropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: AvatarStates = {\n\t\t_src: '',\n\t\t_label: '', // ⚠ required\n\t\t_color: {\n\t\t\tbackgroundColor: '#d3d3d3',\n\t\t\tforegroundColor: '#000',\n\t\t},\n\t};\n\n\t@Watch('_color')\n\tpublic validateColor(value?: Stringified<PropColor>) {\n\t\tvalidateColor(this, value, {\n\t\t\tdefaultValue: '#d3d3d3',\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.handleColorChange,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_src')\n\tpublic validateSrc(value?: ImageSourcePropType): void {\n\t\tvalidateImageSource(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateColor(this._color);\n\t\tthis.validateSrc(this._src);\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/kolibri/kol-avatar-wc.entry.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{r as t,h as a}from"./index-Ck5Kf3Ni.js";import"./common-B-m-0Sa1.js";import{h as r,v as s}from"./color-DZ0Ata5E.js";import{v as o}from"./image-source-t6wt0WTO.js";import{v as i}from"./label-BqL4x8lJ.js";import{t as e}from"./i18n-0_cE4ov3.js";import"./i18n-B0tfVPMa.js";const l=t=>0===t.length?"":t[0].toUpperCase(),d=t=>{const a=t.split(/\s+/),o=a[0],r=a[a.length-1];return a.length>=2&&o&&r?`${l(o)}${l(r)}`:l(t)},c=class{constructor(a){t(this,a),this.bgColorStr="#d3d3d3",this.colorStr="#000",this.handleColorChange=t=>{const a=r(t);this.bgColorStr=a.backgroundColor,this.colorStr=a.foregroundColor},this._color="#d3d3d3",this.state={_src:"",_label:"",_color:{backgroundColor:"#d3d3d3",foregroundColor:"#000"}}}render(){return a("div",{key:"04d0b5653648f532391c0b8f611ef3bd7d4e8bbf","aria-label":e("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"kol-avatar",role:"img",style:{backgroundColor:this.bgColorStr,color:this.colorStr}},this.state._src?a("img",{alt:"","aria-hidden":"true",class:"kol-avatar__image",src:this.state._src}):a("span",{"aria-hidden":"true",class:"kol-avatar__initials"},d(this.state._label.trim())))}validateColor(t){s(this,t,{defaultValue:"#d3d3d3",hooks:{beforePatch:this.handleColorChange}})}validateSrc(t){o(this,t)}validateLabel(t){i(this,t,{required:!0})}componentWillLoad(){this.validateColor(this._color),this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_color:["validateColor"],_src:["validateSrc"],_label:["validateLabel"]}}};export{c as kol_avatar_wc};

package/dist/kolibri/kol-avatar-wc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","h","handleColorChange","validateColor","validateImageSource","validateLabel","translate","formatNameAsInitial","name","length","toUpperCase","formatLabelAsInitials","label","names","split","first","last","KolAvatarWc","constructor","hostRef","this","bgColorStr","colorStr","value","colorPair","backgroundColor","foregroundColor","_color","state","_src","_label","render","key","placeholders","class","role","style","color","alt","src","trim","defaultValue","hooks","beforePatch","validateSrc","required","componentWillLoad","watchers"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,4BAClC,mCACOC,OAAwBC,MAAqB,kCAC7CC,MAA2B,yCAC3BC,MAAqB,kCACrBC,MAAiB,2BACxB,qBAEP,MAAMC,EAAuBC,IACzB,GAAIA,EAAKC,SAAW,EAAG,CACnB,MAAO,EACX,CACA,OAAOD,EAAK,GAAGE,aAAa,EAEhC,MAAMC,EAAyBC,IAC3B,MAAMC,EAAQD,EAAME,MAAM,OAC1B,MAAMC,EAAQF,EAAM,GACpB,MAAMG,EAAOH,EAAMA,EAAMJ,OAAS,GAClC,GAAII,EAAMJ,QAAU,GAAKM,GAASC,EAAM,CACpC,MAAO,GAAGT,EAAoBQ,KAASR,EAAoBS,IAC/D,CACA,OAAOT,EAAoBK,EAAM,EAGrC,MAAMK,EAAc,MAChB,WAAAC,CAAYC,GACRnB,EAAiBoB,KAAMD,GACvBC,KAAKC,WAAa,UAClBD,KAAKE,SAAW,OAChBF,KAAKlB,kBAAqBqB,IACtB,MAAMC,EAAYtB,EAAkBqB,GACpCH,KAAKC,WAAaG,EAAUC,gBAC5BL,KAAKE,SAAWE,EAAUE,eAAe,EAE7CN,KAAKO,OAAS,UACdP,KAAKQ,MAAQ,CACTC,KAAM,GACNC,OAAQ,GACRH,OAAQ,CACJF,gBAAiB,UACjBC,gBAAiB,QAG7B,CACA,MAAAK,GACI,OAAQ9B,EAAE,MAAO,CAAE+B,IAAK,2CAA4C,aAAc1B,EAAU,iBAAkB,CAAE2B,aAAc,CAAEzB,KAAMY,KAAKQ,MAAME,UAAaI,MAAO,aAAcC,KAAM,MAAOC,MAAO,CAC/LX,gBAAiBL,KAAKC,WACtBgB,MAAOjB,KAAKE,WACXF,KAAKQ,MAAMC,KAAQ5B,EAAE,MAAO,CAAEqC,IAAK,GAAI,cAAe,OAAQJ,MAAO,oBAAqBK,IAAKnB,KAAKQ,MAAMC,OAAY5B,EAAE,OAAQ,CAAE,cAAe,OAAQiC,MAAO,wBAA0BvB,EAAsBS,KAAKQ,MAAME,OAAOU,SAC/O,CACA,aAAArC,CAAcoB,GACVpB,EAAciB,KAAMG,EAAO,CACvBkB,aAAc,UACdC,MAAO,CACHC,YAAavB,KAAKlB,oBAG9B,CACA,WAAA0C,CAAYrB,GACRnB,EAAoBgB,KAAMG,EAC9B,CACA,aAAAlB,CAAckB,GACVlB,EAAce,KAAMG,EAAO,CACvBsB,SAAU,MAElB,CACA,iBAAAC,GACI1B,KAAKjB,cAAciB,KAAKO,QACxBP,KAAKwB,YAAYxB,KAAKS,MACtBT,KAAKf,cAAce,KAAKU,OAC5B,CACA,mBAAWiB,GAAa,MAAO,CAC3BpB,OAAU,CAAC,iBACXE,KAAQ,CAAC,eACTC,OAAU,CAAC,iBACZ,UAGEb","ignoreList":[]}