@dialpad/dialtone-vue/dist/lib/callbox/callbox.cjs

Vue component library for Dialpad's design system Dialtone

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./callbox-constants.cjs"),r=require("../avatar/avatar.cjs"),i=require("../badge/badge.cjs"),c=require("@dialpad/dialtone-icons/vue2"),s=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),o={name:"DtRecipeCallbox",components:{DtBadge:i.default,DtAvatar:r.default,DtIconPause:c.DtIconPause},inheritAttrs:!1,props:{badgeText:{type:String,default:""},badgeColor:{type:String,default:null,validator:a=>a===null||Object.keys(l.CALLBOX_BADGE_COLORS).includes(a)},avatarSrc:{type:String,default:""},avatarFullName:{type:String,default:""},avatarSeed:{type:String,default:""},title:{type:String,default:""},borderColor:{type:String,default:"default",validator:a=>Object.keys(l.CALLBOX_BORDER_COLORS).includes(a)},clickable:{type:Boolean,default:!1},isOnHold:{type:Boolean,default:!1}},emits:["click"],computed:{shouldShowAvatar(){return this.avatarFullName||this.avatarSrc},badgeClass(){return l.CALLBOX_BADGE_COLORS[this.badgeColor]},borderClass(){return l.CALLBOX_BORDER_COLORS[this.borderColor]}},methods:{handleClick(a){this.clickable&&this.$emit("click",a)}}};var d=function(){var t=this,e=t._self._c;return e("div",{staticClass:"d-recipe-callbox",attrs:{"data-qa":"dt-recipe-callbox"}},[t.$slots.video?e("div",{staticClass:"d-recipe-callbox__video",attrs:{"data-qa":"dt-recipe-callbox__video-wrapper"}},[t._t("video")],2):t._e(),e("div",{class:["d-recipe-callbox__main-content",t.borderClass,{"d-recipe-callbox--clickable":t.clickable}],attrs:{"data-qa":"dt-recipe-callbox__main-content"}},[e("div",{staticClass:"d-recipe-callbox__main-content-top"},[t.shouldShowAvatar?e("dt-avatar",{attrs:{"avatar-class":"d-recipe-callbox__avatar","image-src":t.avatarSrc,"image-alt":"","full-name":t.avatarFullName,seed:t.avatarSeed,clickable:t.clickable,size:"sm"},on:{click:t.handleClick},scopedSlots:t._u([t.isOnHold?{key:"overlayIcon",fn:function(){return[e("dt-icon-pause")]},proxy:!0}:null],null,!0)}):t._e(),e("div",{staticClass:"d-recipe-callbox__content"},[e(t.clickable?"button":"span",{directives:[{name:"dt-tooltip",rawName:"v-dt-tooltip",value:t.title,expression:"title"}],tag:"component",staticClass:"d-recipe-callbox__content-title",attrs:{"data-qa":"dt-recipe-callbox__title",tabindex:"0"},on:{click:t.handleClick}},[t._v(" "+t._s(t.title)+" ")]),t.$slots.badge||t.badgeText?e("div",{staticClass:"d-recipe-callbox__content-badge",attrs:{"data-qa":"dt-recipe-callbox__badge-wrapper"}},[t._t("badge",function(){return[e("dt-badge",{class:t.badgeClass,attrs:{text:t.badgeText}})]})],2):t._e(),t.$slots.subtitle?e("div",{staticClass:"d-recipe-callbox__content-subtitle",attrs:{"data-qa":"dt-recipe-callbox__subtitle-wrapper"}},[t._t("subtitle")],2):t._e()],1),t.$slots.right?e("div",{staticClass:"d-recipe-callbox__right",attrs:{"data-qa":"dt-recipe-callbox__right-wrapper"}},[t._t("right")],2):t._e()],1),t.$slots.bottom?e("div",{staticClass:"d-recipe-callbox__main-content-bottom",attrs:{"data-qa":"dt-recipe-callbox__bottom-wrapper"}},[t._t("bottom")],2):t._e()])])},n=[],_=s.n(o,d,n);const b=_.exports;exports.default=b;
//# sourceMappingURL=callbox.cjs.map