@dialpad/dialtone-vue 2.29.2 → 2.30.0

package/dist/dialtone-vue.common.js

@@ -1160,6 +1160,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtRecipeComboboxMultiSelect": () => (/* reexport */ combobox_multi_select),
   "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
   "DtRecipeContactInfo": () => (/* reexport */ contact_info),
+  "DtRecipeGroupedChip": () => (/* reexport */ grouped_chip),
   "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
   "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
   "DtRootLayout": () => (/* reexport */ root_layout),
@@ -16404,9 +16405,9 @@ var checkbox_group_component = normalizeComponent(
 /* harmony default export */ const checkbox_group = (checkbox_group_component.exports);
 ;// CONCATENATED MODULE: ./components/checkbox_group/index.js
 
-;// 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&
-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)}
-var chipvue_type_template_id_3a0f690e_staticRenderFns = []
+;// 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&
+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)}
+var chipvue_type_template_id_2ea4cb7a_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/chip/chip_constants.js
@@ -16476,6 +16477,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 //
 //
 //
+//
 
 
 
@@ -16493,6 +16495,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
     IconClose: IconClose,
     DtButton: button_button
   },
+  inheritAttrs: false,
   props: {
     /**
      * 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 = {
   },
   methods: {
     chipClasses() {
-      return ['d-chip__label', CHIP_SIZE_MODIFIERS[this.size]];
+      return [this.$attrs['grouped-chip'] ? 'd-chip' : 'd-chip__label', CHIP_SIZE_MODIFIERS[this.size]];
     },
 
     chipCloseButtonClasses() {
@@ -16641,8 +16644,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 ;
 var chip_component = normalizeComponent(
   chip_chipvue_type_script_lang_js_,
-  chipvue_type_template_id_3a0f690e_render,
-  chipvue_type_template_id_3a0f690e_staticRenderFns,
+  chipvue_type_template_id_2ea4cb7a_render,
+  chipvue_type_template_id_2ea4cb7a_staticRenderFns,
   false,
   null,
   null,
@@ -21061,6 +21064,108 @@ var ivr_node_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/cards/ivr_node/index.js
 
 
+;// 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&
+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)}
+var grouped_chipvue_type_template_id_165f0fc6_staticRenderFns = []
+
+
+;// 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&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ const grouped_chipvue_type_script_lang_js_ = ({
+  name: 'DtRecipeGroupedChip',
+  components: {
+    DtChip: chip
+  },
+  computed: {}
+});
+;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=script&lang=js&
+ /* harmony default export */ const grouped_chip_grouped_chipvue_type_script_lang_js_ = (grouped_chipvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue
+
+
+
+
+
+/* normalize component */
+;
+var grouped_chip_component = normalizeComponent(
+  grouped_chip_grouped_chipvue_type_script_lang_js_,
+  grouped_chipvue_type_template_id_165f0fc6_render,
+  grouped_chipvue_type_template_id_165f0fc6_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
+;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
+
 ;// CONCATENATED MODULE: ./common/mixins/index.js
 
 
@@ -21108,6 +21213,7 @@ var ivr_node_component = normalizeComponent(
 
 
 
+
  // Mixins
 
  // Constants

package/dist/dialtone-vue.umd.js

@@ -1178,6 +1178,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtRecipeComboboxMultiSelect": () => (/* reexport */ combobox_multi_select),
   "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
   "DtRecipeContactInfo": () => (/* reexport */ contact_info),
+  "DtRecipeGroupedChip": () => (/* reexport */ grouped_chip),
   "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
   "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
   "DtRootLayout": () => (/* reexport */ root_layout),
@@ -16422,9 +16423,9 @@ var checkbox_group_component = normalizeComponent(
 /* harmony default export */ const checkbox_group = (checkbox_group_component.exports);
 ;// CONCATENATED MODULE: ./components/checkbox_group/index.js
 
-;// 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&
-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)}
-var chipvue_type_template_id_3a0f690e_staticRenderFns = []
+;// 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&
+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)}
+var chipvue_type_template_id_2ea4cb7a_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/chip/chip_constants.js
@@ -16494,6 +16495,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 //
 //
 //
+//
 
 
 
@@ -16511,6 +16513,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
     IconClose: IconClose,
     DtButton: button_button
   },
+  inheritAttrs: false,
   props: {
     /**
      * 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 = {
   },
   methods: {
     chipClasses() {
-      return ['d-chip__label', CHIP_SIZE_MODIFIERS[this.size]];
+      return [this.$attrs['grouped-chip'] ? 'd-chip' : 'd-chip__label', CHIP_SIZE_MODIFIERS[this.size]];
     },
 
     chipCloseButtonClasses() {
@@ -16659,8 +16662,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 ;
 var chip_component = normalizeComponent(
   chip_chipvue_type_script_lang_js_,
-  chipvue_type_template_id_3a0f690e_render,
-  chipvue_type_template_id_3a0f690e_staticRenderFns,
+  chipvue_type_template_id_2ea4cb7a_render,
+  chipvue_type_template_id_2ea4cb7a_staticRenderFns,
   false,
   null,
   null,
@@ -21079,6 +21082,108 @@ var ivr_node_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/cards/ivr_node/index.js
 
 
+;// 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&
+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)}
+var grouped_chipvue_type_template_id_165f0fc6_staticRenderFns = []
+
+
+;// 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&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ const grouped_chipvue_type_script_lang_js_ = ({
+  name: 'DtRecipeGroupedChip',
+  components: {
+    DtChip: chip
+  },
+  computed: {}
+});
+;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=script&lang=js&
+ /* harmony default export */ const grouped_chip_grouped_chipvue_type_script_lang_js_ = (grouped_chipvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue
+
+
+
+
+
+/* normalize component */
+;
+var grouped_chip_component = normalizeComponent(
+  grouped_chip_grouped_chipvue_type_script_lang_js_,
+  grouped_chipvue_type_template_id_165f0fc6_render,
+  grouped_chipvue_type_template_id_165f0fc6_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
+;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
+
 ;// CONCATENATED MODULE: ./common/mixins/index.js
 
 
@@ -21126,6 +21231,7 @@ var ivr_node_component = normalizeComponent(
 
 
 
+
  // Mixins
 
  // Constants