@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
1 lines • 4.15 kB
JavaScript
System.register(["./p-1720b7a7.system.js","./p-60d9e7d4.system.js","./p-a6b26bd1.system.js","./p-2c235db8.system.js"],(function(t){"use strict";var e,r,a,n,i,s,o;return{setters:[function(t){e=t.r;r=t.h;a=t.g},function(t){n=t.g;i=t.a},function(t){s=t.h;o=t.i},function(){}],execute:function(){function l(t){var e=0;for(var r=0;r<t.length;r++){e=t.charCodeAt(r)+((e<<5)-e)}var a="#";for(var n=0;n<3;n++){var i=e>>n*8&255;a+=("00"+i.toString(16)).substr(-2)}return a}function c(t){var e=t.r,r=t.g,a=t.b;e/=255;r/=255;a/=255;var n=Math.max(e,r,a);var i=Math.min(e,r,a);var s=n-i;if(n===i){return 0}var o=(n+i)/2;switch(n){case e:o=(r-a)/s+(r<a?6:0);break;case r:o=(a-e)/s+2;break;case a:o=(e-r)/s+4;break}return Math.round(o*60)}function f(t){return c(s(t))}var m="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;overflow:hidden}:host([scale=s]){width:1.5rem;height:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){width:2rem;height:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){width:2.75rem;height:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:-ms-flexbox;display:flex}.background{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-ui-text-3)}.thumbnail{width:100%;height:100%;border-radius:50%}";var u=t("calcite_avatar",function(){function t(t){e(this,t);this.scale="m";this.error=false}t.prototype.render=function(){return this.determineContent()};t.prototype.determineContent=function(){var t=this;var e=n(this.el);if(this.thumbnail&&!this.error){return r("img",{alt:"",class:"thumbnail",dir:e,onError:function(){return t.error=true},src:this.thumbnail})}var a=this.generateInitials();var i=this.generateFillColor();return r("span",{class:"background",dir:e,style:{backgroundColor:i}},a?r("span",{"aria-hidden":"true",class:"initials"},a):r("calcite-icon",{class:"icon",icon:"user",scale:this.scale}))};t.prototype.generateFillColor=function(){var t=this,e=t.userId,r=t.username,a=t.fullName,n=t.el;var s=i(n);var c=e&&"#"+e.substr(e.length-6);var m=r||a||"";var u=c&&o(c)?c:l(m);if(!e&&!m||!o(u)){return"var(--calcite-ui-foreground-2)"}var p=f(u);var h=s==="dark"?20:90;return"hsl("+p+", 60%, "+h+"%)"};t.prototype.generateInitials=function(){var t=this,e=t.fullName,r=t.username;if(e){return e.trim().split(" ").map((function(t){return t.substring(0,1)})).join("")}else if(r){return r.substring(0,2)}return false};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());u.style=m}}}));