@dialpad/dialtone-vue 2.29.2 → 2.31.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 (5) hide show
  1. package/dist/component-documentation.json +1 -1
  2. package/dist/dialtone-vue.common.js +131 -17
  3. package/dist/dialtone-vue.umd.js +133 -19
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -1160,6 +1160,7 @@ __webpack_require__.d(__webpack_exports__, {
1160
1160
  "DtRecipeComboboxMultiSelect": () => (/* reexport */ combobox_multi_select),
1161
1161
  "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
1162
1162
  "DtRecipeContactInfo": () => (/* reexport */ contact_info),
1163
+ "DtRecipeGroupedChip": () => (/* reexport */ grouped_chip),
1163
1164
  "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
1164
1165
  "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
1165
1166
  "DtRootLayout": () => (/* reexport */ root_layout),
@@ -6392,8 +6393,8 @@ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,
6392
6393
  var dropdownvue_type_template_id_0ddf9e89_staticRenderFns = []
6393
6394
 
6394
6395
 
6395
- ;// 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/popover/popover.vue?vue&type=template&id=025312b0&
6396
- var popovervue_type_template_id_025312b0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--modal-opened': _vm.modal && _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":function($event){$event.preventDefault();return _vm.onContext.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
6396
+ ;// 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/popover/popover.vue?vue&type=template&id=c06c43b6&
6397
+ var popovervue_type_template_id_c06c43b6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--modal-opened': _vm.modal && _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":function($event){$event.preventDefault();return _vm.onContext.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
6397
6398
  'aria-expanded': _vm.isOpen.toString(),
6398
6399
  'aria-controls': _vm.id,
6399
6400
  'aria-haspopup': _vm.role,
@@ -6404,7 +6405,7 @@ var popovervue_type_template_id_025312b0_render = function () {var _vm=this;var
6404
6405
  'd-popover__content',
6405
6406
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
6406
6407
  _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover}),(_vm.visuallyHiddenClose)?_c('dt-button',{staticClass:"d-vi-visible-sr",attrs:{"data-qa":"dt-popover-sr-only-close","aria-label":_vm.visuallyHiddenCloseLabel},on:{"click":_vm.closePopover}},[_c('icon-close')],1):_vm._e()],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{ref:"popover__footer",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"type":"footer","content-class":_vm.footerClass},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e()],1)],1)],1)}
6407
- var popovervue_type_template_id_025312b0_staticRenderFns = []
6408
+ var popovervue_type_template_id_c06c43b6_staticRenderFns = []
6408
6409
 
6409
6410
 
6410
6411
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -11696,7 +11697,7 @@ var popover_header_footer_component = normalizeComponent(
11696
11697
  */
11697
11698
  visuallyHiddenClose: {
11698
11699
  type: Boolean,
11699
- default: true
11700
+ default: false
11700
11701
  },
11701
11702
 
11702
11703
  /**
@@ -12088,8 +12089,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(230);
12088
12089
 
12089
12090
  var popover_component = normalizeComponent(
12090
12091
  popover_popovervue_type_script_lang_js_,
12091
- popovervue_type_template_id_025312b0_render,
12092
- popovervue_type_template_id_025312b0_staticRenderFns,
12092
+ popovervue_type_template_id_c06c43b6_render,
12093
+ popovervue_type_template_id_c06c43b6_staticRenderFns,
12093
12094
  false,
12094
12095
  null,
12095
12096
  null,
@@ -16404,9 +16405,9 @@ var checkbox_group_component = normalizeComponent(
16404
16405
  /* harmony default export */ const checkbox_group = (checkbox_group_component.exports);
16405
16406
  ;// CONCATENATED MODULE: ./components/checkbox_group/index.js
16406
16407
 
16407
- ;// 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/chip/chip.vue?vue&type=template&id=3a0f690e&
16408
- var chipvue_type_template_id_3a0f690e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"d-chip"},[_c(_vm.interactive ? 'button' : 'span',_vm._g({tag:"component",class:_vm.chipClasses(),attrs:{"id":_vm.id,"type":_vm.interactive && 'button',"data-qa":"dt-chip","aria-labelledby":_vm.ariaLabel ? undefined : (_vm.id + "-content"),"aria-label":_vm.ariaLabel}},_vm.chipListeners),[(_vm.$slots.icon)?_c('span',{staticClass:"d-chip__icon",attrs:{"data-qa":"dt-chip-icon"}},[_vm._t("icon")],2):(_vm.$slots.avatar)?_c('span',{attrs:{"data-qa":"dt-chip-avatar"}},[_vm._t("avatar")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-truncate', 'd-chip__text', _vm.contentClass],attrs:{"id":(_vm.id + "-content"),"data-qa":"dt-chip-label"}},[_vm._t("default")],2):_vm._e()]),(!_vm.hideClose)?_c('dt-button',_vm._b({class:_vm.chipCloseButtonClasses(),attrs:{"data-qa":"dt-chip-close","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
16409
- var chipvue_type_template_id_3a0f690e_staticRenderFns = []
16408
+ ;// 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/chip/chip.vue?vue&type=template&id=2ea4cb7a&
16409
+ var chipvue_type_template_id_2ea4cb7a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"d-chip"},[_c(_vm.interactive ? 'button' : 'span',_vm._g(_vm._b({tag:"component",class:_vm.chipClasses(),attrs:{"id":_vm.id,"type":_vm.interactive && 'button',"data-qa":"dt-chip","aria-labelledby":_vm.ariaLabel ? undefined : (_vm.id + "-content"),"aria-label":_vm.ariaLabel}},'component',_vm.$attrs,false),_vm.chipListeners),[(_vm.$slots.icon)?_c('span',{staticClass:"d-chip__icon",attrs:{"data-qa":"dt-chip-icon"}},[_vm._t("icon")],2):(_vm.$slots.avatar)?_c('span',{attrs:{"data-qa":"dt-chip-avatar"}},[_vm._t("avatar")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-truncate', 'd-chip__text', _vm.contentClass],attrs:{"id":(_vm.id + "-content"),"data-qa":"dt-chip-label"}},[_vm._t("default")],2):_vm._e()]),(!_vm.hideClose)?_c('dt-button',_vm._b({class:_vm.chipCloseButtonClasses(),attrs:{"data-qa":"dt-chip-close","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
16410
+ var chipvue_type_template_id_2ea4cb7a_staticRenderFns = []
16410
16411
 
16411
16412
 
16412
16413
  ;// CONCATENATED MODULE: ./components/chip/chip_constants.js
@@ -16476,6 +16477,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
16476
16477
  //
16477
16478
  //
16478
16479
  //
16480
+ //
16479
16481
 
16480
16482
 
16481
16483
 
@@ -16493,6 +16495,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
16493
16495
  IconClose: IconClose,
16494
16496
  DtButton: button_button
16495
16497
  },
16498
+ inheritAttrs: false,
16496
16499
  props: {
16497
16500
  /**
16498
16501
  * A set of props to be passed into the modal's close button. Requires an 'ariaLabel' property.
@@ -16614,7 +16617,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
16614
16617
  },
16615
16618
  methods: {
16616
16619
  chipClasses() {
16617
- return ['d-chip__label', CHIP_SIZE_MODIFIERS[this.size]];
16620
+ return [this.$attrs['grouped-chip'] ? 'd-chip' : 'd-chip__label', CHIP_SIZE_MODIFIERS[this.size]];
16618
16621
  },
16619
16622
 
16620
16623
  chipCloseButtonClasses() {
@@ -16641,8 +16644,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
16641
16644
  ;
16642
16645
  var chip_component = normalizeComponent(
16643
16646
  chip_chipvue_type_script_lang_js_,
16644
- chipvue_type_template_id_3a0f690e_render,
16645
- chipvue_type_template_id_3a0f690e_staticRenderFns,
16647
+ chipvue_type_template_id_2ea4cb7a_render,
16648
+ chipvue_type_template_id_2ea4cb7a_staticRenderFns,
16646
16649
  false,
16647
16650
  null,
16648
16651
  null,
@@ -19938,9 +19941,9 @@ var callbar_button_component = normalizeComponent(
19938
19941
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
19939
19942
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
19940
19943
 
19941
- ;// 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=4848a4c1&
19942
- var callbar_button_with_popovervue_type_template_id_4848a4c1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_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},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":"d-h464 d-w512 dt-recipe--callbar-button-with-popover--popover","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',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",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('icon-arrow-drop-up',{staticClass:"d-svg--size-16"})]},proxy:true}],null,false,2876394386)})]},proxy:true}],null,false,685243388)},'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)}
19943
- var callbar_button_with_popovervue_type_template_id_4848a4c1_staticRenderFns = []
19944
+ ;// 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=29f54f8a&
19945
+ var callbar_button_with_popovervue_type_template_id_29f54f8a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_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},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',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",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('icon-arrow-drop-up',{staticClass:"d-svg--size-16"})]},proxy:true}],null,false,2876394386)})]},proxy:true}],null,false,685243388)},'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)}
19946
+ var callbar_button_with_popovervue_type_template_id_29f54f8a_staticRenderFns = []
19944
19947
 
19945
19948
 
19946
19949
  ;// 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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDropUp.vue?vue&type=template&id=65ee6042&
@@ -20172,6 +20175,14 @@ var IconArrowDropUp_component = normalizeComponent(
20172
20175
  buttonClass: {
20173
20176
  type: [String, Array, Object],
20174
20177
  default: ''
20178
+ },
20179
+
20180
+ /**
20181
+ * Additional class name for the popover content wrapper element.
20182
+ */
20183
+ contentClass: {
20184
+ type: [String, Array, Object],
20185
+ default: ''
20175
20186
  }
20176
20187
  },
20177
20188
  emits: [
@@ -20238,8 +20249,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
20238
20249
 
20239
20250
  var callbar_button_with_popover_component = normalizeComponent(
20240
20251
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
20241
- callbar_button_with_popovervue_type_template_id_4848a4c1_render,
20242
- callbar_button_with_popovervue_type_template_id_4848a4c1_staticRenderFns,
20252
+ callbar_button_with_popovervue_type_template_id_29f54f8a_render,
20253
+ callbar_button_with_popovervue_type_template_id_29f54f8a_staticRenderFns,
20243
20254
  false,
20244
20255
  null,
20245
20256
  null,
@@ -21061,6 +21072,108 @@ var ivr_node_component = normalizeComponent(
21061
21072
  ;// CONCATENATED MODULE: ./recipes/cards/ivr_node/index.js
21062
21073
 
21063
21074
 
21075
+ ;// 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/chips/grouped_chip/grouped_chip.vue?vue&type=template&id=165f0fc6&
21076
+ var grouped_chipvue_type_template_id_165f0fc6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"grouped-chip"}},[_c('dt-chip',{staticClass:"d-blr-pill d-bgc-black-050",attrs:{"hide-close":true,"interactive":false,"content-class":"d-fs12","size":"xs","grouped-chip":true},scopedSlots:_vm._u([(_vm.$slots.leftIcon)?{key:"icon",fn:function(){return [(_vm.$slots.leftIcon)?_c('div',{attrs:{"data-qa":"left-grouped-chip-icon"}},[_vm._t("leftIcon")],2):_vm._e()]},proxy:true}:null,{key:"default",fn:function(){return [(_vm.$slots.leftContent)?_c('div',{attrs:{"data-qa":"left-grouped-chip-content"}},[_vm._t("leftContent")],2):_vm._e()]},proxy:true}],null,true)}),_c('dt-chip',{staticClass:"d-brr-pill d-bgc-purple-200 d-mln6",attrs:{"hide-close":true,"interactive":false,"content-class":"d-fs12","size":"xs","grouped-chip":true},scopedSlots:_vm._u([{key:"icon",fn:function(){return [(_vm.$slots.rightIcon)?_c('div',{attrs:{"data-qa":"right-grouped-chip-icon"}},[_vm._t("rightIcon")],2):_vm._e()]},proxy:true},{key:"default",fn:function(){return [(_vm.$slots.rightContent)?_c('div',{attrs:{"data-qa":"right-grouped-chip-content"}},[_vm._t("rightContent")],2):_vm._e()]},proxy:true}],null,true)})],1)}
21077
+ var grouped_chipvue_type_template_id_165f0fc6_staticRenderFns = []
21078
+
21079
+
21080
+ ;// 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/chips/grouped_chip/grouped_chip.vue?vue&type=script&lang=js&
21081
+ //
21082
+ //
21083
+ //
21084
+ //
21085
+ //
21086
+ //
21087
+ //
21088
+ //
21089
+ //
21090
+ //
21091
+ //
21092
+ //
21093
+ //
21094
+ //
21095
+ //
21096
+ //
21097
+ //
21098
+ //
21099
+ //
21100
+ //
21101
+ //
21102
+ //
21103
+ //
21104
+ //
21105
+ //
21106
+ //
21107
+ //
21108
+ //
21109
+ //
21110
+ //
21111
+ //
21112
+ //
21113
+ //
21114
+ //
21115
+ //
21116
+ //
21117
+ //
21118
+ //
21119
+ //
21120
+ //
21121
+ //
21122
+ //
21123
+ //
21124
+ //
21125
+ //
21126
+ //
21127
+ //
21128
+ //
21129
+ //
21130
+ //
21131
+ //
21132
+ //
21133
+ //
21134
+ //
21135
+ //
21136
+ //
21137
+ //
21138
+ //
21139
+ //
21140
+ //
21141
+ //
21142
+ //
21143
+ //
21144
+ //
21145
+
21146
+ /* harmony default export */ const grouped_chipvue_type_script_lang_js_ = ({
21147
+ name: 'DtRecipeGroupedChip',
21148
+ components: {
21149
+ DtChip: chip
21150
+ },
21151
+ computed: {}
21152
+ });
21153
+ ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=script&lang=js&
21154
+ /* harmony default export */ const grouped_chip_grouped_chipvue_type_script_lang_js_ = (grouped_chipvue_type_script_lang_js_);
21155
+ ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue
21156
+
21157
+
21158
+
21159
+
21160
+
21161
+ /* normalize component */
21162
+ ;
21163
+ var grouped_chip_component = normalizeComponent(
21164
+ grouped_chip_grouped_chipvue_type_script_lang_js_,
21165
+ grouped_chipvue_type_template_id_165f0fc6_render,
21166
+ grouped_chipvue_type_template_id_165f0fc6_staticRenderFns,
21167
+ false,
21168
+ null,
21169
+ null,
21170
+ null
21171
+
21172
+ )
21173
+
21174
+ /* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
21175
+ ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
21176
+
21064
21177
  ;// CONCATENATED MODULE: ./common/mixins/index.js
21065
21178
 
21066
21179
 
@@ -21108,6 +21221,7 @@ var ivr_node_component = normalizeComponent(
21108
21221
 
21109
21222
 
21110
21223
 
21224
+
21111
21225
  // Mixins
21112
21226
 
21113
21227
  // Constants
package/dist/dialtone-vue.umd.js CHANGED
@@ -692,7 +692,7 @@ var update = add("b3321ef2", content, true, {"sourceMap":false,"shadowMode":fals
692
692
 
693
693
  /***/ }),
694
694
 
695
- /***/ 228:
695
+ /***/ 237:
696
696
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
697
697
 
698
698
  // style-loader: Adds some css to the DOM by adding a <style> tag
@@ -1178,6 +1178,7 @@ __webpack_require__.d(__webpack_exports__, {
1178
1178
  "DtRecipeComboboxMultiSelect": () => (/* reexport */ combobox_multi_select),
1179
1179
  "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
1180
1180
  "DtRecipeContactInfo": () => (/* reexport */ contact_info),
1181
+ "DtRecipeGroupedChip": () => (/* reexport */ grouped_chip),
1181
1182
  "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
1182
1183
  "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
1183
1184
  "DtRootLayout": () => (/* reexport */ root_layout),
@@ -6410,8 +6411,8 @@ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,
6410
6411
  var dropdownvue_type_template_id_0ddf9e89_staticRenderFns = []
6411
6412
 
6412
6413
 
6413
- ;// 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/popover/popover.vue?vue&type=template&id=025312b0&
6414
- var popovervue_type_template_id_025312b0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--modal-opened': _vm.modal && _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":function($event){$event.preventDefault();return _vm.onContext.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
6414
+ ;// 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/popover/popover.vue?vue&type=template&id=c06c43b6&
6415
+ var popovervue_type_template_id_c06c43b6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--modal-opened': _vm.modal && _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":function($event){$event.preventDefault();return _vm.onContext.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
6415
6416
  'aria-expanded': _vm.isOpen.toString(),
6416
6417
  'aria-controls': _vm.id,
6417
6418
  'aria-haspopup': _vm.role,
@@ -6422,7 +6423,7 @@ var popovervue_type_template_id_025312b0_render = function () {var _vm=this;var
6422
6423
  'd-popover__content',
6423
6424
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
6424
6425
  _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover}),(_vm.visuallyHiddenClose)?_c('dt-button',{staticClass:"d-vi-visible-sr",attrs:{"data-qa":"dt-popover-sr-only-close","aria-label":_vm.visuallyHiddenCloseLabel},on:{"click":_vm.closePopover}},[_c('icon-close')],1):_vm._e()],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{ref:"popover__footer",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"type":"footer","content-class":_vm.footerClass},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e()],1)],1)],1)}
6425
- var popovervue_type_template_id_025312b0_staticRenderFns = []
6426
+ var popovervue_type_template_id_c06c43b6_staticRenderFns = []
6426
6427
 
6427
6428
 
6428
6429
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -11714,7 +11715,7 @@ var popover_header_footer_component = normalizeComponent(
11714
11715
  */
11715
11716
  visuallyHiddenClose: {
11716
11717
  type: Boolean,
11717
- default: true
11718
+ default: false
11718
11719
  },
11719
11720
 
11720
11721
  /**
@@ -12106,8 +12107,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(532);
12106
12107
 
12107
12108
  var popover_component = normalizeComponent(
12108
12109
  popover_popovervue_type_script_lang_js_,
12109
- popovervue_type_template_id_025312b0_render,
12110
- popovervue_type_template_id_025312b0_staticRenderFns,
12110
+ popovervue_type_template_id_c06c43b6_render,
12111
+ popovervue_type_template_id_c06c43b6_staticRenderFns,
12111
12112
  false,
12112
12113
  null,
12113
12114
  null,
@@ -16422,9 +16423,9 @@ var checkbox_group_component = normalizeComponent(
16422
16423
  /* harmony default export */ const checkbox_group = (checkbox_group_component.exports);
16423
16424
  ;// CONCATENATED MODULE: ./components/checkbox_group/index.js
16424
16425
 
16425
- ;// 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/chip/chip.vue?vue&type=template&id=3a0f690e&
16426
- var chipvue_type_template_id_3a0f690e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"d-chip"},[_c(_vm.interactive ? 'button' : 'span',_vm._g({tag:"component",class:_vm.chipClasses(),attrs:{"id":_vm.id,"type":_vm.interactive && 'button',"data-qa":"dt-chip","aria-labelledby":_vm.ariaLabel ? undefined : (_vm.id + "-content"),"aria-label":_vm.ariaLabel}},_vm.chipListeners),[(_vm.$slots.icon)?_c('span',{staticClass:"d-chip__icon",attrs:{"data-qa":"dt-chip-icon"}},[_vm._t("icon")],2):(_vm.$slots.avatar)?_c('span',{attrs:{"data-qa":"dt-chip-avatar"}},[_vm._t("avatar")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-truncate', 'd-chip__text', _vm.contentClass],attrs:{"id":(_vm.id + "-content"),"data-qa":"dt-chip-label"}},[_vm._t("default")],2):_vm._e()]),(!_vm.hideClose)?_c('dt-button',_vm._b({class:_vm.chipCloseButtonClasses(),attrs:{"data-qa":"dt-chip-close","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
16427
- var chipvue_type_template_id_3a0f690e_staticRenderFns = []
16426
+ ;// 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/chip/chip.vue?vue&type=template&id=2ea4cb7a&
16427
+ var chipvue_type_template_id_2ea4cb7a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"d-chip"},[_c(_vm.interactive ? 'button' : 'span',_vm._g(_vm._b({tag:"component",class:_vm.chipClasses(),attrs:{"id":_vm.id,"type":_vm.interactive && 'button',"data-qa":"dt-chip","aria-labelledby":_vm.ariaLabel ? undefined : (_vm.id + "-content"),"aria-label":_vm.ariaLabel}},'component',_vm.$attrs,false),_vm.chipListeners),[(_vm.$slots.icon)?_c('span',{staticClass:"d-chip__icon",attrs:{"data-qa":"dt-chip-icon"}},[_vm._t("icon")],2):(_vm.$slots.avatar)?_c('span',{attrs:{"data-qa":"dt-chip-avatar"}},[_vm._t("avatar")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-truncate', 'd-chip__text', _vm.contentClass],attrs:{"id":(_vm.id + "-content"),"data-qa":"dt-chip-label"}},[_vm._t("default")],2):_vm._e()]),(!_vm.hideClose)?_c('dt-button',_vm._b({class:_vm.chipCloseButtonClasses(),attrs:{"data-qa":"dt-chip-close","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
16428
+ var chipvue_type_template_id_2ea4cb7a_staticRenderFns = []
16428
16429
 
16429
16430
 
16430
16431
  ;// CONCATENATED MODULE: ./components/chip/chip_constants.js
@@ -16494,6 +16495,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
16494
16495
  //
16495
16496
  //
16496
16497
  //
16498
+ //
16497
16499
 
16498
16500
 
16499
16501
 
@@ -16511,6 +16513,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
16511
16513
  IconClose: IconClose,
16512
16514
  DtButton: button_button
16513
16515
  },
16516
+ inheritAttrs: false,
16514
16517
  props: {
16515
16518
  /**
16516
16519
  * A set of props to be passed into the modal's close button. Requires an 'ariaLabel' property.
@@ -16632,7 +16635,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
16632
16635
  },
16633
16636
  methods: {
16634
16637
  chipClasses() {
16635
- return ['d-chip__label', CHIP_SIZE_MODIFIERS[this.size]];
16638
+ return [this.$attrs['grouped-chip'] ? 'd-chip' : 'd-chip__label', CHIP_SIZE_MODIFIERS[this.size]];
16636
16639
  },
16637
16640
 
16638
16641
  chipCloseButtonClasses() {
@@ -16659,8 +16662,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
16659
16662
  ;
16660
16663
  var chip_component = normalizeComponent(
16661
16664
  chip_chipvue_type_script_lang_js_,
16662
- chipvue_type_template_id_3a0f690e_render,
16663
- chipvue_type_template_id_3a0f690e_staticRenderFns,
16665
+ chipvue_type_template_id_2ea4cb7a_render,
16666
+ chipvue_type_template_id_2ea4cb7a_staticRenderFns,
16664
16667
  false,
16665
16668
  null,
16666
16669
  null,
@@ -17946,7 +17949,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
17946
17949
  ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js&
17947
17950
  /* harmony default export */ const tooltip_tooltipvue_type_script_lang_js_ = (tooltipvue_type_script_lang_js_);
17948
17951
  // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-72[0].rules[0].use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-72[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-72[0].rules[0].use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-72[0].rules[0].use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-72[0].rules[0].use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=style&index=0&lang=less&
17949
- var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__(228);
17952
+ var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__(237);
17950
17953
  ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&lang=less&
17951
17954
 
17952
17955
  ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
@@ -19956,9 +19959,9 @@ var callbar_button_component = normalizeComponent(
19956
19959
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
19957
19960
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
19958
19961
 
19959
- ;// 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=4848a4c1&
19960
- var callbar_button_with_popovervue_type_template_id_4848a4c1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_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},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":"d-h464 d-w512 dt-recipe--callbar-button-with-popover--popover","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',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",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('icon-arrow-drop-up',{staticClass:"d-svg--size-16"})]},proxy:true}],null,false,2876394386)})]},proxy:true}],null,false,685243388)},'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)}
19961
- var callbar_button_with_popovervue_type_template_id_4848a4c1_staticRenderFns = []
19962
+ ;// 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=29f54f8a&
19963
+ var callbar_button_with_popovervue_type_template_id_29f54f8a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_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},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',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",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('icon-arrow-drop-up',{staticClass:"d-svg--size-16"})]},proxy:true}],null,false,2876394386)})]},proxy:true}],null,false,685243388)},'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)}
19964
+ var callbar_button_with_popovervue_type_template_id_29f54f8a_staticRenderFns = []
19962
19965
 
19963
19966
 
19964
19967
  ;// 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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDropUp.vue?vue&type=template&id=65ee6042&
@@ -20190,6 +20193,14 @@ var IconArrowDropUp_component = normalizeComponent(
20190
20193
  buttonClass: {
20191
20194
  type: [String, Array, Object],
20192
20195
  default: ''
20196
+ },
20197
+
20198
+ /**
20199
+ * Additional class name for the popover content wrapper element.
20200
+ */
20201
+ contentClass: {
20202
+ type: [String, Array, Object],
20203
+ default: ''
20193
20204
  }
20194
20205
  },
20195
20206
  emits: [
@@ -20256,8 +20267,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
20256
20267
 
20257
20268
  var callbar_button_with_popover_component = normalizeComponent(
20258
20269
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
20259
- callbar_button_with_popovervue_type_template_id_4848a4c1_render,
20260
- callbar_button_with_popovervue_type_template_id_4848a4c1_staticRenderFns,
20270
+ callbar_button_with_popovervue_type_template_id_29f54f8a_render,
20271
+ callbar_button_with_popovervue_type_template_id_29f54f8a_staticRenderFns,
20261
20272
  false,
20262
20273
  null,
20263
20274
  null,
@@ -21079,6 +21090,108 @@ var ivr_node_component = normalizeComponent(
21079
21090
  ;// CONCATENATED MODULE: ./recipes/cards/ivr_node/index.js
21080
21091
 
21081
21092
 
21093
+ ;// 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/chips/grouped_chip/grouped_chip.vue?vue&type=template&id=165f0fc6&
21094
+ var grouped_chipvue_type_template_id_165f0fc6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"grouped-chip"}},[_c('dt-chip',{staticClass:"d-blr-pill d-bgc-black-050",attrs:{"hide-close":true,"interactive":false,"content-class":"d-fs12","size":"xs","grouped-chip":true},scopedSlots:_vm._u([(_vm.$slots.leftIcon)?{key:"icon",fn:function(){return [(_vm.$slots.leftIcon)?_c('div',{attrs:{"data-qa":"left-grouped-chip-icon"}},[_vm._t("leftIcon")],2):_vm._e()]},proxy:true}:null,{key:"default",fn:function(){return [(_vm.$slots.leftContent)?_c('div',{attrs:{"data-qa":"left-grouped-chip-content"}},[_vm._t("leftContent")],2):_vm._e()]},proxy:true}],null,true)}),_c('dt-chip',{staticClass:"d-brr-pill d-bgc-purple-200 d-mln6",attrs:{"hide-close":true,"interactive":false,"content-class":"d-fs12","size":"xs","grouped-chip":true},scopedSlots:_vm._u([{key:"icon",fn:function(){return [(_vm.$slots.rightIcon)?_c('div',{attrs:{"data-qa":"right-grouped-chip-icon"}},[_vm._t("rightIcon")],2):_vm._e()]},proxy:true},{key:"default",fn:function(){return [(_vm.$slots.rightContent)?_c('div',{attrs:{"data-qa":"right-grouped-chip-content"}},[_vm._t("rightContent")],2):_vm._e()]},proxy:true}],null,true)})],1)}
21095
+ var grouped_chipvue_type_template_id_165f0fc6_staticRenderFns = []
21096
+
21097
+
21098
+ ;// 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/chips/grouped_chip/grouped_chip.vue?vue&type=script&lang=js&
21099
+ //
21100
+ //
21101
+ //
21102
+ //
21103
+ //
21104
+ //
21105
+ //
21106
+ //
21107
+ //
21108
+ //
21109
+ //
21110
+ //
21111
+ //
21112
+ //
21113
+ //
21114
+ //
21115
+ //
21116
+ //
21117
+ //
21118
+ //
21119
+ //
21120
+ //
21121
+ //
21122
+ //
21123
+ //
21124
+ //
21125
+ //
21126
+ //
21127
+ //
21128
+ //
21129
+ //
21130
+ //
21131
+ //
21132
+ //
21133
+ //
21134
+ //
21135
+ //
21136
+ //
21137
+ //
21138
+ //
21139
+ //
21140
+ //
21141
+ //
21142
+ //
21143
+ //
21144
+ //
21145
+ //
21146
+ //
21147
+ //
21148
+ //
21149
+ //
21150
+ //
21151
+ //
21152
+ //
21153
+ //
21154
+ //
21155
+ //
21156
+ //
21157
+ //
21158
+ //
21159
+ //
21160
+ //
21161
+ //
21162
+ //
21163
+
21164
+ /* harmony default export */ const grouped_chipvue_type_script_lang_js_ = ({
21165
+ name: 'DtRecipeGroupedChip',
21166
+ components: {
21167
+ DtChip: chip
21168
+ },
21169
+ computed: {}
21170
+ });
21171
+ ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=script&lang=js&
21172
+ /* harmony default export */ const grouped_chip_grouped_chipvue_type_script_lang_js_ = (grouped_chipvue_type_script_lang_js_);
21173
+ ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue
21174
+
21175
+
21176
+
21177
+
21178
+
21179
+ /* normalize component */
21180
+ ;
21181
+ var grouped_chip_component = normalizeComponent(
21182
+ grouped_chip_grouped_chipvue_type_script_lang_js_,
21183
+ grouped_chipvue_type_template_id_165f0fc6_render,
21184
+ grouped_chipvue_type_template_id_165f0fc6_staticRenderFns,
21185
+ false,
21186
+ null,
21187
+ null,
21188
+ null
21189
+
21190
+ )
21191
+
21192
+ /* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
21193
+ ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
21194
+
21082
21195
  ;// CONCATENATED MODULE: ./common/mixins/index.js
21083
21196
 
21084
21197
 
@@ -21126,6 +21239,7 @@ var ivr_node_component = normalizeComponent(
21126
21239
 
21127
21240
 
21128
21241
 
21242
+
21129
21243
  // Mixins
21130
21244
 
21131
21245
  // Constants