@dialpad/dialtone-vue 2.22.2 → 2.22.3

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 +17 -19
  3. package/dist/dialtone-vue.umd.js +17 -19
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -3482,12 +3482,12 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
3482
3482
  var combobox_loading_listvue_type_template_id_07d9971d_staticRenderFns = []
3483
3483
 
3484
3484
 
3485
- ;// 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/list_item/list_item.vue?vue&type=template&id=4c19058e&
3486
- var list_itemvue_type_template_id_4c19058e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none focus-visible', {
3485
+ ;// 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/list_item/list_item.vue?vue&type=template&id=17070dec&
3486
+ var list_itemvue_type_template_id_17070dec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none focus-visible', {
3487
3487
  'dt-list-item--focusable': _vm.isFocusable,
3488
3488
  'dt-list-item--highlighted': _vm.isHighlighted,
3489
3489
  }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted}},_vm.listItemListeners),[(_vm.listItemType)?_c(_vm.listItemType,{tag:"component",scopedSlots:_vm._u([_vm._l((_vm.$slots),function(_,slotName){return {key:slotName,fn:function(){return [_vm._t(slotName)]},proxy:true}})],null,true)}):_vm._t("default")],2)}
3490
- var list_itemvue_type_template_id_4c19058e_staticRenderFns = []
3490
+ var list_itemvue_type_template_id_17070dec_staticRenderFns = []
3491
3491
 
3492
3492
 
3493
3493
  ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -3737,13 +3737,6 @@ var default_list_item_component = normalizeComponent(
3737
3737
 
3738
3738
  this.$emit('keydown', event);
3739
3739
  },
3740
- mousedown: event => {
3741
- if (!this.isFocusable) {
3742
- event.preventDefault();
3743
- }
3744
-
3745
- this.$emit('mousedown', event);
3746
- },
3747
3740
  mousemove: event => {
3748
3741
  this.onMouseHover(event);
3749
3742
  this.$emit('mousemove', event);
@@ -3812,8 +3805,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(502);
3812
3805
 
3813
3806
  var list_item_component = normalizeComponent(
3814
3807
  list_item_list_itemvue_type_script_lang_js_,
3815
- list_itemvue_type_template_id_4c19058e_render,
3816
- list_itemvue_type_template_id_4c19058e_staticRenderFns,
3808
+ list_itemvue_type_template_id_17070dec_render,
3809
+ list_itemvue_type_template_id_17070dec_staticRenderFns,
3817
3810
  false,
3818
3811
  null,
3819
3812
  null,
@@ -17343,15 +17336,15 @@ var root_layout_component = normalizeComponent(
17343
17336
  ;// CONCATENATED MODULE: ./components/root_layout/index.js
17344
17337
 
17345
17338
 
17346
- ;// 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=58cb1065&
17347
- var combobox_with_popovervue_type_template_id_58cb1065_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,"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-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
17339
+ ;// 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=7efaa59c&
17340
+ var combobox_with_popovervue_type_template_id_7efaa59c_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,"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-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
17348
17341
  var inputProps = ref.inputProps;
17349
17342
  return [_c('div',{ref:"input",attrs:{"id":_vm.externalAnchor},on:{"focusin":_vm.onFocusIn,"focusout":_vm.onFocusOut,"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){
17350
17343
  var opened = ref.opened;
17351
17344
  var listProps = ref.listProps;
17352
17345
  var clearHighlightIndex = ref.clearHighlightIndex;
17353
17346
  return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":_vm.showList === null,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false},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",on:{"focusout":_vm.onFocusOut}},[_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":function($event){clearHighlightIndex; _vm.onFocusOut;}}},[(_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",on:{"focusout":_vm.onFocusOut}},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
17354
- var combobox_with_popovervue_type_template_id_58cb1065_staticRenderFns = []
17347
+ var combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns = []
17355
17348
 
17356
17349
 
17357
17350
  ;// 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&
@@ -17722,15 +17715,20 @@ var combobox_with_popovervue_type_template_id_58cb1065_staticRenderFns = []
17722
17715
  },
17723
17716
 
17724
17717
  onFocusOut(e) {
17725
- const comboboxRefs = ['input', 'header', 'footer', 'listWrapper'];
17718
+ const comboboxRefs = ['input', 'header', 'footer', 'listWrapper']; // Check if the focus change was to another target within the combobox component
17719
+
17726
17720
  const isComboboxStillFocused = comboboxRefs.some(ref => {
17727
17721
  var _this$$refs$ref;
17728
17722
 
17729
17723
  return (_this$$refs$ref = this.$refs[ref]) === null || _this$$refs$ref === void 0 ? void 0 : _this$$refs$ref.contains(e.relatedTarget);
17730
- });
17724
+ }); // If outside of the combobox then close
17731
17725
 
17732
17726
  if (!isComboboxStillFocused) {
17733
17727
  this.closeComboboxList();
17728
+ } else {
17729
+ // if focus is anywhere within the combobox input or list,
17730
+ // keep the focus on the input, or keyboard nav will break.
17731
+ e.target.focus();
17734
17732
  }
17735
17733
  },
17736
17734
 
@@ -17756,8 +17754,8 @@ var combobox_with_popovervue_type_template_id_58cb1065_staticRenderFns = []
17756
17754
  ;
17757
17755
  var combobox_with_popover_component = normalizeComponent(
17758
17756
  combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
17759
- combobox_with_popovervue_type_template_id_58cb1065_render,
17760
- combobox_with_popovervue_type_template_id_58cb1065_staticRenderFns,
17757
+ combobox_with_popovervue_type_template_id_7efaa59c_render,
17758
+ combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns,
17761
17759
  false,
17762
17760
  null,
17763
17761
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -3500,12 +3500,12 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
3500
3500
  var combobox_loading_listvue_type_template_id_07d9971d_staticRenderFns = []
3501
3501
 
3502
3502
 
3503
- ;// 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/list_item/list_item.vue?vue&type=template&id=4c19058e&
3504
- var list_itemvue_type_template_id_4c19058e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none focus-visible', {
3503
+ ;// 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/list_item/list_item.vue?vue&type=template&id=17070dec&
3504
+ var list_itemvue_type_template_id_17070dec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none focus-visible', {
3505
3505
  'dt-list-item--focusable': _vm.isFocusable,
3506
3506
  'dt-list-item--highlighted': _vm.isHighlighted,
3507
3507
  }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted}},_vm.listItemListeners),[(_vm.listItemType)?_c(_vm.listItemType,{tag:"component",scopedSlots:_vm._u([_vm._l((_vm.$slots),function(_,slotName){return {key:slotName,fn:function(){return [_vm._t(slotName)]},proxy:true}})],null,true)}):_vm._t("default")],2)}
3508
- var list_itemvue_type_template_id_4c19058e_staticRenderFns = []
3508
+ var list_itemvue_type_template_id_17070dec_staticRenderFns = []
3509
3509
 
3510
3510
 
3511
3511
  ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -3755,13 +3755,6 @@ var default_list_item_component = normalizeComponent(
3755
3755
 
3756
3756
  this.$emit('keydown', event);
3757
3757
  },
3758
- mousedown: event => {
3759
- if (!this.isFocusable) {
3760
- event.preventDefault();
3761
- }
3762
-
3763
- this.$emit('mousedown', event);
3764
- },
3765
3758
  mousemove: event => {
3766
3759
  this.onMouseHover(event);
3767
3760
  this.$emit('mousemove', event);
@@ -3830,8 +3823,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(285);
3830
3823
 
3831
3824
  var list_item_component = normalizeComponent(
3832
3825
  list_item_list_itemvue_type_script_lang_js_,
3833
- list_itemvue_type_template_id_4c19058e_render,
3834
- list_itemvue_type_template_id_4c19058e_staticRenderFns,
3826
+ list_itemvue_type_template_id_17070dec_render,
3827
+ list_itemvue_type_template_id_17070dec_staticRenderFns,
3835
3828
  false,
3836
3829
  null,
3837
3830
  null,
@@ -17361,15 +17354,15 @@ var root_layout_component = normalizeComponent(
17361
17354
  ;// CONCATENATED MODULE: ./components/root_layout/index.js
17362
17355
 
17363
17356
 
17364
- ;// 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=58cb1065&
17365
- var combobox_with_popovervue_type_template_id_58cb1065_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,"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-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
17357
+ ;// 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=7efaa59c&
17358
+ var combobox_with_popovervue_type_template_id_7efaa59c_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,"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-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
17366
17359
  var inputProps = ref.inputProps;
17367
17360
  return [_c('div',{ref:"input",attrs:{"id":_vm.externalAnchor},on:{"focusin":_vm.onFocusIn,"focusout":_vm.onFocusOut,"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){
17368
17361
  var opened = ref.opened;
17369
17362
  var listProps = ref.listProps;
17370
17363
  var clearHighlightIndex = ref.clearHighlightIndex;
17371
17364
  return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":_vm.showList === null,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false},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",on:{"focusout":_vm.onFocusOut}},[_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":function($event){clearHighlightIndex; _vm.onFocusOut;}}},[(_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",on:{"focusout":_vm.onFocusOut}},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
17372
- var combobox_with_popovervue_type_template_id_58cb1065_staticRenderFns = []
17365
+ var combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns = []
17373
17366
 
17374
17367
 
17375
17368
  ;// 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&
@@ -17740,15 +17733,20 @@ var combobox_with_popovervue_type_template_id_58cb1065_staticRenderFns = []
17740
17733
  },
17741
17734
 
17742
17735
  onFocusOut(e) {
17743
- const comboboxRefs = ['input', 'header', 'footer', 'listWrapper'];
17736
+ const comboboxRefs = ['input', 'header', 'footer', 'listWrapper']; // Check if the focus change was to another target within the combobox component
17737
+
17744
17738
  const isComboboxStillFocused = comboboxRefs.some(ref => {
17745
17739
  var _this$$refs$ref;
17746
17740
 
17747
17741
  return (_this$$refs$ref = this.$refs[ref]) === null || _this$$refs$ref === void 0 ? void 0 : _this$$refs$ref.contains(e.relatedTarget);
17748
- });
17742
+ }); // If outside of the combobox then close
17749
17743
 
17750
17744
  if (!isComboboxStillFocused) {
17751
17745
  this.closeComboboxList();
17746
+ } else {
17747
+ // if focus is anywhere within the combobox input or list,
17748
+ // keep the focus on the input, or keyboard nav will break.
17749
+ e.target.focus();
17752
17750
  }
17753
17751
  },
17754
17752
 
@@ -17774,8 +17772,8 @@ var combobox_with_popovervue_type_template_id_58cb1065_staticRenderFns = []
17774
17772
  ;
17775
17773
  var combobox_with_popover_component = normalizeComponent(
17776
17774
  combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
17777
- combobox_with_popovervue_type_template_id_58cb1065_render,
17778
- combobox_with_popovervue_type_template_id_58cb1065_staticRenderFns,
17775
+ combobox_with_popovervue_type_template_id_7efaa59c_render,
17776
+ combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns,
17779
17777
  false,
17780
17778
  null,
17781
17779
  null,