@dialpad/dialtone-vue/dist/lib/contact-info/contact-info.cjs

Vue component library for Dialpad's design system Dialtone

Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../avatar/avatar.cjs`),n=require(`../item-layout/item-layout.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtRecipeContactInfo`,components:{DtAvatar:t.default,DtItemLayout:n.default},props:{role:{type:String,default:``},showAvatar:{type:Boolean,default:!0},avatarSrc:{type:String,default:``},avatarSeed:{type:String,default:null},avatarFullName:{type:String,default:``},avatarSize:{type:String,default:`lg`},avatarLabelledBy:{type:String,default:``},avatarColor:{type:String,default:null},presence:{type:String,default:null},avatarList:{type:Array,default:null}},emits:[`avatar-click`],methods:{avatarClick(){this.$emit(`avatar-click`)}}},a=[`aria-labelledby`],o={key:0,class:`d-recipe-contact-info__avatars`},s={class:`d-recipe-contact-info__header`,"data-qa":`contact-info-header`},c={class:`d-recipe-contact-info__subtitle`,"data-qa":`contact-info-subtitle`},l={class:`d-recipe-contact-info__bottom`,"data-qa":`contact-info-bottom`},u={"data-qa":`contact-info-right`};function d(e,t,n,i,d,f){let p=(0,r.resolveComponent)(`dt-avatar`),m=(0,r.resolveComponent)(`dt-item-layout`);return(0,r.openBlock)(),(0,r.createBlock)(m,{role:n.role,"data-qa":`contact-info`,class:`d-recipe-contact-info`,"content-class":`d-recipe-contact-info__content`,"right-class":`d-recipe-contact-info__right`,unstyled:``},(0,r.createSlots)({default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,s,[(0,r.renderSlot)(e.$slots,`header`)])]),subtitle:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,c,[(0,r.renderSlot)(e.$slots,`subtitle`)])]),_:2},[n.showAvatar?{name:`left`,fn:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`button`,{class:`d-recipe-contact-info__left`,"data-qa":`contact-info-left`,"aria-labelledby":n.avatarLabelledBy,onClick:t[0]||(t[0]=(...e)=>f.avatarClick&&f.avatarClick(...e))},[n.avatarList?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,o,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(n.avatarList,(t,i)=>((0,r.openBlock)(),(0,r.createBlock)(p,{key:i,size:n.avatarSize,seed:t.seed,"full-name":t.fullName,"image-src":t.src,"image-alt":``,"overlay-text":t.text,"avatar-class":[{"d-recipe-contact-info__avatar-stacked":i>0,"d-recipe-contact-info__avatar-halo":!!t.halo}]},(0,r.createSlots)({icon:(0,r.withCtx)(({iconSize:t})=>[(0,r.renderSlot)(e.$slots,`avatarIcon`,{iconSize:t})]),_:2},[t.icon?{name:`overlayIcon`,fn:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(t.icon)))]),key:`0`}:void 0]),1032,[`size`,`seed`,`full-name`,`image-src`,`overlay-text`,`avatar-class`]))),128))])):((0,r.openBlock)(),(0,r.createBlock)(p,{key:1,size:n.avatarSize,"full-name":n.avatarFullName,"image-src":n.avatarSrc,"image-alt":``,seed:n.avatarSeed,color:n.avatarColor,presence:n.presence},{icon:(0,r.withCtx)(({iconSize:t})=>[(0,r.renderSlot)(e.$slots,`avatarIcon`,{iconSize:t})]),_:3},8,[`size`,`full-name`,`image-src`,`seed`,`color`,`presence`]))],8,a)]),key:`0`}:void 0,e.$slots.bottom?{name:`bottom`,fn:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,l,[(0,r.renderSlot)(e.$slots,`bottom`)])]),key:`1`}:void 0,e.$slots.right?{name:`right`,fn:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,u,[(0,r.renderSlot)(e.$slots,`right`)])]),key:`2`}:void 0]),1032,[`role`])}var f=e.t(i,[[`render`,d]]);exports.default=f;
//# sourceMappingURL=contact-info.cjs.map