@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.common.js CHANGED
@@ -23,6 +23,54 @@ ___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
+ /***/ 804:
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, ".d-context-menu-list{width:24rem}", ""]);
46
+ // Exports
47
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
48
+
49
+
50
+ /***/ }),
51
+
52
+ /***/ 229:
53
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
54
+
55
+ "use strict";
56
+ __webpack_require__.r(__webpack_exports__);
57
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
58
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
59
+ /* harmony export */ });
60
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(481);
61
+ /* 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__);
62
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(400);
63
+ /* 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__);
64
+ // Imports
65
+
66
+
67
+ 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()));
68
+ // Module
69
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-separator{height:1px;list-style:none}", ""]);
70
+ // Exports
71
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
72
+
73
+
26
74
  /***/ }),
27
75
 
28
76
  /***/ 771:
@@ -90,7 +138,7 @@ __webpack_require__.r(__webpack_exports__);
90
138
 
91
139
  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()));
92
140
  // Module
93
- ___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)}", ""]);
141
+ ___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)}", ""]);
94
142
  // Exports
95
143
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
96
144
 
@@ -450,6 +498,38 @@ var update = add("056a7866", content, true, {"sourceMap":false,"shadowMode":fals
450
498
 
451
499
  /***/ }),
452
500
 
501
+ /***/ 782:
502
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
503
+
504
+ // style-loader: Adds some css to the DOM by adding a <style> tag
505
+
506
+ // load the styles
507
+ var content = __webpack_require__(804);
508
+ if(content.__esModule) content = content.default;
509
+ if(typeof content === 'string') content = [[module.id, content, '']];
510
+ if(content.locals) module.exports = content.locals;
511
+ // add the styles to the DOM
512
+ var add = (__webpack_require__(402)/* ["default"] */ .Z)
513
+ var update = add("a8a3178a", content, true, {"sourceMap":false,"shadowMode":false});
514
+
515
+ /***/ }),
516
+
517
+ /***/ 209:
518
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
519
+
520
+ // style-loader: Adds some css to the DOM by adding a <style> tag
521
+
522
+ // load the styles
523
+ var content = __webpack_require__(229);
524
+ if(content.__esModule) content = content.default;
525
+ if(typeof content === 'string') content = [[module.id, content, '']];
526
+ if(content.locals) module.exports = content.locals;
527
+ // add the styles to the DOM
528
+ var add = (__webpack_require__(402)/* ["default"] */ .Z)
529
+ var update = add("e3db0e0a", content, true, {"sourceMap":false,"shadowMode":false});
530
+
531
+ /***/ }),
532
+
453
533
  /***/ 245:
454
534
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
455
535
 
@@ -1015,6 +1095,8 @@ __webpack_require__.d(__webpack_exports__, {
1015
1095
  "DtCollapsible": () => (/* reexport */ collapsible),
1016
1096
  "DtCombobox": () => (/* reexport */ combobox),
1017
1097
  "DtDropdown": () => (/* reexport */ dropdown),
1098
+ "DtDropdownList": () => (/* reexport */ dropdown_list),
1099
+ "DtDropdownSeparator": () => (/* reexport */ dropdown_separator),
1018
1100
  "DtGroupableInputMixin": () => (/* reexport */ GroupableMixin),
1019
1101
  "DtInput": () => (/* reexport */ input_input),
1020
1102
  "DtInputGroup": () => (/* reexport */ input_group_input_group),
@@ -1674,9 +1756,9 @@ var badge_component = normalizeComponent(
1674
1756
  ;// CONCATENATED MODULE: ./components/badge/index.js
1675
1757
 
1676
1758
 
1677
- ;// 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&
1678
- 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)])}
1679
- var bannervue_type_template_id_27fef6de_staticRenderFns = []
1759
+ ;// 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&
1760
+ 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)])}
1761
+ var bannervue_type_template_id_1a44ca06_staticRenderFns = []
1680
1762
 
1681
1763
 
1682
1764
  ;// 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&
@@ -2623,6 +2705,9 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2623
2705
  //
2624
2706
  //
2625
2707
  //
2708
+ //
2709
+ //
2710
+ //
2626
2711
 
2627
2712
 
2628
2713
 
@@ -2717,6 +2802,39 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2717
2802
  hideClose: {
2718
2803
  type: Boolean,
2719
2804
  default: false
2805
+ },
2806
+
2807
+ /**
2808
+ * Hides the icon from the notice
2809
+ */
2810
+ hideIcon: {
2811
+ type: Boolean,
2812
+ default: false
2813
+ },
2814
+
2815
+ /**
2816
+ * Inner dialog class
2817
+ */
2818
+ dialogClass: {
2819
+ type: String,
2820
+ default: ''
2821
+ },
2822
+
2823
+ /**
2824
+ * Banner background image
2825
+ */
2826
+ backgroundImage: {
2827
+ type: String,
2828
+ default: ''
2829
+ },
2830
+
2831
+ /**
2832
+ * Background image size, follows the background-size CSS property values
2833
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
2834
+ */
2835
+ backgroundSize: {
2836
+ type: String,
2837
+ default: 'cover'
2720
2838
  }
2721
2839
  },
2722
2840
  emits: [
@@ -2743,6 +2861,11 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2743
2861
  'd-banner--important': this.important,
2744
2862
  'd-banner--pinned': this.pinned
2745
2863
  }];
2864
+ },
2865
+
2866
+ bannerBackgroundImage() {
2867
+ if (this.backgroundImage === '') return null;
2868
+ return "background-image: url(".concat(this.backgroundImage, ");\n background-size: ").concat(this.backgroundSize, ";");
2746
2869
  }
2747
2870
 
2748
2871
  },
@@ -2774,8 +2897,8 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2774
2897
  ;
2775
2898
  var banner_component = normalizeComponent(
2776
2899
  banner_bannervue_type_script_lang_js_,
2777
- bannervue_type_template_id_27fef6de_render,
2778
- bannervue_type_template_id_27fef6de_staticRenderFns,
2900
+ bannervue_type_template_id_1a44ca06_render,
2901
+ bannervue_type_template_id_1a44ca06_staticRenderFns,
2779
2902
  false,
2780
2903
  null,
2781
2904
  null,
@@ -3564,12 +3687,13 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
3564
3687
  var combobox_loading_listvue_type_template_id_07d9971d_staticRenderFns = []
3565
3688
 
3566
3689
 
3567
- ;// 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&
3568
- 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', {
3690
+ ;// 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&
3691
+ 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', {
3569
3692
  'dt-list-item--focusable': _vm.isFocusable,
3570
3693
  'dt-list-item--highlighted': _vm.isHighlighted,
3694
+ 'dt-list-item--static': !_vm.isHoverable,
3571
3695
  }],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)}
3572
- var list_itemvue_type_template_id_17070dec_staticRenderFns = []
3696
+ var list_itemvue_type_template_id_8dfbba78_staticRenderFns = []
3573
3697
 
3574
3698
 
3575
3699
  ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -3695,6 +3819,7 @@ var default_list_item_component = normalizeComponent(
3695
3819
  //
3696
3820
  //
3697
3821
  //
3822
+ //
3698
3823
 
3699
3824
 
3700
3825
 
@@ -3887,8 +4012,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(502);
3887
4012
 
3888
4013
  var list_item_component = normalizeComponent(
3889
4014
  list_item_list_itemvue_type_script_lang_js_,
3890
- list_itemvue_type_template_id_17070dec_render,
3891
- list_itemvue_type_template_id_17070dec_staticRenderFns,
4015
+ list_itemvue_type_template_id_8dfbba78_render,
4016
+ list_itemvue_type_template_id_8dfbba78_staticRenderFns,
3892
4017
  false,
3893
4018
  null,
3894
4019
  null,
@@ -5677,17 +5802,17 @@ var collapsible_component = normalizeComponent(
5677
5802
  /* harmony default export */ const collapsible = (collapsible_component.exports);
5678
5803
  ;// CONCATENATED MODULE: ./components/collapsible/index.js
5679
5804
 
5680
- ;// 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&
5681
- 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){
5805
+ ;// 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&
5806
+ 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){
5682
5807
  var attrs = ref.attrs;
5683
5808
  return [_vm._t("anchor",null,null,attrs)]}},{key:"content",fn:function(ref){
5684
5809
  var close = ref.close;
5685
- 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))}
5686
- var dropdownvue_type_template_id_230c0da9_staticRenderFns = []
5810
+ 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))}
5811
+ var dropdownvue_type_template_id_02543726_staticRenderFns = []
5687
5812
 
5688
5813
 
5689
- ;// 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&
5690
- 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":{
5814
+ ;// 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&
5815
+ 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":{
5691
5816
  'aria-expanded': _vm.isOpen.toString(),
5692
5817
  'aria-controls': _vm.id,
5693
5818
  'aria-haspopup': _vm.role,
@@ -5698,7 +5823,7 @@ var popovervue_type_template_id_27ddd8bc_render = function () {var _vm=this;var
5698
5823
  'd-popover__content',
5699
5824
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
5700
5825
  _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)}
5701
- var popovervue_type_template_id_27ddd8bc_staticRenderFns = []
5826
+ var popovervue_type_template_id_d85b2e98_staticRenderFns = []
5702
5827
 
5703
5828
 
5704
5829
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -10631,6 +10756,8 @@ var popover_header_footer_component = normalizeComponent(
10631
10756
  //
10632
10757
  //
10633
10758
  //
10759
+ //
10760
+ //
10634
10761
 
10635
10762
  /* eslint-disable max-lines */
10636
10763
 
@@ -10663,6 +10790,15 @@ var popover_header_footer_component = normalizeComponent(
10663
10790
  default: null
10664
10791
  },
10665
10792
 
10793
+ /**
10794
+ * Opens the popover on right click (context menu). If you set this value to `true`,
10795
+ * the default trigger behavior will be disabled.
10796
+ */
10797
+ openOnContext: {
10798
+ type: Boolean,
10799
+ default: false
10800
+ },
10801
+
10666
10802
  /**
10667
10803
  * Element type (tag name) of the root element of the component.
10668
10804
  */
@@ -11093,11 +11229,38 @@ var popover_header_footer_component = normalizeComponent(
11093
11229
  defaultToggleOpen(e) {
11094
11230
  var _this$open, _this$anchorEl;
11095
11231
 
11096
- // Only use default toggle behaviour if the user has not set the open prop.
11232
+ if (this.openOnContext) {
11233
+ return;
11234
+ } // Only use default toggle behaviour if the user has not set the open prop.
11097
11235
  // Check that the anchor element specifically was clicked.
11236
+
11237
+
11098
11238
  (_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();
11099
11239
  },
11100
11240
 
11241
+ onContext(event) {
11242
+ var _this$tip3;
11243
+
11244
+ if (!this.openOnContext) {
11245
+ return;
11246
+ }
11247
+
11248
+ (_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.setProps({
11249
+ placement: 'right-start'
11250
+ });
11251
+ this.tip.setProps({
11252
+ getReferenceClientRect: () => ({
11253
+ width: 0,
11254
+ height: 0,
11255
+ top: event.clientY,
11256
+ bottom: event.clientY,
11257
+ left: event.clientX,
11258
+ right: event.clientX
11259
+ })
11260
+ });
11261
+ this.toggleOpen();
11262
+ },
11263
+
11101
11264
  toggleOpen() {
11102
11265
  this.isOpen = !this.isOpen;
11103
11266
  },
@@ -11143,7 +11306,7 @@ var popover_header_footer_component = normalizeComponent(
11143
11306
  },
11144
11307
 
11145
11308
  async onLeaveTransitionComplete() {
11146
- var _this$tip3;
11309
+ var _this$tip4;
11147
11310
 
11148
11311
  if (this.modal) {
11149
11312
  this.focusFirstElement(this.$refs.anchor); // await next tick in case the user wants to change focus themselves.
@@ -11151,7 +11314,7 @@ var popover_header_footer_component = normalizeComponent(
11151
11314
  await this.$nextTick();
11152
11315
  }
11153
11316
 
11154
- (_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.unmount();
11317
+ (_this$tip4 = this.tip) === null || _this$tip4 === void 0 ? void 0 : _this$tip4.unmount();
11155
11318
  this.$emit('opened', false);
11156
11319
 
11157
11320
  if (this.open !== null) {
@@ -11266,8 +11429,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(230);
11266
11429
 
11267
11430
  var popover_component = normalizeComponent(
11268
11431
  popover_popovervue_type_script_lang_js_,
11269
- popovervue_type_template_id_27ddd8bc_render,
11270
- popovervue_type_template_id_27ddd8bc_staticRenderFns,
11432
+ popovervue_type_template_id_d85b2e98_render,
11433
+ popovervue_type_template_id_d85b2e98_staticRenderFns,
11271
11434
  false,
11272
11435
  null,
11273
11436
  null,
@@ -11338,6 +11501,7 @@ const DROPDOWN_PADDING_CLASSES = {
11338
11501
  //
11339
11502
  //
11340
11503
  //
11504
+ //
11341
11505
 
11342
11506
 
11343
11507
 
@@ -11370,6 +11534,15 @@ const DROPDOWN_PADDING_CLASSES = {
11370
11534
  default: null
11371
11535
  },
11372
11536
 
11537
+ /**
11538
+ * Opens the dropdown on right click (context menu). If you set this value to `true`,
11539
+ * the default trigger behavior will be disabled.
11540
+ */
11541
+ openOnContext: {
11542
+ type: Boolean,
11543
+ default: false
11544
+ },
11545
+
11373
11546
  /**
11374
11547
  * Vertical padding size around the list element.
11375
11548
  */
@@ -11525,6 +11698,12 @@ const DROPDOWN_PADDING_CLASSES = {
11525
11698
 
11526
11699
  isArrowKeyNav() {
11527
11700
  return this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS;
11701
+ },
11702
+
11703
+ listClasses() {
11704
+ return ['d-ps-relative', 'd-px0', DROPDOWN_PADDING_CLASSES[this.padding], this.listClass, {
11705
+ 'd-context-menu-list': this.openOnContext
11706
+ }];
11528
11707
  }
11529
11708
 
11530
11709
  },
@@ -11532,7 +11711,7 @@ const DROPDOWN_PADDING_CLASSES = {
11532
11711
  onMouseHighlight(e) {
11533
11712
  const liElement = e.target.closest('li');
11534
11713
 
11535
- if (liElement && this.highlightId !== liElement.id) {
11714
+ if (liElement && liElement.role && this.highlightId !== liElement.id) {
11536
11715
  this.setHighlightId(liElement.id);
11537
11716
  liElement.focus();
11538
11717
  }
@@ -11627,7 +11806,7 @@ const DROPDOWN_PADDING_CLASSES = {
11627
11806
  },
11628
11807
 
11629
11808
  onKeyValidation(e, eventHandler) {
11630
- if (this.open !== null) {
11809
+ if (this.open !== null && !this.openOnContext) {
11631
11810
  return;
11632
11811
  }
11633
11812
 
@@ -11638,18 +11817,23 @@ const DROPDOWN_PADDING_CLASSES = {
11638
11817
  });
11639
11818
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=script&lang=js&
11640
11819
  /* harmony default export */ const dropdown_dropdownvue_type_script_lang_js_ = (dropdownvue_type_script_lang_js_);
11820
+ // 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/dropdown/dropdown.vue?vue&type=style&index=0&lang=less&
11821
+ var dropdownvue_type_style_index_0_lang_less_ = __webpack_require__(782);
11822
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=style&index=0&lang=less&
11823
+
11641
11824
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue
11642
11825
 
11643
11826
 
11644
11827
 
11828
+ ;
11645
11829
 
11646
11830
 
11647
11831
  /* normalize component */
11648
- ;
11832
+
11649
11833
  var dropdown_component = normalizeComponent(
11650
11834
  dropdown_dropdownvue_type_script_lang_js_,
11651
- dropdownvue_type_template_id_230c0da9_render,
11652
- dropdownvue_type_template_id_230c0da9_staticRenderFns,
11835
+ dropdownvue_type_template_id_02543726_render,
11836
+ dropdownvue_type_template_id_02543726_staticRenderFns,
11653
11837
  false,
11654
11838
  null,
11655
11839
  null,
@@ -11658,8 +11842,120 @@ var dropdown_component = normalizeComponent(
11658
11842
  )
11659
11843
 
11660
11844
  /* harmony default export */ const dropdown = (dropdown_component.exports);
11845
+ ;// 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&
11846
+ 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)])}
11847
+ var dropdown_listvue_type_template_id_294ae37b_scoped_true_staticRenderFns = []
11848
+
11849
+
11850
+ ;// 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/dropdown/dropdown_list.vue?vue&type=script&lang=js&
11851
+ //
11852
+ //
11853
+ //
11854
+ //
11855
+ //
11856
+ //
11857
+ //
11858
+ //
11859
+ //
11860
+ //
11861
+ //
11862
+ //
11863
+ //
11864
+ //
11865
+ //
11866
+ //
11867
+ //
11868
+ //
11869
+ //
11870
+ /* harmony default export */ const dropdown_listvue_type_script_lang_js_ = ({
11871
+ name: 'DtDropdownList',
11872
+ props: {
11873
+ /**
11874
+ * List's heading.
11875
+ */
11876
+ heading: {
11877
+ type: String,
11878
+ default: ''
11879
+ },
11880
+
11881
+ /**
11882
+ * Additional class for the wrapper list element.
11883
+ */
11884
+ listClass: {
11885
+ type: [String, Array, Object],
11886
+ default: ''
11887
+ }
11888
+ }
11889
+ });
11890
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_list.vue?vue&type=script&lang=js&
11891
+ /* harmony default export */ const dropdown_dropdown_listvue_type_script_lang_js_ = (dropdown_listvue_type_script_lang_js_);
11892
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_list.vue
11893
+
11894
+
11895
+
11896
+
11897
+
11898
+ /* normalize component */
11899
+ ;
11900
+ var dropdown_list_component = normalizeComponent(
11901
+ dropdown_dropdown_listvue_type_script_lang_js_,
11902
+ dropdown_listvue_type_template_id_294ae37b_scoped_true_render,
11903
+ dropdown_listvue_type_template_id_294ae37b_scoped_true_staticRenderFns,
11904
+ false,
11905
+ null,
11906
+ "294ae37b",
11907
+ null
11908
+
11909
+ )
11910
+
11911
+ /* harmony default export */ const dropdown_list = (dropdown_list_component.exports);
11912
+ ;// 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&
11913
+ 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"}})}
11914
+ var dropdown_separatorvue_type_template_id_6a948a17_staticRenderFns = []
11915
+
11916
+
11917
+ ;// 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/dropdown/dropdown_separator.vue?vue&type=script&lang=js&
11918
+ //
11919
+ //
11920
+ //
11921
+ //
11922
+ //
11923
+ //
11924
+ //
11925
+ /* harmony default export */ const dropdown_separatorvue_type_script_lang_js_ = ({
11926
+ name: 'DtDropdownSeparator'
11927
+ });
11928
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=script&lang=js&
11929
+ /* harmony default export */ const dropdown_dropdown_separatorvue_type_script_lang_js_ = (dropdown_separatorvue_type_script_lang_js_);
11930
+ // 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/dropdown/dropdown_separator.vue?vue&type=style&index=0&lang=less&
11931
+ var dropdown_separatorvue_type_style_index_0_lang_less_ = __webpack_require__(209);
11932
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=style&index=0&lang=less&
11933
+
11934
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue
11935
+
11936
+
11937
+
11938
+ ;
11939
+
11940
+
11941
+ /* normalize component */
11942
+
11943
+ var dropdown_separator_component = normalizeComponent(
11944
+ dropdown_dropdown_separatorvue_type_script_lang_js_,
11945
+ dropdown_separatorvue_type_template_id_6a948a17_render,
11946
+ dropdown_separatorvue_type_template_id_6a948a17_staticRenderFns,
11947
+ false,
11948
+ null,
11949
+ null,
11950
+ null
11951
+
11952
+ )
11953
+
11954
+ /* harmony default export */ const dropdown_separator = (dropdown_separator_component.exports);
11661
11955
  ;// CONCATENATED MODULE: ./components/dropdown/index.js
11662
11956
 
11957
+
11958
+
11663
11959
  ;// 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&
11664
11960
  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:[
11665
11961
  'base-input__label-text',
@@ -17127,14 +17423,14 @@ var keyboard_shortcut_component = normalizeComponent(
17127
17423
  ;// CONCATENATED MODULE: ./components/keyboard_shortcut/index.js
17128
17424
 
17129
17425
 
17130
- ;// 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&
17131
- 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)}
17132
- var root_layoutvue_type_template_id_2e5fe0a4_staticRenderFns = []
17426
+ ;// 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&
17427
+ 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)}
17428
+ var root_layoutvue_type_template_id_7ea2ab50_staticRenderFns = []
17133
17429
 
17134
17430
 
17135
- ;// 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&
17136
- 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()])}
17137
- var root_layout_bodyvue_type_template_id_dfb53770_staticRenderFns = []
17431
+ ;// 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&
17432
+ 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()])}
17433
+ var root_layout_bodyvue_type_template_id_6ef959c4_staticRenderFns = []
17138
17434
 
17139
17435
 
17140
17436
  ;// CONCATENATED MODULE: ./components/root_layout/root_layout_constants.js
@@ -17174,6 +17470,14 @@ const ROOT_LAYOUT_SIDEBAR_POSITIONS = {
17174
17470
  /* harmony default export */ const root_layout_bodyvue_type_script_lang_js_ = ({
17175
17471
  name: 'DtRootLayoutBody',
17176
17472
  props: {
17473
+ /**
17474
+ * Additional class name for the body
17475
+ */
17476
+ bodyClass: {
17477
+ type: [String, Array, Object],
17478
+ default: undefined
17479
+ },
17480
+
17177
17481
  /**
17178
17482
  * Additional class name for the content element
17179
17483
  */
@@ -17220,10 +17524,10 @@ const ROOT_LAYOUT_SIDEBAR_POSITIONS = {
17220
17524
  }
17221
17525
  },
17222
17526
  computed: {
17223
- bodyClass() {
17224
- return {
17527
+ bodyClasses() {
17528
+ return [this.bodyClass, {
17225
17529
  'root-layout__body--invert': this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT
17226
- };
17530
+ }];
17227
17531
  }
17228
17532
 
17229
17533
  }
@@ -17245,8 +17549,8 @@ var root_layout_bodyvue_type_style_index_0_lang_less_ = __webpack_require__(125)
17245
17549
 
17246
17550
  var root_layout_body_component = normalizeComponent(
17247
17551
  root_layout_root_layout_bodyvue_type_script_lang_js_,
17248
- root_layout_bodyvue_type_template_id_dfb53770_render,
17249
- root_layout_bodyvue_type_template_id_dfb53770_staticRenderFns,
17552
+ root_layout_bodyvue_type_template_id_6ef959c4_render,
17553
+ root_layout_bodyvue_type_template_id_6ef959c4_staticRenderFns,
17250
17554
  false,
17251
17555
  null,
17252
17556
  null,
@@ -17291,6 +17595,7 @@ var root_layout_body_component = normalizeComponent(
17291
17595
  //
17292
17596
  //
17293
17597
  //
17598
+ //
17294
17599
 
17295
17600
 
17296
17601
  /* harmony default export */ const root_layoutvue_type_script_lang_js_ = ({
@@ -17316,6 +17621,14 @@ var root_layout_body_component = normalizeComponent(
17316
17621
  default: '64px'
17317
17622
  },
17318
17623
 
17624
+ /**
17625
+ * Additional class name for the body
17626
+ */
17627
+ bodyClass: {
17628
+ type: [String, Array, Object],
17629
+ default: ''
17630
+ },
17631
+
17319
17632
  /**
17320
17633
  * Scroll the header with the page
17321
17634
  */
@@ -17405,8 +17718,8 @@ var root_layoutvue_type_style_index_0_lang_less_ = __webpack_require__(426);
17405
17718
 
17406
17719
  var root_layout_component = normalizeComponent(
17407
17720
  root_layout_root_layoutvue_type_script_lang_js_,
17408
- root_layoutvue_type_template_id_2e5fe0a4_render,
17409
- root_layoutvue_type_template_id_2e5fe0a4_staticRenderFns,
17721
+ root_layoutvue_type_template_id_7ea2ab50_render,
17722
+ root_layoutvue_type_template_id_7ea2ab50_staticRenderFns,
17410
17723
  false,
17411
17724
  null,
17412
17725
  null,
@@ -17418,15 +17731,15 @@ var root_layout_component = normalizeComponent(
17418
17731
  ;// CONCATENATED MODULE: ./components/root_layout/index.js
17419
17732
 
17420
17733
 
17421
- ;// 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&
17422
- 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){
17734
+ ;// 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&
17735
+ 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){
17423
17736
  var inputProps = ref.inputProps;
17424
17737
  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){
17425
17738
  var opened = ref.opened;
17426
17739
  var listProps = ref.listProps;
17427
17740
  var clearHighlightIndex = ref.clearHighlightIndex;
17428
- 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))}
17429
- var combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns = []
17741
+ 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))}
17742
+ var combobox_with_popovervue_type_template_id_7fd50634_staticRenderFns = []
17430
17743
 
17431
17744
 
17432
17745
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js&
@@ -17666,6 +17979,15 @@ var combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns = []
17666
17979
  default: false
17667
17980
  },
17668
17981
 
17982
+ /**
17983
+ * Determines modal state. If enabled popover has a modal overlay
17984
+ * preventing interaction with elements below it, but it is invisible.
17985
+ */
17986
+ modal: {
17987
+ type: Boolean,
17988
+ default: true
17989
+ },
17990
+
17669
17991
  /**
17670
17992
  * Displays the list when the combobox is focused, before the user has typed anything.
17671
17993
  * When this is enabled the list will not close after selection.
@@ -17807,10 +18129,6 @@ var combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns = []
17807
18129
 
17808
18130
  if (!isComboboxStillFocused) {
17809
18131
  this.closeComboboxList();
17810
- } else {
17811
- // if focus is anywhere within the combobox input or list,
17812
- // keep the focus on the input, or keyboard nav will break.
17813
- e.target.focus();
17814
18132
  }
17815
18133
  },
17816
18134
 
@@ -17836,8 +18154,8 @@ var combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns = []
17836
18154
  ;
17837
18155
  var combobox_with_popover_component = normalizeComponent(
17838
18156
  combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
17839
- combobox_with_popovervue_type_template_id_7efaa59c_render,
17840
- combobox_with_popovervue_type_template_id_7efaa59c_staticRenderFns,
18157
+ combobox_with_popovervue_type_template_id_7fd50634_render,
18158
+ combobox_with_popovervue_type_template_id_7fd50634_staticRenderFns,
17841
18159
  false,
17842
18160
  null,
17843
18161
  null,
@@ -17848,11 +18166,11 @@ var combobox_with_popover_component = normalizeComponent(
17848
18166
  /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
17849
18167
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
17850
18168
 
17851
- ;// 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&
17852
- 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){
18169
+ ;// 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&
18170
+ 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){
17853
18171
  var onInput = ref.onInput;
17854
- 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)})}
17855
- var combobox_multi_selectvue_type_template_id_14e17b26_staticRenderFns = []
18172
+ 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)})}
18173
+ var combobox_multi_selectvue_type_template_id_23bc5ad2_staticRenderFns = []
17856
18174
 
17857
18175
 
17858
18176
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -18053,6 +18371,7 @@ const MULTI_SELECT_SIZES = {
18053
18371
  //
18054
18372
  //
18055
18373
  //
18374
+ //
18056
18375
 
18057
18376
 
18058
18377
 
@@ -18491,8 +18810,8 @@ const MULTI_SELECT_SIZES = {
18491
18810
  ;
18492
18811
  var combobox_multi_select_component = normalizeComponent(
18493
18812
  combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
18494
- combobox_multi_selectvue_type_template_id_14e17b26_render,
18495
- combobox_multi_selectvue_type_template_id_14e17b26_staticRenderFns,
18813
+ combobox_multi_selectvue_type_template_id_23bc5ad2_render,
18814
+ combobox_multi_selectvue_type_template_id_23bc5ad2_staticRenderFns,
18496
18815
  false,
18497
18816
  null,
18498
18817
  null,
@@ -18934,8 +19253,8 @@ var callbar_button_with_popover_component = normalizeComponent(
18934
19253
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_component.exports);
18935
19254
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
18936
19255
 
18937
- ;// 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&
18938
- 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:[
19256
+ ;// 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&
19257
+ 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:[
18939
19258
  'd-ba',
18940
19259
  'd-bc-white',
18941
19260
  'd-baw2',
@@ -18946,7 +19265,7 @@ var contact_infovue_type_template_id_2ea57cf6_render = function () {var _vm=this
18946
19265
  'd-w20p',
18947
19266
  'd-h20p',
18948
19267
  _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)})}
18949
- var contact_infovue_type_template_id_2ea57cf6_staticRenderFns = []
19268
+ var contact_infovue_type_template_id_466e560c_staticRenderFns = []
18950
19269
 
18951
19270
 
18952
19271
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
@@ -19040,7 +19359,6 @@ const USER_STATUS_COLOR_MODIFIERS = {
19040
19359
  //
19041
19360
  //
19042
19361
  //
19043
- //
19044
19362
 
19045
19363
 
19046
19364
 
@@ -19139,8 +19457,8 @@ const USER_STATUS_COLOR_MODIFIERS = {
19139
19457
  ;
19140
19458
  var contact_info_component = normalizeComponent(
19141
19459
  contact_info_contact_infovue_type_script_lang_js_,
19142
- contact_infovue_type_template_id_2ea57cf6_render,
19143
- contact_infovue_type_template_id_2ea57cf6_staticRenderFns,
19460
+ contact_infovue_type_template_id_466e560c_render,
19461
+ contact_infovue_type_template_id_466e560c_staticRenderFns,
19144
19462
  false,
19145
19463
  null,
19146
19464
  null,