@dialpad/dialtone-vue 2.79.0 → 2.79.2

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 +17 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.common.js +38 -32
  5. package/dist/dialtone-vue.umd.js +38 -32
  6. package/dist/dialtone-vue.umd.min.js +1 -1
  7. package/package.json +4 -4
package/dist/dialtone-vue.common.js CHANGED
@@ -2421,8 +2421,8 @@ if (typeof window !== 'undefined') {
2421
2421
  // Indicate to webpack that this file can be concatenated
2422
2422
  /* harmony default export */ const setPublicPath = (null);
2423
2423
 
2424
- ;// 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=7a8c5449&
2425
- 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.overlayIcon || _vm.overlayText)?_c('div',{staticClass:"d-bgc-black-900 d-o70 d-ps-absolute d-w100p d-h100p d-mn4 d-ba d-baw4 d-bc-white d-bar-pill d-d-flex d-ai-center d-zi-base"},[(_vm.overlayIcon)?_c('dt-icon',{staticClass:"d-fc-white d-w100p",attrs:{"name":_vm.overlayIcon}}):(_vm.overlayText)?_c('p',{staticClass:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},[_vm._v(" "+_vm._s(_vm.overlayText)+" ")]):_vm._e()],1):_vm._e(),(_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:[
2424
+ ;// 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=3334a8d0&
2425
+ 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.overlayIcon || _vm.overlayText)?_c('div',{class:_vm.overlayClasses},[(_vm.overlayIcon)?_c('dt-icon',{staticClass:"d-fc-white d-w100p",attrs:{"name":_vm.overlayIcon}}):(_vm.overlayText)?_c('p',{staticClass:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},[_vm._v(" "+_vm._s(_vm.overlayText)+" ")]):_vm._e()],1):_vm._e(),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count d-zi-base",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-base",class:[
2426
2426
  'd-avatar__presence',
2427
2427
  _vm.AVATAR_PRESENCE_SIZE_MODIFIERS[_vm.size] ],attrs:{"presence":_vm.presence,"data-qa":"dt-presence"}},'dt-presence',_vm.presenceProps,false)):_vm._e()],1)}
2428
2428
  var staticRenderFns = []
@@ -3098,7 +3098,6 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3098
3098
  //
3099
3099
  //
3100
3100
  //
3101
- //
3102
3101
 
3103
3102
 
3104
3103
 
@@ -3228,6 +3227,14 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3228
3227
  overlayText: {
3229
3228
  type: String,
3230
3229
  default: ''
3230
+ },
3231
+
3232
+ /**
3233
+ * Used to customize the avatar overlay
3234
+ */
3235
+ overlayClass: {
3236
+ type: [String, Array, Object],
3237
+ default: ''
3231
3238
  }
3232
3239
  },
3233
3240
 
@@ -3253,12 +3260,16 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3253
3260
  }];
3254
3261
  },
3255
3262
 
3263
+ overlayClasses() {
3264
+ return ['d-bgc-black-900 d-o70 d-ps-absolute d-w100p d-h100p d-d-flex d-ai-center d-bar-circle d-zi-base', this.overlayClass];
3265
+ },
3266
+
3256
3267
  showDefaultSlot() {
3257
3268
  return this.kind !== 'initials' || this.kind === 'image' && this.imageLoadedSuccessfully === true;
3258
3269
  },
3259
3270
 
3260
3271
  showInitials() {
3261
- return this.kind === 'initials' || this.kind === 'image' && this.initials;
3272
+ return this.kind === 'initials' || this.kind === 'image' && this.initials && this.imageLoadedSuccessfully !== true;
3262
3273
  },
3263
3274
 
3264
3275
  showGroup() {
@@ -3314,13 +3325,11 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3314
3325
  this.initializing = false;
3315
3326
  },
3316
3327
 
3328
+ // eslint-disable-next-line complexity
3317
3329
  kindHandler(el) {
3318
3330
  switch (this.kind) {
3319
3331
  case 'image':
3320
- if (this.showInitials) {
3321
- el.classList.add('d-avatar__image', 'd-zi-base1');
3322
- }
3323
-
3332
+ el.classList.add('d-avatar__image');
3324
3333
  this.validateImageAttrsPresence();
3325
3334
  this.setImageListeners(el);
3326
3335
  break;
@@ -3346,12 +3355,7 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3346
3355
  },
3347
3356
 
3348
3357
  formatInitials(initials) {
3349
- if (!initials) {
3350
- this.formattedInitials = '';
3351
- return;
3352
- }
3353
-
3354
- if (this.validatedSize === 'xs') {
3358
+ if (!initials || this.validatedSize === 'xs') {
3355
3359
  this.formattedInitials = '';
3356
3360
  } else if (this.validatedSize === 'sm') {
3357
3361
  this.formattedInitials = initials.trim()[0];
@@ -3409,8 +3413,7 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3409
3413
  }
3410
3414
 
3411
3415
  const rng = seedrandom_default()(this.seed);
3412
- const shuffledColors = Array.from(colors).sort(() => 0.5 - rng());
3413
- return shuffledColors;
3416
+ return Array.from(colors).sort(() => 0.5 - rng()); // shuffle colors
3414
3417
  },
3415
3418
 
3416
3419
  validateImageAttrsPresence() {
@@ -3418,7 +3421,7 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3418
3421
  // image is already described by something else (ex: visible description)
3419
3422
  // eslint-disable-next-line no-unneeded-ternary
3420
3423
 
3421
- const isAltMissing = this.$refs.canvas.firstChild.getAttribute('alt') === null ? true : false;
3424
+ const isAltMissing = this.$refs.canvas.firstChild.getAttribute('alt') === null;
3422
3425
 
3423
3426
  if (isSrcMissing || isAltMissing) {
3424
3427
  external_commonjs_vue_commonjs2_vue_root_Vue_default().util.warn('src and alt attributes are required for image avatars', this);
@@ -22800,9 +22803,9 @@ var combobox_multi_select_component = normalizeComponent(
22800
22803
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22801
22804
 
22802
22805
 
22803
- ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=66e6b32c&
22804
- var callbar_buttonvue_type_template_id_66e6b32c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.buttonImportance,"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22805
- var callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns = []
22806
+ ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=01569ffc&
22807
+ var callbar_buttonvue_type_template_id_01569ffc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, 8]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.buttonImportance,"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22808
+ var callbar_buttonvue_type_template_id_01569ffc_staticRenderFns = []
22806
22809
 
22807
22810
 
22808
22811
  ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js&
@@ -23012,8 +23015,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(2759);
23012
23015
 
23013
23016
  var callbar_button_component = normalizeComponent(
23014
23017
  callbar_button_callbar_buttonvue_type_script_lang_js_,
23015
- callbar_buttonvue_type_template_id_66e6b32c_render,
23016
- callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns,
23018
+ callbar_buttonvue_type_template_id_01569ffc_render,
23019
+ callbar_buttonvue_type_template_id_01569ffc_staticRenderFns,
23017
23020
  false,
23018
23021
  null,
23019
23022
  null,
@@ -23024,9 +23027,9 @@ var callbar_button_component = normalizeComponent(
23024
23027
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
23025
23028
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
23026
23029
 
23027
- ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=497c7b01&
23028
- var callbar_button_with_popovervue_type_template_id_497c7b01_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger,"button-class":_vm.buttonClass,"button-width-size":_vm.buttonWidthSize,"text-class":_vm.textClass},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(_vm.showArrowButton)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":['dt-recipe--callbar-button-with-popover--popover', _vm.contentClass],"header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{class:['dt-recipe--callbar-button-with-popover--arrow', _vm.isCompactMode ? 'd-mln16' : 'd-mln24'],attrs:{"circle":"","importance":"clear","size":"lg","width":"2rem","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"chevron-up","size":"200"}})]},proxy:true}],null,false,3340821372)})]},proxy:true}],null,false,821174459)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
23029
- var callbar_button_with_popovervue_type_template_id_497c7b01_staticRenderFns = []
23030
+ ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=875a3c88&
23031
+ var callbar_button_with_popovervue_type_template_id_875a3c88_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger,"button-class":_vm.buttonClass,"button-width-size":_vm.buttonWidthSize,"text-class":_vm.textClass},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(_vm.showArrowButton)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"offset":[0, 16],"padding":"none","dialog-class":['dt-recipe--callbar-button-with-popover--popover', _vm.contentClass],"header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{class:['dt-recipe--callbar-button-with-popover--arrow', _vm.isCompactMode ? 'd-mln16' : 'd-mln24'],attrs:{"circle":"","importance":"clear","size":"lg","width":"2rem","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"chevron-up","size":"200"}})]},proxy:true}],null,false,3340821372)})]},proxy:true}],null,false,821174459)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
23032
+ var callbar_button_with_popovervue_type_template_id_875a3c88_staticRenderFns = []
23030
23033
 
23031
23034
 
23032
23035
  ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=script&lang=js&
@@ -23104,6 +23107,7 @@ var callbar_button_with_popovervue_type_template_id_497c7b01_staticRenderFns = [
23104
23107
  //
23105
23108
  //
23106
23109
  //
23110
+ //
23107
23111
 
23108
23112
 
23109
23113
 
@@ -23334,8 +23338,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
23334
23338
 
23335
23339
  var callbar_button_with_popover_component = normalizeComponent(
23336
23340
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
23337
- callbar_button_with_popovervue_type_template_id_497c7b01_render,
23338
- callbar_button_with_popovervue_type_template_id_497c7b01_staticRenderFns,
23341
+ callbar_button_with_popovervue_type_template_id_875a3c88_render,
23342
+ callbar_button_with_popovervue_type_template_id_875a3c88_staticRenderFns,
23339
23343
  false,
23340
23344
  null,
23341
23345
  null,
@@ -23346,9 +23350,9 @@ var callbar_button_with_popover_component = normalizeComponent(
23346
23350
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_component.exports);
23347
23351
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
23348
23352
 
23349
- ;// 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/list_items/contact_info/contact_info.vue?vue&type=template&id=fcb8541c&
23350
- var contact_infovue_type_template_id_fcb8541c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarList)?_c('div',{staticClass:"d-mrn4 d-d-flex d-fd-row"},_vm._l((_vm.avatarList),function(avatar,index){return _c('div',{key:index},[(avatar.src)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"overlay-icon":avatar.icon,"overlay-text":avatar.text,"avatar-class":['d-ba d-baw4 d-bc-white d-bar-pill', { 'd-mln24': index > 0 }]}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":avatar.src,"alt":avatar.initials}})]):(avatar.initials)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"overlay-icon":avatar.icon,"overlay-text":avatar.text,"avatar-class":['d-ba d-baw4 d-bc-white d-bar-pill', { 'd-mln24': index > 0 }]}},[_vm._v(" "+_vm._s(avatar.initials)+" ")]):_vm._e()],1)}),0):(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
23351
- var contact_infovue_type_template_id_fcb8541c_staticRenderFns = []
23353
+ ;// 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/list_items/contact_info/contact_info.vue?vue&type=template&id=590921e8&
23354
+ var contact_infovue_type_template_id_590921e8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarList)?_c('div',{staticClass:"d-mrn4 d-d-flex d-fd-row"},_vm._l((_vm.avatarList),function(avatar,index){return _c('div',{key:index},[(avatar.src)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"overlay-icon":avatar.icon,"overlay-text":avatar.text,"overlay-class":"d-mn4 d-ba d-baw4 d-bc-white d-box-unset","avatar-class":['d-ba d-baw4 d-bc-white d-bar-pill', { 'd-mln24': index > 0 }]}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":avatar.src,"alt":avatar.initials}})]):(avatar.initials)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"overlay-icon":avatar.icon,"overlay-text":avatar.text,"overlay-class":"d-mn4 d-ba d-baw4 d-bc-white d-box-unset","avatar-class":['d-ba d-baw4 d-bc-white d-bar-pill', { 'd-mln24': index > 0 }]}},[_vm._v(" "+_vm._s(avatar.initials)+" ")]):_vm._e()],1)}),0):(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
23355
+ var contact_infovue_type_template_id_590921e8_staticRenderFns = []
23352
23356
 
23353
23357
 
23354
23358
  ;// 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/list_items/contact_info/contact_info.vue?vue&type=script&lang=js&
@@ -23446,6 +23450,8 @@ var contact_infovue_type_template_id_fcb8541c_staticRenderFns = []
23446
23450
  //
23447
23451
  //
23448
23452
  //
23453
+ //
23454
+ //
23449
23455
 
23450
23456
 
23451
23457
 
@@ -23546,8 +23552,8 @@ var contact_infovue_type_template_id_fcb8541c_staticRenderFns = []
23546
23552
  ;
23547
23553
  var contact_info_component = normalizeComponent(
23548
23554
  contact_info_contact_infovue_type_script_lang_js_,
23549
- contact_infovue_type_template_id_fcb8541c_render,
23550
- contact_infovue_type_template_id_fcb8541c_staticRenderFns,
23555
+ contact_infovue_type_template_id_590921e8_render,
23556
+ contact_infovue_type_template_id_590921e8_staticRenderFns,
23551
23557
  false,
23552
23558
  null,
23553
23559
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -2431,8 +2431,8 @@ if (typeof window !== 'undefined') {
2431
2431
  // Indicate to webpack that this file can be concatenated
2432
2432
  /* harmony default export */ const setPublicPath = (null);
2433
2433
 
2434
- ;// 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=7a8c5449&
2435
- 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.overlayIcon || _vm.overlayText)?_c('div',{staticClass:"d-bgc-black-900 d-o70 d-ps-absolute d-w100p d-h100p d-mn4 d-ba d-baw4 d-bc-white d-bar-pill d-d-flex d-ai-center d-zi-base"},[(_vm.overlayIcon)?_c('dt-icon',{staticClass:"d-fc-white d-w100p",attrs:{"name":_vm.overlayIcon}}):(_vm.overlayText)?_c('p',{staticClass:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},[_vm._v(" "+_vm._s(_vm.overlayText)+" ")]):_vm._e()],1):_vm._e(),(_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:[
2434
+ ;// 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=3334a8d0&
2435
+ 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.overlayIcon || _vm.overlayText)?_c('div',{class:_vm.overlayClasses},[(_vm.overlayIcon)?_c('dt-icon',{staticClass:"d-fc-white d-w100p",attrs:{"name":_vm.overlayIcon}}):(_vm.overlayText)?_c('p',{staticClass:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},[_vm._v(" "+_vm._s(_vm.overlayText)+" ")]):_vm._e()],1):_vm._e(),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count d-zi-base",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-base",class:[
2436
2436
  'd-avatar__presence',
2437
2437
  _vm.AVATAR_PRESENCE_SIZE_MODIFIERS[_vm.size] ],attrs:{"presence":_vm.presence,"data-qa":"dt-presence"}},'dt-presence',_vm.presenceProps,false)):_vm._e()],1)}
2438
2438
  var staticRenderFns = []
@@ -3108,7 +3108,6 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3108
3108
  //
3109
3109
  //
3110
3110
  //
3111
- //
3112
3111
 
3113
3112
 
3114
3113
 
@@ -3238,6 +3237,14 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3238
3237
  overlayText: {
3239
3238
  type: String,
3240
3239
  default: ''
3240
+ },
3241
+
3242
+ /**
3243
+ * Used to customize the avatar overlay
3244
+ */
3245
+ overlayClass: {
3246
+ type: [String, Array, Object],
3247
+ default: ''
3241
3248
  }
3242
3249
  },
3243
3250
 
@@ -3263,12 +3270,16 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3263
3270
  }];
3264
3271
  },
3265
3272
 
3273
+ overlayClasses() {
3274
+ return ['d-bgc-black-900 d-o70 d-ps-absolute d-w100p d-h100p d-d-flex d-ai-center d-bar-circle d-zi-base', this.overlayClass];
3275
+ },
3276
+
3266
3277
  showDefaultSlot() {
3267
3278
  return this.kind !== 'initials' || this.kind === 'image' && this.imageLoadedSuccessfully === true;
3268
3279
  },
3269
3280
 
3270
3281
  showInitials() {
3271
- return this.kind === 'initials' || this.kind === 'image' && this.initials;
3282
+ return this.kind === 'initials' || this.kind === 'image' && this.initials && this.imageLoadedSuccessfully !== true;
3272
3283
  },
3273
3284
 
3274
3285
  showGroup() {
@@ -3324,13 +3335,11 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3324
3335
  this.initializing = false;
3325
3336
  },
3326
3337
 
3338
+ // eslint-disable-next-line complexity
3327
3339
  kindHandler(el) {
3328
3340
  switch (this.kind) {
3329
3341
  case 'image':
3330
- if (this.showInitials) {
3331
- el.classList.add('d-avatar__image', 'd-zi-base1');
3332
- }
3333
-
3342
+ el.classList.add('d-avatar__image');
3334
3343
  this.validateImageAttrsPresence();
3335
3344
  this.setImageListeners(el);
3336
3345
  break;
@@ -3356,12 +3365,7 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3356
3365
  },
3357
3366
 
3358
3367
  formatInitials(initials) {
3359
- if (!initials) {
3360
- this.formattedInitials = '';
3361
- return;
3362
- }
3363
-
3364
- if (this.validatedSize === 'xs') {
3368
+ if (!initials || this.validatedSize === 'xs') {
3365
3369
  this.formattedInitials = '';
3366
3370
  } else if (this.validatedSize === 'sm') {
3367
3371
  this.formattedInitials = initials.trim()[0];
@@ -3419,8 +3423,7 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3419
3423
  }
3420
3424
 
3421
3425
  const rng = seedrandom_default()(this.seed);
3422
- const shuffledColors = Array.from(colors).sort(() => 0.5 - rng());
3423
- return shuffledColors;
3426
+ return Array.from(colors).sort(() => 0.5 - rng()); // shuffle colors
3424
3427
  },
3425
3428
 
3426
3429
  validateImageAttrsPresence() {
@@ -3428,7 +3431,7 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
3428
3431
  // image is already described by something else (ex: visible description)
3429
3432
  // eslint-disable-next-line no-unneeded-ternary
3430
3433
 
3431
- const isAltMissing = this.$refs.canvas.firstChild.getAttribute('alt') === null ? true : false;
3434
+ const isAltMissing = this.$refs.canvas.firstChild.getAttribute('alt') === null;
3432
3435
 
3433
3436
  if (isSrcMissing || isAltMissing) {
3434
3437
  external_commonjs_vue_commonjs2_vue_root_Vue_default().util.warn('src and alt attributes are required for image avatars', this);
@@ -22810,9 +22813,9 @@ var combobox_multi_select_component = normalizeComponent(
22810
22813
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22811
22814
 
22812
22815
 
22813
- ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=66e6b32c&
22814
- var callbar_buttonvue_type_template_id_66e6b32c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.buttonImportance,"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22815
- var callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns = []
22816
+ ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=01569ffc&
22817
+ var callbar_buttonvue_type_template_id_01569ffc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, 8]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.buttonImportance,"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22818
+ var callbar_buttonvue_type_template_id_01569ffc_staticRenderFns = []
22816
22819
 
22817
22820
 
22818
22821
  ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js&
@@ -23022,8 +23025,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(736);
23022
23025
 
23023
23026
  var callbar_button_component = normalizeComponent(
23024
23027
  callbar_button_callbar_buttonvue_type_script_lang_js_,
23025
- callbar_buttonvue_type_template_id_66e6b32c_render,
23026
- callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns,
23028
+ callbar_buttonvue_type_template_id_01569ffc_render,
23029
+ callbar_buttonvue_type_template_id_01569ffc_staticRenderFns,
23027
23030
  false,
23028
23031
  null,
23029
23032
  null,
@@ -23034,9 +23037,9 @@ var callbar_button_component = normalizeComponent(
23034
23037
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
23035
23038
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
23036
23039
 
23037
- ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=497c7b01&
23038
- var callbar_button_with_popovervue_type_template_id_497c7b01_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger,"button-class":_vm.buttonClass,"button-width-size":_vm.buttonWidthSize,"text-class":_vm.textClass},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(_vm.showArrowButton)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":['dt-recipe--callbar-button-with-popover--popover', _vm.contentClass],"header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{class:['dt-recipe--callbar-button-with-popover--arrow', _vm.isCompactMode ? 'd-mln16' : 'd-mln24'],attrs:{"circle":"","importance":"clear","size":"lg","width":"2rem","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"chevron-up","size":"200"}})]},proxy:true}],null,false,3340821372)})]},proxy:true}],null,false,821174459)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
23039
- var callbar_button_with_popovervue_type_template_id_497c7b01_staticRenderFns = []
23040
+ ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=875a3c88&
23041
+ var callbar_button_with_popovervue_type_template_id_875a3c88_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger,"button-class":_vm.buttonClass,"button-width-size":_vm.buttonWidthSize,"text-class":_vm.textClass},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(_vm.showArrowButton)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"offset":[0, 16],"padding":"none","dialog-class":['dt-recipe--callbar-button-with-popover--popover', _vm.contentClass],"header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{class:['dt-recipe--callbar-button-with-popover--arrow', _vm.isCompactMode ? 'd-mln16' : 'd-mln24'],attrs:{"circle":"","importance":"clear","size":"lg","width":"2rem","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"chevron-up","size":"200"}})]},proxy:true}],null,false,3340821372)})]},proxy:true}],null,false,821174459)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
23042
+ var callbar_button_with_popovervue_type_template_id_875a3c88_staticRenderFns = []
23040
23043
 
23041
23044
 
23042
23045
  ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=script&lang=js&
@@ -23114,6 +23117,7 @@ var callbar_button_with_popovervue_type_template_id_497c7b01_staticRenderFns = [
23114
23117
  //
23115
23118
  //
23116
23119
  //
23120
+ //
23117
23121
 
23118
23122
 
23119
23123
 
@@ -23344,8 +23348,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
23344
23348
 
23345
23349
  var callbar_button_with_popover_component = normalizeComponent(
23346
23350
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
23347
- callbar_button_with_popovervue_type_template_id_497c7b01_render,
23348
- callbar_button_with_popovervue_type_template_id_497c7b01_staticRenderFns,
23351
+ callbar_button_with_popovervue_type_template_id_875a3c88_render,
23352
+ callbar_button_with_popovervue_type_template_id_875a3c88_staticRenderFns,
23349
23353
  false,
23350
23354
  null,
23351
23355
  null,
@@ -23356,9 +23360,9 @@ var callbar_button_with_popover_component = normalizeComponent(
23356
23360
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_component.exports);
23357
23361
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
23358
23362
 
23359
- ;// 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/list_items/contact_info/contact_info.vue?vue&type=template&id=fcb8541c&
23360
- var contact_infovue_type_template_id_fcb8541c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarList)?_c('div',{staticClass:"d-mrn4 d-d-flex d-fd-row"},_vm._l((_vm.avatarList),function(avatar,index){return _c('div',{key:index},[(avatar.src)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"overlay-icon":avatar.icon,"overlay-text":avatar.text,"avatar-class":['d-ba d-baw4 d-bc-white d-bar-pill', { 'd-mln24': index > 0 }]}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":avatar.src,"alt":avatar.initials}})]):(avatar.initials)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"overlay-icon":avatar.icon,"overlay-text":avatar.text,"avatar-class":['d-ba d-baw4 d-bc-white d-bar-pill', { 'd-mln24': index > 0 }]}},[_vm._v(" "+_vm._s(avatar.initials)+" ")]):_vm._e()],1)}),0):(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
23361
- var contact_infovue_type_template_id_fcb8541c_staticRenderFns = []
23363
+ ;// 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/list_items/contact_info/contact_info.vue?vue&type=template&id=590921e8&
23364
+ var contact_infovue_type_template_id_590921e8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarList)?_c('div',{staticClass:"d-mrn4 d-d-flex d-fd-row"},_vm._l((_vm.avatarList),function(avatar,index){return _c('div',{key:index},[(avatar.src)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"overlay-icon":avatar.icon,"overlay-text":avatar.text,"overlay-class":"d-mn4 d-ba d-baw4 d-bc-white d-box-unset","avatar-class":['d-ba d-baw4 d-bc-white d-bar-pill', { 'd-mln24': index > 0 }]}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":avatar.src,"alt":avatar.initials}})]):(avatar.initials)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"overlay-icon":avatar.icon,"overlay-text":avatar.text,"overlay-class":"d-mn4 d-ba d-baw4 d-bc-white d-box-unset","avatar-class":['d-ba d-baw4 d-bc-white d-bar-pill', { 'd-mln24': index > 0 }]}},[_vm._v(" "+_vm._s(avatar.initials)+" ")]):_vm._e()],1)}),0):(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
23365
+ var contact_infovue_type_template_id_590921e8_staticRenderFns = []
23362
23366
 
23363
23367
 
23364
23368
  ;// 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/list_items/contact_info/contact_info.vue?vue&type=script&lang=js&
@@ -23456,6 +23460,8 @@ var contact_infovue_type_template_id_fcb8541c_staticRenderFns = []
23456
23460
  //
23457
23461
  //
23458
23462
  //
23463
+ //
23464
+ //
23459
23465
 
23460
23466
 
23461
23467
 
@@ -23556,8 +23562,8 @@ var contact_infovue_type_template_id_fcb8541c_staticRenderFns = []
23556
23562
  ;
23557
23563
  var contact_info_component = normalizeComponent(
23558
23564
  contact_info_contact_infovue_type_script_lang_js_,
23559
- contact_infovue_type_template_id_fcb8541c_render,
23560
- contact_infovue_type_template_id_fcb8541c_staticRenderFns,
23565
+ contact_infovue_type_template_id_590921e8_render,
23566
+ contact_infovue_type_template_id_590921e8_staticRenderFns,
23561
23567
  false,
23562
23568
  null,
23563
23569
  null,