@dialpad/dialtone-vue 2.66.0 → 2.68.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 (6) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +19 -0
  3. package/dist/dialtone-vue.common.js +62 -80
  4. package/dist/dialtone-vue.umd.js +62 -80
  5. package/dist/dialtone-vue.umd.min.js +1 -1
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,22 @@
1
+ # [2.68.0](https://github.com/dialpad/dialtone-vue/compare/v2.67.0...v2.68.0) (2023-03-15)
2
+
3
+
4
+ ### Code Refactoring
5
+
6
+ * modify dt-recipe-callbar component to have common styles baked in ([#811](https://github.com/dialpad/dialtone-vue/issues/811)) ([4bebf71](https://github.com/dialpad/dialtone-vue/commit/4bebf71f8836ff83db0fa36336480195283629ca))
7
+
8
+
9
+ ### Features
10
+
11
+ * **Dt Recipe Ivr Node:** add new ivr top connector slot ([#819](https://github.com/dialpad/dialtone-vue/issues/819)) ([d45a305](https://github.com/dialpad/dialtone-vue/commit/d45a3050bd1fa5ad6dc5fc198c49ea4bc6b55c61))
12
+
13
+ # [2.67.0](https://github.com/dialpad/dialtone-vue/compare/v2.66.0...v2.67.0) (2023-03-15)
14
+
15
+
16
+ ### Features
17
+
18
+ * add avatar-size prop to contact info ([#809](https://github.com/dialpad/dialtone-vue/issues/809)) ([583c3fb](https://github.com/dialpad/dialtone-vue/commit/583c3fbe6aaaedc7c37e456b756098e770bd807c))
19
+
1
20
  # [2.66.0](https://github.com/dialpad/dialtone-vue/compare/v2.65.2...v2.66.0) (2023-03-14)
2
21
 
3
22
 
package/dist/dialtone-vue.common.js CHANGED
@@ -378,7 +378,7 @@ __webpack_require__.r(__webpack_exports__);
378
378
 
379
379
  var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
380
380
  // Module
381
- ___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}", ""]);
381
+ ___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base1);display:flex;justify-content:center;align-items:center;border-color:var(--purple-600);background-color:var(--purple-600)}", ""]);
382
382
  // Exports
383
383
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
384
384
 
@@ -2348,7 +2348,6 @@ __webpack_require__.d(__webpack_exports__, {
2348
2348
  "TOOLTIP_HIDE_ON_CLICK_VARIANTS": () => (/* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS),
2349
2349
  "TOOLTIP_KIND_MODIFIERS": () => (/* reexport */ TOOLTIP_KIND_MODIFIERS),
2350
2350
  "TOOLTIP_STICKY_VALUES": () => (/* reexport */ TOOLTIP_STICKY_VALUES),
2351
- "USER_STATUS_COLOR_MODIFIERS": () => (/* reexport */ USER_STATUS_COLOR_MODIFIERS),
2352
2351
  "VALIDATION_MESSAGE_TYPES": () => (/* reexport */ VALIDATION_MESSAGE_TYPES),
2353
2352
  "VALID_WIDTH_SIZE": () => (/* reexport */ VALID_WIDTH_SIZE),
2354
2353
  "filterFormattedMessages": () => (/* reexport */ filterFormattedMessages),
@@ -22185,9 +22184,9 @@ var combobox_multi_select_component = normalizeComponent(
22185
22184
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22186
22185
 
22187
22186
 
22188
- ;// 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=83ef55d6&
22189
- var callbar_buttonvue_type_template_id_83ef55d6_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('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":"d-fs-100","width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22190
- var callbar_buttonvue_type_template_id_83ef55d6_staticRenderFns = []
22187
+ ;// 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=86672db0&
22188
+ var callbar_buttonvue_type_template_id_86672db0_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('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","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)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22189
+ var callbar_buttonvue_type_template_id_86672db0_staticRenderFns = []
22191
22190
 
22192
22191
 
22193
22192
  ;// 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&
@@ -22304,6 +22303,14 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22304
22303
  default: ''
22305
22304
  },
22306
22305
 
22306
+ /**
22307
+ * Additional class name for the button text.
22308
+ */
22309
+ textClass: {
22310
+ type: [String, Array, Object],
22311
+ default: ''
22312
+ },
22313
+
22307
22314
  /*
22308
22315
  * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22309
22316
  */
@@ -22323,13 +22330,17 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22323
22330
  'click'],
22324
22331
  computed: {
22325
22332
  callbarButtonClass() {
22326
- return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', {
22333
+ return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', 'd-fc-black-900', {
22327
22334
  'dt-recipe-callbar-button--circle': this.circle,
22328
22335
  'dt-recipe-callbar-button--active': this.active,
22329
22336
  'dt-recipe-callbar-button--danger': this.danger
22330
22337
  }];
22331
22338
  },
22332
22339
 
22340
+ callbarButtonTextClass() {
22341
+ return ['d-fs-100 lg:d-d-none md:d-d-none sm:d-d-none', this.textClass];
22342
+ },
22343
+
22333
22344
  buttonWidth() {
22334
22345
  switch (this.buttonWidthSize) {
22335
22346
  case 'sm':
@@ -22362,8 +22373,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(759);
22362
22373
 
22363
22374
  var callbar_button_component = normalizeComponent(
22364
22375
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22365
- callbar_buttonvue_type_template_id_83ef55d6_render,
22366
- callbar_buttonvue_type_template_id_83ef55d6_staticRenderFns,
22376
+ callbar_buttonvue_type_template_id_86672db0_render,
22377
+ callbar_buttonvue_type_template_id_86672db0_staticRenderFns,
22367
22378
  false,
22368
22379
  null,
22369
22380
  null,
@@ -22374,9 +22385,9 @@ var callbar_button_component = normalizeComponent(
22374
22385
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
22375
22386
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
22376
22387
 
22377
- ;// 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=86437b7c&
22378
- var callbar_button_with_popovervue_type_template_id_86437b7c_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},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)}
22379
- var callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns = []
22388
+ ;// 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=6c396bca&
22389
+ var callbar_button_with_popovervue_type_template_id_6c396bca_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)}
22390
+ var callbar_button_with_popovervue_type_template_id_6c396bca_staticRenderFns = []
22380
22391
 
22381
22392
 
22382
22393
  ;// 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&
@@ -22453,6 +22464,7 @@ var callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns = [
22453
22464
  //
22454
22465
  //
22455
22466
  //
22467
+ //
22456
22468
 
22457
22469
 
22458
22470
 
@@ -22590,6 +22602,14 @@ var callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns = [
22590
22602
  default: ''
22591
22603
  },
22592
22604
 
22605
+ /**
22606
+ * Additional class name for the button text.
22607
+ */
22608
+ textClass: {
22609
+ type: [String, Array, Object],
22610
+ default: ''
22611
+ },
22612
+
22593
22613
  /*
22594
22614
  * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22595
22615
  */
@@ -22675,8 +22695,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
22675
22695
 
22676
22696
  var callbar_button_with_popover_component = normalizeComponent(
22677
22697
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
22678
- callbar_button_with_popovervue_type_template_id_86437b7c_render,
22679
- callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns,
22698
+ callbar_button_with_popovervue_type_template_id_6c396bca_render,
22699
+ callbar_button_with_popovervue_type_template_id_6c396bca_staticRenderFns,
22680
22700
  false,
22681
22701
  null,
22682
22702
  null,
@@ -22687,31 +22707,11 @@ var callbar_button_with_popover_component = normalizeComponent(
22687
22707
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_component.exports);
22688
22708
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
22689
22709
 
22690
- ;// 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=9fe40f88&
22691
- var contact_infovue_type_template_id_9fe40f88_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.avatarSrc)?_c('dt-avatar',{attrs:{"size":"lg"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"size":"lg"}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
22692
- 'd-ba',
22693
- 'd-bc-white',
22694
- 'd-baw2',
22695
- 'd-bar2',
22696
- 'd-ps-absolute',
22697
- 'd-bn1',
22698
- 'd-rn1',
22699
- 'd-w20p',
22700
- 'd-h20p',
22701
- _vm.USER_STATUS_COLOR_MODIFIERS[_vm.userStatusColor] ],attrs:{"data-qa":"contact-info-user-status"}},[_vm._v("   ")]):_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)})}
22702
- var contact_infovue_type_template_id_9fe40f88_staticRenderFns = []
22703
-
22704
-
22705
- ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
22706
- const USER_STATUS_COLOR_MODIFIERS = {
22707
- none: '',
22708
- green: 'd-bgc-green-300',
22709
- gold: 'd-bgc-gold-200',
22710
- red: 'd-bgc-red-200'
22711
- };
22712
- /* harmony default export */ const contact_info_constants = ({
22713
- USER_STATUS_COLOR_MODIFIERS
22714
- });
22710
+ ;// 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=2e8a8344&
22711
+ var contact_infovue_type_template_id_2e8a8344_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.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)})}
22712
+ var contact_infovue_type_template_id_2e8a8344_staticRenderFns = []
22713
+
22714
+
22715
22715
  ;// 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&
22716
22716
  //
22717
22717
  //
@@ -22775,23 +22775,6 @@ const USER_STATUS_COLOR_MODIFIERS = {
22775
22775
  //
22776
22776
  //
22777
22777
  //
22778
- //
22779
- //
22780
- //
22781
- //
22782
- //
22783
- //
22784
- //
22785
- //
22786
- //
22787
- //
22788
- //
22789
- //
22790
- //
22791
- //
22792
- //
22793
- //
22794
-
22795
22778
 
22796
22779
 
22797
22780
 
@@ -22847,26 +22830,24 @@ const USER_STATUS_COLOR_MODIFIERS = {
22847
22830
  },
22848
22831
 
22849
22832
  /**
22850
- * Status color of user from contact.
22833
+ * The size of the avatar
22834
+ * @values xs, sm, md, lg, xl
22851
22835
  */
22852
- userStatusColor: {
22836
+ avatarSize: {
22853
22837
  type: String,
22854
- default: 'none',
22855
- validator: color => Object.keys(USER_STATUS_COLOR_MODIFIERS).includes(color)
22856
- }
22857
- },
22858
-
22859
- data() {
22860
- return {
22861
- USER_STATUS_COLOR_MODIFIERS: USER_STATUS_COLOR_MODIFIERS
22862
- };
22863
- },
22838
+ default: 'lg'
22839
+ },
22864
22840
 
22865
- computed: {
22866
- showUserStatus() {
22867
- return this.userStatusColor !== 'none';
22841
+ /**
22842
+ * Determines whether to show the presence indicator for
22843
+ * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
22844
+ * or 'active'. By default, it's null and nothing is shown.
22845
+ * @values null, busy, away, offline, active
22846
+ */
22847
+ presence: {
22848
+ type: String,
22849
+ default: null
22868
22850
  }
22869
-
22870
22851
  }
22871
22852
  });
22872
22853
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js&
@@ -22881,8 +22862,8 @@ const USER_STATUS_COLOR_MODIFIERS = {
22881
22862
  ;
22882
22863
  var contact_info_component = normalizeComponent(
22883
22864
  contact_info_contact_infovue_type_script_lang_js_,
22884
- contact_infovue_type_template_id_9fe40f88_render,
22885
- contact_infovue_type_template_id_9fe40f88_staticRenderFns,
22865
+ contact_infovue_type_template_id_2e8a8344_render,
22866
+ contact_infovue_type_template_id_2e8a8344_staticRenderFns,
22886
22867
  false,
22887
22868
  null,
22888
22869
  null,
@@ -22893,7 +22874,6 @@ var contact_info_component = normalizeComponent(
22893
22874
  /* harmony default export */ const contact_info = (contact_info_component.exports);
22894
22875
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
22895
22876
 
22896
-
22897
22877
  ;// 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/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=69be4446&
22898
22878
  var top_banner_infovue_type_template_id_69be4446_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center d-fc-primary",class:_vm.bannerInfoClass,attrs:{"data-qa":"banner-info"}},[_c('div',{staticClass:"d-top-banner-info__left"},[_vm._t("left")],2),_c('div',{staticClass:"d-top-banner-info__middle d-my4"},[_vm._t("default")],2),_c('div',{staticClass:"d-top-banner-info__right d-ta-right"},[_vm._t("right")],2)])}
22899
22879
  var top_banner_infovue_type_template_id_69be4446_staticRenderFns = []
@@ -22989,8 +22969,8 @@ var top_banner_info_component = normalizeComponent(
22989
22969
  ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/index.js
22990
22970
 
22991
22971
 
22992
- ;// 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/cards/ivr_node/ivr_node.vue?vue&type=template&id=5b6f101b&
22993
- var ivr_nodevue_type_template_id_5b6f101b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"d-zi-base1 d-ai-center d-jc-center d-d-flex d-w24 d-h24 d-bar-circle d-bc-purple-600 d-bgc-purple-600 d-mbn12 d-fc-white d-fs-200",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_c('div',{staticClass:"d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-600 d-bgc-purple-600 d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-300 d-px12 d-pt8 d-pb12","container-class":[
22972
+ ;// 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/cards/ivr_node/ivr_node.vue?vue&type=template&id=0696f265&
22973
+ var ivr_nodevue_type_template_id_0696f265_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"ivr-connector d-w24 d-h24 d-bar-circle d-mbn12 d-fc-white d-fs-200",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_vm._e(),(_vm.$slots.connector)?_vm._t("connector"):_vm._e(),(!_vm.dtmfKey && !_vm.$slots.connector)?_c('div',{staticClass:"ivr-connector d-w8 d-h8 d-bar-circle d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}):_vm._e(),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-300 d-px12 d-pt8 d-pb12","container-class":[
22994
22974
  'd-w100p',
22995
22975
  { 'd-ba d-bar8 d-baw4': _vm.isSelected },
22996
22976
  _vm.headerColor ],"header-class":[
@@ -23001,8 +22981,8 @@ var ivr_nodevue_type_template_id_5b6f101b_render = function () {var _vm=this;var
23001
22981
  _vm.headerColor,
23002
22982
  { 'd-btr4': !_vm.isSelected } ]},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-button',{attrs:{"aria-label":_vm.nodeType,"importance":"clear","data-qa":"dt-ivr-node-icon"},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{class:['d-fc-black-900', { 'ivr_node__goto_icon': _vm.isGotoNode }],attrs:{"name":_vm.nodeIcon,"size":"200"}})]},proxy:true}])}),_c('p',{staticClass:"d-fs-200 d-fw-bold",attrs:{"data-qa":"ivr-node-label"}},[_vm._v(" "+_vm._s(_vm.nodeLabel)+" ")])],1),_c('dt-dropdown',{attrs:{"placement":"bottom","open":_vm.isOpen},on:{"update:open":function($event){_vm.isOpen=$event}},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{attrs:{"importance":"clear","aria-label":_vm.menuButtonAriaLabel},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openMenu.apply(null, arguments)}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{staticClass:"d-fc-black-900",attrs:{"name":"more-vertical","size":"200"}})]},proxy:true}])})]},proxy:true},{key:"list",fn:function(ref){
23003
22983
  var close = ref.close;
23004
- return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems",null,{"close":close})],2)]}}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],1)}
23005
- var ivr_nodevue_type_template_id_5b6f101b_staticRenderFns = []
22984
+ return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems",null,{"close":close})],2)]}}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],2)}
22985
+ var ivr_nodevue_type_template_id_0696f265_staticRenderFns = []
23006
22986
 
23007
22987
 
23008
22988
  ;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node_constants.js
@@ -23156,6 +23136,8 @@ const IVR_NODE_COLOR_MAPPING = {
23156
23136
  //
23157
23137
  //
23158
23138
  //
23139
+ //
23140
+ //
23159
23141
 
23160
23142
 
23161
23143
 
@@ -23267,8 +23249,8 @@ var ivr_nodevue_type_style_index_0_lang_less_ = __webpack_require__(212);
23267
23249
 
23268
23250
  var ivr_node_component = normalizeComponent(
23269
23251
  ivr_node_ivr_nodevue_type_script_lang_js_,
23270
- ivr_nodevue_type_template_id_5b6f101b_render,
23271
- ivr_nodevue_type_template_id_5b6f101b_staticRenderFns,
23252
+ ivr_nodevue_type_template_id_0696f265_render,
23253
+ ivr_nodevue_type_template_id_0696f265_staticRenderFns,
23272
23254
  false,
23273
23255
  null,
23274
23256
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -388,7 +388,7 @@ __webpack_require__.r(__webpack_exports__);
388
388
 
389
389
  var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
390
390
  // Module
391
- ___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}", ""]);
391
+ ___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base1);display:flex;justify-content:center;align-items:center;border-color:var(--purple-600);background-color:var(--purple-600)}", ""]);
392
392
  // Exports
393
393
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
394
394
 
@@ -2358,7 +2358,6 @@ __webpack_require__.d(__webpack_exports__, {
2358
2358
  "TOOLTIP_HIDE_ON_CLICK_VARIANTS": () => (/* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS),
2359
2359
  "TOOLTIP_KIND_MODIFIERS": () => (/* reexport */ TOOLTIP_KIND_MODIFIERS),
2360
2360
  "TOOLTIP_STICKY_VALUES": () => (/* reexport */ TOOLTIP_STICKY_VALUES),
2361
- "USER_STATUS_COLOR_MODIFIERS": () => (/* reexport */ USER_STATUS_COLOR_MODIFIERS),
2362
2361
  "VALIDATION_MESSAGE_TYPES": () => (/* reexport */ VALIDATION_MESSAGE_TYPES),
2363
2362
  "VALID_WIDTH_SIZE": () => (/* reexport */ VALID_WIDTH_SIZE),
2364
2363
  "filterFormattedMessages": () => (/* reexport */ filterFormattedMessages),
@@ -22195,9 +22194,9 @@ var combobox_multi_select_component = normalizeComponent(
22195
22194
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22196
22195
 
22197
22196
 
22198
- ;// 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=83ef55d6&
22199
- var callbar_buttonvue_type_template_id_83ef55d6_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('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":"d-fs-100","width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22200
- var callbar_buttonvue_type_template_id_83ef55d6_staticRenderFns = []
22197
+ ;// 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=86672db0&
22198
+ var callbar_buttonvue_type_template_id_86672db0_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('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","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)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22199
+ var callbar_buttonvue_type_template_id_86672db0_staticRenderFns = []
22201
22200
 
22202
22201
 
22203
22202
  ;// 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&
@@ -22314,6 +22313,14 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22314
22313
  default: ''
22315
22314
  },
22316
22315
 
22316
+ /**
22317
+ * Additional class name for the button text.
22318
+ */
22319
+ textClass: {
22320
+ type: [String, Array, Object],
22321
+ default: ''
22322
+ },
22323
+
22317
22324
  /*
22318
22325
  * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22319
22326
  */
@@ -22333,13 +22340,17 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22333
22340
  'click'],
22334
22341
  computed: {
22335
22342
  callbarButtonClass() {
22336
- return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', {
22343
+ return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', 'd-fc-black-900', {
22337
22344
  'dt-recipe-callbar-button--circle': this.circle,
22338
22345
  'dt-recipe-callbar-button--active': this.active,
22339
22346
  'dt-recipe-callbar-button--danger': this.danger
22340
22347
  }];
22341
22348
  },
22342
22349
 
22350
+ callbarButtonTextClass() {
22351
+ return ['d-fs-100 lg:d-d-none md:d-d-none sm:d-d-none', this.textClass];
22352
+ },
22353
+
22343
22354
  buttonWidth() {
22344
22355
  switch (this.buttonWidthSize) {
22345
22356
  case 'sm':
@@ -22372,8 +22383,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(736);
22372
22383
 
22373
22384
  var callbar_button_component = normalizeComponent(
22374
22385
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22375
- callbar_buttonvue_type_template_id_83ef55d6_render,
22376
- callbar_buttonvue_type_template_id_83ef55d6_staticRenderFns,
22386
+ callbar_buttonvue_type_template_id_86672db0_render,
22387
+ callbar_buttonvue_type_template_id_86672db0_staticRenderFns,
22377
22388
  false,
22378
22389
  null,
22379
22390
  null,
@@ -22384,9 +22395,9 @@ var callbar_button_component = normalizeComponent(
22384
22395
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
22385
22396
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
22386
22397
 
22387
- ;// 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=86437b7c&
22388
- var callbar_button_with_popovervue_type_template_id_86437b7c_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},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)}
22389
- var callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns = []
22398
+ ;// 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=6c396bca&
22399
+ var callbar_button_with_popovervue_type_template_id_6c396bca_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)}
22400
+ var callbar_button_with_popovervue_type_template_id_6c396bca_staticRenderFns = []
22390
22401
 
22391
22402
 
22392
22403
  ;// 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&
@@ -22463,6 +22474,7 @@ var callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns = [
22463
22474
  //
22464
22475
  //
22465
22476
  //
22477
+ //
22466
22478
 
22467
22479
 
22468
22480
 
@@ -22600,6 +22612,14 @@ var callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns = [
22600
22612
  default: ''
22601
22613
  },
22602
22614
 
22615
+ /**
22616
+ * Additional class name for the button text.
22617
+ */
22618
+ textClass: {
22619
+ type: [String, Array, Object],
22620
+ default: ''
22621
+ },
22622
+
22603
22623
  /*
22604
22624
  * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22605
22625
  */
@@ -22685,8 +22705,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
22685
22705
 
22686
22706
  var callbar_button_with_popover_component = normalizeComponent(
22687
22707
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
22688
- callbar_button_with_popovervue_type_template_id_86437b7c_render,
22689
- callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns,
22708
+ callbar_button_with_popovervue_type_template_id_6c396bca_render,
22709
+ callbar_button_with_popovervue_type_template_id_6c396bca_staticRenderFns,
22690
22710
  false,
22691
22711
  null,
22692
22712
  null,
@@ -22697,31 +22717,11 @@ var callbar_button_with_popover_component = normalizeComponent(
22697
22717
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_component.exports);
22698
22718
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
22699
22719
 
22700
- ;// 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=9fe40f88&
22701
- var contact_infovue_type_template_id_9fe40f88_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.avatarSrc)?_c('dt-avatar',{attrs:{"size":"lg"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"size":"lg"}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
22702
- 'd-ba',
22703
- 'd-bc-white',
22704
- 'd-baw2',
22705
- 'd-bar2',
22706
- 'd-ps-absolute',
22707
- 'd-bn1',
22708
- 'd-rn1',
22709
- 'd-w20p',
22710
- 'd-h20p',
22711
- _vm.USER_STATUS_COLOR_MODIFIERS[_vm.userStatusColor] ],attrs:{"data-qa":"contact-info-user-status"}},[_vm._v("   ")]):_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)})}
22712
- var contact_infovue_type_template_id_9fe40f88_staticRenderFns = []
22713
-
22714
-
22715
- ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
22716
- const USER_STATUS_COLOR_MODIFIERS = {
22717
- none: '',
22718
- green: 'd-bgc-green-300',
22719
- gold: 'd-bgc-gold-200',
22720
- red: 'd-bgc-red-200'
22721
- };
22722
- /* harmony default export */ const contact_info_constants = ({
22723
- USER_STATUS_COLOR_MODIFIERS
22724
- });
22720
+ ;// 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=2e8a8344&
22721
+ var contact_infovue_type_template_id_2e8a8344_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.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)})}
22722
+ var contact_infovue_type_template_id_2e8a8344_staticRenderFns = []
22723
+
22724
+
22725
22725
  ;// 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&
22726
22726
  //
22727
22727
  //
@@ -22785,23 +22785,6 @@ const USER_STATUS_COLOR_MODIFIERS = {
22785
22785
  //
22786
22786
  //
22787
22787
  //
22788
- //
22789
- //
22790
- //
22791
- //
22792
- //
22793
- //
22794
- //
22795
- //
22796
- //
22797
- //
22798
- //
22799
- //
22800
- //
22801
- //
22802
- //
22803
- //
22804
-
22805
22788
 
22806
22789
 
22807
22790
 
@@ -22857,26 +22840,24 @@ const USER_STATUS_COLOR_MODIFIERS = {
22857
22840
  },
22858
22841
 
22859
22842
  /**
22860
- * Status color of user from contact.
22843
+ * The size of the avatar
22844
+ * @values xs, sm, md, lg, xl
22861
22845
  */
22862
- userStatusColor: {
22846
+ avatarSize: {
22863
22847
  type: String,
22864
- default: 'none',
22865
- validator: color => Object.keys(USER_STATUS_COLOR_MODIFIERS).includes(color)
22866
- }
22867
- },
22868
-
22869
- data() {
22870
- return {
22871
- USER_STATUS_COLOR_MODIFIERS: USER_STATUS_COLOR_MODIFIERS
22872
- };
22873
- },
22848
+ default: 'lg'
22849
+ },
22874
22850
 
22875
- computed: {
22876
- showUserStatus() {
22877
- return this.userStatusColor !== 'none';
22851
+ /**
22852
+ * Determines whether to show the presence indicator for
22853
+ * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
22854
+ * or 'active'. By default, it's null and nothing is shown.
22855
+ * @values null, busy, away, offline, active
22856
+ */
22857
+ presence: {
22858
+ type: String,
22859
+ default: null
22878
22860
  }
22879
-
22880
22861
  }
22881
22862
  });
22882
22863
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js&
@@ -22891,8 +22872,8 @@ const USER_STATUS_COLOR_MODIFIERS = {
22891
22872
  ;
22892
22873
  var contact_info_component = normalizeComponent(
22893
22874
  contact_info_contact_infovue_type_script_lang_js_,
22894
- contact_infovue_type_template_id_9fe40f88_render,
22895
- contact_infovue_type_template_id_9fe40f88_staticRenderFns,
22875
+ contact_infovue_type_template_id_2e8a8344_render,
22876
+ contact_infovue_type_template_id_2e8a8344_staticRenderFns,
22896
22877
  false,
22897
22878
  null,
22898
22879
  null,
@@ -22903,7 +22884,6 @@ var contact_info_component = normalizeComponent(
22903
22884
  /* harmony default export */ const contact_info = (contact_info_component.exports);
22904
22885
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
22905
22886
 
22906
-
22907
22887
  ;// 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/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=69be4446&
22908
22888
  var top_banner_infovue_type_template_id_69be4446_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center d-fc-primary",class:_vm.bannerInfoClass,attrs:{"data-qa":"banner-info"}},[_c('div',{staticClass:"d-top-banner-info__left"},[_vm._t("left")],2),_c('div',{staticClass:"d-top-banner-info__middle d-my4"},[_vm._t("default")],2),_c('div',{staticClass:"d-top-banner-info__right d-ta-right"},[_vm._t("right")],2)])}
22909
22889
  var top_banner_infovue_type_template_id_69be4446_staticRenderFns = []
@@ -22999,8 +22979,8 @@ var top_banner_info_component = normalizeComponent(
22999
22979
  ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/index.js
23000
22980
 
23001
22981
 
23002
- ;// 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/cards/ivr_node/ivr_node.vue?vue&type=template&id=5b6f101b&
23003
- var ivr_nodevue_type_template_id_5b6f101b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"d-zi-base1 d-ai-center d-jc-center d-d-flex d-w24 d-h24 d-bar-circle d-bc-purple-600 d-bgc-purple-600 d-mbn12 d-fc-white d-fs-200",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_c('div',{staticClass:"d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-600 d-bgc-purple-600 d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-300 d-px12 d-pt8 d-pb12","container-class":[
22982
+ ;// 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/cards/ivr_node/ivr_node.vue?vue&type=template&id=0696f265&
22983
+ var ivr_nodevue_type_template_id_0696f265_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"ivr-connector d-w24 d-h24 d-bar-circle d-mbn12 d-fc-white d-fs-200",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_vm._e(),(_vm.$slots.connector)?_vm._t("connector"):_vm._e(),(!_vm.dtmfKey && !_vm.$slots.connector)?_c('div',{staticClass:"ivr-connector d-w8 d-h8 d-bar-circle d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}):_vm._e(),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-300 d-px12 d-pt8 d-pb12","container-class":[
23004
22984
  'd-w100p',
23005
22985
  { 'd-ba d-bar8 d-baw4': _vm.isSelected },
23006
22986
  _vm.headerColor ],"header-class":[
@@ -23011,8 +22991,8 @@ var ivr_nodevue_type_template_id_5b6f101b_render = function () {var _vm=this;var
23011
22991
  _vm.headerColor,
23012
22992
  { 'd-btr4': !_vm.isSelected } ]},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-button',{attrs:{"aria-label":_vm.nodeType,"importance":"clear","data-qa":"dt-ivr-node-icon"},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{class:['d-fc-black-900', { 'ivr_node__goto_icon': _vm.isGotoNode }],attrs:{"name":_vm.nodeIcon,"size":"200"}})]},proxy:true}])}),_c('p',{staticClass:"d-fs-200 d-fw-bold",attrs:{"data-qa":"ivr-node-label"}},[_vm._v(" "+_vm._s(_vm.nodeLabel)+" ")])],1),_c('dt-dropdown',{attrs:{"placement":"bottom","open":_vm.isOpen},on:{"update:open":function($event){_vm.isOpen=$event}},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{attrs:{"importance":"clear","aria-label":_vm.menuButtonAriaLabel},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openMenu.apply(null, arguments)}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{staticClass:"d-fc-black-900",attrs:{"name":"more-vertical","size":"200"}})]},proxy:true}])})]},proxy:true},{key:"list",fn:function(ref){
23013
22993
  var close = ref.close;
23014
- return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems",null,{"close":close})],2)]}}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],1)}
23015
- var ivr_nodevue_type_template_id_5b6f101b_staticRenderFns = []
22994
+ return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems",null,{"close":close})],2)]}}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],2)}
22995
+ var ivr_nodevue_type_template_id_0696f265_staticRenderFns = []
23016
22996
 
23017
22997
 
23018
22998
  ;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node_constants.js
@@ -23166,6 +23146,8 @@ const IVR_NODE_COLOR_MAPPING = {
23166
23146
  //
23167
23147
  //
23168
23148
  //
23149
+ //
23150
+ //
23169
23151
 
23170
23152
 
23171
23153
 
@@ -23277,8 +23259,8 @@ var ivr_nodevue_type_style_index_0_lang_less_ = __webpack_require__(731);
23277
23259
 
23278
23260
  var ivr_node_component = normalizeComponent(
23279
23261
  ivr_node_ivr_nodevue_type_script_lang_js_,
23280
- ivr_nodevue_type_template_id_5b6f101b_render,
23281
- ivr_nodevue_type_template_id_5b6f101b_staticRenderFns,
23262
+ ivr_nodevue_type_template_id_0696f265_render,
23263
+ ivr_nodevue_type_template_id_0696f265_staticRenderFns,
23282
23264
  false,
23283
23265
  null,
23284
23266
  null,