@dialpad/dialtone-vue 2.69.0 → 2.71.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +19 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.common.js +105 -19
  5. package/dist/dialtone-vue.umd.js +105 -19
  6. package/dist/dialtone-vue.umd.min.js +1 -1
  7. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -2374,8 +2374,8 @@ if (typeof window !== 'undefined') {
2374
2374
  // Indicate to webpack that this file can be concatenated
2375
2375
  /* harmony default export */ const setPublicPath = (null);
2376
2376
 
2377
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=5dae934c&
2378
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.avatarClasses,style:(_vm.initialKindStyle),attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_c('div',{ref:"canvas",staticClass:"d-avatar__canvas"},[(_vm.showDefaultSlot)?_vm._t("default"):_vm._e(),(_vm.showInitials)?_c('span',{staticClass:"d-ps-absolute d-zi-base",class:_vm.AVATAR_KIND_MODIFIERS.initials},[_vm._v(" "+_vm._s(_vm.formattedInitials)+" ")]):_vm._e()],2),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count d-zi-base1",attrs:{"data-qa":"dt-avatar-count"}},[_vm._v(_vm._s(_vm.formattedGroup))]):_vm._e(),(_vm.presence && !_vm.showGroup)?_c('dt-presence',_vm._b({staticClass:"d-zi-base1",class:[
2377
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=24ef0d66&
2378
+ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.avatarClasses,style:(_vm.initialKindStyle),attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_c('div',{ref:"canvas",class:[_vm.canvasClass, 'd-avatar__canvas']},[(_vm.showDefaultSlot)?_vm._t("default"):_vm._e(),(_vm.showInitials)?_c('span',{staticClass:"d-ps-absolute d-zi-base",class:_vm.AVATAR_KIND_MODIFIERS.initials},[_vm._v(" "+_vm._s(_vm.formattedInitials)+" ")]):_vm._e()],2),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count d-zi-base1",attrs:{"data-qa":"dt-avatar-count"}},[_vm._v(_vm._s(_vm.formattedGroup))]):_vm._e(),(_vm.presence && !_vm.showGroup)?_c('dt-presence',_vm._b({staticClass:"d-zi-base1",class:[
2379
2379
  'd-avatar__presence',
2380
2380
  _vm.AVATAR_PRESENCE_SIZE_MODIFIERS[_vm.size] ],attrs:{"presence":_vm.presence,"data-qa":"dt-presence"}},'dt-presence',_vm.presenceProps,false)):_vm._e()],1)}
2381
2381
  var staticRenderFns = []
@@ -2982,6 +2982,14 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
2982
2982
  default: ''
2983
2983
  },
2984
2984
 
2985
+ /**
2986
+ * Set classes on the avatar canvas. Wrapper around the core avatar image.
2987
+ */
2988
+ canvasClass: {
2989
+ type: [String, Array, Object],
2990
+ default: ''
2991
+ },
2992
+
2985
2993
  /**
2986
2994
  * Determines whether to show the presence indicator for
2987
2995
  * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
@@ -3258,12 +3266,13 @@ var avatar_component = normalizeComponent(
3258
3266
  ;// CONCATENATED MODULE: ./components/avatar/index.js
3259
3267
 
3260
3268
 
3261
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=741d001d&
3262
- var badgevue_type_template_id_741d001d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
3269
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=e4533274&
3270
+ var badgevue_type_template_id_e4533274_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
3263
3271
  'd-badge',
3264
3272
  _vm.BADGE_TYPE_MODIFIERS[_vm.type],
3265
- _vm.BADGE_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-badge"}},[(_vm.iconLeft || _vm.type === 'ai')?_c('span',{staticClass:"d-badge__icon-left"},[_c('dt-icon',{attrs:{"name":_vm.iconLeft || 'dialpad-ai',"size":"200"}})],1):_vm._e(),_c('span',{staticClass:"d-badge__label"},[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.text)+" ")]})],2),(_vm.iconRight)?_c('span',{staticClass:"d-badge__icon-right"},[_c('dt-icon',{attrs:{"name":_vm.iconRight,"size":"200"}})],1):_vm._e()])}
3266
- var badgevue_type_template_id_741d001d_staticRenderFns = []
3273
+ _vm.BADGE_KIND_MODIFIERS[_vm.kind],
3274
+ _vm.BADGE_DECORATION_MODIFIERS[_vm.decoration] ],attrs:{"data-qa":"dt-badge"}},[(_vm.decoration)?_c('span',{staticClass:"d-badge__decorative"}):_vm._e(),(_vm.iconLeft || _vm.type === 'ai')?_c('span',{staticClass:"d-badge__icon-left"},[_c('dt-icon',{attrs:{"name":_vm.iconLeft || 'dialpad-ai',"size":"200"}})],1):_vm._e(),_c('span',{staticClass:"d-badge__label"},[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.text)+" ")]})],2),(_vm.iconRight)?_c('span',{staticClass:"d-badge__icon-right"},[_c('dt-icon',{attrs:{"name":_vm.iconRight,"size":"200"}})],1):_vm._e()])}
3275
+ var badgevue_type_template_id_e4533274_staticRenderFns = []
3267
3276
 
3268
3277
 
3269
3278
  ;// CONCATENATED MODULE: ./components/badge/badge_constants.js
@@ -3280,6 +3289,30 @@ const BADGE_KIND_MODIFIERS = {
3280
3289
  label: '',
3281
3290
  count: 'd-badge--count'
3282
3291
  };
3292
+ const BADGE_DECORATION_MODIFIERS = {
3293
+ 'black-400': 'd-badge--decorate-black-400',
3294
+ 'black-500': 'd-badge--decorate-black-500',
3295
+ 'black-900': 'd-badge--decorate-black-900',
3296
+ 'red-200': 'd-badge--decorate-red-200',
3297
+ 'red-300': 'd-badge--decorate-red-300',
3298
+ 'red-400': 'd-badge--decorate-red-400',
3299
+ 'purple-200': 'd-badge--decorate-purple-200',
3300
+ 'purple-300': 'd-badge--decorate-purple-300',
3301
+ 'purple-400': 'd-badge--decorate-purple-400',
3302
+ 'purple-500': 'd-badge--decorate-purple-500',
3303
+ 'blue-200': 'd-badge--decorate-blue-200',
3304
+ 'blue-300': 'd-badge--decorate-blue-300',
3305
+ 'blue-400': 'd-badge--decorate-blue-400',
3306
+ 'green-300': 'd-badge--decorate-green-300',
3307
+ 'green-400': 'd-badge--decorate-green-400',
3308
+ 'green-500': 'd-badge--decorate-green-500',
3309
+ 'gold-300': 'd-badge--decorate-gold-300',
3310
+ 'gold-400': 'd-badge--decorate-gold-400',
3311
+ 'gold-500': 'd-badge--decorate-gold-500',
3312
+ 'magenta-200': 'd-badge--decorate-magenta-200',
3313
+ 'magenta-300': 'd-badge--decorate-magenta-300',
3314
+ 'magenta-400': 'd-badge--decorate-magenta-400'
3315
+ };
3283
3316
  ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/icon/icon.vue?vue&type=template&id=7bf3355d&
3284
3317
  var iconvue_type_template_id_7bf3355d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.currentIcon,{tag:"component",class:_vm.iconSize,attrs:{"data-qa":"dt-icon","aria-hidden":_vm.ariaLabel ? 'false' : 'true',"aria-label":_vm.ariaLabel}})}
3285
3318
  var iconvue_type_template_id_7bf3355d_staticRenderFns = []
@@ -3427,6 +3460,11 @@ var icon_component = normalizeComponent(
3427
3460
  //
3428
3461
  //
3429
3462
  //
3463
+ //
3464
+ //
3465
+ //
3466
+ //
3467
+ //
3430
3468
 
3431
3469
 
3432
3470
  /**
@@ -3486,16 +3524,36 @@ var icon_component = normalizeComponent(
3486
3524
  type: String,
3487
3525
  default: 'default',
3488
3526
  validator: type => Object.keys(BADGE_TYPE_MODIFIERS).includes(type)
3527
+ },
3528
+
3529
+ /**
3530
+ * Decoration for the badge. This can be only used with kind: label and type: default
3531
+ * with no iconLeft and iconRight
3532
+ * @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
3533
+ * purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
3534
+ * green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
3535
+ */
3536
+ decoration: {
3537
+ type: String,
3538
+ default: undefined,
3539
+ validator: type => Object.keys(BADGE_DECORATION_MODIFIERS).includes(type)
3489
3540
  }
3490
3541
  },
3491
3542
 
3492
3543
  data() {
3493
3544
  return {
3494
3545
  BADGE_TYPE_MODIFIERS: BADGE_TYPE_MODIFIERS,
3495
- BADGE_KIND_MODIFIERS: BADGE_KIND_MODIFIERS
3546
+ BADGE_KIND_MODIFIERS: BADGE_KIND_MODIFIERS,
3547
+ BADGE_DECORATION_MODIFIERS: BADGE_DECORATION_MODIFIERS
3496
3548
  };
3497
3549
  },
3498
3550
 
3551
+ computed: {
3552
+ hasIcons() {
3553
+ return this.iconLeft !== '' || this.iconRight !== '';
3554
+ }
3555
+
3556
+ },
3499
3557
  watch: {
3500
3558
  $props: {
3501
3559
  immediate: true,
@@ -3509,9 +3567,26 @@ var icon_component = normalizeComponent(
3509
3567
  },
3510
3568
  methods: {
3511
3569
  validateProps() {
3570
+ this.validateTypePropCombination();
3571
+ this.validateDecorationPropCombination();
3572
+ },
3573
+
3574
+ validateTypePropCombination() {
3512
3575
  if (this.type === 'ai' && this.kind === 'count') {
3513
3576
  console.error('DtBadge error: type: \'ai\' with kind: \'count\' is an invalid combination.');
3514
3577
  }
3578
+ },
3579
+
3580
+ validateDecorationPropCombination() {
3581
+ if (!this.decoration) return;
3582
+
3583
+ if (this.kind !== 'label' || this.type !== 'default') {
3584
+ console.error('DtBadge error: decoration prop can only be used with kind: \'label\' and type: \'default\'.');
3585
+ }
3586
+
3587
+ if (this.hasIcons) {
3588
+ console.error('DtBadge error: decoration prop cannot be used with iconLeft or iconRight.');
3589
+ }
3515
3590
  }
3516
3591
 
3517
3592
  }
@@ -3528,8 +3603,8 @@ var icon_component = normalizeComponent(
3528
3603
  ;
3529
3604
  var badge_component = normalizeComponent(
3530
3605
  badge_badgevue_type_script_lang_js_,
3531
- badgevue_type_template_id_741d001d_render,
3532
- badgevue_type_template_id_741d001d_staticRenderFns,
3606
+ badgevue_type_template_id_e4533274_render,
3607
+ badgevue_type_template_id_e4533274_staticRenderFns,
3533
3608
  false,
3534
3609
  null,
3535
3610
  null,
@@ -24465,9 +24540,9 @@ var general_row_component = normalizeComponent(
24465
24540
  ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
24466
24541
 
24467
24542
 
24468
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=ad52ad12&
24469
- var group_rowvue_type_template_id_ad52ad12_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"aria-label":(_vm.groupCountText + " " + _vm.names),"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"unread-count-tooltip":_vm.unreadCountTooltip,"selected":_vm.selected,"is-typing":_vm.isTyping},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"group":_vm.groupCount}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}}):_vm._e()])]},proxy:true}])},_vm.$listeners))}
24470
- var group_rowvue_type_template_id_ad52ad12_staticRenderFns = []
24543
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=3c8d9979&
24544
+ var group_rowvue_type_template_id_3c8d9979_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"aria-label":(_vm.groupCountText + " " + _vm.names),"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"unread-count-tooltip":_vm.unreadCountTooltip,"selected":_vm.selected,"is-typing":_vm.isTyping},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"seed":_vm.avatarSeed,"group":_vm.groupCount}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}}):_vm._e()])]},proxy:true}])},_vm.$listeners))}
24545
+ var group_rowvue_type_template_id_3c8d9979_staticRenderFns = []
24471
24546
 
24472
24547
 
24473
24548
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js&
@@ -24498,6 +24573,7 @@ var group_rowvue_type_template_id_ad52ad12_staticRenderFns = []
24498
24573
  //
24499
24574
  //
24500
24575
  //
24576
+ //
24501
24577
 
24502
24578
 
24503
24579
  /* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
@@ -24527,6 +24603,14 @@ var group_rowvue_type_template_id_ad52ad12_staticRenderFns = []
24527
24603
  required: true
24528
24604
  },
24529
24605
 
24606
+ /**
24607
+ * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
24608
+ */
24609
+ avatarSeed: {
24610
+ type: String,
24611
+ default: null
24612
+ },
24613
+
24530
24614
  /**
24531
24615
  * Number displayed in avatar to count group members
24532
24616
  */
@@ -24613,8 +24697,8 @@ var group_rowvue_type_template_id_ad52ad12_staticRenderFns = []
24613
24697
  ;
24614
24698
  var group_row_component = normalizeComponent(
24615
24699
  group_row_group_rowvue_type_script_lang_js_,
24616
- group_rowvue_type_template_id_ad52ad12_render,
24617
- group_rowvue_type_template_id_ad52ad12_staticRenderFns,
24700
+ group_rowvue_type_template_id_3c8d9979_render,
24701
+ group_rowvue_type_template_id_3c8d9979_staticRenderFns,
24618
24702
  false,
24619
24703
  null,
24620
24704
  null,
@@ -24625,9 +24709,9 @@ var group_row_component = normalizeComponent(
24625
24709
  /* harmony default export */ const group_row = (group_row_component.exports);
24626
24710
  ;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
24627
24711
 
24628
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=5d3cfbea&
24629
- var contact_rowvue_type_template_id_5d3cfbea_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"unread-count":_vm.unreadCount,"description":(_vm.name + " " + _vm.presenceText + " " + _vm.userStatus),"has-unreads":_vm.hasUnreads,"selected":_vm.selected,"has-call-button":_vm.hasCallButton,"muted":_vm.muted,"is-typing":_vm.isTyping,"call-button-tooltip":_vm.callButtonTooltip,"unread-count-tooltip":_vm.unreadCountTooltip},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"size":"sm","seed":_vm.avatarSeed,"presence":_vm.avatarPresence}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.name}}):(_vm.noInitials)?[_c('dt-icon',{attrs:{"name":"user","size":"200"}})]:[_vm._v(" "+_vm._s(_vm.avatarInitial)+" ")]],2)]},proxy:true},{key:"label",fn:function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description","size":"200"}},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c('div',{staticClass:"dt-leftbar-row__status"},[(_vm.presenceText)?_c('span',{class:['dt-leftbar-row__meta-context', _vm.presenceColorClass],attrs:{"data-qa":"dt-leftbar-row-presence-text"}},[_vm._v(" "+_vm._s(_vm.presenceText)+" ")]):_vm._e(),(_vm.userStatus)?_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__meta-custom",attrs:{"size":"100","element-type":"span","data-qa":"dt-leftbar-row-user-status"}},[_vm._v(" "+_vm._s(_vm.userStatus)+" ")]):_vm._e()],1)]},proxy:true}])},_vm.$listeners))}
24630
- var contact_rowvue_type_template_id_5d3cfbea_staticRenderFns = []
24712
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=65a8011f&
24713
+ var contact_rowvue_type_template_id_65a8011f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"unread-count":_vm.unreadCount,"description":(_vm.name + " " + _vm.presenceText + " " + _vm.userStatus),"has-unreads":_vm.hasUnreads,"selected":_vm.selected,"has-call-button":_vm.hasCallButton,"muted":_vm.muted,"is-typing":_vm.isTyping,"call-button-tooltip":_vm.callButtonTooltip,"unread-count-tooltip":_vm.unreadCountTooltip},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"size":"sm","seed":_vm.avatarSeed,"presence":_vm.avatarPresence}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":""}}):(_vm.noInitials)?[_c('dt-icon',{attrs:{"name":"user","size":"200"}})]:[_vm._v(" "+_vm._s(_vm.avatarInitial)+" ")]],2)]},proxy:true},{key:"label",fn:function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description","size":"200"}},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c('div',{staticClass:"dt-leftbar-row__status"},[(_vm.presenceText)?_c('span',{class:['dt-leftbar-row__meta-context', _vm.presenceColorClass],attrs:{"data-qa":"dt-leftbar-row-presence-text"}},[_vm._v(" "+_vm._s(_vm.presenceText)+" ")]):_vm._e(),(_vm.userStatus)?_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__meta-custom",attrs:{"size":"100","element-type":"span","data-qa":"dt-leftbar-row-user-status"}},[_vm._v(" "+_vm._s(_vm.userStatus)+" ")]):_vm._e()],1)]},proxy:true}])},_vm.$listeners))}
24714
+ var contact_rowvue_type_template_id_65a8011f_staticRenderFns = []
24631
24715
 
24632
24716
 
24633
24717
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=script&lang=js&
@@ -24697,6 +24781,8 @@ var contact_rowvue_type_template_id_5d3cfbea_staticRenderFns = []
24697
24781
  //
24698
24782
  //
24699
24783
  //
24784
+ //
24785
+ //
24700
24786
 
24701
24787
 
24702
24788
 
@@ -24888,8 +24974,8 @@ var contact_rowvue_type_template_id_5d3cfbea_staticRenderFns = []
24888
24974
  ;
24889
24975
  var contact_row_component = normalizeComponent(
24890
24976
  contact_row_contact_rowvue_type_script_lang_js_,
24891
- contact_rowvue_type_template_id_5d3cfbea_render,
24892
- contact_rowvue_type_template_id_5d3cfbea_staticRenderFns,
24977
+ contact_rowvue_type_template_id_65a8011f_render,
24978
+ contact_rowvue_type_template_id_65a8011f_staticRenderFns,
24893
24979
  false,
24894
24980
  null,
24895
24981
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -2384,8 +2384,8 @@ if (typeof window !== 'undefined') {
2384
2384
  // Indicate to webpack that this file can be concatenated
2385
2385
  /* harmony default export */ const setPublicPath = (null);
2386
2386
 
2387
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=5dae934c&
2388
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.avatarClasses,style:(_vm.initialKindStyle),attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_c('div',{ref:"canvas",staticClass:"d-avatar__canvas"},[(_vm.showDefaultSlot)?_vm._t("default"):_vm._e(),(_vm.showInitials)?_c('span',{staticClass:"d-ps-absolute d-zi-base",class:_vm.AVATAR_KIND_MODIFIERS.initials},[_vm._v(" "+_vm._s(_vm.formattedInitials)+" ")]):_vm._e()],2),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count d-zi-base1",attrs:{"data-qa":"dt-avatar-count"}},[_vm._v(_vm._s(_vm.formattedGroup))]):_vm._e(),(_vm.presence && !_vm.showGroup)?_c('dt-presence',_vm._b({staticClass:"d-zi-base1",class:[
2387
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=24ef0d66&
2388
+ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.avatarClasses,style:(_vm.initialKindStyle),attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_c('div',{ref:"canvas",class:[_vm.canvasClass, 'd-avatar__canvas']},[(_vm.showDefaultSlot)?_vm._t("default"):_vm._e(),(_vm.showInitials)?_c('span',{staticClass:"d-ps-absolute d-zi-base",class:_vm.AVATAR_KIND_MODIFIERS.initials},[_vm._v(" "+_vm._s(_vm.formattedInitials)+" ")]):_vm._e()],2),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count d-zi-base1",attrs:{"data-qa":"dt-avatar-count"}},[_vm._v(_vm._s(_vm.formattedGroup))]):_vm._e(),(_vm.presence && !_vm.showGroup)?_c('dt-presence',_vm._b({staticClass:"d-zi-base1",class:[
2389
2389
  'd-avatar__presence',
2390
2390
  _vm.AVATAR_PRESENCE_SIZE_MODIFIERS[_vm.size] ],attrs:{"presence":_vm.presence,"data-qa":"dt-presence"}},'dt-presence',_vm.presenceProps,false)):_vm._e()],1)}
2391
2391
  var staticRenderFns = []
@@ -2992,6 +2992,14 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
2992
2992
  default: ''
2993
2993
  },
2994
2994
 
2995
+ /**
2996
+ * Set classes on the avatar canvas. Wrapper around the core avatar image.
2997
+ */
2998
+ canvasClass: {
2999
+ type: [String, Array, Object],
3000
+ default: ''
3001
+ },
3002
+
2995
3003
  /**
2996
3004
  * Determines whether to show the presence indicator for
2997
3005
  * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
@@ -3268,12 +3276,13 @@ var avatar_component = normalizeComponent(
3268
3276
  ;// CONCATENATED MODULE: ./components/avatar/index.js
3269
3277
 
3270
3278
 
3271
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=741d001d&
3272
- var badgevue_type_template_id_741d001d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
3279
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=e4533274&
3280
+ var badgevue_type_template_id_e4533274_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
3273
3281
  'd-badge',
3274
3282
  _vm.BADGE_TYPE_MODIFIERS[_vm.type],
3275
- _vm.BADGE_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-badge"}},[(_vm.iconLeft || _vm.type === 'ai')?_c('span',{staticClass:"d-badge__icon-left"},[_c('dt-icon',{attrs:{"name":_vm.iconLeft || 'dialpad-ai',"size":"200"}})],1):_vm._e(),_c('span',{staticClass:"d-badge__label"},[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.text)+" ")]})],2),(_vm.iconRight)?_c('span',{staticClass:"d-badge__icon-right"},[_c('dt-icon',{attrs:{"name":_vm.iconRight,"size":"200"}})],1):_vm._e()])}
3276
- var badgevue_type_template_id_741d001d_staticRenderFns = []
3283
+ _vm.BADGE_KIND_MODIFIERS[_vm.kind],
3284
+ _vm.BADGE_DECORATION_MODIFIERS[_vm.decoration] ],attrs:{"data-qa":"dt-badge"}},[(_vm.decoration)?_c('span',{staticClass:"d-badge__decorative"}):_vm._e(),(_vm.iconLeft || _vm.type === 'ai')?_c('span',{staticClass:"d-badge__icon-left"},[_c('dt-icon',{attrs:{"name":_vm.iconLeft || 'dialpad-ai',"size":"200"}})],1):_vm._e(),_c('span',{staticClass:"d-badge__label"},[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.text)+" ")]})],2),(_vm.iconRight)?_c('span',{staticClass:"d-badge__icon-right"},[_c('dt-icon',{attrs:{"name":_vm.iconRight,"size":"200"}})],1):_vm._e()])}
3285
+ var badgevue_type_template_id_e4533274_staticRenderFns = []
3277
3286
 
3278
3287
 
3279
3288
  ;// CONCATENATED MODULE: ./components/badge/badge_constants.js
@@ -3290,6 +3299,30 @@ const BADGE_KIND_MODIFIERS = {
3290
3299
  label: '',
3291
3300
  count: 'd-badge--count'
3292
3301
  };
3302
+ const BADGE_DECORATION_MODIFIERS = {
3303
+ 'black-400': 'd-badge--decorate-black-400',
3304
+ 'black-500': 'd-badge--decorate-black-500',
3305
+ 'black-900': 'd-badge--decorate-black-900',
3306
+ 'red-200': 'd-badge--decorate-red-200',
3307
+ 'red-300': 'd-badge--decorate-red-300',
3308
+ 'red-400': 'd-badge--decorate-red-400',
3309
+ 'purple-200': 'd-badge--decorate-purple-200',
3310
+ 'purple-300': 'd-badge--decorate-purple-300',
3311
+ 'purple-400': 'd-badge--decorate-purple-400',
3312
+ 'purple-500': 'd-badge--decorate-purple-500',
3313
+ 'blue-200': 'd-badge--decorate-blue-200',
3314
+ 'blue-300': 'd-badge--decorate-blue-300',
3315
+ 'blue-400': 'd-badge--decorate-blue-400',
3316
+ 'green-300': 'd-badge--decorate-green-300',
3317
+ 'green-400': 'd-badge--decorate-green-400',
3318
+ 'green-500': 'd-badge--decorate-green-500',
3319
+ 'gold-300': 'd-badge--decorate-gold-300',
3320
+ 'gold-400': 'd-badge--decorate-gold-400',
3321
+ 'gold-500': 'd-badge--decorate-gold-500',
3322
+ 'magenta-200': 'd-badge--decorate-magenta-200',
3323
+ 'magenta-300': 'd-badge--decorate-magenta-300',
3324
+ 'magenta-400': 'd-badge--decorate-magenta-400'
3325
+ };
3293
3326
  ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/icon/icon.vue?vue&type=template&id=7bf3355d&
3294
3327
  var iconvue_type_template_id_7bf3355d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.currentIcon,{tag:"component",class:_vm.iconSize,attrs:{"data-qa":"dt-icon","aria-hidden":_vm.ariaLabel ? 'false' : 'true',"aria-label":_vm.ariaLabel}})}
3295
3328
  var iconvue_type_template_id_7bf3355d_staticRenderFns = []
@@ -3437,6 +3470,11 @@ var icon_component = normalizeComponent(
3437
3470
  //
3438
3471
  //
3439
3472
  //
3473
+ //
3474
+ //
3475
+ //
3476
+ //
3477
+ //
3440
3478
 
3441
3479
 
3442
3480
  /**
@@ -3496,16 +3534,36 @@ var icon_component = normalizeComponent(
3496
3534
  type: String,
3497
3535
  default: 'default',
3498
3536
  validator: type => Object.keys(BADGE_TYPE_MODIFIERS).includes(type)
3537
+ },
3538
+
3539
+ /**
3540
+ * Decoration for the badge. This can be only used with kind: label and type: default
3541
+ * with no iconLeft and iconRight
3542
+ * @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
3543
+ * purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
3544
+ * green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
3545
+ */
3546
+ decoration: {
3547
+ type: String,
3548
+ default: undefined,
3549
+ validator: type => Object.keys(BADGE_DECORATION_MODIFIERS).includes(type)
3499
3550
  }
3500
3551
  },
3501
3552
 
3502
3553
  data() {
3503
3554
  return {
3504
3555
  BADGE_TYPE_MODIFIERS: BADGE_TYPE_MODIFIERS,
3505
- BADGE_KIND_MODIFIERS: BADGE_KIND_MODIFIERS
3556
+ BADGE_KIND_MODIFIERS: BADGE_KIND_MODIFIERS,
3557
+ BADGE_DECORATION_MODIFIERS: BADGE_DECORATION_MODIFIERS
3506
3558
  };
3507
3559
  },
3508
3560
 
3561
+ computed: {
3562
+ hasIcons() {
3563
+ return this.iconLeft !== '' || this.iconRight !== '';
3564
+ }
3565
+
3566
+ },
3509
3567
  watch: {
3510
3568
  $props: {
3511
3569
  immediate: true,
@@ -3519,9 +3577,26 @@ var icon_component = normalizeComponent(
3519
3577
  },
3520
3578
  methods: {
3521
3579
  validateProps() {
3580
+ this.validateTypePropCombination();
3581
+ this.validateDecorationPropCombination();
3582
+ },
3583
+
3584
+ validateTypePropCombination() {
3522
3585
  if (this.type === 'ai' && this.kind === 'count') {
3523
3586
  console.error('DtBadge error: type: \'ai\' with kind: \'count\' is an invalid combination.');
3524
3587
  }
3588
+ },
3589
+
3590
+ validateDecorationPropCombination() {
3591
+ if (!this.decoration) return;
3592
+
3593
+ if (this.kind !== 'label' || this.type !== 'default') {
3594
+ console.error('DtBadge error: decoration prop can only be used with kind: \'label\' and type: \'default\'.');
3595
+ }
3596
+
3597
+ if (this.hasIcons) {
3598
+ console.error('DtBadge error: decoration prop cannot be used with iconLeft or iconRight.');
3599
+ }
3525
3600
  }
3526
3601
 
3527
3602
  }
@@ -3538,8 +3613,8 @@ var icon_component = normalizeComponent(
3538
3613
  ;
3539
3614
  var badge_component = normalizeComponent(
3540
3615
  badge_badgevue_type_script_lang_js_,
3541
- badgevue_type_template_id_741d001d_render,
3542
- badgevue_type_template_id_741d001d_staticRenderFns,
3616
+ badgevue_type_template_id_e4533274_render,
3617
+ badgevue_type_template_id_e4533274_staticRenderFns,
3543
3618
  false,
3544
3619
  null,
3545
3620
  null,
@@ -24475,9 +24550,9 @@ var general_row_component = normalizeComponent(
24475
24550
  ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
24476
24551
 
24477
24552
 
24478
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=ad52ad12&
24479
- var group_rowvue_type_template_id_ad52ad12_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"aria-label":(_vm.groupCountText + " " + _vm.names),"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"unread-count-tooltip":_vm.unreadCountTooltip,"selected":_vm.selected,"is-typing":_vm.isTyping},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"group":_vm.groupCount}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}}):_vm._e()])]},proxy:true}])},_vm.$listeners))}
24480
- var group_rowvue_type_template_id_ad52ad12_staticRenderFns = []
24553
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=3c8d9979&
24554
+ var group_rowvue_type_template_id_3c8d9979_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"aria-label":(_vm.groupCountText + " " + _vm.names),"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"unread-count-tooltip":_vm.unreadCountTooltip,"selected":_vm.selected,"is-typing":_vm.isTyping},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"seed":_vm.avatarSeed,"group":_vm.groupCount}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}}):_vm._e()])]},proxy:true}])},_vm.$listeners))}
24555
+ var group_rowvue_type_template_id_3c8d9979_staticRenderFns = []
24481
24556
 
24482
24557
 
24483
24558
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js&
@@ -24508,6 +24583,7 @@ var group_rowvue_type_template_id_ad52ad12_staticRenderFns = []
24508
24583
  //
24509
24584
  //
24510
24585
  //
24586
+ //
24511
24587
 
24512
24588
 
24513
24589
  /* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
@@ -24537,6 +24613,14 @@ var group_rowvue_type_template_id_ad52ad12_staticRenderFns = []
24537
24613
  required: true
24538
24614
  },
24539
24615
 
24616
+ /**
24617
+ * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
24618
+ */
24619
+ avatarSeed: {
24620
+ type: String,
24621
+ default: null
24622
+ },
24623
+
24540
24624
  /**
24541
24625
  * Number displayed in avatar to count group members
24542
24626
  */
@@ -24623,8 +24707,8 @@ var group_rowvue_type_template_id_ad52ad12_staticRenderFns = []
24623
24707
  ;
24624
24708
  var group_row_component = normalizeComponent(
24625
24709
  group_row_group_rowvue_type_script_lang_js_,
24626
- group_rowvue_type_template_id_ad52ad12_render,
24627
- group_rowvue_type_template_id_ad52ad12_staticRenderFns,
24710
+ group_rowvue_type_template_id_3c8d9979_render,
24711
+ group_rowvue_type_template_id_3c8d9979_staticRenderFns,
24628
24712
  false,
24629
24713
  null,
24630
24714
  null,
@@ -24635,9 +24719,9 @@ var group_row_component = normalizeComponent(
24635
24719
  /* harmony default export */ const group_row = (group_row_component.exports);
24636
24720
  ;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
24637
24721
 
24638
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=5d3cfbea&
24639
- var contact_rowvue_type_template_id_5d3cfbea_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"unread-count":_vm.unreadCount,"description":(_vm.name + " " + _vm.presenceText + " " + _vm.userStatus),"has-unreads":_vm.hasUnreads,"selected":_vm.selected,"has-call-button":_vm.hasCallButton,"muted":_vm.muted,"is-typing":_vm.isTyping,"call-button-tooltip":_vm.callButtonTooltip,"unread-count-tooltip":_vm.unreadCountTooltip},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"size":"sm","seed":_vm.avatarSeed,"presence":_vm.avatarPresence}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.name}}):(_vm.noInitials)?[_c('dt-icon',{attrs:{"name":"user","size":"200"}})]:[_vm._v(" "+_vm._s(_vm.avatarInitial)+" ")]],2)]},proxy:true},{key:"label",fn:function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description","size":"200"}},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c('div',{staticClass:"dt-leftbar-row__status"},[(_vm.presenceText)?_c('span',{class:['dt-leftbar-row__meta-context', _vm.presenceColorClass],attrs:{"data-qa":"dt-leftbar-row-presence-text"}},[_vm._v(" "+_vm._s(_vm.presenceText)+" ")]):_vm._e(),(_vm.userStatus)?_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__meta-custom",attrs:{"size":"100","element-type":"span","data-qa":"dt-leftbar-row-user-status"}},[_vm._v(" "+_vm._s(_vm.userStatus)+" ")]):_vm._e()],1)]},proxy:true}])},_vm.$listeners))}
24640
- var contact_rowvue_type_template_id_5d3cfbea_staticRenderFns = []
24722
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=65a8011f&
24723
+ var contact_rowvue_type_template_id_65a8011f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"unread-count":_vm.unreadCount,"description":(_vm.name + " " + _vm.presenceText + " " + _vm.userStatus),"has-unreads":_vm.hasUnreads,"selected":_vm.selected,"has-call-button":_vm.hasCallButton,"muted":_vm.muted,"is-typing":_vm.isTyping,"call-button-tooltip":_vm.callButtonTooltip,"unread-count-tooltip":_vm.unreadCountTooltip},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"size":"sm","seed":_vm.avatarSeed,"presence":_vm.avatarPresence}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":""}}):(_vm.noInitials)?[_c('dt-icon',{attrs:{"name":"user","size":"200"}})]:[_vm._v(" "+_vm._s(_vm.avatarInitial)+" ")]],2)]},proxy:true},{key:"label",fn:function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description","size":"200"}},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c('div',{staticClass:"dt-leftbar-row__status"},[(_vm.presenceText)?_c('span',{class:['dt-leftbar-row__meta-context', _vm.presenceColorClass],attrs:{"data-qa":"dt-leftbar-row-presence-text"}},[_vm._v(" "+_vm._s(_vm.presenceText)+" ")]):_vm._e(),(_vm.userStatus)?_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__meta-custom",attrs:{"size":"100","element-type":"span","data-qa":"dt-leftbar-row-user-status"}},[_vm._v(" "+_vm._s(_vm.userStatus)+" ")]):_vm._e()],1)]},proxy:true}])},_vm.$listeners))}
24724
+ var contact_rowvue_type_template_id_65a8011f_staticRenderFns = []
24641
24725
 
24642
24726
 
24643
24727
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=script&lang=js&
@@ -24707,6 +24791,8 @@ var contact_rowvue_type_template_id_5d3cfbea_staticRenderFns = []
24707
24791
  //
24708
24792
  //
24709
24793
  //
24794
+ //
24795
+ //
24710
24796
 
24711
24797
 
24712
24798
 
@@ -24898,8 +24984,8 @@ var contact_rowvue_type_template_id_5d3cfbea_staticRenderFns = []
24898
24984
  ;
24899
24985
  var contact_row_component = normalizeComponent(
24900
24986
  contact_row_contact_rowvue_type_script_lang_js_,
24901
- contact_rowvue_type_template_id_5d3cfbea_render,
24902
- contact_rowvue_type_template_id_5d3cfbea_staticRenderFns,
24987
+ contact_rowvue_type_template_id_65a8011f_render,
24988
+ contact_rowvue_type_template_id_65a8011f_staticRenderFns,
24903
24989
  false,
24904
24990
  null,
24905
24991
  null,