@dialpad/dialtone-vue 2.76.0 → 2.77.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +13 -0
  3. package/dist/dialtone-vue.common.js +53 -16
  4. package/dist/dialtone-vue.umd.js +53 -16
  5. package/dist/dialtone-vue.umd.min.js +1 -1
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # [2.77.0](https://github.com/dialpad/dialtone-vue/compare/v2.76.0...v2.77.0) (2023-04-06)
2
+
3
+
4
+ ### Documentation
5
+
6
+ * add rich text editor tech spec ([#893](https://github.com/dialpad/dialtone-vue/issues/893)) ([960bc92](https://github.com/dialpad/dialtone-vue/commit/960bc927d112102f7e7c0fe9903ed146f761134e))
7
+
8
+
9
+ ### Features
10
+
11
+ * **Callbar Button:** add importance prop ([#886](https://github.com/dialpad/dialtone-vue/issues/886)) ([6e24d74](https://github.com/dialpad/dialtone-vue/commit/6e24d746dd2601c8dd3e40063e56cc7088fb5900))
12
+ * **Feed Items:** create feed item time pill ([#885](https://github.com/dialpad/dialtone-vue/issues/885)) ([fe388a4](https://github.com/dialpad/dialtone-vue/commit/fe388a48a64fd007f840e728122f339b49ba6e1f))
13
+
1
14
  # [2.76.0](https://github.com/dialpad/dialtone-vue/compare/v2.75.1...v2.76.0) (2023-04-04)
2
15
 
3
16
 
package/dist/dialtone-vue.common.js CHANGED
@@ -21483,15 +21483,15 @@ var stack_component = normalizeComponent(
21483
21483
  /* harmony default export */ const stack = (stack_component.exports);
21484
21484
  ;// CONCATENATED MODULE: ./components/stack/index.js
21485
21485
 
21486
- ;// 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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=5bccf868&
21487
- var combobox_with_popovervue_type_template_id_5bccf868_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-combobox',_vm._g({ref:"combobox",attrs:{"loading":_vm.loading,"label":_vm.label,"label-visible":_vm.labelVisible,"size":_vm.size,"description":_vm.description,"empty-list":_vm.emptyList,"empty-state-message":_vm.emptyStateMessage,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
21486
+ ;// 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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=386059b2&
21487
+ var combobox_with_popovervue_type_template_id_386059b2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-combobox',_vm._g({ref:"combobox",attrs:{"loading":_vm.loading,"label":_vm.label,"label-visible":_vm.labelVisible,"size":_vm.size,"description":_vm.description,"empty-list":_vm.emptyList,"empty-state-message":_vm.emptyStateMessage,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
21488
21488
  var inputProps = ref.inputProps;
21489
21489
  return [_c('div',{ref:"input",attrs:{"id":_vm.externalAnchor},on:{"focusin":_vm.onFocusIn,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }return _vm.openOnArrowKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }return _vm.openOnArrowKeyPress($event)}]}},[_vm._t("input",null,{"inputProps":inputProps,"onInput":_vm.handleDisplayList})],2)]}},{key:"list",fn:function(ref){
21490
21490
  var opened = ref.opened;
21491
21491
  var listProps = ref.listProps;
21492
21492
  var clearHighlightIndex = ref.clearHighlightIndex;
21493
- return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":false,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","initial-focus-element":"none","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false,"append-to":_vm.appendTo,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose},on:{"update:open":function($event){_vm.isListShown=$event},"opened":function($event){return opened($event, arguments[1]);}},scopedSlots:_vm._u([{key:"headerContent",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"content",fn:function(){return [_c('div',{ref:"listWrapper",class:[_vm.DROPDOWN_PADDING_CLASSES[_vm.padding], _vm.listClass],on:{"mouseleave":clearHighlightIndex,"focusout":clearHighlightIndex}},[(_vm.loading)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',listProps,false)):(_vm.emptyList && _vm.emptyStateMessage)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',listProps,false)):_vm._t("list",null,{"listProps":listProps})],2)]},proxy:true},{key:"footerContent",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
21494
- var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21493
+ return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":false,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","initial-focus-element":"none","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false,"append-to":_vm.appendTo,"transition":_vm.transition,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose},on:{"update:open":function($event){_vm.isListShown=$event},"opened":function($event){return opened($event, arguments[1]);}},scopedSlots:_vm._u([{key:"headerContent",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"content",fn:function(){return [_c('div',{ref:"listWrapper",class:[_vm.DROPDOWN_PADDING_CLASSES[_vm.padding], _vm.listClass],on:{"mouseleave":clearHighlightIndex,"focusout":clearHighlightIndex}},[(_vm.loading)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',listProps,false)):(_vm.emptyList && _vm.emptyStateMessage)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',listProps,false)):_vm._t("list",null,{"listProps":listProps})],2)]},proxy:true},{key:"footerContent",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
21494
+ var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
21495
21495
 
21496
21496
 
21497
21497
  ;// 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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js&
@@ -21601,6 +21601,7 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21601
21601
  //
21602
21602
  //
21603
21603
  //
21604
+ //
21604
21605
 
21605
21606
 
21606
21607
 
@@ -21812,6 +21813,15 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21812
21813
  validator: appendTo => {
21813
21814
  return POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
21814
21815
  }
21816
+ },
21817
+
21818
+ /**
21819
+ * Named transition when the content display is toggled.
21820
+ * @see DtLazyShow
21821
+ */
21822
+ transition: {
21823
+ type: String,
21824
+ default: 'fade'
21815
21825
  }
21816
21826
  },
21817
21827
  emits: [
@@ -21976,8 +21986,8 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21976
21986
  ;
21977
21987
  var combobox_with_popover_component = normalizeComponent(
21978
21988
  combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
21979
- combobox_with_popovervue_type_template_id_5bccf868_render,
21980
- combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns,
21989
+ combobox_with_popovervue_type_template_id_386059b2_render,
21990
+ combobox_with_popovervue_type_template_id_386059b2_staticRenderFns,
21981
21991
  false,
21982
21992
  null,
21983
21993
  null,
@@ -21988,11 +21998,11 @@ var combobox_with_popover_component = normalizeComponent(
21988
21998
  /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
21989
21999
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
21990
22000
 
21991
- ;// 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/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=40bca95e&
21992
- var combobox_multi_selectvue_type_template_id_40bca95e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"label":_vm.label,"show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose,"content-width":"anchor","append-to":_vm.appendTo},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
22001
+ ;// 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/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=42ee0c13&
22002
+ var combobox_multi_selectvue_type_template_id_42ee0c13_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"label":_vm.label,"show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose,"content-width":"anchor","append-to":_vm.appendTo,"transition":_vm.transition},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
21993
22003
  var onInput = ref.onInput;
21994
22004
  return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative d-d-block"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2 d-pl1"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,class:['d-mt4', 'd-mx2', 'd-zi-base1'],attrs:{"label-class":['d-chip__label'],"close-button-props":{ ariaLabel: 'close' },"size":_vm.CHIP_SIZES[_vm.size]},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"backspace",undefined,$event.key,undefined)){ return null; }return _vm.onChipRemove(item)},"close":function($event){return _vm.onChipRemove(item)}}},_vm.chipListeners),[_vm._v(" "+_vm._s(item)+" ")])}),1),_c('dt-input',_vm._g({ref:"input",staticClass:"d-fl-grow1",attrs:{"aria-label":_vm.label,"label":_vm.labelVisible ? _vm.label : '',"description":_vm.description,"placeholder":_vm.inputPlaceHolder,"show-messages":_vm.showInputMessages,"messages":_vm.inputMessages,"size":_vm.size},on:{"input":onInput},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm.inputListeners)),_c('dt-validation-messages',{attrs:{"validation-messages":_vm.maxSelectedMessage,"show-messages":_vm.showValidationMessages}})],1)]}},{key:"header",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"list",fn:function(){return [_c('div',{ref:"list",on:{"mousedown":function($event){$event.preventDefault();}}},[(!_vm.loading)?_vm._t("list"):_c('div',{staticClass:"d-ta-center d-py16"},[_vm._v(" "+_vm._s(_vm.loadingMessage)+" ")])],2)]},proxy:true},{key:"footer",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})}
21995
- var combobox_multi_selectvue_type_template_id_40bca95e_staticRenderFns = []
22005
+ var combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns = []
21996
22006
 
21997
22007
 
21998
22008
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -22209,6 +22219,7 @@ const CHIP_TOP_POSITION = {
22209
22219
  //
22210
22220
  //
22211
22221
  //
22222
+ //
22212
22223
 
22213
22224
 
22214
22225
 
@@ -22379,6 +22390,15 @@ const CHIP_TOP_POSITION = {
22379
22390
  validator: appendTo => {
22380
22391
  return POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
22381
22392
  }
22393
+ },
22394
+
22395
+ /**
22396
+ * Named transition when the content display is toggled.
22397
+ * @see DtLazyShow
22398
+ */
22399
+ transition: {
22400
+ type: String,
22401
+ default: 'fade'
22382
22402
  }
22383
22403
  },
22384
22404
  emits: [
@@ -22709,8 +22729,8 @@ const CHIP_TOP_POSITION = {
22709
22729
  ;
22710
22730
  var combobox_multi_select_component = normalizeComponent(
22711
22731
  combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
22712
- combobox_multi_selectvue_type_template_id_40bca95e_render,
22713
- combobox_multi_selectvue_type_template_id_40bca95e_staticRenderFns,
22732
+ combobox_multi_selectvue_type_template_id_42ee0c13_render,
22733
+ combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns,
22714
22734
  false,
22715
22735
  null,
22716
22736
  null,
@@ -22722,9 +22742,9 @@ var combobox_multi_select_component = normalizeComponent(
22722
22742
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22723
22743
 
22724
22744
 
22725
- ;// 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=9499378e&
22726
- var callbar_buttonvue_type_template_id_9499378e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22727
- var callbar_buttonvue_type_template_id_9499378e_staticRenderFns = []
22745
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=66e6b32c&
22746
+ var callbar_buttonvue_type_template_id_66e6b32c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.buttonImportance,"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22747
+ var callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns = []
22728
22748
 
22729
22749
 
22730
22750
  ;// 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&
@@ -22860,6 +22880,15 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22860
22880
  type: String,
22861
22881
  default: 'xl',
22862
22882
  validator: size => VALID_WIDTH_SIZE.includes(size)
22883
+ },
22884
+
22885
+ /**
22886
+ * The fill and outline of the button associated with its visual importance.
22887
+ * @values clear, outlined, primary
22888
+ */
22889
+ importance: {
22890
+ type: String,
22891
+ default: ''
22863
22892
  }
22864
22893
  },
22865
22894
  emits: [
@@ -22896,6 +22925,14 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22896
22925
  default:
22897
22926
  return '8.4rem';
22898
22927
  }
22928
+ },
22929
+
22930
+ buttonImportance() {
22931
+ if (this.importance) {
22932
+ return this.importance;
22933
+ }
22934
+
22935
+ return this.circle ? 'outlined' : 'clear';
22899
22936
  }
22900
22937
 
22901
22938
  }
@@ -22917,8 +22954,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(2759);
22917
22954
 
22918
22955
  var callbar_button_component = normalizeComponent(
22919
22956
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22920
- callbar_buttonvue_type_template_id_9499378e_render,
22921
- callbar_buttonvue_type_template_id_9499378e_staticRenderFns,
22957
+ callbar_buttonvue_type_template_id_66e6b32c_render,
22958
+ callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns,
22922
22959
  false,
22923
22960
  null,
22924
22961
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -21493,15 +21493,15 @@ var stack_component = normalizeComponent(
21493
21493
  /* harmony default export */ const stack = (stack_component.exports);
21494
21494
  ;// CONCATENATED MODULE: ./components/stack/index.js
21495
21495
 
21496
- ;// 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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=5bccf868&
21497
- var combobox_with_popovervue_type_template_id_5bccf868_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-combobox',_vm._g({ref:"combobox",attrs:{"loading":_vm.loading,"label":_vm.label,"label-visible":_vm.labelVisible,"size":_vm.size,"description":_vm.description,"empty-list":_vm.emptyList,"empty-state-message":_vm.emptyStateMessage,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
21496
+ ;// 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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=386059b2&
21497
+ var combobox_with_popovervue_type_template_id_386059b2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-combobox',_vm._g({ref:"combobox",attrs:{"loading":_vm.loading,"label":_vm.label,"label-visible":_vm.labelVisible,"size":_vm.size,"description":_vm.description,"empty-list":_vm.emptyList,"empty-state-message":_vm.emptyStateMessage,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
21498
21498
  var inputProps = ref.inputProps;
21499
21499
  return [_c('div',{ref:"input",attrs:{"id":_vm.externalAnchor},on:{"focusin":_vm.onFocusIn,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }return _vm.openOnArrowKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }return _vm.openOnArrowKeyPress($event)}]}},[_vm._t("input",null,{"inputProps":inputProps,"onInput":_vm.handleDisplayList})],2)]}},{key:"list",fn:function(ref){
21500
21500
  var opened = ref.opened;
21501
21501
  var listProps = ref.listProps;
21502
21502
  var clearHighlightIndex = ref.clearHighlightIndex;
21503
- return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":false,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","initial-focus-element":"none","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false,"append-to":_vm.appendTo,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose},on:{"update:open":function($event){_vm.isListShown=$event},"opened":function($event){return opened($event, arguments[1]);}},scopedSlots:_vm._u([{key:"headerContent",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"content",fn:function(){return [_c('div',{ref:"listWrapper",class:[_vm.DROPDOWN_PADDING_CLASSES[_vm.padding], _vm.listClass],on:{"mouseleave":clearHighlightIndex,"focusout":clearHighlightIndex}},[(_vm.loading)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',listProps,false)):(_vm.emptyList && _vm.emptyStateMessage)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',listProps,false)):_vm._t("list",null,{"listProps":listProps})],2)]},proxy:true},{key:"footerContent",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
21504
- var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21503
+ return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":false,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","initial-focus-element":"none","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false,"append-to":_vm.appendTo,"transition":_vm.transition,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose},on:{"update:open":function($event){_vm.isListShown=$event},"opened":function($event){return opened($event, arguments[1]);}},scopedSlots:_vm._u([{key:"headerContent",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"content",fn:function(){return [_c('div',{ref:"listWrapper",class:[_vm.DROPDOWN_PADDING_CLASSES[_vm.padding], _vm.listClass],on:{"mouseleave":clearHighlightIndex,"focusout":clearHighlightIndex}},[(_vm.loading)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',listProps,false)):(_vm.emptyList && _vm.emptyStateMessage)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',listProps,false)):_vm._t("list",null,{"listProps":listProps})],2)]},proxy:true},{key:"footerContent",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
21504
+ var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
21505
21505
 
21506
21506
 
21507
21507
  ;// 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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js&
@@ -21611,6 +21611,7 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21611
21611
  //
21612
21612
  //
21613
21613
  //
21614
+ //
21614
21615
 
21615
21616
 
21616
21617
 
@@ -21822,6 +21823,15 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21822
21823
  validator: appendTo => {
21823
21824
  return POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
21824
21825
  }
21826
+ },
21827
+
21828
+ /**
21829
+ * Named transition when the content display is toggled.
21830
+ * @see DtLazyShow
21831
+ */
21832
+ transition: {
21833
+ type: String,
21834
+ default: 'fade'
21825
21835
  }
21826
21836
  },
21827
21837
  emits: [
@@ -21986,8 +21996,8 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21986
21996
  ;
21987
21997
  var combobox_with_popover_component = normalizeComponent(
21988
21998
  combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
21989
- combobox_with_popovervue_type_template_id_5bccf868_render,
21990
- combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns,
21999
+ combobox_with_popovervue_type_template_id_386059b2_render,
22000
+ combobox_with_popovervue_type_template_id_386059b2_staticRenderFns,
21991
22001
  false,
21992
22002
  null,
21993
22003
  null,
@@ -21998,11 +22008,11 @@ var combobox_with_popover_component = normalizeComponent(
21998
22008
  /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
21999
22009
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
22000
22010
 
22001
- ;// 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/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=40bca95e&
22002
- var combobox_multi_selectvue_type_template_id_40bca95e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"label":_vm.label,"show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose,"content-width":"anchor","append-to":_vm.appendTo},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
22011
+ ;// 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/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=42ee0c13&
22012
+ var combobox_multi_selectvue_type_template_id_42ee0c13_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"label":_vm.label,"show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose,"content-width":"anchor","append-to":_vm.appendTo,"transition":_vm.transition},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
22003
22013
  var onInput = ref.onInput;
22004
22014
  return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative d-d-block"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2 d-pl1"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,class:['d-mt4', 'd-mx2', 'd-zi-base1'],attrs:{"label-class":['d-chip__label'],"close-button-props":{ ariaLabel: 'close' },"size":_vm.CHIP_SIZES[_vm.size]},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"backspace",undefined,$event.key,undefined)){ return null; }return _vm.onChipRemove(item)},"close":function($event){return _vm.onChipRemove(item)}}},_vm.chipListeners),[_vm._v(" "+_vm._s(item)+" ")])}),1),_c('dt-input',_vm._g({ref:"input",staticClass:"d-fl-grow1",attrs:{"aria-label":_vm.label,"label":_vm.labelVisible ? _vm.label : '',"description":_vm.description,"placeholder":_vm.inputPlaceHolder,"show-messages":_vm.showInputMessages,"messages":_vm.inputMessages,"size":_vm.size},on:{"input":onInput},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm.inputListeners)),_c('dt-validation-messages',{attrs:{"validation-messages":_vm.maxSelectedMessage,"show-messages":_vm.showValidationMessages}})],1)]}},{key:"header",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"list",fn:function(){return [_c('div',{ref:"list",on:{"mousedown":function($event){$event.preventDefault();}}},[(!_vm.loading)?_vm._t("list"):_c('div',{staticClass:"d-ta-center d-py16"},[_vm._v(" "+_vm._s(_vm.loadingMessage)+" ")])],2)]},proxy:true},{key:"footer",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})}
22005
- var combobox_multi_selectvue_type_template_id_40bca95e_staticRenderFns = []
22015
+ var combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns = []
22006
22016
 
22007
22017
 
22008
22018
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -22219,6 +22229,7 @@ const CHIP_TOP_POSITION = {
22219
22229
  //
22220
22230
  //
22221
22231
  //
22232
+ //
22222
22233
 
22223
22234
 
22224
22235
 
@@ -22389,6 +22400,15 @@ const CHIP_TOP_POSITION = {
22389
22400
  validator: appendTo => {
22390
22401
  return POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
22391
22402
  }
22403
+ },
22404
+
22405
+ /**
22406
+ * Named transition when the content display is toggled.
22407
+ * @see DtLazyShow
22408
+ */
22409
+ transition: {
22410
+ type: String,
22411
+ default: 'fade'
22392
22412
  }
22393
22413
  },
22394
22414
  emits: [
@@ -22719,8 +22739,8 @@ const CHIP_TOP_POSITION = {
22719
22739
  ;
22720
22740
  var combobox_multi_select_component = normalizeComponent(
22721
22741
  combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
22722
- combobox_multi_selectvue_type_template_id_40bca95e_render,
22723
- combobox_multi_selectvue_type_template_id_40bca95e_staticRenderFns,
22742
+ combobox_multi_selectvue_type_template_id_42ee0c13_render,
22743
+ combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns,
22724
22744
  false,
22725
22745
  null,
22726
22746
  null,
@@ -22732,9 +22752,9 @@ var combobox_multi_select_component = normalizeComponent(
22732
22752
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22733
22753
 
22734
22754
 
22735
- ;// 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=9499378e&
22736
- var callbar_buttonvue_type_template_id_9499378e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22737
- var callbar_buttonvue_type_template_id_9499378e_staticRenderFns = []
22755
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=66e6b32c&
22756
+ var callbar_buttonvue_type_template_id_66e6b32c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.buttonImportance,"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22757
+ var callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns = []
22738
22758
 
22739
22759
 
22740
22760
  ;// 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&
@@ -22870,6 +22890,15 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22870
22890
  type: String,
22871
22891
  default: 'xl',
22872
22892
  validator: size => VALID_WIDTH_SIZE.includes(size)
22893
+ },
22894
+
22895
+ /**
22896
+ * The fill and outline of the button associated with its visual importance.
22897
+ * @values clear, outlined, primary
22898
+ */
22899
+ importance: {
22900
+ type: String,
22901
+ default: ''
22873
22902
  }
22874
22903
  },
22875
22904
  emits: [
@@ -22906,6 +22935,14 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22906
22935
  default:
22907
22936
  return '8.4rem';
22908
22937
  }
22938
+ },
22939
+
22940
+ buttonImportance() {
22941
+ if (this.importance) {
22942
+ return this.importance;
22943
+ }
22944
+
22945
+ return this.circle ? 'outlined' : 'clear';
22909
22946
  }
22910
22947
 
22911
22948
  }
@@ -22927,8 +22964,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(736);
22927
22964
 
22928
22965
  var callbar_button_component = normalizeComponent(
22929
22966
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22930
- callbar_buttonvue_type_template_id_9499378e_render,
22931
- callbar_buttonvue_type_template_id_9499378e_staticRenderFns,
22967
+ callbar_buttonvue_type_template_id_66e6b32c_render,
22968
+ callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns,
22932
22969
  false,
22933
22970
  null,
22934
22971
  null,