@pine-ds/core 4.0.0 → 4.2.0

package/dist/esm-es5/pds-avatar.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-NNDTPCWx.js";import{c as checkCircleFilled,u as userFilled}from"./index-BjlFq0VD.js";var pdsAvatarCss=function(){return":host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}:host([status=online]){--pds-avatar-status-color:var(--pine-color-green-500)}:host([status=away]){--pds-avatar-status-color:var(--pine-color-yellow-500)}:host([status=offline]){--pds-avatar-status-color:var(--pine-color-background-inset-emphasized)}.pds-avatar__status{background-color:var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));block-size:28%;border-radius:var(--pine-border-radius-full);-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);inline-size:28%;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);min-block-size:var(--pine-dimension-100);min-inline-size:var(--pine-dimension-100);position:absolute}:host(.pds-avatar--status-ring) div{-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized))}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}"};var PdsAvatar=function(){function r(r){var a=this;registerInstance(this,r);this.alt=null;this.badge=false;this.dropdown=false;this.image=null;this.initials=null;this.size="lg";this.status=null;this.statusRing=false;this.variant="customer";this.triggerLabel="Avatar dropdown trigger";this.renderAssetWrapper=function(){var r={height:a.avatarSize(),width:a.avatarSize()};return h("div",{style:r,part:"asset-wrapper"},a.renderIconOrImage(),a.renderBadge(),a.renderStatus())};this.renderAvatar=function(){return a.dropdown?h("button",{class:"pds-avatar__button",type:"button",part:"button","aria-label":a.triggerLabel},a.renderAssetWrapper()):a.renderAssetWrapper()};this.renderBadge=function(){return a.badge&&!a.status&&h("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:checkCircleFilled,size:"33.53%"})};this.renderStatus=function(){var r;if(!a.status)return null;if(a.dropdown){return h("span",{class:"pds-avatar__status",part:"status","aria-hidden":"true"})}return h("span",{class:"pds-avatar__status",part:"status",role:"img","aria-label":(r=a.statusLabel)!==null&&r!==void 0?r:"".concat(a.status," status")})};this.renderIconOrImage=function(){if(a.image){return h("img",{alt:a.alt,src:a.image})}if(a.initials){return h("svg",{class:"pds-avatar__initials",part:"initials",viewBox:"0 0 32 32"},h("text",{x:"16",y:"20"},a.initials))}return h("pds-icon",{color:"var(--pine-color-brand)",icon:userFilled,size:"33.53%"})};this.classNames=function(){var r;return r={"pds-avatar":true},r["pds-avatar--has-image"]=a.image!==""&&a.image!==null,r["pds-avatar--has-initials"]=a.initials!==""&&a.initials!==null,r["pds-avatar--".concat(a.variant)]=a.variant==="admin",r["pds-avatar--status-ring"]=!!a.status&&a.statusRing,r}}r.prototype.avatarSize=function(){var r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}};r.prototype.render=function(){return h(Host,{key:"fe2bd31070db6840c79d7054ac50802e8f14f572",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())};return r}();PdsAvatar.style=pdsAvatarCss();export{PdsAvatar as pds_avatar};
+import{r as registerInstance,h,H as Host}from"./index-CTLu1TM4.js";import{c as checkCircleFilled,u as userFilled}from"./index-DdPaBxPo.js";var pdsAvatarCss=function(){return":host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}:host([status=online]){--pds-avatar-status-color:var(--pine-color-green-500)}:host([status=away]){--pds-avatar-status-color:var(--pine-color-yellow-500)}:host([status=offline]){--pds-avatar-status-color:var(--pine-color-background-inset-emphasized)}.pds-avatar__status{background-color:var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));block-size:28%;border-radius:var(--pine-border-radius-full);-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);inline-size:28%;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);min-block-size:var(--pine-dimension-100);min-inline-size:var(--pine-dimension-100);position:absolute}:host(.pds-avatar--status-ring) div{-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized))}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}"};var PdsAvatar=function(){function r(r){var a=this;registerInstance(this,r);this.alt=null;this.badge=false;this.dropdown=false;this.image=null;this.initials=null;this.size="lg";this.status=null;this.statusRing=false;this.variant="customer";this.triggerLabel="Avatar dropdown trigger";this.renderAssetWrapper=function(){var r={height:a.avatarSize(),width:a.avatarSize()};return h("div",{style:r,part:"asset-wrapper"},a.renderIconOrImage(),a.renderBadge(),a.renderStatus())};this.renderAvatar=function(){return a.dropdown?h("button",{class:"pds-avatar__button",type:"button",part:"button","aria-label":a.triggerLabel},a.renderAssetWrapper()):a.renderAssetWrapper()};this.renderBadge=function(){return a.badge&&!a.status&&h("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:checkCircleFilled,size:"33.53%"})};this.renderStatus=function(){var r;if(!a.status)return null;if(a.dropdown){return h("span",{class:"pds-avatar__status",part:"status","aria-hidden":"true"})}return h("span",{class:"pds-avatar__status",part:"status",role:"img","aria-label":(r=a.statusLabel)!==null&&r!==void 0?r:"".concat(a.status," status")})};this.renderIconOrImage=function(){if(a.image){return h("img",{alt:a.alt,src:a.image})}if(a.initials){return h("svg",{class:"pds-avatar__initials",part:"initials",viewBox:"0 0 32 32"},h("text",{x:"16",y:"20"},a.initials))}return h("pds-icon",{color:"var(--pine-color-brand)",icon:userFilled,size:"33.53%"})};this.classNames=function(){var r;return r={"pds-avatar":true},r["pds-avatar--has-image"]=a.image!==""&&a.image!==null,r["pds-avatar--has-initials"]=a.initials!==""&&a.initials!==null,r["pds-avatar--".concat(a.variant)]=a.variant==="admin",r["pds-avatar--status-ring"]=!!a.status&&a.statusRing,r}}r.prototype.avatarSize=function(){var r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}};r.prototype.render=function(){return h(Host,{key:"fe2bd31070db6840c79d7054ac50802e8f14f572",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())};return r}();PdsAvatar.style=pdsAvatarCss();export{PdsAvatar as pds_avatar};