@dialpad/dialtone-vue 2.20.0-beta.1 → 2.21.0-alpha.2

package/dist/dialtone-vue.umd.js

@@ -11,6 +11,54 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 751:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(481);
+/* 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__);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(400);
+/* 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__);
+// Imports
+
+
+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()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".d-context-menu-list{width:24rem}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 549:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(481);
+/* 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__);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(400);
+/* 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__);
+// Imports
+
+
+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()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-separator{height:1px;list-style:none}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
 /***/ 793:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
@@ -372,6 +420,38 @@ module.exports = function (i) {
 
 /***/ }),
 
+/***/ 437:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(751);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(402)/* ["default"] */ .Z)
+var update = add("20c77f36", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 176:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(549);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(402)/* ["default"] */ .Z)
+var update = add("2810b083", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 742:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -911,7 +991,10 @@ __webpack_require__.d(__webpack_exports__, {
   "DtCheckboxGroup": () => (/* reexport */ checkbox_group),
   "DtChip": () => (/* reexport */ chip),
   "DtCombobox": () => (/* reexport */ combobox),
+  "DtContextMenu": () => (/* reexport */ context_menu),
   "DtDropdown": () => (/* reexport */ dropdown),
+  "DtDropdownList": () => (/* reexport */ dropdown_list),
+  "DtDropdownSeparator": () => (/* reexport */ dropdown_separator),
   "DtGroupableInputMixin": () => (/* reexport */ GroupableMixin),
   "DtInput": () => (/* reexport */ input_input),
   "DtInputGroup": () => (/* reexport */ input_group_input_group),
@@ -1043,8 +1126,8 @@ const AVATAR_COLOR_MODIFIERS = {
   'pink-600': 'd-avatar--pink-600',
   'purple-200': 'd-avatar--purple-200',
   'purple-300': 'd-avatar--purple-300',
-  'purple-400': 'd-avatar--purple-400',
   'purple-500': 'd-avatar--purple-500',
+  'purple-600': 'd-avatar--purple-600',
   'yellow-200': 'd-avatar--yellow-200',
   'yellow-300': 'd-avatar--yellow-300',
   'yellow-400': 'd-avatar--yellow-400',
@@ -1493,8 +1576,8 @@ const BADGE_COLOR_MODIFIERS = {
   'pink-700': 'd-badge--pink-700',
   'purple-100': 'd-badge--purple-100',
   'purple-300': 'd-badge--purple-300',
-  'purple-400': 'd-badge--purple-400',
   'purple-500': 'd-badge--purple-500',
+  'purple-700': 'd-badge--purple-700',
   'red-500': 'd-badge--red-500',
   white: 'd-badge--white',
   'yellow-300': 'd-badge--yellow-300'
@@ -1569,9 +1652,9 @@ var badge_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/badge/index.js
 
 
-;// 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=84646d6c&
-var bannervue_type_template_id_84646d6c_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)])}
-var bannervue_type_template_id_84646d6c_staticRenderFns = []
+;// 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&
+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)])}
+var bannervue_type_template_id_27fef6de_staticRenderFns = []
 
 
 ;// 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&
@@ -1876,14 +1959,14 @@ var IconClose_component = normalizeComponent(
 )
 
 /* harmony default export */ const IconClose = (IconClose_component.exports);
-;// 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/button/button.vue?vue&type=template&id=51338fd2&
-var buttonvue_type_template_id_51338fd2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
+;// 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/button/button.vue?vue&type=template&id=29abe406&
+var buttonvue_type_template_id_29abe406_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
     'base-button__button',
     _vm.buttonClasses() ],attrs:{"data-qa":"dt-button","type":_vm.type,"aria-live":_vm.computedAriaLive,"aria-label":_vm.loading ? 'loading' : _vm.$attrs['aria-label']}},_vm.buttonListeners),[(_vm.shouldRenderIcon())?_c('span',{class:[
       'base-button__icon',
       'd-btn__icon',
       _vm.ICON_POSITION_MODIFIERS[_vm.iconPosition] ],attrs:{"data-qa":"dt-button-icon"}},[_vm._t("icon")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-w100p', 'd-btn__label', 'base-button__label', _vm.labelClass],attrs:{"data-qa":"dt-button-label"}},[_vm._t("default")],2):_vm._e()])}
-var buttonvue_type_template_id_51338fd2_staticRenderFns = []
+var buttonvue_type_template_id_29abe406_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/button/button_constants.js
@@ -1935,7 +2018,7 @@ const INVALID_COMBINATION = [{
 }];
 
 function _invalidCombinationMessage(circle, kind, importance) {
-  return "You cannot not have a ".concat(circle ? 'circle ' : '', "button with kind: ").concat(kind, " and importance: ").concat(importance, " as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles");
+  return "You cannot have a ".concat(circle ? 'circle ' : '', "button with kind: ").concat(kind, " and importance: ").concat(importance, " as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles");
 }
 
 /* harmony default export */ const button_constants = ({
@@ -2006,6 +2089,8 @@ const LINK_KIND_MODIFIERS = {
 /**
  * Base Vue component for Dialtone Buttons.
  * @displayName DtButton
+ * @property {Boolean} disabled attribute
+ * @property {String} width attribute
  */
 
 /* harmony default export */ const buttonvue_type_script_lang_js_ = ({
@@ -2136,7 +2221,28 @@ const LINK_KIND_MODIFIERS = {
       default: false
     }
   },
-  emits: ['click', 'focusin', 'focusout'],
+  emits: [
+  /**
+   * Native button click event
+   *
+   * @event click
+   * @type {PointerEvent | KeyboardEvent}
+   */
+  'click',
+  /**
+   * Native button focus in event
+   *
+   * @event focusin
+   * @type {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native button focus out event
+   *
+   * @event focusout
+   * @type {FocusEvent}
+   */
+  'focusout'],
 
   data() {
     return {
@@ -2236,8 +2342,8 @@ const LINK_KIND_MODIFIERS = {
 ;
 var button_component = normalizeComponent(
   button_buttonvue_type_script_lang_js_,
-  buttonvue_type_template_id_51338fd2_render,
-  buttonvue_type_template_id_51338fd2_staticRenderFns,
+  buttonvue_type_template_id_29abe406_render,
+  buttonvue_type_template_id_29abe406_staticRenderFns,
   false,
   null,
   null,
@@ -2591,7 +2697,13 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
       default: false
     }
   },
-  emits: ['close'],
+  emits: [
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close'],
   computed: {
     role() {
       return this.important ? 'alertdialog' : 'status';
@@ -2640,8 +2752,8 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
 ;
 var banner_component = normalizeComponent(
   banner_bannervue_type_script_lang_js_,
-  bannervue_type_template_id_84646d6c_render,
-  bannervue_type_template_id_84646d6c_staticRenderFns,
+  bannervue_type_template_id_27fef6de_render,
+  bannervue_type_template_id_27fef6de_staticRenderFns,
   false,
   null,
   null,
@@ -2673,11 +2785,11 @@ var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{c
 var breadcrumb_itemvue_type_template_id_6f97ec8a_staticRenderFns = []
 
 
-;// 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/link/link.vue?vue&type=template&id=08ea8c41&
-var linkvue_type_template_id_08ea8c41_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',_vm._g({class:[
+;// 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/link/link.vue?vue&type=template&id=f7ce3dfc&
+var linkvue_type_template_id_f7ce3dfc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',_vm._g({class:[
     'd-link',
     _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},_vm.$listeners),[_vm._t("default")],2)}
-var linkvue_type_template_id_08ea8c41_staticRenderFns = []
+var linkvue_type_template_id_f7ce3dfc_staticRenderFns = []
 
 
 ;// 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/link/link.vue?vue&type=script&lang=js&
@@ -2695,6 +2807,11 @@ var linkvue_type_template_id_08ea8c41_staticRenderFns = []
 //
 //
 
+/**
+ * @property {String} href attribute
+ * @property {String} rel attribute
+ */
+
 /* harmony default export */ const linkvue_type_script_lang_js_ = ({
   name: 'DtLink',
   props: {
@@ -2711,7 +2828,28 @@ var linkvue_type_template_id_08ea8c41_staticRenderFns = []
 
     }
   },
-  emits: ['click', 'focusin', 'focusout'],
+  emits: [
+  /**
+   * Native click event
+   *
+   * @event click
+   * @type {PointerEvent | KeyboardEvent}
+   */
+  'click',
+  /**
+   * Native focus in event
+   *
+   * @event focusin
+   * @type {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native focus out event
+   *
+   * @event focusout
+   * @type {FocusEvent}
+   */
+  'focusout'],
 
   data() {
     return {
@@ -2732,8 +2870,8 @@ var linkvue_type_template_id_08ea8c41_staticRenderFns = []
 ;
 var link_component = normalizeComponent(
   link_linkvue_type_script_lang_js_,
-  linkvue_type_template_id_08ea8c41_render,
-  linkvue_type_template_id_08ea8c41_staticRenderFns,
+  linkvue_type_template_id_f7ce3dfc_render,
+  linkvue_type_template_id_f7ce3dfc_staticRenderFns,
   false,
   null,
   null,
@@ -3025,9 +3163,9 @@ var button_group_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/button_group/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/combobox/combobox.vue?vue&type=template&id=62892fd4&
-var comboboxvue_type_template_id_62892fd4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.isLoading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.isListEmpty && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',_vm.listProps,false)):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex,"isLoading":_vm.isLoading,"isListEmpty":_vm.isListEmpty})],2):_vm._e()])}
-var comboboxvue_type_template_id_62892fd4_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/combobox/combobox.vue?vue&type=template&id=25daf05b&
+var comboboxvue_type_template_id_25daf05b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.isLoading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.isListEmpty && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',_vm.listProps,false)):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex,"isLoading":_vm.isLoading,"isListEmpty":_vm.isListEmpty})],2):_vm._e()])}
+var comboboxvue_type_template_id_25daf05b_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./common/mixins/dom.js
@@ -3404,12 +3542,12 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
 var combobox_loading_listvue_type_template_id_07d9971d_staticRenderFns = []
 
 
-;// 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=5367188c&
-var list_itemvue_type_template_id_5367188c_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', {
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=4c19058e&
+var list_itemvue_type_template_id_4c19058e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none focus-visible', {
     'dt-list-item--focusable': _vm.isFocusable,
     'dt-list-item--highlighted': _vm.isHighlighted,
   }],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)}
-var list_itemvue_type_template_id_5367188c_staticRenderFns = []
+var list_itemvue_type_template_id_4c19058e_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -3602,7 +3740,35 @@ var default_list_item_component = normalizeComponent(
       validator: t => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t)
     }
   },
-  emits: ['click', 'keydown', 'mousemove', 'mouseleave'],
+  emits: [
+  /**
+   * Native click event
+   *
+   * @event click
+   * @type {PointerEvent | KeyboardEvent}
+   */
+  'click',
+  /**
+   * Key down event
+   *
+   * @event keydown
+   * @type {KeyboardEvent}
+   */
+  'keydown',
+  /**
+   * Native mouse move event
+   *
+   * @event mousemove
+   * @type {MouseEvent}
+   */
+  'mousemove',
+  /**
+   * Native mouse leave event
+   *
+   * @event mouseleave
+   * @type {MouseEvent}
+   */
+  'mouseleave'],
 
   data() {
     return {
@@ -3706,8 +3872,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(285);
 
 var list_item_component = normalizeComponent(
   list_item_list_itemvue_type_script_lang_js_,
-  list_itemvue_type_template_id_5367188c_render,
-  list_itemvue_type_template_id_5367188c_staticRenderFns,
+  list_itemvue_type_template_id_4c19058e_render,
+  list_itemvue_type_template_id_4c19058e_staticRenderFns,
   false,
   null,
   null,
@@ -4675,7 +4841,34 @@ var combobox_empty_list_component = normalizeComponent(
       default: ''
     }
   },
-  emits: ['select', 'escape', 'highlight', 'opened'],
+  emits: [
+  /**
+   * Event fired when item selected
+   *
+   * @event select
+   * @type {Number}
+   */
+  'select',
+  /**
+   * Event fired when pressing escape
+   *
+   * @event escape
+   */
+  'escape',
+  /**
+   * Event fired when the highlight changes
+   *
+   * @event highlight
+   * @type {Number}
+   */
+  'highlight',
+  /**
+   * Event fired when list is shown or hidden
+   *
+   * @event opened
+   * @type {Boolean}
+   */
+  'opened'],
 
   data() {
     return {
@@ -4728,6 +4921,7 @@ var combobox_empty_list_component = normalizeComponent(
     },
 
     activeItemEl() {
+      if (!this.highlightId) return '';
       return this.getListElement().querySelector('#' + this.highlightId);
     }
 
@@ -4851,8 +5045,8 @@ var combobox_empty_list_component = normalizeComponent(
 ;
 var combobox_component = normalizeComponent(
   combobox_comboboxvue_type_script_lang_js_,
-  comboboxvue_type_template_id_62892fd4_render,
-  comboboxvue_type_template_id_62892fd4_staticRenderFns,
+  comboboxvue_type_template_id_25daf05b_render,
+  comboboxvue_type_template_id_25daf05b_staticRenderFns,
   false,
   null,
   null,
@@ -4863,17 +5057,26 @@ var combobox_component = normalizeComponent(
 /* harmony default export */ const combobox = (combobox_component.exports);
 ;// CONCATENATED MODULE: ./components/combobox/index.js
 
-;// 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=02d3f006&
-var dropdownvue_type_template_id_02d3f006_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){
+;// 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/context_menu/context_menu.vue?vue&type=template&id=4b3ffc6f&
+var context_menuvue_type_template_id_4b3ffc6f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-dropdown',{attrs:{"open":_vm.isOpen,"placement":"bottom-start","navigation-type":"arrow-keys","follow-cursor":"initial"},on:{"update:open":function($event){_vm.isOpen=$event}},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
+var attrs = ref.attrs;
+return [_c('div',{on:{"contextmenu":function($event){$event.preventDefault();return _vm.showMenu.apply(null, arguments)}}},[_vm._t("anchor",null,null,attrs)],2)]}},{key:"list",fn:function(ref){
+var close = ref.close;
+return [_c('div',{staticClass:"d-context-menu-list"},[_vm._t("list",null,{"close":close})],2)]}}],null,true)})}
+var context_menuvue_type_template_id_4b3ffc6f_staticRenderFns = []
+
+
+;// 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=03fdf47c&
+var dropdownvue_type_template_id_03fdf47c_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,"follow-cursor":_vm.followCursor},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){
 var attrs = ref.attrs;
 return [_vm._t("anchor",null,null,attrs)]}},{key:"content",fn:function(ref){
 var close = ref.close;
 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))}
-var dropdownvue_type_template_id_02d3f006_staticRenderFns = []
+var dropdownvue_type_template_id_03fdf47c_staticRenderFns = []
 
 
-;// 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=52edae7f&
-var popovervue_type_template_id_52edae7f_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":{
+;// 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=d3da038c&
+var popovervue_type_template_id_d3da038c_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":{
           'aria-expanded': _vm.isOpen.toString(),
           'aria-controls': _vm.id,
           'aria-haspopup': _vm.role,
@@ -4884,7 +5087,7 @@ var popovervue_type_template_id_52edae7f_render = function () {var _vm=this;var
           'd-popover__content',
           _vm.POPOVER_PADDING_CLASSES[_vm.padding],
           _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)}
-var popovervue_type_template_id_52edae7f_staticRenderFns = []
+var popovervue_type_template_id_d3da038c_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -9288,6 +9491,7 @@ const getArrowDetected = fn => ({
 
 const BASE_TIPPY_DIRECTIONS = ['bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'top', 'top-start', 'top-end'];
 const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];
+const TIPPY_FOLLOW_CURSOR_VALUES = [true, false, 'vertical', 'horizontal', 'initial'];
 const tippy_utils_createTippy = (anchorElement, options) => {
   const {
     contentElement
@@ -9295,7 +9499,7 @@ const tippy_utils_createTippy = (anchorElement, options) => {
   };
   delete options.contentElement;
   return tippy_esm(anchorElement, { ...options,
-    plugins: [sticky],
+    plugins: [sticky, followCursor],
     render: () => getContentWrapper(contentElement)
   });
 };
@@ -9381,6 +9585,7 @@ const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];
 const POPOVER_CONTENT_WIDTHS = [null, 'anchor'];
 const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];
 const POPOVER_STICKY_VALUES = [...TIPPY_STICKY_VALUES];
+const POPOVER_FOLLOW_CURSOR_VALUES = [...TIPPY_FOLLOW_CURSOR_VALUES];
 const POPOVER_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
 ;// 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/lazy_show/lazy_show.vue?vue&type=template&id=9ffa4e8c&
 var lazy_showvue_type_template_id_9ffa4e8c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',_vm._g({attrs:{"name":_vm.transition,"appear":_vm.appear}},_vm.$listeners),[_c('div',_vm._g({directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}]},_vm.$listeners),[(_vm.initialized)?_vm._t("default"):_vm._e()],2)])}
@@ -10124,6 +10329,20 @@ var popover_header_footer_component = normalizeComponent(
       }
     },
 
+    /**
+     * Determines if the popover follows the user's mouse cursor.
+     * `true` enables it, `vertical` or `horizontal` only follows the cursor on a single axis,
+     * `initial` will place the popover at the initial cursor position upon show, but prevent
+     * following it.
+     */
+    followCursor: {
+      type: [Boolean, String],
+      default: false,
+      validator: followCursor => {
+        return POPOVER_FOLLOW_CURSOR_VALUES.includes(followCursor);
+      }
+    },
+
     /**
      * Determines maximum height for the popover before overflow.
      * Possible units rem|px|em
@@ -10198,7 +10417,14 @@ var popover_header_footer_component = normalizeComponent(
       default: false
     }
   },
-  emits: ['update:open', 'opened'],
+  emits: [
+  /**
+   * Emitted when popover is shown or hidden
+   *
+   * @event opened
+   * @type {Boolean | Array}
+   */
+  'opened', 'update:open'],
 
   data() {
     return {
@@ -10247,6 +10473,12 @@ var popover_header_footer_component = normalizeComponent(
       });
     },
 
+    followCursor(followCursor) {
+      this.tip.setProps({
+        followCursor
+      });
+    },
+
     fallbackPlacements() {
       this.tip.setProps({
         popperOptions: this.popperOptions()
@@ -10304,6 +10536,7 @@ var popover_header_footer_component = normalizeComponent(
       placement: this.placement,
       offset: this.offset,
       sticky: this.sticky,
+      followCursor: this.followCursor,
       appendTo: document.body,
       interactive: true,
       trigger: 'manual',
@@ -10533,8 +10766,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(532);
 
 var popover_component = normalizeComponent(
   popover_popovervue_type_script_lang_js_,
-  popovervue_type_template_id_52edae7f_render,
-  popovervue_type_template_id_52edae7f_staticRenderFns,
+  popovervue_type_template_id_d3da038c_render,
+  popovervue_type_template_id_d3da038c_staticRenderFns,
   false,
   null,
   null,
@@ -10605,6 +10838,7 @@ const DROPDOWN_PADDING_CLASSES = {
 //
 //
 //
+//
 
 
 
@@ -10720,6 +10954,17 @@ const DROPDOWN_PADDING_CLASSES = {
       }
     },
 
+    /**
+     * Determines if the dropdown follows the user's mouse cursor.
+     * `true` enables it, `vertical` or `horizontal` only follows the cursor on a single axis,
+     * `initial` will place the dropdown at the initial cursor position upon show, but prevent
+     * following it.
+     */
+    followCursor: {
+      type: [Boolean, String],
+      default: false
+    },
+
     /**
      * The direction the dropdown displays relative to the anchor.
      */
@@ -10752,7 +10997,21 @@ const DROPDOWN_PADDING_CLASSES = {
       default: ''
     }
   },
-  emits: ['highlight', 'update:open', 'opened'],
+  emits: [
+  /**
+   * Event fired when the highlight changes
+   *
+   * @event highlight
+   * @type {Number}
+   */
+  'highlight',
+  /**
+   * Event fired when dropdown is shown or hidden
+   *
+   * @event opened
+   * @type {Boolean | Array}
+   */
+  'opened', 'update:open'],
 
   data() {
     return {
@@ -10785,7 +11044,7 @@ const DROPDOWN_PADDING_CLASSES = {
     onMouseHighlight(e) {
       const liElement = e.target.closest('li');
 
-      if (liElement && this.highlightId !== liElement.id) {
+      if (liElement && liElement.role && this.highlightId !== liElement.id) {
         this.setHighlightId(liElement.id);
         liElement.focus();
       }
@@ -10901,8 +11160,8 @@ const DROPDOWN_PADDING_CLASSES = {
 ;
 var dropdown_component = normalizeComponent(
   dropdown_dropdownvue_type_script_lang_js_,
-  dropdownvue_type_template_id_02d3f006_render,
-  dropdownvue_type_template_id_02d3f006_staticRenderFns,
+  dropdownvue_type_template_id_03fdf47c_render,
+  dropdownvue_type_template_id_03fdf47c_staticRenderFns,
   false,
   null,
   null,
@@ -10911,10 +11170,238 @@ var dropdown_component = normalizeComponent(
 )
 
 /* harmony default export */ const dropdown = (dropdown_component.exports);
+;// CONCATENATED MODULE: ./components/dropdown/dropdown_story_constants.js
+const DROPDOWN_STORY_ITEMS = [{
+  name: 'Menu item 1',
+  id: 1
+}, {
+  name: 'Menu item 2',
+  id: 2
+}, {
+  name: 'Another menu item 1',
+  id: 3
+}, {
+  name: 'Menu item 3',
+  id: 4
+}, {
+  name: 'Another menu item 2',
+  id: 5
+}];
+;// 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/context_menu/context_menu.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ const context_menuvue_type_script_lang_js_ = ({
+  name: 'DtContextMenu',
+  components: {
+    DtDropdown: dropdown,
+    DtButton: button_button,
+    DtListItem: list_item
+  },
+  props: {},
+
+  data() {
+    return {
+      isOpen: false
+    };
+  },
+
+  computed: {
+    items() {
+      return DROPDOWN_STORY_ITEMS;
+    }
+
+  },
+  methods: {
+    showMenu() {
+      this.isOpen = true;
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./components/context_menu/context_menu.vue?vue&type=script&lang=js&
+ /* harmony default export */ const context_menu_context_menuvue_type_script_lang_js_ = (context_menuvue_type_script_lang_js_); 
+// 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/context_menu/context_menu.vue?vue&type=style&index=0&lang=less&
+var context_menuvue_type_style_index_0_lang_less_ = __webpack_require__(437);
+;// CONCATENATED MODULE: ./components/context_menu/context_menu.vue?vue&type=style&index=0&lang=less&
+
+;// CONCATENATED MODULE: ./components/context_menu/context_menu.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var context_menu_component = normalizeComponent(
+  context_menu_context_menuvue_type_script_lang_js_,
+  context_menuvue_type_template_id_4b3ffc6f_render,
+  context_menuvue_type_template_id_4b3ffc6f_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const context_menu = (context_menu_component.exports);
+;// CONCATENATED MODULE: ./components/context_menu/context_menu_constants.js
+const DEFAULT_CONSTANTS = null;
+/* harmony default export */ const context_menu_constants = ({
+  DEFAULT_CONSTANTS
+});
+;// CONCATENATED MODULE: ./components/context_menu/index.js
+
+
+;// 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&
+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)])}
+var dropdown_listvue_type_template_id_294ae37b_scoped_true_staticRenderFns = []
+
+
+;// 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&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ const dropdown_listvue_type_script_lang_js_ = ({
+  name: 'DtDropdownList',
+  props: {
+    /**
+     * List's heading.
+     */
+    heading: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Additional class for the wrapper list element.
+     */
+    listClass: {
+      type: [String, Array, Object],
+      default: ''
+    }
+  }
+});
+;// CONCATENATED MODULE: ./components/dropdown/dropdown_list.vue?vue&type=script&lang=js&
+ /* harmony default export */ const dropdown_dropdown_listvue_type_script_lang_js_ = (dropdown_listvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./components/dropdown/dropdown_list.vue
+
+
+
+
+
+/* normalize component */
+;
+var dropdown_list_component = normalizeComponent(
+  dropdown_dropdown_listvue_type_script_lang_js_,
+  dropdown_listvue_type_template_id_294ae37b_scoped_true_render,
+  dropdown_listvue_type_template_id_294ae37b_scoped_true_staticRenderFns,
+  false,
+  null,
+  "294ae37b",
+  null
+  
+)
+
+/* harmony default export */ const dropdown_list = (dropdown_list_component.exports);
+;// 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&
+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"}})}
+var dropdown_separatorvue_type_template_id_6a948a17_staticRenderFns = []
+
+
+;// 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&
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ const dropdown_separatorvue_type_script_lang_js_ = ({
+  name: 'DtDropdownSeparator'
+});
+;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=script&lang=js&
+ /* harmony default export */ const dropdown_dropdown_separatorvue_type_script_lang_js_ = (dropdown_separatorvue_type_script_lang_js_); 
+// 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&
+var dropdown_separatorvue_type_style_index_0_lang_less_ = __webpack_require__(176);
+;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=style&index=0&lang=less&
+
+;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var dropdown_separator_component = normalizeComponent(
+  dropdown_dropdown_separatorvue_type_script_lang_js_,
+  dropdown_separatorvue_type_template_id_6a948a17_render,
+  dropdown_separatorvue_type_template_id_6a948a17_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const dropdown_separator = (dropdown_separator_component.exports);
 ;// CONCATENATED MODULE: ./components/dropdown/index.js
 
-;// 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=39fb0468&
-var inputvue_type_template_id_39fb0468_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:[
+
+
+;// 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&
+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:[
           'base-input__label-text',
           'd-label',
           _vm.labelSizeClasses[_vm.size] ],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e()]}),(_vm.$slots.description || _vm.description || _vm.shouldValidateLength)?_c('div',{ref:"description",class:[
@@ -10923,7 +11410,7 @@ var inputvue_type_template_id_39fb0468_render = function () {var _vm=this;var _h
         'd-fd-column',
         _vm.descriptionSizeClasses[_vm.size] ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[(_vm.$slots.description || _vm.description)?_c('div',[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),(_vm.shouldValidateLength)?_c('div',{class:[
           'd-mb2' ],attrs:{"data-qa":"dt-input-length-description"}},[_vm._v(" "+_vm._s(_vm.validationProps.length.description)+" ")]):_vm._e()]):_vm._e(),_c('div',{staticClass:"d-input__wrapper"},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e()])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.validationMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
-var inputvue_type_template_id_39fb0468_staticRenderFns = []
+var inputvue_type_template_id_fc19976e_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/input/input_constants.js
@@ -11123,6 +11610,7 @@ const InputMixin = {
 
     /**
      * The value of the input
+     * @model value
      */
     value: {
       type: [String, Number, Boolean, Object],
@@ -11247,6 +11735,7 @@ const CheckableMixin = {
   props: {
     /**
      * Used to set the state of the checkable input
+     * @model checked
      */
     checked: {
       type: Boolean,
@@ -11567,6 +12056,10 @@ const MessagesMixin = {
 
 
 
+/**
+ * @property {Boolean} placeholder attribute
+ */
+
 /* harmony default export */ const inputvue_type_script_lang_js_ = ({
   name: 'DtInput',
   components: {
@@ -11676,7 +12169,62 @@ const MessagesMixin = {
       default: null
     }
   },
-  emits: ['blur', 'input', 'clear', 'focus', 'focusin', 'focusout', 'update:length', 'update:invalid'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String}
+   */
+  'input',
+  /**
+   * Native input blur event
+   *
+   * @event blur
+   * @type {FocusEvent}
+   */
+  'blur',
+  /**
+   * Input clear event
+   *
+   * @event clear
+   */
+  'clear',
+  /**
+   * Native input focus event
+   *
+   * @event focus
+   * @type {FocusEvent}
+   */
+  'focus',
+  /**
+   * Native input focusin event
+   *
+   * @event focusin
+   * @type {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native input focusout event
+   *
+   * @event focusout
+   * @type {FocusEvent}
+   */
+  'focusout',
+  /**
+   * Length of the input when currentLength prop is not passed
+   *
+   * @event update:length
+   * @type {Number}
+   */
+  'update:length',
+  /**
+   * Result of the input validation
+   *
+   * @event update:invalid
+   * @type {Boolean}
+   */
+  'update:invalid'],
 
   data() {
     return {
@@ -11957,8 +12505,8 @@ const MessagesMixin = {
 ;
 var input_component = normalizeComponent(
   input_inputvue_type_script_lang_js_,
-  inputvue_type_template_id_39fb0468_render,
-  inputvue_type_template_id_39fb0468_staticRenderFns,
+  inputvue_type_template_id_fc19976e_render,
+  inputvue_type_template_id_fc19976e_staticRenderFns,
   false,
   null,
   null,
@@ -11970,9 +12518,9 @@ var input_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/input/index.js
 
 
-;// 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_group/input_group.vue?vue&type=template&id=71af2433&
-var input_groupvue_type_template_id_71af2433_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('fieldset',{attrs:{"data-qa":_vm.dataQaGroup}},[(_vm.$slots.legend || _vm.legend)?_c('legend',_vm._b({class:['d-label', _vm.legendClass],attrs:{"data-qa":_vm.dataQaGroupLegend}},'legend',_vm.legendChildProps,false),[_vm._t("legend",function(){return [_vm._v(" "+_vm._s(_vm.legend)+" ")]})],2):_vm._e(),_vm._t("default"),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":_vm.dataQaGroupMessages}},'dt-validation-messages',_vm.messagesChildProps,false))],2)}
-var input_groupvue_type_template_id_71af2433_staticRenderFns = []
+;// 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_group/input_group.vue?vue&type=template&id=cdfe834c&
+var input_groupvue_type_template_id_cdfe834c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('fieldset',{attrs:{"data-qa":_vm.dataQaGroup}},[(_vm.$slots.legend || _vm.legend)?_c('legend',_vm._b({class:['d-label', _vm.legendClass],attrs:{"data-qa":_vm.dataQaGroupLegend}},'legend',_vm.legendChildProps,false),[_vm._t("legend",function(){return [_vm._v(" "+_vm._s(_vm.legend)+" ")]})],2):_vm._e(),_vm._t("default"),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":_vm.dataQaGroupMessages}},'dt-validation-messages',_vm.messagesChildProps,false))],2)}
+var input_groupvue_type_template_id_cdfe834c_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./common/mixins/input_group.js
@@ -12206,6 +12754,13 @@ const InputGroupMixin = {
       default: 'input-group-messages'
     }
   },
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   */
+  'input'],
 
   data() {
     return {
@@ -12251,8 +12806,8 @@ const InputGroupMixin = {
 ;
 var input_group_component = normalizeComponent(
   input_group_input_groupvue_type_script_lang_js_,
-  input_groupvue_type_template_id_71af2433_render,
-  input_groupvue_type_template_id_71af2433_staticRenderFns,
+  input_groupvue_type_template_id_cdfe834c_render,
+  input_groupvue_type_template_id_cdfe834c_staticRenderFns,
   false,
   null,
   null,
@@ -12263,16 +12818,18 @@ var input_group_component = normalizeComponent(
 /* harmony default export */ const input_group_input_group = (input_group_component.exports);
 ;// CONCATENATED MODULE: ./components/input_group/index.js
 
-;// 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/modal/modal.vue?vue&type=template&id=72de2e42&
-var modalvue_type_template_id_72de2e42_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',{class:[
+;// 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/modal/modal.vue?vue&type=template&id=e3e205ea&
+var modalvue_type_template_id_e3e205ea_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',{class:[
     'd-modal',
     _vm.MODAL_KIND_MODIFIERS[_vm.kind],
     _vm.MODAL_SIZE_MODIFIERS[_vm.size],
-    _vm.modalClass ],attrs:{"transition":"d-zoom","show":_vm.show,"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus.apply(null, arguments)}],"after-enter":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition.apply(null, arguments)}}},[_c('transition',{attrs:{"appear":"","name":"d-modal__dialog"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],class:[
+    _vm.modalClass ],attrs:{"transition":"d-zoom","show":_vm.show,"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus.apply(null, arguments)}],"after-enter":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition.apply(null, arguments)}}},[(_vm.show && (_vm.$slots.banner || _vm.bannerTitle))?_c('div',{class:[
+      'd-modal__banner',
+      _vm.bannerClass ],attrs:{"data-qa":"dt-modal-banner"}},[_vm._t("banner",function(){return [_vm._v(" "+_vm._s(_vm.bannerTitle)+" ")]})],2):_vm._e(),_c('transition',{attrs:{"appear":"","name":"d-modal__dialog"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],class:[
         'd-modal__dialog',
         { 'd-modal__dialog--scrollable': _vm.fixedHeaderFooter },
         _vm.dialogClass ],attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel,"kind":_vm.kind},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)])],1)}
-var modalvue_type_template_id_72de2e42_staticRenderFns = []
+var modalvue_type_template_id_e3e205ea_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
@@ -12379,6 +12936,19 @@ const MODAL_SIZE_MODIFIERS = {
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -12453,6 +13023,14 @@ const MODAL_SIZE_MODIFIERS = {
       default: ''
     },
 
+    /**
+     * Title text to display in the modal banner.
+     */
+    bannerTitle: {
+      type: String,
+      default: ''
+    },
+
     /**
      * The theme of the modal.
      * @values default or danger
@@ -12495,6 +13073,16 @@ const MODAL_SIZE_MODIFIERS = {
       default: ''
     },
 
+    /**
+     * Additional class name for the banner element within the modal.
+     * Can accept all of String, Object, and Array, i.e. has the
+     * same api as Vue's built-in handling of the class attribute.
+     */
+    bannerClass: {
+      type: [String, Object, Array],
+      default: ''
+    },
+
     /**
      * Hides the close button on the modal
      */
@@ -12511,7 +13099,15 @@ const MODAL_SIZE_MODIFIERS = {
       default: true
     }
   },
-  emits: ['update:show'],
+  emits: [
+  /**
+   * The modal will emit a "false" boolean value for this event when the user performs a modal-closing action.
+   * Parent components can sync on this value to create a 2-way binding to control modal visibility.
+   *
+   * @event update:show
+   * @type {Boolean}
+   */
+  'update:show'],
 
   data() {
     return {
@@ -12578,8 +13174,8 @@ const MODAL_SIZE_MODIFIERS = {
 ;
 var modal_component = normalizeComponent(
   modal_modalvue_type_script_lang_js_,
-  modalvue_type_template_id_72de2e42_render,
-  modalvue_type_template_id_72de2e42_staticRenderFns,
+  modalvue_type_template_id_e3e205ea_render,
+  modalvue_type_template_id_e3e205ea_staticRenderFns,
   false,
   null,
   null,
@@ -12776,9 +13372,9 @@ var list_section_component = normalizeComponent(
 /* harmony default export */ const list_section = (list_section_component.exports);
 ;// CONCATENATED MODULE: ./components/list_section/index.js
 
-;// 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.vue?vue&type=template&id=4b03fec7&
-var noticevue_type_template_id_4b03fec7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"data-qa":"notice"}},_vm.$listeners),[_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,"role":_vm.role},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)}
-var noticevue_type_template_id_4b03fec7_staticRenderFns = []
+;// 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.vue?vue&type=template&id=ca7ad14a&
+var noticevue_type_template_id_ca7ad14a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"data-qa":"notice"}},_vm.$listeners),[_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,"role":_vm.role},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)}
+var noticevue_type_template_id_ca7ad14a_staticRenderFns = []
 
 
 ;// 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/notice/notice.vue?vue&type=script&lang=js&
@@ -12912,7 +13508,13 @@ var noticevue_type_template_id_4b03fec7_staticRenderFns = []
       default: false
     }
   },
-  emits: ['close'],
+  emits: [
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close'],
   computed: {
     noticeClass() {
       const noticeKinds = {
@@ -12941,8 +13543,8 @@ var noticevue_type_template_id_4b03fec7_staticRenderFns = []
 ;
 var notice_component = normalizeComponent(
   notice_noticevue_type_script_lang_js_,
-  noticevue_type_template_id_4b03fec7_render,
-  noticevue_type_template_id_4b03fec7_staticRenderFns,
+  noticevue_type_template_id_ca7ad14a_render,
+  noticevue_type_template_id_ca7ad14a_staticRenderFns,
   false,
   null,
   null,
@@ -12954,9 +13556,9 @@ var notice_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/notice/index.js
 
 
-;// 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/pagination/pagination.vue?vue&type=template&id=3592a77a&
-var paginationvue_type_template_id_3592a77a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"d-d-flex d-fd-row d-gg2 d-ai-center",attrs:{"aria-label":_vm.ariaLabel}},[_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-prev","aria-label":_vm.prevAriaLabel,"importance":_vm.isFirstPage ? 'primary' : 'clear',"disabled":_vm.isFirstPage},on:{"click":function($event){return _vm.changePage(_vm.currentPage - 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-left')],1)],2),_vm._l((_vm.pages),function(page,index){return _c('div',{key:("page-" + page + "-" + index)},[(isNaN(Number(page)))?_c('div',{staticClass:"d-h32 d-w32 d-d-flex d-ai-center d-jc-center",attrs:{"data-qa":"dt-pagination-separator"}},[_vm._v(" … ")]):_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"aria-label":_vm.pageNumberAriaLabel(page),"importance":_vm.currentPage === page ? 'primary' : 'clear',"label-class":"d-fs14"},on:{"click":function($event){return _vm.changePage(page)}}},[_vm._v(" "+_vm._s(page)+" ")])],1)}),_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-next","aria-label":_vm.nextAriaLabel,"disabled":_vm.isLastPage,"importance":_vm.isLastPage ? 'primary' : 'clear'},on:{"click":function($event){return _vm.changePage(_vm.currentPage + 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-right')],1)],2)],2)}
-var paginationvue_type_template_id_3592a77a_staticRenderFns = []
+;// 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/pagination/pagination.vue?vue&type=template&id=03cbd37c&
+var paginationvue_type_template_id_03cbd37c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"d-d-flex d-fd-row d-gg2 d-ai-center",attrs:{"aria-label":_vm.ariaLabel}},[_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-prev","aria-label":_vm.prevAriaLabel,"importance":_vm.isFirstPage ? 'primary' : 'clear',"disabled":_vm.isFirstPage},on:{"click":function($event){return _vm.changePage(_vm.currentPage - 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-left')],1)],2),_vm._l((_vm.pages),function(page,index){return _c('div',{key:("page-" + page + "-" + index)},[(isNaN(Number(page)))?_c('div',{staticClass:"d-h32 d-w32 d-d-flex d-ai-center d-jc-center",attrs:{"data-qa":"dt-pagination-separator"}},[_vm._v(" … ")]):_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"aria-label":_vm.pageNumberAriaLabel(page),"importance":_vm.currentPage === page ? 'primary' : 'clear',"label-class":"d-fs14"},on:{"click":function($event){return _vm.changePage(page)}}},[_vm._v(" "+_vm._s(page)+" ")])],1)}),_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-next","aria-label":_vm.nextAriaLabel,"disabled":_vm.isLastPage,"importance":_vm.isLastPage ? 'primary' : 'clear'},on:{"click":function($event){return _vm.changePage(_vm.currentPage + 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-right')],1)],2)],2)}
+var paginationvue_type_template_id_03cbd37c_staticRenderFns = []
 
 
 ;// 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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue?vue&type=template&id=bdbc37f6&
@@ -13133,7 +13735,14 @@ var IconChevronRight_component = normalizeComponent(
       default: 5
     }
   },
-  emits: ['change'],
+  emits: [
+  /**
+   * Page change event
+   *
+   * @event change
+   * @type {Number}
+   */
+  'change'],
 
   data() {
     return {
@@ -13211,8 +13820,8 @@ var IconChevronRight_component = normalizeComponent(
 ;
 var pagination_component = normalizeComponent(
   pagination_paginationvue_type_script_lang_js_,
-  paginationvue_type_template_id_3592a77a_render,
-  paginationvue_type_template_id_3592a77a_staticRenderFns,
+  paginationvue_type_template_id_03cbd37c_render,
+  paginationvue_type_template_id_03cbd37c_staticRenderFns,
   false,
   null,
   null,
@@ -13223,9 +13832,9 @@ var pagination_component = normalizeComponent(
 /* harmony default export */ const pagination = (pagination_component.exports);
 ;// CONCATENATED MODULE: ./components/pagination/index.js
 
-;// 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/radio/radio.vue?vue&type=template&id=1e978b0c&
-var radiovue_type_template_id_1e978b0c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-radio-group', { 'd-radio-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-radio__input"},[_c('input',_vm._g(_vm._b({class:['d-radio', _vm.inputValidationClass, _vm.inputClass],attrs:{"name":_vm.internalName,"disabled":_vm.internalDisabled,"type":"radio"},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"radio-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",function(){return [_vm._v(_vm._s(_vm.label))]})],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"radio-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-radio-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
-var radiovue_type_template_id_1e978b0c_staticRenderFns = []
+;// 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/radio/radio.vue?vue&type=template&id=be33e8c2&
+var radiovue_type_template_id_be33e8c2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-radio-group', { 'd-radio-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-radio__input"},[_c('input',_vm._g(_vm._b({class:['d-radio', _vm.inputValidationClass, _vm.inputClass],attrs:{"name":_vm.internalName,"disabled":_vm.internalDisabled,"type":"radio"},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"radio-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",function(){return [_vm._v(_vm._s(_vm.label))]})],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"radio-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-radio-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
+var radiovue_type_template_id_be33e8c2_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/radio/radio_constants.js
@@ -13305,7 +13914,28 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
       default: ''
     }
   },
-  emits: ['input', 'focusin', 'focusout'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String | Number}
+   */
+  'input',
+  /**
+   * Native input focusin event
+   *
+   * @event focusin
+   * @property {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native input focusout event
+   *
+   * @event focusout
+   * @property {FocusEvent}
+   */
+  'focusout'],
   computed: {
     inputValidationClass() {
       return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -13372,8 +14002,8 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
 ;
 var radio_component = normalizeComponent(
   radio_radiovue_type_script_lang_js_,
-  radiovue_type_template_id_1e978b0c_render,
-  radiovue_type_template_id_1e978b0c_staticRenderFns,
+  radiovue_type_template_id_be33e8c2_render,
+  radiovue_type_template_id_be33e8c2_staticRenderFns,
   false,
   null,
   null,
@@ -13392,6 +14022,7 @@ var radio_component = normalizeComponent(
   props: {
     /**
      * A provided value for the radio group
+     * @model value
      */
     value: {
       type: [String, Number],
@@ -13422,6 +14053,14 @@ var radio_component = normalizeComponent(
       default: 'radio-group-messages'
     }
   },
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String | Number}
+   */
+  'input'],
 
   data() {
     return {
@@ -13482,15 +14121,15 @@ var radio_group_component = normalizeComponent(
 /* harmony default export */ const radio_group = (radio_group_component.exports);
 ;// CONCATENATED MODULE: ./components/radio_group/index.js
 
-;// 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/tabs/tab_group.vue?vue&type=template&id=0d630352&
-var tab_groupvue_type_template_id_0d630352_render = function () {
+;// 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/tabs/tab_group.vue?vue&type=template&id=618b4a34&
+var tab_groupvue_type_template_id_618b4a34_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tab-group"}},[_c('div',_vm._b({class:[
       'd-tablist',
       _vm.TAB_LIST_SIZE_MODIFIERS[_vm.size],
       ( _obj = {}, _obj[_vm.TAB_LIST_KIND_MODIFIERS.inverted] = _vm.inverted, _obj[_vm.TAB_LIST_IMPORTANCE_MODIFIERS.borderless] = _vm.borderless, _obj ),
       _vm.tabListClass ],attrs:{"role":"tablist","aria-label":_vm.label},on:{"keyup":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.tabLeft.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"right",39,$event.key,["Right","ArrowRight"])){ return null; }if('button' in $event && $event.button !== 2){ return null; }return _vm.tabRight.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.selectTab.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.selectTab.apply(null, arguments)}],"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }return _vm.onHomeButton.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }return _vm.onEndButton.apply(null, arguments)}]}},'div',_vm.tabListChildProps,false),[_vm._t("tabs")],2),_vm._t("default")],2)}
-var tab_groupvue_type_template_id_0d630352_staticRenderFns = []
+var tab_groupvue_type_template_id_618b4a34_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/tabs/tabs_constants.js
@@ -13623,7 +14262,14 @@ const TAB_IMPORTANCE_MODIFIERS = {
       default: () => ({})
     }
   },
-  emits: ['change'],
+  emits: [
+  /**
+   * Change tab event with the arguments: selected id of the current tab and disabled value
+   *
+   * @event change
+   * @type {Object}
+   */
+  'change'],
 
   data() {
     return {
@@ -13804,8 +14450,8 @@ const TAB_IMPORTANCE_MODIFIERS = {
 ;
 var tab_group_component = normalizeComponent(
   tabs_tab_groupvue_type_script_lang_js_,
-  tab_groupvue_type_template_id_0d630352_render,
-  tab_groupvue_type_template_id_0d630352_staticRenderFns,
+  tab_groupvue_type_template_id_618b4a34_render,
+  tab_groupvue_type_template_id_618b4a34_staticRenderFns,
   false,
   null,
   null,
@@ -14066,9 +14712,9 @@ var tab_panel_component = normalizeComponent(
 
 
 
-;// 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/checkbox/checkbox.vue?vue&type=template&id=1d19c963&
-var checkboxvue_type_template_id_1d19c963_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-checkbox-group', { 'd-checkbox-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-checkbox__input"},[_c('input',_vm._g(_vm._b({class:['d-checkbox', _vm.inputValidationClass, _vm.inputClass],attrs:{"type":"checkbox","name":_vm.internalName,"disabled":_vm.internalDisabled},domProps:{"checked":_vm.internalChecked,"value":_vm.value,"indeterminate":_vm.internalIndeterminate}},'input',_vm.$attrs,false),_vm.inputListeners))]),(_vm.hasLabelOrDescription)?_c('div',{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[(_vm.hasLabel)?_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"checkbox-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",function(){return [_vm._v(_vm._s(_vm.label))]})],2):_vm._e(),(_vm.hasDescription)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"checkbox-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-checkbox-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1):_vm._e()])])}
-var checkboxvue_type_template_id_1d19c963_staticRenderFns = []
+;// 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/checkbox/checkbox.vue?vue&type=template&id=1de6993c&
+var checkboxvue_type_template_id_1de6993c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-checkbox-group', { 'd-checkbox-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-checkbox__input"},[_c('input',_vm._g(_vm._b({class:['d-checkbox', _vm.inputValidationClass, _vm.inputClass],attrs:{"type":"checkbox","name":_vm.internalName,"disabled":_vm.internalDisabled},domProps:{"checked":_vm.internalChecked,"value":_vm.value,"indeterminate":_vm.internalIndeterminate}},'input',_vm.$attrs,false),_vm.inputListeners))]),(_vm.hasLabelOrDescription)?_c('div',{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[(_vm.hasLabel)?_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"checkbox-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",function(){return [_vm._v(_vm._s(_vm.label))]})],2):_vm._e(),(_vm.hasDescription)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"checkbox-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-checkbox-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1):_vm._e()])])}
+var checkboxvue_type_template_id_1de6993c_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/checkbox/checkbox_constants.js
@@ -14143,7 +14789,28 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
   },
   mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
   inheritAttrs: false,
-  emits: ['input', 'focusin', 'focusout'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {Boolean}
+   */
+  'input',
+  /**
+   * Native input focusin event
+   *
+   * @event focusin
+   * @type {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native input focusout event
+   *
+   * @event focusout
+   * @type {FocusEvent}
+   */
+  'focusout'],
   computed: {
     inputValidationClass() {
       return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -14242,8 +14909,8 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
 ;
 var checkbox_component = normalizeComponent(
   checkbox_checkboxvue_type_script_lang_js_,
-  checkboxvue_type_template_id_1d19c963_render,
-  checkboxvue_type_template_id_1d19c963_staticRenderFns,
+  checkboxvue_type_template_id_1de6993c_render,
+  checkboxvue_type_template_id_1de6993c_staticRenderFns,
   false,
   null,
   null,
@@ -14282,6 +14949,7 @@ var checkbox_component = normalizeComponent(
 
     /**
      * A provided list of selected values(s) for the checkbox group
+     * @model selectedValues
      */
     selectedValues: {
       type: Array,
@@ -14316,6 +14984,14 @@ var checkbox_component = normalizeComponent(
       default: 'checkbox-group-messages'
     }
   },
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {Array}
+   */
+  'input'],
 
   data() {
     return {
@@ -14387,9 +15063,9 @@ var checkbox_group_component = normalizeComponent(
 /* harmony default export */ const checkbox_group = (checkbox_group_component.exports);
 ;// CONCATENATED MODULE: ./components/checkbox_group/index.js
 
-;// 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/chip/chip.vue?vue&type=template&id=44b4fe52&
-var chipvue_type_template_id_44b4fe52_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"d-chip"},[_c(_vm.interactive ? 'button' : 'span',_vm._g({tag:"component",class:_vm.chipClasses(),attrs:{"id":_vm.id,"type":_vm.interactive && 'button',"data-qa":"dt-chip","aria-labelledby":_vm.ariaLabel ? undefined : (_vm.id + "-content"),"aria-label":_vm.ariaLabel}},_vm.chipListeners),[(_vm.$slots.icon)?_c('span',{staticClass:"d-chip__icon",attrs:{"data-qa":"dt-chip-icon"}},[_vm._t("icon")],2):(_vm.$slots.avatar)?_c('span',{attrs:{"data-qa":"dt-chip-avatar"}},[_vm._t("avatar")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-truncate', 'd-chip__text', _vm.contentClass],attrs:{"id":(_vm.id + "-content"),"data-qa":"dt-chip-label"}},[_vm._t("default")],2):_vm._e()]),(!_vm.hideClose)?_c('dt-button',_vm._b({class:_vm.chipCloseButtonClasses(),attrs:{"data-qa":"dt-chip-close","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
-var chipvue_type_template_id_44b4fe52_staticRenderFns = []
+;// 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/chip/chip.vue?vue&type=template&id=631494f3&
+var chipvue_type_template_id_631494f3_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"d-chip"},[_c(_vm.interactive ? 'button' : 'span',_vm._g({tag:"component",class:_vm.chipClasses(),attrs:{"id":_vm.id,"type":_vm.interactive && 'button',"data-qa":"dt-chip","aria-labelledby":_vm.ariaLabel ? undefined : (_vm.id + "-content"),"aria-label":_vm.ariaLabel}},_vm.chipListeners),[(_vm.$slots.icon)?_c('span',{staticClass:"d-chip__icon",attrs:{"data-qa":"dt-chip-icon"}},[_vm._t("icon")],2):(_vm.$slots.avatar)?_c('span',{attrs:{"data-qa":"dt-chip-avatar"}},[_vm._t("avatar")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-truncate', 'd-chip__text', _vm.contentClass],attrs:{"id":(_vm.id + "-content"),"data-qa":"dt-chip-label"}},[_vm._t("default")],2):_vm._e()]),(!_vm.hideClose)?_c('dt-button',_vm._b({class:_vm.chipCloseButtonClasses(),attrs:{"data-qa":"dt-chip-close","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
+var chipvue_type_template_id_631494f3_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/chip/chip_constants.js
@@ -14541,7 +15217,27 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
       default: ''
     }
   },
-  emits: ['click', 'close', 'keyup'],
+  emits: [
+  /**
+   * Native chip click event
+   *
+   * @event click
+   * @type {PointerEvent | KeyboardEvent}
+   */
+  'click',
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close',
+  /**
+   * Native chip key up event
+   *
+   * @event keyup
+   * @type {KeyboardEvent}
+   */
+  'keyup'],
 
   data() {
     return {
@@ -14597,8 +15293,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 ;
 var chip_component = normalizeComponent(
   chip_chipvue_type_script_lang_js_,
-  chipvue_type_template_id_44b4fe52_render,
-  chipvue_type_template_id_44b4fe52_staticRenderFns,
+  chipvue_type_template_id_631494f3_render,
+  chipvue_type_template_id_631494f3_staticRenderFns,
   false,
   null,
   null,
@@ -14610,8 +15306,8 @@ var chip_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/chip/index.js
 
 
-;// 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/select_menu/select_menu.vue?vue&type=template&id=4b8efc1f&
-var select_menuvue_type_template_id_4b8efc1f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('label',[(_vm.$slots.label || _vm.label)?_c('div',_vm._b({class:[
+;// 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/select_menu/select_menu.vue?vue&type=template&id=2a29663a&
+var select_menuvue_type_template_id_2a29663a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('label',[(_vm.$slots.label || _vm.label)?_c('div',_vm._b({class:[
         'd-label',
         _vm.LABEL_SIZE_MODIFIERS[_vm.size],
         _vm.labelClass ],attrs:{"aria-details":_vm.labelAriaDetails,"data-qa":"dt-select-label"}},'div',_vm.labelChildProps,false),[_vm._t("label",function(){return [_vm._v(_vm._s(_vm.label))]})],2):_vm._e(),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:[
@@ -14624,7 +15320,7 @@ var select_menuvue_type_template_id_4b8efc1f_render = function () {var _vm=this;
         { 'd-select--disabled': _vm.disabled } ],attrs:{"data-qa":"dt-select-wrapper"}},[_c('select',_vm._g(_vm._b({class:[
           'd-select__input',
           _vm.SELECT_STATE_MODIFIERS[_vm.state] ],attrs:{"data-qa":"dt-select","disabled":_vm.disabled}},'select',_vm.$attrs,false),_vm.selectListeners),[_vm._t("default",function(){return _vm._l((_vm.options),function(option){return _c('option',_vm._b({key:_vm.getOptionKey(option.value),class:_vm.optionClass,domProps:{"value":option.value}},'option',_vm.optionChildProps,false),[_vm._v(" "+_vm._s(option.label)+" ")])})})],2)])]),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-select-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
-var select_menuvue_type_template_id_4b8efc1f_staticRenderFns = []
+var select_menuvue_type_template_id_2a29663a_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/select_menu/select_menu_constants.js
@@ -14767,6 +15463,12 @@ const optionsValidator = options => {
 
 
 
+/**
+ * @property {Boolean} disabled attribute
+ * @property {String} name attribute
+ * @property {String} value attribute
+ */
+
 /* harmony default export */ const select_menuvue_type_script_lang_js_ = ({
   name: 'DtSelectMenu',
   components: {
@@ -14880,6 +15582,21 @@ const optionsValidator = options => {
       default: false
     }
   },
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String | Number}
+   */
+  'input',
+  /**
+   * Native change event
+   *
+   * @event change
+   * @type {String | Number}
+   */
+  'change'],
 
   data() {
     return {
@@ -14971,8 +15688,8 @@ const optionsValidator = options => {
 ;
 var select_menu_component = normalizeComponent(
   select_menu_select_menuvue_type_script_lang_js_,
-  select_menuvue_type_template_id_4b8efc1f_render,
-  select_menuvue_type_template_id_4b8efc1f_staticRenderFns,
+  select_menuvue_type_template_id_2a29663a_render,
+  select_menuvue_type_template_id_2a29663a_staticRenderFns,
   false,
   null,
   null,
@@ -14984,12 +15701,12 @@ var select_menu_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/select_menu/index.js
 
 
-;// 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/toast/toast.vue?vue&type=template&id=7e87e800&
-var toastvue_type_template_id_7e87e800_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isShown)?_c('div',{class:[
+;// 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/toast/toast.vue?vue&type=template&id=a2daf12c&
+var toastvue_type_template_id_a2daf12c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isShown)?_c('div',{class:[
     'd-toast',
     _vm.kindClass,
     { 'd-toast--important': _vm.important } ],attrs:{"data-qa":"dt-toast","aria-hidden":(!_vm.isShown).toString()}},[_c('div',{staticClass:"d-toast__dialog"},[_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,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.message)+" ")]})],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.noticeActionListeners),[_vm._t("action")],2)],1)]):_vm._e()}
-var toastvue_type_template_id_7e87e800_staticRenderFns = []
+var toastvue_type_template_id_a2daf12c_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/toast/toast_constants.js
@@ -15175,7 +15892,13 @@ const TOAST_MIN_DURATION = 6000;
       }
     }
   },
-  emits: ['close'],
+  emits: [
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close', 'update:show'],
 
   data() {
     return {
@@ -15256,8 +15979,8 @@ const TOAST_MIN_DURATION = 6000;
 ;
 var toast_component = normalizeComponent(
   toast_toastvue_type_script_lang_js_,
-  toastvue_type_template_id_7e87e800_render,
-  toastvue_type_template_id_7e87e800_staticRenderFns,
+  toastvue_type_template_id_a2daf12c_render,
+  toastvue_type_template_id_a2daf12c_staticRenderFns,
   false,
   null,
   null,
@@ -15269,12 +15992,12 @@ var toast_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/toast/index.js
 
 
-;// 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/toggle/toggle.vue?vue&type=template&id=45337be5&
-var togglevue_type_template_id_45337be5_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[(_vm.$slots.default)?_c('label',_vm._b({class:_vm.labelClass,attrs:{"for":_vm.id,"data-qa":"toggle-label"}},'label',_vm.labelChildProps,false),[_vm._t("default")],2):_vm._e(),_c('button',_vm._g(_vm._b({class:['d-toggle', {
+;// 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/toggle/toggle.vue?vue&type=template&id=a424bd98&
+var togglevue_type_template_id_a424bd98_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[(_vm.$slots.default)?_c('label',_vm._b({class:_vm.labelClass,attrs:{"for":_vm.id,"data-qa":"toggle-label"}},'label',_vm.labelChildProps,false),[_vm._t("default")],2):_vm._e(),_c('button',_vm._g(_vm._b({class:['d-toggle', {
       'd-toggle--checked': _vm.internalChecked,
       'd-toggle--disabled': _vm.disabled,
     }],attrs:{"id":_vm.id,"role":"switch","type":"button","aria-checked":_vm.internalChecked.toString(),"disabled":_vm.disabled,"aria-disabled":_vm.disabled.toString()}},'button',_vm.$attrs,false),_vm.inputListeners),[_c('span',{staticClass:"d-toggle__inner"})])])}
-var togglevue_type_template_id_45337be5_staticRenderFns = []
+var togglevue_type_template_id_a424bd98_staticRenderFns = []
 
 
 ;// 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/toggle/toggle.vue?vue&type=script&lang=js&
@@ -15330,6 +16053,10 @@ var togglevue_type_template_id_45337be5_staticRenderFns = []
       type: Boolean,
       default: false
     },
+
+    /**
+     * @model checked
+     */
     checked: {
       type: Boolean,
       default: false
@@ -15343,7 +16070,15 @@ var togglevue_type_template_id_45337be5_staticRenderFns = []
       default: () => ({})
     }
   },
-  emits: ['change'],
+  emits: [
+  /**
+   * Toggle change event
+   *
+   * @event change
+   * @type {Boolean}
+   * @model change
+   */
+  'change'],
 
   data() {
     return {
@@ -15404,8 +16139,8 @@ var togglevue_type_template_id_45337be5_staticRenderFns = []
 ;
 var toggle_component = normalizeComponent(
   toggle_togglevue_type_script_lang_js_,
-  togglevue_type_template_id_45337be5_render,
-  togglevue_type_template_id_45337be5_staticRenderFns,
+  togglevue_type_template_id_a424bd98_render,
+  togglevue_type_template_id_a424bd98_staticRenderFns,
   false,
   null,
   null,
@@ -15416,15 +16151,15 @@ var toggle_component = normalizeComponent(
 /* harmony default export */ const toggle = (toggle_component.exports);
 ;// CONCATENATED MODULE: ./components/toggle/index.js
 
-;// 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/tooltip/tooltip.vue?vue&type=template&id=662e4cf7&
-var tooltipvue_type_template_id_662e4cf7_render = function () {
+;// 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/tooltip/tooltip.vue?vue&type=template&id=2ae452d6&
+var tooltipvue_type_template_id_2ae452d6_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tooltip-container"}},[_c('div',{ref:"anchor",attrs:{"data-qa":"dt-tooltip-anchor"},on:{"focusin":_vm.onEnterAnchor,"focusout":_vm.onLeaveAnchor,"mouseenter":_vm.onEnterAnchor,"mouseleave":_vm.onLeaveAnchor,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.onLeaveAnchor.apply(null, arguments)}}},[_vm._t("anchor")],2),_c('dt-lazy-show',{ref:"content",class:[
       'd-tooltip',
       ("d-tooltip__arrow-tippy--" + _vm.currentPlacement),
       ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
       _vm.contentClass ],attrs:{"id":_vm.id,"show":_vm.isShown && (!!_vm.message.trim() || !!_vm.$slots.default),"role":"tooltip","aria-hidden":"false","data-qa":"dt-tooltip","appear":"","transition":_vm.transition},on:{"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.message)+" ")]})],2)],1)}
-var tooltipvue_type_template_id_662e4cf7_staticRenderFns = []
+var tooltipvue_type_template_id_2ae452d6_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
@@ -15601,7 +16336,14 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
       default: 'fade'
     }
   },
-  emits: ['update:show', 'shown'],
+  emits: [
+  /**
+   * Emitted when tooltip is shown or hidden
+   *
+   * @event shown
+   * @type {Boolean}
+   */
+  'shown', 'update:show'],
 
   data() {
     return {
@@ -15782,8 +16524,8 @@ var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__(228);
 
 var tooltip_component = normalizeComponent(
   tooltip_tooltipvue_type_script_lang_js_,
-  tooltipvue_type_template_id_662e4cf7_render,
-  tooltipvue_type_template_id_662e4cf7_staticRenderFns,
+  tooltipvue_type_template_id_2ae452d6_render,
+  tooltipvue_type_template_id_2ae452d6_staticRenderFns,
   false,
   null,
   null,
@@ -16418,8 +17160,8 @@ var root_layout_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/root_layout/index.js
 
 
-;// 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=108db852&
-var combobox_with_popovervue_type_template_id_108db852_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,"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){
+;// 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=5ee1c401&
+var combobox_with_popovervue_type_template_id_5ee1c401_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,"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){
 var inputProps = ref.inputProps;
 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){
 var opened = ref.opened;
@@ -16428,7 +17170,7 @@ var clearHighlightIndex = ref.clearHighlightIndex;
 var isLoading = ref.isLoading;
 var isListEmpty = ref.isListEmpty;
 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;}}},[(isLoading)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',listProps,false)):(isListEmpty)?_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))}
-var combobox_with_popovervue_type_template_id_108db852_staticRenderFns = []
+var combobox_with_popovervue_type_template_id_5ee1c401_staticRenderFns = []
 
 
 ;// 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&
@@ -16535,6 +17277,7 @@ var combobox_with_popovervue_type_template_id_108db852_staticRenderFns = []
 
 
 
+
 /* harmony default export */ const combobox_with_popovervue_type_script_lang_js_ = ({
   name: 'DtRecipeComboboxWithPopover',
   components: {
@@ -16822,8 +17565,8 @@ var combobox_with_popovervue_type_template_id_108db852_staticRenderFns = []
 ;
 var combobox_with_popover_component = normalizeComponent(
   combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
-  combobox_with_popovervue_type_template_id_108db852_render,
-  combobox_with_popovervue_type_template_id_108db852_staticRenderFns,
+  combobox_with_popovervue_type_template_id_5ee1c401_render,
+  combobox_with_popovervue_type_template_id_5ee1c401_staticRenderFns,
   false,
   null,
   null,
@@ -17487,8 +18230,8 @@ var combobox_multi_select_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
 
 
-;// 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=7091b031&
-var contact_infovue_type_template_id_7091b031_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:{"kind":"default","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:[
+;// 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=3f590359&
+var contact_infovue_type_template_id_3f590359_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:[
           'd-ba',
           'd-bc-white',
           'd-baw2',
@@ -17499,7 +18242,7 @@ var contact_infovue_type_template_id_7091b031_render = function () {var _vm=this
           'd-w20p',
           'd-h20p',
           _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)})}
-var contact_infovue_type_template_id_7091b031_staticRenderFns = []
+var contact_infovue_type_template_id_3f590359_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
@@ -17594,7 +18337,6 @@ const USER_STATUS_COLOR_MODIFIERS = {
 //
 //
 //
-//
 
 
 
@@ -17691,8 +18433,8 @@ const USER_STATUS_COLOR_MODIFIERS = {
 ;
 var contact_info_component = normalizeComponent(
   contact_info_contact_infovue_type_script_lang_js_,
-  contact_infovue_type_template_id_7091b031_render,
-  contact_infovue_type_template_id_7091b031_staticRenderFns,
+  contact_infovue_type_template_id_3f590359_render,
+  contact_infovue_type_template_id_3f590359_staticRenderFns,
   false,
   null,
   null,
@@ -17832,6 +18574,7 @@ var top_banner_info_component = normalizeComponent(
 
 
 
+
 
 
  /// Recipes