@dialpad/dialtone-vue 2.67.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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
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
+
1
13
  # [2.67.0](https://github.com/dialpad/dialtone-vue/compare/v2.66.0...v2.67.0) (2023-03-15)
2
14
 
3
15
 
@@ -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
 
@@ -22184,9 +22184,9 @@ var combobox_multi_select_component = normalizeComponent(
22184
22184
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22185
22185
 
22186
22186
 
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=83ef55d6&
22188
- 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)}
22189
- 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 = []
22190
22190
 
22191
22191
 
22192
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&
@@ -22303,6 +22303,14 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22303
22303
  default: ''
22304
22304
  },
22305
22305
 
22306
+ /**
22307
+ * Additional class name for the button text.
22308
+ */
22309
+ textClass: {
22310
+ type: [String, Array, Object],
22311
+ default: ''
22312
+ },
22313
+
22306
22314
  /*
22307
22315
  * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22308
22316
  */
@@ -22322,13 +22330,17 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22322
22330
  'click'],
22323
22331
  computed: {
22324
22332
  callbarButtonClass() {
22325
- return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', {
22333
+ return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', 'd-fc-black-900', {
22326
22334
  'dt-recipe-callbar-button--circle': this.circle,
22327
22335
  'dt-recipe-callbar-button--active': this.active,
22328
22336
  'dt-recipe-callbar-button--danger': this.danger
22329
22337
  }];
22330
22338
  },
22331
22339
 
22340
+ callbarButtonTextClass() {
22341
+ return ['d-fs-100 lg:d-d-none md:d-d-none sm:d-d-none', this.textClass];
22342
+ },
22343
+
22332
22344
  buttonWidth() {
22333
22345
  switch (this.buttonWidthSize) {
22334
22346
  case 'sm':
@@ -22361,8 +22373,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(759);
22361
22373
 
22362
22374
  var callbar_button_component = normalizeComponent(
22363
22375
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22364
- callbar_buttonvue_type_template_id_83ef55d6_render,
22365
- callbar_buttonvue_type_template_id_83ef55d6_staticRenderFns,
22376
+ callbar_buttonvue_type_template_id_86672db0_render,
22377
+ callbar_buttonvue_type_template_id_86672db0_staticRenderFns,
22366
22378
  false,
22367
22379
  null,
22368
22380
  null,
@@ -22373,9 +22385,9 @@ var callbar_button_component = normalizeComponent(
22373
22385
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
22374
22386
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
22375
22387
 
22376
- ;// 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&
22377
- 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)}
22378
- 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 = []
22379
22391
 
22380
22392
 
22381
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&
@@ -22452,6 +22464,7 @@ var callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns = [
22452
22464
  //
22453
22465
  //
22454
22466
  //
22467
+ //
22455
22468
 
22456
22469
 
22457
22470
 
@@ -22589,6 +22602,14 @@ var callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns = [
22589
22602
  default: ''
22590
22603
  },
22591
22604
 
22605
+ /**
22606
+ * Additional class name for the button text.
22607
+ */
22608
+ textClass: {
22609
+ type: [String, Array, Object],
22610
+ default: ''
22611
+ },
22612
+
22592
22613
  /*
22593
22614
  * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22594
22615
  */
@@ -22674,8 +22695,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
22674
22695
 
22675
22696
  var callbar_button_with_popover_component = normalizeComponent(
22676
22697
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
22677
- callbar_button_with_popovervue_type_template_id_86437b7c_render,
22678
- 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,
22679
22700
  false,
22680
22701
  null,
22681
22702
  null,
@@ -22948,8 +22969,8 @@ var top_banner_info_component = normalizeComponent(
22948
22969
  ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/index.js
22949
22970
 
22950
22971
 
22951
- ;// 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&
22952
- 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":[
22953
22974
  'd-w100p',
22954
22975
  { 'd-ba d-bar8 d-baw4': _vm.isSelected },
22955
22976
  _vm.headerColor ],"header-class":[
@@ -22960,8 +22981,8 @@ var ivr_nodevue_type_template_id_5b6f101b_render = function () {var _vm=this;var
22960
22981
  _vm.headerColor,
22961
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){
22962
22983
  var close = ref.close;
22963
- 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)}
22964
- 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 = []
22965
22986
 
22966
22987
 
22967
22988
  ;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node_constants.js
@@ -23115,6 +23136,8 @@ const IVR_NODE_COLOR_MAPPING = {
23115
23136
  //
23116
23137
  //
23117
23138
  //
23139
+ //
23140
+ //
23118
23141
 
23119
23142
 
23120
23143
 
@@ -23226,8 +23249,8 @@ var ivr_nodevue_type_style_index_0_lang_less_ = __webpack_require__(212);
23226
23249
 
23227
23250
  var ivr_node_component = normalizeComponent(
23228
23251
  ivr_node_ivr_nodevue_type_script_lang_js_,
23229
- ivr_nodevue_type_template_id_5b6f101b_render,
23230
- ivr_nodevue_type_template_id_5b6f101b_staticRenderFns,
23252
+ ivr_nodevue_type_template_id_0696f265_render,
23253
+ ivr_nodevue_type_template_id_0696f265_staticRenderFns,
23231
23254
  false,
23232
23255
  null,
23233
23256
  null,
@@ -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
 
@@ -22194,9 +22194,9 @@ var combobox_multi_select_component = normalizeComponent(
22194
22194
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22195
22195
 
22196
22196
 
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=83ef55d6&
22198
- 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)}
22199
- 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 = []
22200
22200
 
22201
22201
 
22202
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&
@@ -22313,6 +22313,14 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22313
22313
  default: ''
22314
22314
  },
22315
22315
 
22316
+ /**
22317
+ * Additional class name for the button text.
22318
+ */
22319
+ textClass: {
22320
+ type: [String, Array, Object],
22321
+ default: ''
22322
+ },
22323
+
22316
22324
  /*
22317
22325
  * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22318
22326
  */
@@ -22332,13 +22340,17 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22332
22340
  'click'],
22333
22341
  computed: {
22334
22342
  callbarButtonClass() {
22335
- return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', {
22343
+ return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', 'd-fc-black-900', {
22336
22344
  'dt-recipe-callbar-button--circle': this.circle,
22337
22345
  'dt-recipe-callbar-button--active': this.active,
22338
22346
  'dt-recipe-callbar-button--danger': this.danger
22339
22347
  }];
22340
22348
  },
22341
22349
 
22350
+ callbarButtonTextClass() {
22351
+ return ['d-fs-100 lg:d-d-none md:d-d-none sm:d-d-none', this.textClass];
22352
+ },
22353
+
22342
22354
  buttonWidth() {
22343
22355
  switch (this.buttonWidthSize) {
22344
22356
  case 'sm':
@@ -22371,8 +22383,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(736);
22371
22383
 
22372
22384
  var callbar_button_component = normalizeComponent(
22373
22385
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22374
- callbar_buttonvue_type_template_id_83ef55d6_render,
22375
- callbar_buttonvue_type_template_id_83ef55d6_staticRenderFns,
22386
+ callbar_buttonvue_type_template_id_86672db0_render,
22387
+ callbar_buttonvue_type_template_id_86672db0_staticRenderFns,
22376
22388
  false,
22377
22389
  null,
22378
22390
  null,
@@ -22383,9 +22395,9 @@ var callbar_button_component = normalizeComponent(
22383
22395
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
22384
22396
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
22385
22397
 
22386
- ;// 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&
22387
- 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)}
22388
- 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 = []
22389
22401
 
22390
22402
 
22391
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&
@@ -22462,6 +22474,7 @@ var callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns = [
22462
22474
  //
22463
22475
  //
22464
22476
  //
22477
+ //
22465
22478
 
22466
22479
 
22467
22480
 
@@ -22599,6 +22612,14 @@ var callbar_button_with_popovervue_type_template_id_86437b7c_staticRenderFns = [
22599
22612
  default: ''
22600
22613
  },
22601
22614
 
22615
+ /**
22616
+ * Additional class name for the button text.
22617
+ */
22618
+ textClass: {
22619
+ type: [String, Array, Object],
22620
+ default: ''
22621
+ },
22622
+
22602
22623
  /*
22603
22624
  * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22604
22625
  */
@@ -22684,8 +22705,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
22684
22705
 
22685
22706
  var callbar_button_with_popover_component = normalizeComponent(
22686
22707
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
22687
- callbar_button_with_popovervue_type_template_id_86437b7c_render,
22688
- 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,
22689
22710
  false,
22690
22711
  null,
22691
22712
  null,
@@ -22958,8 +22979,8 @@ var top_banner_info_component = normalizeComponent(
22958
22979
  ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/index.js
22959
22980
 
22960
22981
 
22961
- ;// 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&
22962
- 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":[
22963
22984
  'd-w100p',
22964
22985
  { 'd-ba d-bar8 d-baw4': _vm.isSelected },
22965
22986
  _vm.headerColor ],"header-class":[
@@ -22970,8 +22991,8 @@ var ivr_nodevue_type_template_id_5b6f101b_render = function () {var _vm=this;var
22970
22991
  _vm.headerColor,
22971
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){
22972
22993
  var close = ref.close;
22973
- 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)}
22974
- 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 = []
22975
22996
 
22976
22997
 
22977
22998
  ;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node_constants.js
@@ -23125,6 +23146,8 @@ const IVR_NODE_COLOR_MAPPING = {
23125
23146
  //
23126
23147
  //
23127
23148
  //
23149
+ //
23150
+ //
23128
23151
 
23129
23152
 
23130
23153
 
@@ -23236,8 +23259,8 @@ var ivr_nodevue_type_style_index_0_lang_less_ = __webpack_require__(731);
23236
23259
 
23237
23260
  var ivr_node_component = normalizeComponent(
23238
23261
  ivr_node_ivr_nodevue_type_script_lang_js_,
23239
- ivr_nodevue_type_template_id_5b6f101b_render,
23240
- ivr_nodevue_type_template_id_5b6f101b_staticRenderFns,
23262
+ ivr_nodevue_type_template_id_0696f265_render,
23263
+ ivr_nodevue_type_template_id_0696f265_staticRenderFns,
23241
23264
  false,
23242
23265
  null,
23243
23266
  null,