UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

3 lines (2 loc) 3.37 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../item-layout/item-layout.cjs"),u=require("../avatar/avatar.cjs"),e=require("vue"),f=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),m={compatConfig:{MODE:3},name:"DtRecipeContactInfo",components:{DtAvatar:u.default,DtItemLayout:d.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")}}},_=["aria-labelledby"],v={key:0,class:"d-recipe-contact-info__avatars"},y={class:"d-recipe-contact-info__header","data-qa":"contact-info-header"},h={class:"d-recipe-contact-info__subtitle","data-qa":"contact-info-subtitle"},S={class:"d-recipe-contact-info__bottom","data-qa":"contact-info-bottom"},g={"data-qa":"contact-info-right"};function k(o,n,t,b,C,l){const c=e.resolveComponent("dt-avatar"),i=e.resolveComponent("dt-item-layout");return e.openBlock(),e.createBlock(i,{role:t.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:""},e.createSlots({default:e.withCtx(()=>[e.createElementVNode("div",y,[e.renderSlot(o.$slots,"header")])]),subtitle:e.withCtx(()=>[e.createElementVNode("div",h,[e.renderSlot(o.$slots,"subtitle")])]),_:2},[t.showAvatar?{name:"left",fn:e.withCtx(()=>[e.createElementVNode("button",{class:"d-recipe-contact-info__left","data-qa":"contact-info-left","aria-labelledby":t.avatarLabelledBy,onClick:n[0]||(n[0]=(...a)=>l.avatarClick&&l.avatarClick(...a))},[t.avatarList?(e.openBlock(),e.createElementBlock("span",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.avatarList,(a,r)=>(e.openBlock(),e.createBlock(c,{key:r,size:t.avatarSize,seed:a.seed,"full-name":a.fullName,"image-src":a.src,"image-alt":"","overlay-text":a.text,"avatar-class":[{"d-recipe-contact-info__avatar-stacked":r>0,"d-recipe-contact-info__avatar-halo":!!a.halo}]},e.createSlots({icon:e.withCtx(({iconSize:s})=>[e.renderSlot(o.$slots,"avatarIcon",{iconSize:s})]),_:2},[a.icon?{name:"overlayIcon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.icon)))]),key:"0"}:void 0]),1032,["size","seed","full-name","image-src","overlay-text","avatar-class"]))),128))])):(e.openBlock(),e.createBlock(c,{key:1,size:t.avatarSize,"full-name":t.avatarFullName,"image-src":t.avatarSrc,"image-alt":"",seed:t.avatarSeed,color:t.avatarColor,presence:t.presence},{icon:e.withCtx(({iconSize:a})=>[e.renderSlot(o.$slots,"avatarIcon",{iconSize:a})]),_:3},8,["size","full-name","image-src","seed","color","presence"]))],8,_)]),key:"0"}:void 0,o.$slots.bottom?{name:"bottom",fn:e.withCtx(()=>[e.createElementVNode("div",S,[e.renderSlot(o.$slots,"bottom")])]),key:"1"}:void 0,o.$slots.right?{name:"right",fn:e.withCtx(()=>[e.createElementVNode("div",g,[e.renderSlot(o.$slots,"right")])]),key:"2"}:void 0]),1032,["role"])}const p=f._(m,[["render",k]]);exports.default=p; //# sourceMappingURL=contact-info.cjs.map