@esri/calcite-components 6.0.0-next.19 → 6.0.0-next.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "6.0.0-next.19",
+  "version": "6.0.0-next.20",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {

package/dist/cdn/5VTL22PC.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{p as d,w as g}from"./F5ITNV4F.js";import"./6MDH7C4R.js";import"./5K4OZJAZ.js";import{G as b,H as o,I as v,J as h,T as p,g as f,h as c}from"./4DDCSOWT.js";var u={thumbnail:"thumbnail",background:"background",initials:"initials",icon:"icon"};function x(i){i=k(i);let e=0;for(let a=0;a<i.length;a++)e=i.charCodeAt(a)+((e<<5)-e);let t="#";for(let a=0;a<3;a++){let r=e>>a*8&255;t+=("00"+r.toString(16)).substr(-2)}return t}function k(i){let e=Math.floor(i.length/2),t=i.split("").reverse().join("");return t.substring(e)+t.slice(0,e)}function z(i){let{r:e,g:t,b:a}=i;e/=255,t/=255,a/=255;let r=Math.max(e,t,a),l=Math.min(e,t,a),n=r-l;if(r===l)return 0;let s=(r+l)/2;switch(r){case e:s=(t-a)/n+(t<a?6:0);break;case t:s=(a-e)/n+2;break;case a:s=(e-t)/n+4;break}return Math.round(s*60)}function $(i){return z(g(i))}var y=f`:host{display:inline-block;overflow:hidden;border-radius:var(--calcite-avatar-corner-radius, 50%);color:var(--calcite-avatar-color, var(--calcite-color-text-2))}:host([scale=s]){font-size:var(--calcite-font-size-relative-xs);block-size:var(--calcite-space-2xl);inline-size:var(--calcite-space-2xl)}:host([scale=m]){font-size:var(--calcite-font-size-relative-sm);block-size:var(--calcite-space-3xl);inline-size:var(--calcite-space-3xl)}:host([scale=l]){font-size:var(--calcite-font-size-relative-md);block-size:var(--calcite-space-4xl);inline-size:var(--calcite-space-4xl)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:var(--calcite-avatar-corner-radius, 50%)}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase}.thumbnail{block-size:100%;inline-size:100%;border-radius:var(--calcite-avatar-corner-radius, 50%)}:host([hidden]){display:none}[hidden]{display:none}`,m=class extends b{constructor(){super(...arguments),this.thumbnailFailedToLoad=!1,this.scale="m"}static{this.properties={thumbnailFailedToLoad:[16,{},{state:!0}],fullName:[3,{},{reflect:!0}],label:1,scale:[3,{},{reflect:!0}],thumbnail:[3,{},{reflect:!0}],userId:[3,{},{reflect:!0}],username:[3,{},{reflect:!0}]}}static{this.styles=y}determineContent(){if(this.thumbnail&&!this.thumbnailFailedToLoad)return c`<img alt=${(this.label||"")??h} class=${o(u.thumbnail)} @error=${()=>this.thumbnailFailedToLoad=!0} src=${this.thumbnail??h}>`;let e=this.generateInitials(),t=this.generateFillColor();return c`<span .ariaLabel=${this.label||this.fullName} class=${o(u.background)} role=figure style=${v({backgroundColor:t})}>${e?c`<span aria-hidden=true class=${o(u.initials)}>${e}</span>`:c`<calcite-icon class=${o(u.icon)} icon=user .scale=${this.scale}></calcite-icon>`}</span>`}generateFillColor(){let{userId:e,username:t,fullName:a}=this,r=e&&`#${e.substr(e.length-6)}`,l=t||a||"",n=r&&d(r)?r:x(l);if(!e&&!l||!d(n))return"var(--calcite-avatar-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))";let s=$(n);return`var(--calcite-avatar-background-color, light-dark(hsl(${s}, 60%, 90%), hsl(${s}, 60%, 20%)))`}generateInitials(){let{fullName:e,username:t}=this;return e?e.trim().split(" ").map(a=>a.substring(0,1)).join(""):t?t.substring(0,2):!1}render(){return this.determineContent()}};p("calcite-avatar",m);export{m as Avatar};