@dialpad/dialtone-vue 2.23.0 → 2.25.1

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 +381 -63
  3. package/dist/dialtone-vue.umd.js +381 -63
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +1 -1
package/dist/dialtone-vue.umd.js CHANGED
@@ -33,6 +33,54 @@ ___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
+ /***/ 276:
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, ".d-context-menu-list{width:24rem}", ""]);
56
+ // Exports
57
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
58
+
59
+
60
+ /***/ }),
61
+
62
+ /***/ 549:
63
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
64
+
65
+ "use strict";
66
+ __webpack_require__.r(__webpack_exports__);
67
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
68
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
69
+ /* harmony export */ });
70
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(481);
71
+ /* 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__);
72
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(400);
73
+ /* 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__);
74
+ // Imports
75
+
76
+
77
+ 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()));
78
+ // Module
79
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-separator{height:1px;list-style:none}", ""]);
80
+ // Exports
81
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
82
+
83
+
36
84
  /***/ }),
37
85
 
38
86
  /***/ 793:
@@ -100,7 +148,7 @@ __webpack_require__.r(__webpack_exports__);
100
148
 
101
149
  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()));
102
150
  // Module
103
- ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-400-h),var(--black-400-s),var(--black-400-l),.15);cursor:pointer}.dt-list-item:focus-visible{outline-color:var(--primary-color)}", ""]);
151
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item:not(.dt-list-item--static){cursor:pointer}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-400-h),var(--black-400-s),var(--black-400-l),.15)}.dt-list-item:focus-visible{outline-color:var(--primary-color)}", ""]);
104
152
  // Exports
105
153
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
106
154
 
@@ -460,6 +508,38 @@ var update = add("63ce6251", content, true, {"sourceMap":false,"shadowMode":fals
460
508
 
461
509
  /***/ }),
462
510
 
511
+ /***/ 774:
512
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
513
+
514
+ // style-loader: Adds some css to the DOM by adding a <style> tag
515
+
516
+ // load the styles
517
+ var content = __webpack_require__(276);
518
+ if(content.__esModule) content = content.default;
519
+ if(typeof content === 'string') content = [[module.id, content, '']];
520
+ if(content.locals) module.exports = content.locals;
521
+ // add the styles to the DOM
522
+ var add = (__webpack_require__(402)/* ["default"] */ .Z)
523
+ var update = add("01fdbfc3", content, true, {"sourceMap":false,"shadowMode":false});
524
+
525
+ /***/ }),
526
+
527
+ /***/ 176:
528
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
529
+
530
+ // style-loader: Adds some css to the DOM by adding a <style> tag
531
+
532
+ // load the styles
533
+ var content = __webpack_require__(549);
534
+ if(content.__esModule) content = content.default;
535
+ if(typeof content === 'string') content = [[module.id, content, '']];
536
+ if(content.locals) module.exports = content.locals;
537
+ // add the styles to the DOM
538
+ var add = (__webpack_require__(402)/* ["default"] */ .Z)
539
+ var update = add("2810b083", content, true, {"sourceMap":false,"shadowMode":false});
540
+
541
+ /***/ }),
542
+
463
543
  /***/ 742:
464
544
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
465
545
 
@@ -1033,6 +1113,8 @@ __webpack_require__.d(__webpack_exports__, {
1033
1113
  "DtCollapsible": () => (/* reexport */ collapsible),
1034
1114
  "DtCombobox": () => (/* reexport */ combobox),
1035
1115
  "DtDropdown": () => (/* reexport */ dropdown),
1116
+ "DtDropdownList": () => (/* reexport */ dropdown_list),
1117
+ "DtDropdownSeparator": () => (/* reexport */ dropdown_separator),
1036
1118
  "DtGroupableInputMixin": () => (/* reexport */ GroupableMixin),
1037
1119
  "DtInput": () => (/* reexport */ input_input),
1038
1120
  "DtInputGroup": () => (/* reexport */ input_group_input_group),
@@ -1692,9 +1774,9 @@ var badge_component = normalizeComponent(
1692
1774
  ;// CONCATENATED MODULE: ./components/badge/index.js
1693
1775
 
1694
1776
 
1695
- ;// 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/banner/banner.vue?vue&type=template&id=27fef6de&
1696
- var bannervue_type_template_id_27fef6de_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus.apply(null, arguments)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
1697
- var bannervue_type_template_id_27fef6de_staticRenderFns = []
1777
+ ;// 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/banner/banner.vue?vue&type=template&id=1a44ca06&
1778
+ var bannervue_type_template_id_1a44ca06_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,style:(_vm.bannerBackgroundImage),attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus.apply(null, arguments)}}},[_c('div',{staticClass:"d-banner__dialog",class:_vm.dialogClass,attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[(!_vm.hideIcon)?_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2):_vm._e(),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
1779
+ var bannervue_type_template_id_1a44ca06_staticRenderFns = []
1698
1780
 
1699
1781
 
1700
1782
  ;// 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/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
@@ -2641,6 +2723,9 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2641
2723
  //
2642
2724
  //
2643
2725
  //
2726
+ //
2727
+ //
2728
+ //
2644
2729
 
2645
2730
 
2646
2731
 
@@ -2735,6 +2820,39 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2735
2820
  hideClose: {
2736
2821
  type: Boolean,
2737
2822
  default: false
2823
+ },
2824
+
2825
+ /**
2826
+ * Hides the icon from the notice
2827
+ */
2828
+ hideIcon: {
2829
+ type: Boolean,
2830
+ default: false
2831
+ },
2832
+
2833
+ /**
2834
+ * Inner dialog class
2835
+ */
2836
+ dialogClass: {
2837
+ type: String,
2838
+ default: ''
2839
+ },
2840
+
2841
+ /**
2842
+ * Banner background image
2843
+ */
2844
+ backgroundImage: {
2845
+ type: String,
2846
+ default: ''
2847
+ },
2848
+
2849
+ /**
2850
+ * Background image size, follows the background-size CSS property values
2851
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
2852
+ */
2853
+ backgroundSize: {
2854
+ type: String,
2855
+ default: 'cover'
2738
2856
  }
2739
2857
  },
2740
2858
  emits: [
@@ -2761,6 +2879,11 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2761
2879
  'd-banner--important': this.important,
2762
2880
  'd-banner--pinned': this.pinned
2763
2881
  }];
2882
+ },
2883
+
2884
+ bannerBackgroundImage() {
2885
+ if (this.backgroundImage === '') return null;
2886
+ return "background-image: url(".concat(this.backgroundImage, ");\n background-size: ").concat(this.backgroundSize, ";");
2764
2887
  }
2765
2888
 
2766
2889
  },
@@ -2792,8 +2915,8 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2792
2915
  ;
2793
2916
  var banner_component = normalizeComponent(
2794
2917
  banner_bannervue_type_script_lang_js_,
2795
- bannervue_type_template_id_27fef6de_render,
2796
- bannervue_type_template_id_27fef6de_staticRenderFns,
2918
+ bannervue_type_template_id_1a44ca06_render,
2919
+ bannervue_type_template_id_1a44ca06_staticRenderFns,
2797
2920
  false,
2798
2921
  null,
2799
2922
  null,
@@ -3582,12 +3705,13 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
3582
3705
  var combobox_loading_listvue_type_template_id_07d9971d_staticRenderFns = []
3583
3706
 
3584
3707
 
3585
- ;// 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&
3586
- 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', {
3708
+ ;// 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=8dfbba78&
3709
+ var list_itemvue_type_template_id_8dfbba78_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', {
3587
3710
  'dt-list-item--focusable': _vm.isFocusable,
3588
3711
  'dt-list-item--highlighted': _vm.isHighlighted,
3712
+ 'dt-list-item--static': !_vm.isHoverable,
3589
3713
  }],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)}
3590
- var list_itemvue_type_template_id_17070dec_staticRenderFns = []
3714
+ var list_itemvue_type_template_id_8dfbba78_staticRenderFns = []
3591
3715
 
3592
3716
 
3593
3717
  ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -3713,6 +3837,7 @@ var default_list_item_component = normalizeComponent(
3713
3837
  //
3714
3838
  //
3715
3839
  //
3840
+ //
3716
3841
 
3717
3842
 
3718
3843
 
@@ -3905,8 +4030,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(285);
3905
4030
 
3906
4031
  var list_item_component = normalizeComponent(
3907
4032
  list_item_list_itemvue_type_script_lang_js_,
3908
- list_itemvue_type_template_id_17070dec_render,
3909
- list_itemvue_type_template_id_17070dec_staticRenderFns,
4033
+ list_itemvue_type_template_id_8dfbba78_render,
4034
+ list_itemvue_type_template_id_8dfbba78_staticRenderFns,
3910
4035
  false,
3911
4036
  null,
3912
4037
  null,
@@ -5695,17 +5820,17 @@ var collapsible_component = normalizeComponent(
5695
5820
  /* harmony default export */ const collapsible = (collapsible_component.exports);
5696
5821
  ;// CONCATENATED MODULE: ./components/collapsible/index.js
5697
5822
 
5698
- ;// 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/dropdown/dropdown.vue?vue&type=template&id=230c0da9&
5699
- var dropdownvue_type_template_id_230c0da9_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.openedWithKeyboard ? 'first' : 'dialog',"fallback-placements":_vm.fallbackPlacements,"padding":"none","role":"menu","modal":_vm.modal,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"open-with-arrow-keys":true},on:{"opened":_vm.updateInitialHighlightIndex,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onSpaceKey.apply(null, arguments)},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, 'onUpKeyPress')},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, 'onDownKeyPress')},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, 'onHomeKeyPress')},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, 'onEndKeyPress')},function($event){return _vm.onKeyValidation($event, 'onKeyPress')}]},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
5823
+ ;// 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/dropdown/dropdown.vue?vue&type=template&id=02543726&
5824
+ var dropdownvue_type_template_id_02543726_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.openedWithKeyboard ? 'first' : 'dialog',"fallback-placements":_vm.fallbackPlacements,"padding":"none","role":"menu","modal":_vm.modal,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"open-with-arrow-keys":true,"open-on-context":_vm.openOnContext},on:{"opened":_vm.updateInitialHighlightIndex,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onSpaceKey.apply(null, arguments)},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, 'onUpKeyPress')},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, 'onDownKeyPress')},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, 'onHomeKeyPress')},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, 'onEndKeyPress')},function($event){return _vm.onKeyValidation($event, 'onKeyPress')}]},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
5700
5825
  var attrs = ref.attrs;
5701
5826
  return [_vm._t("anchor",null,null,attrs)]}},{key:"content",fn:function(ref){
5702
5827
  var close = ref.close;
5703
- return [_c('ul',{ref:"listWrapper",class:['d-ps-relative', 'd-px0', _vm.DROPDOWN_PADDING_CLASSES[_vm.padding], _vm.listClass],attrs:{"id":_vm.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[_vm._t("list",null,{"close":close})],2)]}}],null,true)},_vm.$listeners))}
5704
- var dropdownvue_type_template_id_230c0da9_staticRenderFns = []
5828
+ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[_vm._t("list",null,{"close":close})],2)]}}],null,true)},_vm.$listeners))}
5829
+ var dropdownvue_type_template_id_02543726_staticRenderFns = []
5705
5830
 
5706
5831
 
5707
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=27ddd8bc&
5708
- var popovervue_type_template_id_27ddd8bc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--modal-opened': _vm.modal && _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor"},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
5832
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=d85b2e98&
5833
+ var popovervue_type_template_id_d85b2e98_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--modal-opened': _vm.modal && _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":function($event){$event.preventDefault();return _vm.onContext.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
5709
5834
  'aria-expanded': _vm.isOpen.toString(),
5710
5835
  'aria-controls': _vm.id,
5711
5836
  'aria-haspopup': _vm.role,
@@ -5716,7 +5841,7 @@ var popovervue_type_template_id_27ddd8bc_render = function () {var _vm=this;var
5716
5841
  'd-popover__content',
5717
5842
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
5718
5843
  _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover})],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{ref:"popover__footer",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"type":"footer","content-class":_vm.footerClass},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e()],1)],1)],1)}
5719
- var popovervue_type_template_id_27ddd8bc_staticRenderFns = []
5844
+ var popovervue_type_template_id_d85b2e98_staticRenderFns = []
5720
5845
 
5721
5846
 
5722
5847
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -10649,6 +10774,8 @@ var popover_header_footer_component = normalizeComponent(
10649
10774
  //
10650
10775
  //
10651
10776
  //
10777
+ //
10778
+ //
10652
10779
 
10653
10780
  /* eslint-disable max-lines */
10654
10781
 
@@ -10681,6 +10808,15 @@ var popover_header_footer_component = normalizeComponent(
10681
10808
  default: null
10682
10809
  },
10683
10810
 
10811
+ /**
10812
+ * Opens the popover on right click (context menu). If you set this value to `true`,
10813
+ * the default trigger behavior will be disabled.
10814
+ */
10815
+ openOnContext: {
10816
+ type: Boolean,
10817
+ default: false
10818
+ },
10819
+
10684
10820
  /**
10685
10821
  * Element type (tag name) of the root element of the component.
10686
10822
  */
@@ -11111,11 +11247,38 @@ var popover_header_footer_component = normalizeComponent(
11111
11247
  defaultToggleOpen(e) {
11112
11248
  var _this$open, _this$anchorEl;
11113
11249
 
11114
- // Only use default toggle behaviour if the user has not set the open prop.
11250
+ if (this.openOnContext) {
11251
+ return;
11252
+ } // Only use default toggle behaviour if the user has not set the open prop.
11115
11253
  // Check that the anchor element specifically was clicked.
11254
+
11255
+
11116
11256
  (_this$open = this.open) !== null && _this$open !== void 0 ? _this$open : this.anchorEl.contains(e.target) && !((_this$anchorEl = this.anchorEl) !== null && _this$anchorEl !== void 0 && _this$anchorEl.disabled) && this.toggleOpen();
11117
11257
  },
11118
11258
 
11259
+ onContext(event) {
11260
+ var _this$tip3;
11261
+
11262
+ if (!this.openOnContext) {
11263
+ return;
11264
+ }
11265
+
11266
+ (_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.setProps({
11267
+ placement: 'right-start'
11268
+ });
11269
+ this.tip.setProps({
11270
+ getReferenceClientRect: () => ({
11271
+ width: 0,
11272
+ height: 0,
11273
+ top: event.clientY,
11274
+ bottom: event.clientY,
11275
+ left: event.clientX,
11276
+ right: event.clientX
11277
+ })
11278
+ });
11279
+ this.toggleOpen();
11280
+ },
11281
+
11119
11282
  toggleOpen() {
11120
11283
  this.isOpen = !this.isOpen;
11121
11284
  },
@@ -11161,7 +11324,7 @@ var popover_header_footer_component = normalizeComponent(
11161
11324
  },
11162
11325
 
11163
11326
  async onLeaveTransitionComplete() {
11164
- var _this$tip3;
11327
+ var _this$tip4;
11165
11328
 
11166
11329
  if (this.modal) {
11167
11330
  this.focusFirstElement(this.$refs.anchor); // await next tick in case the user wants to change focus themselves.
@@ -11169,7 +11332,7 @@ var popover_header_footer_component = normalizeComponent(
11169
11332
  await this.$nextTick();
11170
11333
  }
11171
11334
 
11172
- (_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.unmount();
11335
+ (_this$tip4 = this.tip) === null || _this$tip4 === void 0 ? void 0 : _this$tip4.unmount();
11173
11336
  this.$emit('opened', false);
11174
11337
 
11175
11338
  if (this.open !== null) {
@@ -11284,8 +11447,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(532);
11284
11447
 
11285
11448
  var popover_component = normalizeComponent(
11286
11449
  popover_popovervue_type_script_lang_js_,
11287
- popovervue_type_template_id_27ddd8bc_render,
11288
- popovervue_type_template_id_27ddd8bc_staticRenderFns,
11450
+ popovervue_type_template_id_d85b2e98_render,
11451
+ popovervue_type_template_id_d85b2e98_staticRenderFns,
11289
11452
  false,
11290
11453
  null,
11291
11454
  null,
@@ -11356,6 +11519,7 @@ const DROPDOWN_PADDING_CLASSES = {
11356
11519
  //
11357
11520
  //
11358
11521
  //
11522
+ //
11359
11523
 
11360
11524
 
11361
11525
 
@@ -11388,6 +11552,15 @@ const DROPDOWN_PADDING_CLASSES = {
11388
11552
  default: null
11389
11553
  },
11390
11554
 
11555
+ /**
11556
+ * Opens the dropdown on right click (context menu). If you set this value to `true`,
11557
+ * the default trigger behavior will be disabled.
11558
+ */
11559
+ openOnContext: {
11560
+ type: Boolean,
11561
+ default: false
11562
+ },
11563
+
11391
11564
  /**
11392
11565
  * Vertical padding size around the list element.
11393
11566
  */
@@ -11543,6 +11716,12 @@ const DROPDOWN_PADDING_CLASSES = {
11543
11716
 
11544
11717
  isArrowKeyNav() {
11545
11718
  return this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS;
11719
+ },
11720
+
11721
+ listClasses() {
11722
+ return ['d-ps-relative', 'd-px0', DROPDOWN_PADDING_CLASSES[this.padding], this.listClass, {
11723
+ 'd-context-menu-list': this.openOnContext
11724
+ }];
11546
11725
  }
11547
11726
 
11548
11727
  },
@@ -11550,7 +11729,7 @@ const DROPDOWN_PADDING_CLASSES = {
11550
11729
  onMouseHighlight(e) {
11551
11730
  const liElement = e.target.closest('li');
11552
11731
 
11553
- if (liElement && this.highlightId !== liElement.id) {
11732
+ if (liElement && liElement.role && this.highlightId !== liElement.id) {
11554
11733
  this.setHighlightId(liElement.id);
11555
11734
  liElement.focus();
11556
11735
  }
@@ -11645,7 +11824,7 @@ const DROPDOWN_PADDING_CLASSES = {
11645
11824
  },
11646
11825
 
11647
11826
  onKeyValidation(e, eventHandler) {
11648
- if (this.open !== null) {
11827
+ if (this.open !== null && !this.openOnContext) {
11649
11828
  return;
11650
11829
  }
11651
11830
 
@@ -11656,18 +11835,23 @@ const DROPDOWN_PADDING_CLASSES = {
11656
11835
  });
11657
11836
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=script&lang=js&
11658
11837
  /* harmony default export */ const dropdown_dropdownvue_type_script_lang_js_ = (dropdownvue_type_script_lang_js_);
11838
+ // 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/dropdown/dropdown.vue?vue&type=style&index=0&lang=less&
11839
+ var dropdownvue_type_style_index_0_lang_less_ = __webpack_require__(774);
11840
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=style&index=0&lang=less&
11841
+
11659
11842
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue
11660
11843
 
11661
11844
 
11662
11845
 
11846
+ ;
11663
11847
 
11664
11848
 
11665
11849
  /* normalize component */
11666
- ;
11850
+
11667
11851
  var dropdown_component = normalizeComponent(
11668
11852
  dropdown_dropdownvue_type_script_lang_js_,
11669
- dropdownvue_type_template_id_230c0da9_render,
11670
- dropdownvue_type_template_id_230c0da9_staticRenderFns,
11853
+ dropdownvue_type_template_id_02543726_render,
11854
+ dropdownvue_type_template_id_02543726_staticRenderFns,
11671
11855
  false,
11672
11856
  null,
11673
11857
  null,
@@ -11676,8 +11860,120 @@ var dropdown_component = normalizeComponent(
11676
11860
  )
11677
11861
 
11678
11862
  /* harmony default export */ const dropdown = (dropdown_component.exports);
11863
+ ;// 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/dropdown/dropdown_list.vue?vue&type=template&id=294ae37b&scoped=true&
11864
+ var dropdown_listvue_type_template_id_294ae37b_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[(_vm.heading)?_c('div',{staticClass:"dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12 d-d-flex d-ai-center"},[_c('span',[_vm._v(_vm._s(_vm.heading))])]):_vm._e(),_c('ul',{class:['d-ps-relative', 'd-px0', _vm.listClass],attrs:{"data-qa":"dt-dropdown-list-wrapper"}},[_vm._t("default")],2)])}
11865
+ var dropdown_listvue_type_template_id_294ae37b_scoped_true_staticRenderFns = []
11866
+
11867
+
11868
+ ;// 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/dropdown/dropdown_list.vue?vue&type=script&lang=js&
11869
+ //
11870
+ //
11871
+ //
11872
+ //
11873
+ //
11874
+ //
11875
+ //
11876
+ //
11877
+ //
11878
+ //
11879
+ //
11880
+ //
11881
+ //
11882
+ //
11883
+ //
11884
+ //
11885
+ //
11886
+ //
11887
+ //
11888
+ /* harmony default export */ const dropdown_listvue_type_script_lang_js_ = ({
11889
+ name: 'DtDropdownList',
11890
+ props: {
11891
+ /**
11892
+ * List's heading.
11893
+ */
11894
+ heading: {
11895
+ type: String,
11896
+ default: ''
11897
+ },
11898
+
11899
+ /**
11900
+ * Additional class for the wrapper list element.
11901
+ */
11902
+ listClass: {
11903
+ type: [String, Array, Object],
11904
+ default: ''
11905
+ }
11906
+ }
11907
+ });
11908
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_list.vue?vue&type=script&lang=js&
11909
+ /* harmony default export */ const dropdown_dropdown_listvue_type_script_lang_js_ = (dropdown_listvue_type_script_lang_js_);
11910
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_list.vue
11911
+
11912
+
11913
+
11914
+
11915
+
11916
+ /* normalize component */
11917
+ ;
11918
+ var dropdown_list_component = normalizeComponent(
11919
+ dropdown_dropdown_listvue_type_script_lang_js_,
11920
+ dropdown_listvue_type_template_id_294ae37b_scoped_true_render,
11921
+ dropdown_listvue_type_template_id_294ae37b_scoped_true_staticRenderFns,
11922
+ false,
11923
+ null,
11924
+ "294ae37b",
11925
+ null
11926
+
11927
+ )
11928
+
11929
+ /* harmony default export */ const dropdown_list = (dropdown_list_component.exports);
11930
+ ;// 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/dropdown/dropdown_separator.vue?vue&type=template&id=6a948a17&
11931
+ var dropdown_separatorvue_type_template_id_6a948a17_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"dt-list-separator d-bgc-black-075 d-my8",attrs:{"aria-hidden":"true"}})}
11932
+ var dropdown_separatorvue_type_template_id_6a948a17_staticRenderFns = []
11933
+
11934
+
11935
+ ;// 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/dropdown/dropdown_separator.vue?vue&type=script&lang=js&
11936
+ //
11937
+ //
11938
+ //
11939
+ //
11940
+ //
11941
+ //
11942
+ //
11943
+ /* harmony default export */ const dropdown_separatorvue_type_script_lang_js_ = ({
11944
+ name: 'DtDropdownSeparator'
11945
+ });
11946
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=script&lang=js&
11947
+ /* harmony default export */ const dropdown_dropdown_separatorvue_type_script_lang_js_ = (dropdown_separatorvue_type_script_lang_js_);
11948
+ // 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/dropdown/dropdown_separator.vue?vue&type=style&index=0&lang=less&
11949
+ var dropdown_separatorvue_type_style_index_0_lang_less_ = __webpack_require__(176);
11950
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=style&index=0&lang=less&
11951
+
11952
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue
11953
+
11954
+
11955
+
11956
+ ;
11957
+
11958
+
11959
+ /* normalize component */
11960
+
11961
+ var dropdown_separator_component = normalizeComponent(
11962
+ dropdown_dropdown_separatorvue_type_script_lang_js_,
11963
+ dropdown_separatorvue_type_template_id_6a948a17_render,
11964
+ dropdown_separatorvue_type_template_id_6a948a17_staticRenderFns,
11965
+ false,
11966
+ null,
11967
+ null,
11968
+ null
11969
+
11970
+ )
11971
+
11972
+ /* harmony default export */ const dropdown_separator = (dropdown_separator_component.exports);
11679
11973
  ;// CONCATENATED MODULE: ./components/dropdown/index.js
11680
11974
 
11975
+
11976
+
11681
11977
  ;// 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/input/input.vue?vue&type=template&id=fc19976e&
11682
11978
  var inputvue_type_template_id_fc19976e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",function(){return [(_vm.label)?_c('div',{ref:"label",class:[
11683
11979
  'base-input__label-text',
@@ -17145,14 +17441,14 @@ var keyboard_shortcut_component = normalizeComponent(
17145
17441
  ;// CONCATENATED MODULE: ./components/keyboard_shortcut/index.js
17146
17442
 
17147
17443
 
17148
- ;// 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/root_layout/root_layout.vue?vue&type=template&id=2e5fe0a4&
17149
- var root_layoutvue_type_template_id_2e5fe0a4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"root-layout"},[(_vm.$slots.header)?_c('header',{class:['root-layout__header', _vm.headerClass, { 'root-layout__header--sticky': _vm.headerSticky }],style:({ 'height': _vm.headerHeight }),attrs:{"data-qa":"root-layout-header"}},[_vm._t("header")],2):_vm._e(),_c('dt-root-layout-body',{attrs:{"content-class":_vm.contentClass,"content-wrap-width-percent":_vm.contentWrapWidthPercent,"sidebar-class":_vm.sidebarClass,"sidebar-width":_vm.sidebarWidth,"sidebar-position":_vm.sidebarPosition},scopedSlots:_vm._u([{key:"sidebar",fn:function(){return [_vm._t("sidebar")]},proxy:true},{key:"content",fn:function(){return [_vm._t("default")]},proxy:true}],null,true)}),(_vm.$slots.footer)?_c('footer',{class:['root-layout__footer', _vm.footerClass],style:({ 'height': _vm.footerHeight }),attrs:{"data-qa":"root-layout-footer"}},[_vm._t("footer")],2):_vm._e()],1)}
17150
- var root_layoutvue_type_template_id_2e5fe0a4_staticRenderFns = []
17444
+ ;// 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/root_layout/root_layout.vue?vue&type=template&id=7ea2ab50&
17445
+ var root_layoutvue_type_template_id_7ea2ab50_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"root-layout"},[(_vm.$slots.header)?_c('header',{class:['root-layout__header', _vm.headerClass, { 'root-layout__header--sticky': _vm.headerSticky }],style:({ 'height': _vm.headerHeight }),attrs:{"data-qa":"root-layout-header"}},[_vm._t("header")],2):_vm._e(),_c('dt-root-layout-body',{attrs:{"body-class":_vm.bodyClass,"content-class":_vm.contentClass,"content-wrap-width-percent":_vm.contentWrapWidthPercent,"sidebar-class":_vm.sidebarClass,"sidebar-width":_vm.sidebarWidth,"sidebar-position":_vm.sidebarPosition},scopedSlots:_vm._u([{key:"sidebar",fn:function(){return [_vm._t("sidebar")]},proxy:true},{key:"content",fn:function(){return [_vm._t("default")]},proxy:true}],null,true)}),(_vm.$slots.footer)?_c('footer',{class:['root-layout__footer', _vm.footerClass],style:({ 'height': _vm.footerHeight }),attrs:{"data-qa":"root-layout-footer"}},[_vm._t("footer")],2):_vm._e()],1)}
17446
+ var root_layoutvue_type_template_id_7ea2ab50_staticRenderFns = []
17151
17447
 
17152
17448
 
17153
- ;// 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/root_layout/root_layout_body.vue?vue&type=template&id=dfb53770&
17154
- var root_layout_bodyvue_type_template_id_dfb53770_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['root-layout__body', _vm.bodyClass],attrs:{"data-qa":"root-layout-body"}},[(_vm.$slots.sidebar)?_c('aside',{class:['root-layout__sidebar', _vm.sidebarClass],style:({ 'flex-basis': _vm.sidebarWidth }),attrs:{"data-qa":"root-layout-sidebar"}},[_vm._t("sidebar")],2):_vm._e(),(_vm.$slots.content)?_c('main',{class:['root-layout__content', _vm.contentClass],style:({ 'min-inline-size': _vm.contentWrapWidthPercent }),attrs:{"data-qa":"root-layout-content"}},[_vm._t("content")],2):_vm._e()])}
17155
- var root_layout_bodyvue_type_template_id_dfb53770_staticRenderFns = []
17449
+ ;// 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/root_layout/root_layout_body.vue?vue&type=template&id=6ef959c4&
17450
+ var root_layout_bodyvue_type_template_id_6ef959c4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['root-layout__body', _vm.bodyClasses],attrs:{"data-qa":"root-layout-body"}},[(_vm.$slots.sidebar)?_c('aside',{class:['root-layout__sidebar', _vm.sidebarClass],style:({ 'flex-basis': _vm.sidebarWidth }),attrs:{"data-qa":"root-layout-sidebar"}},[_vm._t("sidebar")],2):_vm._e(),(_vm.$slots.content)?_c('main',{class:['root-layout__content', _vm.contentClass],style:({ 'min-inline-size': _vm.contentWrapWidthPercent }),attrs:{"data-qa":"root-layout-content"}},[_vm._t("content")],2):_vm._e()])}
17451
+ var root_layout_bodyvue_type_template_id_6ef959c4_staticRenderFns = []
17156
17452
 
17157
17453
 
17158
17454
  ;// CONCATENATED MODULE: ./components/root_layout/root_layout_constants.js
@@ -17192,6 +17488,14 @@ const ROOT_LAYOUT_SIDEBAR_POSITIONS = {
17192
17488
  /* harmony default export */ const root_layout_bodyvue_type_script_lang_js_ = ({
17193
17489
  name: 'DtRootLayoutBody',
17194
17490
  props: {
17491
+ /**
17492
+ * Additional class name for the body
17493
+ */
17494
+ bodyClass: {
17495
+ type: [String, Array, Object],
17496
+ default: undefined
17497
+ },
17498
+
17195
17499
  /**
17196
17500
  * Additional class name for the content element
17197
17501
  */
@@ -17238,10 +17542,10 @@ const ROOT_LAYOUT_SIDEBAR_POSITIONS = {
17238
17542
  }
17239
17543
  },
17240
17544
  computed: {
17241
- bodyClass() {
17242
- return {
17545
+ bodyClasses() {
17546
+ return [this.bodyClass, {
17243
17547
  'root-layout__body--invert': this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT
17244
- };
17548
+ }];
17245
17549
  }
17246
17550
 
17247
17551
  }
@@ -17263,8 +17567,8 @@ var root_layout_bodyvue_type_style_index_0_lang_less_ = __webpack_require__(75);
17263
17567
 
17264
17568
  var root_layout_body_component = normalizeComponent(
17265
17569
  root_layout_root_layout_bodyvue_type_script_lang_js_,
17266
- root_layout_bodyvue_type_template_id_dfb53770_render,
17267
- root_layout_bodyvue_type_template_id_dfb53770_staticRenderFns,
17570
+ root_layout_bodyvue_type_template_id_6ef959c4_render,
17571
+ root_layout_bodyvue_type_template_id_6ef959c4_staticRenderFns,
17268
17572
  false,
17269
17573
  null,
17270
17574
  null,
@@ -17309,6 +17613,7 @@ var root_layout_body_component = normalizeComponent(
17309
17613
  //
17310
17614
  //
17311
17615
  //
17616
+ //
17312
17617
 
17313
17618
 
17314
17619
  /* harmony default export */ const root_layoutvue_type_script_lang_js_ = ({
@@ -17334,6 +17639,14 @@ var root_layout_body_component = normalizeComponent(
17334
17639
  default: '64px'
17335
17640
  },
17336
17641
 
17642
+ /**
17643
+ * Additional class name for the body
17644
+ */
17645
+ bodyClass: {
17646
+ type: [String, Array, Object],
17647
+ default: ''
17648
+ },
17649
+
17337
17650
  /**
17338
17651
  * Scroll the header with the page
17339
17652
  */
@@ -17423,8 +17736,8 @@ var root_layoutvue_type_style_index_0_lang_less_ = __webpack_require__(253);
17423
17736
 
17424
17737
  var root_layout_component = normalizeComponent(
17425
17738
  root_layout_root_layoutvue_type_script_lang_js_,
17426
- root_layoutvue_type_template_id_2e5fe0a4_render,
17427
- root_layoutvue_type_template_id_2e5fe0a4_staticRenderFns,
17739
+ root_layoutvue_type_template_id_7ea2ab50_render,
17740
+ root_layoutvue_type_template_id_7ea2ab50_staticRenderFns,
17428
17741
  false,
17429
17742
  null,
17430
17743
  null,
@@ -17436,15 +17749,15 @@ var root_layout_component = normalizeComponent(
17436
17749
  ;// CONCATENATED MODULE: ./components/root_layout/index.js
17437
17750
 
17438
17751
 
17439
- ;// 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&
17440
- 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){
17752
+ ;// 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=7fd50634&
17753
+ var combobox_with_popovervue_type_template_id_7fd50634_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){
17441
17754
  var inputProps = ref.inputProps;
17442
17755
  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){
17443
17756
  var opened = ref.opened;
17444
17757
  var listProps = ref.listProps;
17445
17758
  var clearHighlightIndex = ref.clearHighlightIndex;
17446
- 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))}
17447
- var combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns = []
17759
+ 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":_vm.modal,"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))}
17760
+ var combobox_with_popovervue_type_template_id_7fd50634_staticRenderFns = []
17448
17761
 
17449
17762
 
17450
17763
  ;// 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&
@@ -17684,6 +17997,15 @@ var combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns = []
17684
17997
  default: false
17685
17998
  },
17686
17999
 
18000
+ /**
18001
+ * Determines modal state. If enabled popover has a modal overlay
18002
+ * preventing interaction with elements below it, but it is invisible.
18003
+ */
18004
+ modal: {
18005
+ type: Boolean,
18006
+ default: true
18007
+ },
18008
+
17687
18009
  /**
17688
18010
  * Displays the list when the combobox is focused, before the user has typed anything.
17689
18011
  * When this is enabled the list will not close after selection.
@@ -17825,10 +18147,6 @@ var combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns = []
17825
18147
 
17826
18148
  if (!isComboboxStillFocused) {
17827
18149
  this.closeComboboxList();
17828
- } else {
17829
- // if focus is anywhere within the combobox input or list,
17830
- // keep the focus on the input, or keyboard nav will break.
17831
- e.target.focus();
17832
18150
  }
17833
18151
  },
17834
18152
 
@@ -17854,8 +18172,8 @@ var combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns = []
17854
18172
  ;
17855
18173
  var combobox_with_popover_component = normalizeComponent(
17856
18174
  combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
17857
- combobox_with_popovervue_type_template_id_7efaa59c_render,
17858
- combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns,
18175
+ combobox_with_popovervue_type_template_id_7fd50634_render,
18176
+ combobox_with_popovervue_type_template_id_7fd50634_staticRenderFns,
17859
18177
  false,
17860
18178
  null,
17861
18179
  null,
@@ -17866,11 +18184,11 @@ var combobox_with_popover_component = normalizeComponent(
17866
18184
  /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
17867
18185
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
17868
18186
 
17869
- ;// 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=14e17b26&
17870
- var combobox_multi_selectvue_type_template_id_14e17b26_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:{"list-aria-label":"listAriaLabel","show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"content-width":"anchor"},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
18187
+ ;// 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=23bc5ad2&
18188
+ var combobox_multi_selectvue_type_template_id_23bc5ad2_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:{"list-aria-label":"listAriaLabel","show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"content-width":"anchor"},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
17871
18189
  var onInput = ref.onInput;
17872
- return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,staticClass:"d-mt4 d-mx2 d-zi-base1",attrs:{"close-button-props":{ ariaLabel: 'close' },"size":_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 d-mb4",attrs:{"label":_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"},[(!_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)})}
17873
- var combobox_multi_selectvue_type_template_id_14e17b26_staticRenderFns = []
18190
+ return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,staticClass:"d-mt4 d-mx2 d-zi-base1",attrs:{"close-button-props":{ ariaLabel: 'close' },"size":_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 d-mb4",attrs:{"label":_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)})}
18191
+ var combobox_multi_selectvue_type_template_id_23bc5ad2_staticRenderFns = []
17874
18192
 
17875
18193
 
17876
18194
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -18071,6 +18389,7 @@ const MULTI_SELECT_SIZES = {
18071
18389
  //
18072
18390
  //
18073
18391
  //
18392
+ //
18074
18393
 
18075
18394
 
18076
18395
 
@@ -18509,8 +18828,8 @@ const MULTI_SELECT_SIZES = {
18509
18828
  ;
18510
18829
  var combobox_multi_select_component = normalizeComponent(
18511
18830
  combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
18512
- combobox_multi_selectvue_type_template_id_14e17b26_render,
18513
- combobox_multi_selectvue_type_template_id_14e17b26_staticRenderFns,
18831
+ combobox_multi_selectvue_type_template_id_23bc5ad2_render,
18832
+ combobox_multi_selectvue_type_template_id_23bc5ad2_staticRenderFns,
18514
18833
  false,
18515
18834
  null,
18516
18835
  null,
@@ -18952,8 +19271,8 @@ var callbar_button_with_popover_component = normalizeComponent(
18952
19271
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_component.exports);
18953
19272
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
18954
19273
 
18955
- ;// 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/list_items/contact_info/contact_info.vue?vue&type=template&id=2ea57cf6&
18956
- var contact_infovue_type_template_id_2ea57cf6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":"lg","avatar-class":"d-bar2"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"kind":"initials","size":"lg","color":_vm.avatarColor}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
19274
+ ;// 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/list_items/contact_info/contact_info.vue?vue&type=template&id=466e560c&
19275
+ var contact_infovue_type_template_id_466e560c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":"lg"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"kind":"initials","size":"lg","color":_vm.avatarColor}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
18957
19276
  'd-ba',
18958
19277
  'd-bc-white',
18959
19278
  'd-baw2',
@@ -18964,7 +19283,7 @@ var contact_infovue_type_template_id_2ea57cf6_render = function () {var _vm=this
18964
19283
  'd-w20p',
18965
19284
  'd-h20p',
18966
19285
  _vm.USER_STATUS_COLOR_MODIFIERS[_vm.userStatusColor] ],attrs:{"data-qa":"contact-info-user-status"}},[_vm._v("   ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
18967
- var contact_infovue_type_template_id_2ea57cf6_staticRenderFns = []
19286
+ var contact_infovue_type_template_id_466e560c_staticRenderFns = []
18968
19287
 
18969
19288
 
18970
19289
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
@@ -19058,7 +19377,6 @@ const USER_STATUS_COLOR_MODIFIERS = {
19058
19377
  //
19059
19378
  //
19060
19379
  //
19061
- //
19062
19380
 
19063
19381
 
19064
19382
 
@@ -19157,8 +19475,8 @@ const USER_STATUS_COLOR_MODIFIERS = {
19157
19475
  ;
19158
19476
  var contact_info_component = normalizeComponent(
19159
19477
  contact_info_contact_infovue_type_script_lang_js_,
19160
- contact_infovue_type_template_id_2ea57cf6_render,
19161
- contact_infovue_type_template_id_2ea57cf6_staticRenderFns,
19478
+ contact_infovue_type_template_id_466e560c_render,
19479
+ contact_infovue_type_template_id_466e560c_staticRenderFns,
19162
19480
  false,
19163
19481
  null,
19164
19482
  null,