@dialpad/dialtone-vue 2.37.2 → 2.38.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.
@@ -23,6 +23,30 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".enter-active,.leave-active{overflow:h
23
23
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
24
24
 
25
25
 
26
+ /***/ }),
27
+
28
+ /***/ 690:
29
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
30
+
31
+ "use strict";
32
+ __webpack_require__.r(__webpack_exports__);
33
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
34
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
35
+ /* harmony export */ });
36
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(481);
37
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
38
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(400);
39
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
40
+ // Imports
41
+
42
+
43
+ var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
44
+ // Module
45
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--fs-200);line-height:var(--lh4);padding:var(--su4) var(--su12)}", ""]);
46
+ // Exports
47
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
48
+
49
+
26
50
  /***/ }),
27
51
 
28
52
  /***/ 804:
@@ -498,6 +522,22 @@ var update = add("056a7866", content, true, {"sourceMap":false,"shadowMode":fals
498
522
 
499
523
  /***/ }),
500
524
 
525
+ /***/ 969:
526
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
527
+
528
+ // style-loader: Adds some css to the DOM by adding a <style> tag
529
+
530
+ // load the styles
531
+ var content = __webpack_require__(690);
532
+ if(content.__esModule) content = content.default;
533
+ if(typeof content === 'string') content = [[module.id, content, '']];
534
+ if(content.locals) module.exports = content.locals;
535
+ // add the styles to the DOM
536
+ var add = (__webpack_require__(402)/* ["default"] */ .Z)
537
+ var update = add("7aa1a0f9", content, true, {"sourceMap":false,"shadowMode":false});
538
+
539
+ /***/ }),
540
+
501
541
  /***/ 782:
502
542
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
503
543
 
@@ -3732,9 +3772,9 @@ var card_component = normalizeComponent(
3732
3772
  /* harmony default export */ const card = (card_component.exports);
3733
3773
  ;// CONCATENATED MODULE: ./components/card/index.js
3734
3774
 
3735
- ;// 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/combobox/combobox.vue?vue&type=template&id=397ad57a&
3736
- var comboboxvue_type_template_id_397ad57a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.loading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.emptyList && _vm.emptyStateMessage && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',_vm.listProps,false)):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex})],2):_vm._e()])}
3737
- var comboboxvue_type_template_id_397ad57a_staticRenderFns = []
3775
+ ;// 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/combobox/combobox.vue?vue&type=template&id=ff49fc2c&
3776
+ var comboboxvue_type_template_id_ff49fc2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.loading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.emptyList && (_vm.emptyStateMessage || _vm.$slots.emptyListItem) && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage,"item-class":_vm.emptyStateClass}},'combobox-empty-list',_vm.listProps,false),[_vm._t("emptyListItem")],2):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex})],2):_vm._e()])}
3777
+ var comboboxvue_type_template_id_ff49fc2c_staticRenderFns = []
3738
3778
 
3739
3779
 
3740
3780
  ;// CONCATENATED MODULE: ./common/mixins/dom.js
@@ -5439,9 +5479,9 @@ var combobox_loading_list_component = normalizeComponent(
5439
5479
  )
5440
5480
 
5441
5481
  /* harmony default export */ const combobox_loading_list = (combobox_loading_list_component.exports);
5442
- ;// 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/combobox/combobox_empty-list.vue?vue&type=template&id=ee5abe2c&
5443
- var combobox_empty_listvue_type_template_id_ee5abe2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ol',{staticClass:"d-p0",attrs:{"data-qa":"dt-combobox-empty-list"}},[_c('dt-list-item',{staticClass:"d-d-flex d-jc-center",attrs:{"role":"option","navigation-type":"none"}},[_c('span',[_vm._v(_vm._s(_vm.message))])])],1)}
5444
- var combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns = []
5482
+ ;// 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/combobox/combobox_empty-list.vue?vue&type=template&id=53681200&
5483
+ var combobox_empty_listvue_type_template_id_53681200_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ol',{staticClass:"d-p0",attrs:{"data-qa":"dt-combobox-empty-list"}},[_vm._t("default",function(){return [_c('dt-list-item',{class:['dt-empty-list-item', _vm.itemClass],attrs:{"role":"option","navigation-type":"none","type":"custom"}},[_c('span',[_vm._v(_vm._s(_vm.message))])])]})],2)}
5484
+ var combobox_empty_listvue_type_template_id_53681200_staticRenderFns = []
5445
5485
 
5446
5486
 
5447
5487
  ;// 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!./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js&
@@ -5460,6 +5500,9 @@ var combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns = []
5460
5500
  //
5461
5501
  //
5462
5502
  //
5503
+ //
5504
+ //
5505
+ //
5463
5506
 
5464
5507
  /* harmony default export */ const combobox_empty_listvue_type_script_lang_js_ = ({
5465
5508
  name: 'ComboboxEmptyList',
@@ -5473,23 +5516,38 @@ var combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns = []
5473
5516
  message: {
5474
5517
  type: String,
5475
5518
  required: true
5519
+ },
5520
+
5521
+ /**
5522
+ * Additional class name for the empty list element.
5523
+ * Can accept all of String, Object, and Array, i.e. has the
5524
+ * same api as Vue's built-in handling of the class attribute.
5525
+ */
5526
+ itemClass: {
5527
+ type: [String, Object, Array],
5528
+ default: ''
5476
5529
  }
5477
5530
  }
5478
5531
  });
5479
5532
  ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js&
5480
5533
  /* harmony default export */ const combobox_combobox_empty_listvue_type_script_lang_js_ = (combobox_empty_listvue_type_script_lang_js_);
5534
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32[0].rules[0].use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32[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-32[0].rules[0].use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/combobox/combobox_empty-list.vue?vue&type=style&index=0&lang=less&
5535
+ var combobox_empty_listvue_type_style_index_0_lang_less_ = __webpack_require__(969);
5536
+ ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=style&index=0&lang=less&
5537
+
5481
5538
  ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue
5482
5539
 
5483
5540
 
5484
5541
 
5542
+ ;
5485
5543
 
5486
5544
 
5487
5545
  /* normalize component */
5488
- ;
5546
+
5489
5547
  var combobox_empty_list_component = normalizeComponent(
5490
5548
  combobox_combobox_empty_listvue_type_script_lang_js_,
5491
- combobox_empty_listvue_type_template_id_ee5abe2c_render,
5492
- combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns,
5549
+ combobox_empty_listvue_type_template_id_53681200_render,
5550
+ combobox_empty_listvue_type_template_id_53681200_staticRenderFns,
5493
5551
  false,
5494
5552
  null,
5495
5553
  null,
@@ -5544,6 +5602,9 @@ var combobox_empty_list_component = normalizeComponent(
5544
5602
  //
5545
5603
  //
5546
5604
  //
5605
+ //
5606
+ //
5607
+ //
5547
5608
 
5548
5609
 
5549
5610
 
@@ -5649,6 +5710,16 @@ var combobox_empty_list_component = normalizeComponent(
5649
5710
  emptyStateMessage: {
5650
5711
  type: String,
5651
5712
  default: ''
5713
+ },
5714
+
5715
+ /**
5716
+ * Additional class name for the empty list element.
5717
+ * Can accept all of String, Object, and Array, i.e. has the
5718
+ * same api as Vue's built-in handling of the class attribute.
5719
+ */
5720
+ emptyStateClass: {
5721
+ type: [String, Object, Array],
5722
+ default: ''
5652
5723
  }
5653
5724
  },
5654
5725
  emits: [
@@ -5835,6 +5906,10 @@ var combobox_empty_list_component = normalizeComponent(
5835
5906
  },
5836
5907
 
5837
5908
  validateEmptyListProps() {
5909
+ if (this.$slots.emptyListItem) {
5910
+ return;
5911
+ }
5912
+
5838
5913
  if (this.emptyList && !this.emptyStateMessage || !this.emptyList && this.emptyStateMessage) {
5839
5914
  console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
5840
5915
  empty message.`);
@@ -5855,8 +5930,8 @@ var combobox_empty_list_component = normalizeComponent(
5855
5930
  ;
5856
5931
  var combobox_component = normalizeComponent(
5857
5932
  combobox_comboboxvue_type_script_lang_js_,
5858
- comboboxvue_type_template_id_397ad57a_render,
5859
- comboboxvue_type_template_id_397ad57a_staticRenderFns,
5933
+ comboboxvue_type_template_id_ff49fc2c_render,
5934
+ comboboxvue_type_template_id_ff49fc2c_staticRenderFns,
5860
5935
  false,
5861
5936
  null,
5862
5937
  null,
@@ -33,6 +33,30 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".enter-active,.leave-active{overflow:h
33
33
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
34
34
 
35
35
 
36
+ /***/ }),
37
+
38
+ /***/ 140:
39
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
40
+
41
+ "use strict";
42
+ __webpack_require__.r(__webpack_exports__);
43
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
44
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
45
+ /* harmony export */ });
46
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(481);
47
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
48
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(400);
49
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
50
+ // Imports
51
+
52
+
53
+ var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
54
+ // Module
55
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--fs-200);line-height:var(--lh4);padding:var(--su4) var(--su12)}", ""]);
56
+ // Exports
57
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
58
+
59
+
36
60
  /***/ }),
37
61
 
38
62
  /***/ 276:
@@ -508,6 +532,22 @@ var update = add("63ce6251", content, true, {"sourceMap":false,"shadowMode":fals
508
532
 
509
533
  /***/ }),
510
534
 
535
+ /***/ 464:
536
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
537
+
538
+ // style-loader: Adds some css to the DOM by adding a <style> tag
539
+
540
+ // load the styles
541
+ var content = __webpack_require__(140);
542
+ if(content.__esModule) content = content.default;
543
+ if(typeof content === 'string') content = [[module.id, content, '']];
544
+ if(content.locals) module.exports = content.locals;
545
+ // add the styles to the DOM
546
+ var add = (__webpack_require__(402)/* ["default"] */ .Z)
547
+ var update = add("e41fd2fe", content, true, {"sourceMap":false,"shadowMode":false});
548
+
549
+ /***/ }),
550
+
511
551
  /***/ 774:
512
552
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
513
553
 
@@ -3742,9 +3782,9 @@ var card_component = normalizeComponent(
3742
3782
  /* harmony default export */ const card = (card_component.exports);
3743
3783
  ;// CONCATENATED MODULE: ./components/card/index.js
3744
3784
 
3745
- ;// 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/combobox/combobox.vue?vue&type=template&id=397ad57a&
3746
- var comboboxvue_type_template_id_397ad57a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.loading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.emptyList && _vm.emptyStateMessage && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',_vm.listProps,false)):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex})],2):_vm._e()])}
3747
- var comboboxvue_type_template_id_397ad57a_staticRenderFns = []
3785
+ ;// 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/combobox/combobox.vue?vue&type=template&id=ff49fc2c&
3786
+ var comboboxvue_type_template_id_ff49fc2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.loading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.emptyList && (_vm.emptyStateMessage || _vm.$slots.emptyListItem) && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage,"item-class":_vm.emptyStateClass}},'combobox-empty-list',_vm.listProps,false),[_vm._t("emptyListItem")],2):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex})],2):_vm._e()])}
3787
+ var comboboxvue_type_template_id_ff49fc2c_staticRenderFns = []
3748
3788
 
3749
3789
 
3750
3790
  ;// CONCATENATED MODULE: ./common/mixins/dom.js
@@ -5449,9 +5489,9 @@ var combobox_loading_list_component = normalizeComponent(
5449
5489
  )
5450
5490
 
5451
5491
  /* harmony default export */ const combobox_loading_list = (combobox_loading_list_component.exports);
5452
- ;// 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/combobox/combobox_empty-list.vue?vue&type=template&id=ee5abe2c&
5453
- var combobox_empty_listvue_type_template_id_ee5abe2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ol',{staticClass:"d-p0",attrs:{"data-qa":"dt-combobox-empty-list"}},[_c('dt-list-item',{staticClass:"d-d-flex d-jc-center",attrs:{"role":"option","navigation-type":"none"}},[_c('span',[_vm._v(_vm._s(_vm.message))])])],1)}
5454
- var combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns = []
5492
+ ;// 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/combobox/combobox_empty-list.vue?vue&type=template&id=53681200&
5493
+ var combobox_empty_listvue_type_template_id_53681200_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ol',{staticClass:"d-p0",attrs:{"data-qa":"dt-combobox-empty-list"}},[_vm._t("default",function(){return [_c('dt-list-item',{class:['dt-empty-list-item', _vm.itemClass],attrs:{"role":"option","navigation-type":"none","type":"custom"}},[_c('span',[_vm._v(_vm._s(_vm.message))])])]})],2)}
5494
+ var combobox_empty_listvue_type_template_id_53681200_staticRenderFns = []
5455
5495
 
5456
5496
 
5457
5497
  ;// 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!./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js&
@@ -5470,6 +5510,9 @@ var combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns = []
5470
5510
  //
5471
5511
  //
5472
5512
  //
5513
+ //
5514
+ //
5515
+ //
5473
5516
 
5474
5517
  /* harmony default export */ const combobox_empty_listvue_type_script_lang_js_ = ({
5475
5518
  name: 'ComboboxEmptyList',
@@ -5483,23 +5526,38 @@ var combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns = []
5483
5526
  message: {
5484
5527
  type: String,
5485
5528
  required: true
5529
+ },
5530
+
5531
+ /**
5532
+ * Additional class name for the empty list element.
5533
+ * Can accept all of String, Object, and Array, i.e. has the
5534
+ * same api as Vue's built-in handling of the class attribute.
5535
+ */
5536
+ itemClass: {
5537
+ type: [String, Object, Array],
5538
+ default: ''
5486
5539
  }
5487
5540
  }
5488
5541
  });
5489
5542
  ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js&
5490
5543
  /* harmony default export */ const combobox_combobox_empty_listvue_type_script_lang_js_ = (combobox_empty_listvue_type_script_lang_js_);
5544
+ // 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/combobox/combobox_empty-list.vue?vue&type=style&index=0&lang=less&
5545
+ var combobox_empty_listvue_type_style_index_0_lang_less_ = __webpack_require__(464);
5546
+ ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=style&index=0&lang=less&
5547
+
5491
5548
  ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue
5492
5549
 
5493
5550
 
5494
5551
 
5552
+ ;
5495
5553
 
5496
5554
 
5497
5555
  /* normalize component */
5498
- ;
5556
+
5499
5557
  var combobox_empty_list_component = normalizeComponent(
5500
5558
  combobox_combobox_empty_listvue_type_script_lang_js_,
5501
- combobox_empty_listvue_type_template_id_ee5abe2c_render,
5502
- combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns,
5559
+ combobox_empty_listvue_type_template_id_53681200_render,
5560
+ combobox_empty_listvue_type_template_id_53681200_staticRenderFns,
5503
5561
  false,
5504
5562
  null,
5505
5563
  null,
@@ -5554,6 +5612,9 @@ var combobox_empty_list_component = normalizeComponent(
5554
5612
  //
5555
5613
  //
5556
5614
  //
5615
+ //
5616
+ //
5617
+ //
5557
5618
 
5558
5619
 
5559
5620
 
@@ -5659,6 +5720,16 @@ var combobox_empty_list_component = normalizeComponent(
5659
5720
  emptyStateMessage: {
5660
5721
  type: String,
5661
5722
  default: ''
5723
+ },
5724
+
5725
+ /**
5726
+ * Additional class name for the empty list element.
5727
+ * Can accept all of String, Object, and Array, i.e. has the
5728
+ * same api as Vue's built-in handling of the class attribute.
5729
+ */
5730
+ emptyStateClass: {
5731
+ type: [String, Object, Array],
5732
+ default: ''
5662
5733
  }
5663
5734
  },
5664
5735
  emits: [
@@ -5845,6 +5916,10 @@ var combobox_empty_list_component = normalizeComponent(
5845
5916
  },
5846
5917
 
5847
5918
  validateEmptyListProps() {
5919
+ if (this.$slots.emptyListItem) {
5920
+ return;
5921
+ }
5922
+
5848
5923
  if (this.emptyList && !this.emptyStateMessage || !this.emptyList && this.emptyStateMessage) {
5849
5924
  console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
5850
5925
  empty message.`);
@@ -5865,8 +5940,8 @@ var combobox_empty_list_component = normalizeComponent(
5865
5940
  ;
5866
5941
  var combobox_component = normalizeComponent(
5867
5942
  combobox_comboboxvue_type_script_lang_js_,
5868
- comboboxvue_type_template_id_397ad57a_render,
5869
- comboboxvue_type_template_id_397ad57a_staticRenderFns,
5943
+ comboboxvue_type_template_id_ff49fc2c_render,
5944
+ comboboxvue_type_template_id_ff49fc2c_staticRenderFns,
5870
5945
  false,
5871
5946
  null,
5872
5947
  null,