@dialpad/dialtone-vue 1.12.0 → 1.13.2

package/dist/dialtone-vue.umd.js

@@ -259,7 +259,7 @@ module.exports = exports;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--focusable:hover,.dt-list-item--highlighted{background-color:hsla(var(--black-400-h),var(--black-400-s),var(--black-400-l),.15);cursor:pointer}.dt-list-item--focusable:focus-visible{outline-color:var(--primary-color)}", ""]);
+exports.push([module.i, ".dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted,.dt-list-item--hoverable:hover{background-color:hsla(var(--black-400-h),var(--black-400-s),var(--black-400-l),.15);cursor:pointer}.dt-list-item:focus-visible{outline-color:var(--primary-color)}", ""]);
 // Exports
 module.exports = exports;
 
@@ -822,6 +822,7 @@ __webpack_require__.d(__webpack_exports__, "DtInputMixin", function() { return /
 __webpack_require__.d(__webpack_exports__, "DtCheckableInputMixin", function() { return /* reexport */ CheckableMixin; });
 __webpack_require__.d(__webpack_exports__, "DtGroupableInputMixin", function() { return /* reexport */ GroupableMixin; });
 __webpack_require__.d(__webpack_exports__, "DtInputGroupMixin", function() { return /* reexport */ InputGroupMixin; });
+__webpack_require__.d(__webpack_exports__, "DtKeyboardListNavigationMixin", function() { return /* reexport */ keyboard_list_navigation; });
 __webpack_require__.d(__webpack_exports__, "VALIDATION_MESSAGE_TYPES", function() { return /* reexport */ VALIDATION_MESSAGE_TYPES; });
 __webpack_require__.d(__webpack_exports__, "DESCRIPTION_SIZE_TYPES", function() { return /* reexport */ DESCRIPTION_SIZE_TYPES; });
 __webpack_require__.d(__webpack_exports__, "DEFAULT_VALIDATION_MESSAGE_TYPE", function() { return /* reexport */ DEFAULT_VALIDATION_MESSAGE_TYPE; });
@@ -847,7 +848,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=3c007948&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=3c007948&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     'd-avatar',
     _vm.AVATAR_KIND_MODIFIERS[_vm.kind],
@@ -1293,7 +1294,7 @@ var component = normalizeComponent(
 // CONCATENATED MODULE: ./components/avatar/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=8281dbe6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=8281dbe6&
 var badgevue_type_template_id_8281dbe6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
     'd-badge',
     _vm.BADGE_COLOR_MODIFIERS[_vm.color] ],attrs:{"data-qa":"dt-badge"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.text)+" ")])],2)}
@@ -1390,21 +1391,21 @@ var badge_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/badge/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=template&id=008cf60a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=template&id=008cf60a&
 var bannervue_type_template_id_008cf60a_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($event)}}},[_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_008cf60a_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=008cf60a&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
 var notice_iconvue_type_template_id_58ae40bb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.defaultIcon || _vm.$slots.default)?_c('div',{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[_vm._t("default",[_c(_vm.defaultIcon,{tag:"component"})])],2):_vm._e()}
 var notice_iconvue_type_template_id_58ae40bb_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
 var IconLightbulbvue_type_template_id_07d1b1af_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__lightbulb",attrs:{"aria-hidden":"true","aria-label":"Lightbulb","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z"}})])}
 var IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns = []
 
@@ -1430,7 +1431,7 @@ var IconLightbulb_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconLightbulb = (IconLightbulb_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
 var IconInfovue_type_template_id_d1105ee6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__info",attrs:{"aria-hidden":"true","aria-label":"Info","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])}
 var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
 
@@ -1456,7 +1457,7 @@ var IconInfo_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconInfo = (IconInfo_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
 var IconWarningvue_type_template_id_0a24defa_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__warning",attrs:{"aria-hidden":"true","aria-label":"Warning","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}})])}
 var IconWarningvue_type_template_id_0a24defa_staticRenderFns = []
 
@@ -1482,7 +1483,7 @@ var IconWarning_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconWarning = (IconWarning_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
 var IconErrorvue_type_template_id_4d9e3e9d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__error",attrs:{"aria-hidden":"true","aria-label":"Error","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"}})])}
 var IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns = []
 
@@ -1508,7 +1509,7 @@ var IconError_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconError = (IconError_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
 var IconCheckCirclevue_type_template_id_016c7d48_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__checkCircle",attrs:{"aria-hidden":"true","aria-label":"Check Circle","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}})])}
 var IconCheckCirclevue_type_template_id_016c7d48_staticRenderFns = []
 
@@ -1612,7 +1613,7 @@ var notice_icon_component = normalizeComponent(
 )
 
 /* harmony default export */ var notice_icon = (notice_icon_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=template&id=24cf95e4&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=template&id=24cf95e4&
 var notice_contentvue_type_template_id_24cf95e4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[(_vm.title || this.$slots.titleOverride)?_c('p',{staticClass:"d-notice__title",attrs:{"id":_vm.titleId,"data-qa":"notice-content-title"}},[_vm._t("titleOverride",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),_c('p',{staticClass:"d-notice__message",attrs:{"id":_vm.contentId,"data-qa":"notice-content-message"}},[_vm._t("default")],2)])}
 var notice_contentvue_type_template_id_24cf95e4_staticRenderFns = []
 
@@ -1684,14 +1685,14 @@ var notice_content_component = normalizeComponent(
 )
 
 /* harmony default export */ var notice_content = (notice_content_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_action.vue?vue&type=template&id=83c987fc&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_action.vue?vue&type=template&id=83c987fc&
 var notice_actionvue_type_template_id_83c987fc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._b({ref:"closeButton",attrs:{"size":"sm","importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : 'Close'},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()],2)}
 var notice_actionvue_type_template_id_83c987fc_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=83c987fc&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
 var IconClosevue_type_template_id_18642c39_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__close",attrs:{"aria-hidden":"true","aria-label":"Close","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}})])}
 var IconClosevue_type_template_id_18642c39_staticRenderFns = []
 
@@ -1717,7 +1718,7 @@ var IconClose_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconClose = (IconClose_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=template&id=bde52e82&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=template&id=bde52e82&
 var buttonvue_type_template_id_bde52e82_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.$slots.icon && !_vm.link)?_c('span',{class:[
@@ -2463,7 +2464,7 @@ var banner_component = normalizeComponent(
 /* harmony default export */ var banner = (banner_component.exports);
 // CONCATENATED MODULE: ./components/banner/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumbs.vue?vue&type=template&id=b762e354&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumbs.vue?vue&type=template&id=b762e354&
 var breadcrumbsvue_type_template_id_b762e354_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{class:[
@@ -2477,7 +2478,7 @@ var breadcrumbsvue_type_template_id_b762e354_staticRenderFns = []
 // CONCATENATED MODULE: ./components/breadcrumbs/breadcrumbs_constants.js
 const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';
 const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
 var breadcrumb_itemvue_type_template_id_6f97ec8a_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:[
@@ -2488,7 +2489,7 @@ var breadcrumb_itemvue_type_template_id_6f97ec8a_staticRenderFns = []
 
 // CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=template&id=08ea8c41&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??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:[
     'd-link',
     _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},_vm.$listeners),[_vm._t("default")],2)}
@@ -2768,7 +2769,7 @@ var breadcrumbs_component = normalizeComponent(
 
 // CONCATENATED MODULE: ./components/button/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button_group/button_group.vue?vue&type=template&id=8962a2f0&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button_group/button_group.vue?vue&type=template&id=8962a2f0&
 var button_groupvue_type_template_id_8962a2f0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     'd-btn-group',
     _vm.BUTTON_GROUP_ALIGNMENT[this.alignment] ],attrs:{"role":"group"}},[_vm._t("default")],2)}
@@ -2843,12 +2844,12 @@ var button_group_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/button_group/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/combobox/combobox.vue?vue&type=template&id=4c9df24d&
-var comboboxvue_type_template_id_4c9df24d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"role":"combobox","aria-expanded":_vm.showList.toString(),"aria-controls":_vm.listId,"aria-owns":_vm.listId,"aria-haspopup":"listbox"},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.onEscapeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey($event)},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.onUpKey($event)},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.onDownKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onHomeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onEndKey($event)}]}},[_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}},[_vm._t("list",null,{"listProps":_vm.listProps,"getItemProps":_vm.getItemProps,"activeItemIndex":_vm.highlightIndex,"setHighlightIndex":_vm.setHighlightIndex})],2):_vm._e()])}
-var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/combobox/combobox.vue?vue&type=template&id=5aa71892&
+var comboboxvue_type_template_id_5aa71892_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"role":"combobox","aria-expanded":_vm.showList.toString(),"aria-controls":_vm.listId,"aria-owns":_vm.listId,"aria-haspopup":"listbox"},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.onEscapeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey($event)},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.onUpKey($event)},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.onDownKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onHomeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onEndKey($event)}]}},[_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}},[_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen})],2):_vm._e()])}
+var comboboxvue_type_template_id_5aa71892_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=4c9df24d&
+// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=5aa71892&
 
 // CONCATENATED MODULE: ./components/mixins/dom.js
 /* harmony default export */ var dom = ({
@@ -2987,12 +2988,10 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
  * Usage: `mixins: [keyboardNavigationMixin(options)]`
  *
  * This mixin provides some common data and methods to navigate a list of items
- * (such as a dropdown or select menu) by keyboard. The component should have
- * a computed prop of `items`, which is configurable.
+ * (such as a dropdown or select menu) by keyboard.
  *
  * To be effective, you must bind the onUpKey and onDownKey events, usually to
- * the root element of the component, and utilize the `highlightIndex` data
- * to focus the item at that index.
+ * the root element of the component.
  */
 
 /* harmony default export */ var keyboard_list_navigation = (({
@@ -3001,7 +3000,8 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
   listItemRole = 'option',
   // Key of the data prop that will be added to the component.
   indexKey = 'highlightIndex',
-  // Key of the computed prop that references the list element.
+  idKey = 'highlightId',
+  // Key of the method that references the list element.
   listElementKey = 'listRef',
   // Optional, Key of the computed prop that references the currently active item element.
   activeItemKey = '',
@@ -3023,20 +3023,27 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
 
   data() {
     return {
-      [indexKey]: 0,
+      [indexKey]: -1,
+      [idKey]: '',
       scrollToOnHighlight: scrollToOnHighlight,
       focusOnKeyboardNavigation: focusOnKeyboardNavigation
     };
   },
 
+  provide() {
+    return {
+      highlightId: () => this[idKey]
+    };
+  },
+
   methods: {
     // Returns the list element
-    // this[listElement] can be a Vue component, in which case we need to target
+    // this[listElement]() can return a Vue component, in which case we need to target
     // the $el property, or it can simply be an html element.
     _getListElement() {
       var _this$listElementKey;
 
-      return ((_this$listElementKey = this[listElementKey]) === null || _this$listElementKey === void 0 ? void 0 : _this$listElementKey.$el) || this[listElementKey];
+      return ((_this$listElementKey = this[listElementKey]()) === null || _this$listElementKey === void 0 ? void 0 : _this$listElementKey.$el) || this[listElementKey]();
     },
 
     // Gets the length of all the items in the list, uses the listItemRole param to determine
@@ -3045,7 +3052,7 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
       const listElement = this._getListElement();
 
       if (!listElement) {
-        console.error("listElementKey is required or the referenced element doesn't exist. Received ',\n          listElement: ", listElement);
+        console.error("listElementKey is required or the referenced element doesn't exist. Received \n          listElement: ", listElement);
         return 0;
       }
 
@@ -3104,6 +3111,7 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
 
     async setHighlightIndex(num) {
       this[indexKey] = num;
+      this[idKey] = this._getItemId(num);
 
       if (this._itemsLength() && afterHighlightMethod) {
         await this.$nextTick();
@@ -3111,6 +3119,18 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
       }
     },
 
+    _getItemId(index) {
+      var _listElement$querySel;
+
+      const listElement = this._getListElement();
+
+      if (!listElement) {
+        return;
+      }
+
+      return (_listElement$querySel = listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]"))[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
+    },
+
     scrollActiveItemIntoViewIfNeeded() {
       if (!this.scrollToOnHighlight) {
         return;
@@ -3180,15 +3200,14 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
 //
 //
 //
-//
-//
 
 
 /* harmony default export */ var comboboxvue_type_script_lang_js_ = ({
   name: 'DtCombobox',
   mixins: [keyboard_list_navigation({
     indexKey: 'highlightIndex',
-    listElementKey: 'listRef',
+    idKey: 'highlightId',
+    listElementKey: 'getListElement',
     afterHighlightMethod: 'afterHighlight',
     beginningOfListMethod: 'beginningOfListMethod',
     endOfListMethod: 'endOfListMethod',
@@ -3241,6 +3260,16 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
     }
   },
   emits: ['select', 'escape', 'highlight'],
+
+  data() {
+    return {
+      // If the list is rendered at the root, rather than as a child
+      // of this component, this is the ref to that dom element. Set
+      // by the onOpen method.
+      outsideRenderedListRef: null
+    };
+  },
+
   computed: {
     inputProps() {
       return {
@@ -3260,21 +3289,6 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
       };
     },
 
-    listRef() {
-      return this.$refs.listWrapper;
-    },
-
-    /*
-     * These props are wrapped in a function that expects that an index is passed.
-     */
-    getItemProps() {
-      return i => ({
-        role: 'option',
-        // The ids have to be generated here since we use them for activeItemId.
-        id: this.getItemId(i)
-      });
-    },
-
     beginningOfListMethod() {
       return this.onBeginningOfList || this.jumpToEnd;
     },
@@ -3288,28 +3302,32 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
         return;
       }
 
-      return this.getItemId(this.highlightIndex);
+      return this.highlightId;
     },
 
     activeItemEl() {
-      return document.getElementById(this.activeItemId);
+      return this.getListElement().querySelector('#' + this.highlightId);
     }
 
   },
   watch: {
     showList() {
       // When the list's visibility changes reset the highlight index.
-      this.setHighlightIndex(0);
+      this.$nextTick(function () {
+        this.setInitialHighlightIndex();
+      });
     }
 
   },
   methods: {
-    clearHighlightIndex() {
-      this.setHighlightIndex(-1);
+    getListElement() {
+      var _this$outsideRendered;
+
+      return (_this$outsideRendered = this.outsideRenderedListRef) !== null && _this$outsideRendered !== void 0 ? _this$outsideRendered : this.$refs.listWrapper;
     },
 
-    getItemId(i) {
-      return "".concat(this.listId, "-item").concat(i);
+    clearHighlightIndex() {
+      this.setHighlightIndex(-1);
     },
 
     afterHighlight() {
@@ -3324,6 +3342,17 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
 
     onEscapeKey() {
       this.$emit('escape');
+    },
+
+    onOpen(open, contentRef) {
+      this.outsideRenderedListRef = contentRef;
+    },
+
+    setInitialHighlightIndex() {
+      if (this.showList) {
+        // When the list's is shown, reset the highlight index.
+        this.setHighlightIndex(0);
+      }
     }
 
   }
@@ -3340,8 +3369,8 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
 
 var combobox_component = normalizeComponent(
   combobox_comboboxvue_type_script_lang_js_,
-  comboboxvue_type_template_id_4c9df24d_render,
-  comboboxvue_type_template_id_4c9df24d_staticRenderFns,
+  comboboxvue_type_template_id_5aa71892_render,
+  comboboxvue_type_template_id_5aa71892_staticRenderFns,
   false,
   null,
   null,
@@ -3352,15 +3381,15 @@ var combobox_component = normalizeComponent(
 /* harmony default export */ var combobox = (combobox_component.exports);
 // CONCATENATED MODULE: ./components/combobox/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/dropdown/dropdown.vue?vue&type=template&id=479a72d0&
-var dropdownvue_type_template_id_479a72d0_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,"has-caret":false,"fixed-vertical-alignment":_vm.fixedVerticalAlignment,"fixed-alignment":_vm.fixedAlignment,"padding":_vm.padding,"role":"menu"},on:{"update:open":_vm.setInitialHighlightIndex,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onEscapeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey($event)},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.onUpKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onDownKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onHomeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onEndKey($event)}]},scopedSlots:_vm._u([{key:"anchor",fn:function(props){return [_vm._t("anchor",null,null,props)]}},{key:"content",fn:function(){return [_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex}},[_vm._t("list",null,{"listProps":_vm.listProps,"getItemProps":_vm.getItemProps,"activeItemIndex":_vm.highlightIndex,"setHighlightIndex":_vm.setHighlightIndex})],2)]},proxy:true}],null,true)},_vm.$listeners))}
-var dropdownvue_type_template_id_479a72d0_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/dropdown/dropdown.vue?vue&type=template&id=a1ff15a0&
+var dropdownvue_type_template_id_a1ff15a0_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.isOpen,"has-caret":false,"fixed-vertical-alignment":_vm.fixedVerticalAlignment,"fixed-alignment":_vm.fixedAlignment,"padding":_vm.padding,"role":"menu"},on:{"update:open":_vm.updateInitialHighlightIndex,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onEscapeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onSpaceKey($event)},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.onUpKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onDownKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onHomeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onEndKey($event)}]},scopedSlots:_vm._u([{key:"anchor",fn:function(props){return [_vm._t("anchor",null,{"toggleOpen":_vm.toggle},props)]}},{key:"content",fn:function(){return [_c('ul',{ref:"listWrapper",staticClass:"d-p0 d-ps-relative",attrs:{"id":_vm.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex}},[_vm._t("list",null,{"close":_vm.close})],2)]},proxy:true}],null,true)},_vm.$listeners))}
+var dropdownvue_type_template_id_a1ff15a0_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=479a72d0&
+// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=a1ff15a0&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=17f10551&
-var popovervue_type_template_id_17f10551_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"popover",tag:"component",attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[(_vm.modal)?_c('dt-lazy-show',{ref:"overlay",staticClass:"\n      d-ps-fixed\n      d-all0\n      d-zi-modal\n      d-fl-center\n      d-fd-column\n      d-popover-overlay\n      d-vi-visible\n      d-o100\n      d-bgc-black-900\n    ",attrs:{"show":_vm.modal && _vm.isOpeningPopover,"transition":"d-zoom"},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.closePopoverOnClick($event)}}}):_vm._e(),_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor"}},[_vm._t("anchor",null,{"attrs":{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=5893eee6&
+var popovervue_type_template_id_5893eee6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"popover",tag:"component",attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[(_vm.modal)?_c('dt-lazy-show',{ref:"overlay",staticClass:"\n      d-ps-fixed\n      d-all0\n      d-zi-modal\n      d-fl-center\n      d-fd-column\n      d-popover-overlay\n      d-vi-visible\n      d-o100\n      d-bgc-black-900\n    ",attrs:{"show":_vm.modal && _vm.isOpeningPopover,"transition":"d-zoom"},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.closePopoverOnClick($event)}}}):_vm._e(),_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor"}},[_vm._t("anchor",null,{"attrs":{
         'aria-expanded': _vm.showPopover.toString(),
         'aria-controls': _vm.id,
         'aria-haspopup': _vm.role,
@@ -3373,23 +3402,23 @@ var popovervue_type_template_id_17f10551_render = function () {var _vm=this;var
       ("dt-popover__content--align-" + _vm.horizontalAlignment),
       ("dt-popover__content--valign-" + _vm.verticalAlignment),
       {
-        'd-d-grid d-of-hidden dt-popover-box__grid': _vm.fixedHeader,
+        'd-d-grid d-of-hidden dt-popover-box__grid': _vm.isFixedHeaderFooter(),
         'd-of-auto': Boolean(_vm.maxHeight),
         'd-wmx-unset': !Boolean(_vm.maxWidth),
       } ],style:({
       'max-height': _vm.maxHeight,
       'max-width': _vm.maxWidth,
-    }),attrs:{"id":_vm.id,"role":_vm.role,"data-qa":"dt-popover","aria-hidden":("" + (!_vm.showPopover)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":_vm.modal,"transition":_vm.transition,"show":_vm.showPopover,"tabindex":"-1","appear":""},on:{"keydown":_vm.onKeydown,"after-leave":_vm.onLeave,"enter":function($event){_vm.isOpeningPopover = true},"leave":function($event){_vm.isOpeningPopover = false},"after-enter":_vm.onOpen}},_vm.$listeners),[(_vm.hasCaret)?_c('div',{staticClass:"\n        d-ps-absolute\n        dt-popover__caret\n        d-mtn2\n        d-bt\n        d-bl\n        d-w4\n        d-h4\n        d-bgc-white\n        d-bc-transparent\n      "}):_vm._e(),(_vm.isHeaderVisible)?_c('popover-header',{ref:"popover__header",attrs:{"header-class":_vm.headerClass,"title":_vm.title,"show-close-button":_vm.showCloseButton,"close-button-props":_vm.closeButtonProps,"has-box-shadow":_vm.hasBoxShadow},on:{"close":_vm.closePopover},scopedSlots:_vm._u([{key:"title",fn:function(){return [_vm._t("title")]},proxy:true},{key:"headerActions",fn:function(){return [_vm._t("headerActions")]},proxy:true}],null,true)}):_vm._e(),_c('div',{ref:"popover__content",class:[
+    }),attrs:{"id":_vm.id,"role":_vm.role,"data-qa":"dt-popover","aria-hidden":("" + (!_vm.showPopover)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":_vm.modal,"transition":_vm.transition,"show":_vm.showPopover,"tabindex":"-1","appear":""},on:{"keydown":_vm.onKeydown,"after-leave":_vm.onLeave,"enter":function($event){_vm.isOpeningPopover = true},"leave":function($event){_vm.isOpeningPopover = false},"after-enter":_vm.onOpen}},_vm.$listeners),[(_vm.hasCaret)?_c('div',{staticClass:"\n        d-ps-absolute\n        dt-popover__caret\n        d-mtn2\n        d-bt\n        d-bl\n        d-w4\n        d-h4\n        d-bgc-white\n        d-bc-transparent\n      "}):_vm._e(),(_vm.$slots.headerContent || _vm.showCloseButton)?_c('popover-header-footer',{ref:"popover__header",attrs:{"content-class":_vm.headerClass,"type":"header","show-close-button":_vm.showCloseButton,"close-button-props":_vm.closeButtonProps,"has-box-shadow":_vm.hasBoxShadow},on:{"close":_vm.closePopover},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("headerContent")]},proxy:true}],null,true)}):_vm._e(),_c('div',{ref:"popover__content",class:[
         'dt-popover__content',
         _vm.POPOVER_PADDING_CLASSES[_vm.padding],
         {
-          'd-of-auto': _vm.fixedHeader,
+          'd-of-auto': _vm.isFixedHeaderFooter(),
         },
-        _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"},on:{"scroll":_vm.onScrollContent}},[_vm._t("content")],2)],1)],1)}
-var popovervue_type_template_id_17f10551_staticRenderFns = []
+        _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"},on:{"scroll":_vm.onScrollContent}},[_vm._t("content")],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{attrs:{"type":"footer","content-class":_vm.footerClass,"has-box-shadow":_vm.hasBoxShadow},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent")]},proxy:true}],null,true)}):_vm._e()],1)],1)}
+var popovervue_type_template_id_5893eee6_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=17f10551&
+// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=5893eee6&
 
 // CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
 // import { isHTMLElement } from './instanceOf';
@@ -7714,7 +7743,7 @@ const POPOVER_HORIZONTAL_ALIGNMENT = [null, 'left', 'center', 'right'];
 const POPOVER_VERTICAL_ALIGNMENT = [null, 'top', 'bottom'];
 const POPOVER_ROLES = ['dialog', 'menu', 'listbox'];
 const POPOVER_CONTENT_WIDTHS = [null, 'anchor'];
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=template&id=9ffa4e8c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??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)])}
 var lazy_showvue_type_template_id_9ffa4e8c_staticRenderFns = []
 
@@ -7804,19 +7833,20 @@ var lazy_show_component = normalizeComponent(
 )
 
 /* harmony default export */ var lazy_show = (lazy_show_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=template&id=00f87924&
-var tooltipvue_type_template_id_00f87924_render = function () {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=template&id=79ded5da&
+var tooltipvue_type_template_id_79ded5da_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"}},[_vm._t("anchor",null,{"attrs":{
         'aria-describedby': _vm.id,
       }})],2),_c('dt-lazy-show',{ref:"content",class:[
       'd-tooltip',
       ("d-tooltip__arrow--" + _vm.placement),
-      ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ) ],attrs:{"id":_vm.id,"show":_vm.showTooltip,"role":"tooltip","aria-hidden":"false","data-qa":"dt-tooltip","appear":"","transition":_vm.transition},on:{"after-leave":_vm.onLeave}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2)],1)}
-var tooltipvue_type_template_id_00f87924_staticRenderFns = []
+      ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
+      _vm.contentClass ],attrs:{"id":_vm.id,"show":_vm.showTooltip,"role":"tooltip","aria-hidden":"false","data-qa":"dt-tooltip","appear":"","transition":_vm.transition},on:{"after-leave":_vm.onLeave}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2)],1)}
+var tooltipvue_type_template_id_79ded5da_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=00f87924&
+// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=79ded5da&
 
 // CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
 const TOOLTIP_DIRECTION_MODIFIERS = ['top-left', 'top-center', 'top-right', 'right-top', 'right-center', 'right-bottom', 'bottom-left', 'bottom-center', 'bottom-right', 'left-top', 'left-center', 'left-bottom'];
@@ -7895,6 +7925,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
 //
 //
 //
+//
 
 
 
@@ -7977,6 +8008,16 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
       default: false
     },
 
+    /**
+     * Additional css classes for the tooltip content element.
+     * Can accept all of String, Object, and Array, i.e. has the
+     * same api as Vue's built-in handling of the class attribute.
+     */
+    contentClass: {
+      type: [String, Object, Array],
+      default: ''
+    },
+
     /**
      * This describes the area that the element
      * will be checked for overflow relative to.
@@ -8132,8 +8173,10 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
 
   methods: {
     async onLeave() {
+      var _this$tip;
+
       this.isPreventHideTooltip = true;
-      this.tip.unmount();
+      (_this$tip = this.tip) === null || _this$tip === void 0 ? void 0 : _this$tip.unmount();
       this.$emit('update:show', false);
     },
 
@@ -8260,8 +8303,8 @@ var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__("fd4e");
 
 var tooltip_component = normalizeComponent(
   tooltip_tooltipvue_type_script_lang_js_,
-  tooltipvue_type_template_id_00f87924_render,
-  tooltipvue_type_template_id_00f87924_staticRenderFns,
+  tooltipvue_type_template_id_79ded5da_render,
+  tooltipvue_type_template_id_79ded5da_staticRenderFns,
   false,
   null,
   null,
@@ -8273,10 +8316,10 @@ var tooltip_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/tooltip/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover_header.vue?vue&type=template&id=dc02e178&
-var popover_headervue_type_template_id_dc02e178_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover_header_footer.vue?vue&type=template&id=0e2d3b14&
+var popover_header_footervue_type_template_id_0e2d3b14_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     'd-d-flex',
-    'd-ai-flex-start',
+    'd-ai-center',
     'd-fs16',
     'd-fw-bold',
     'd-of-auto',
@@ -8285,27 +8328,20 @@ var popover_headervue_type_template_id_dc02e178_render = function () {var _vm=th
     'd-pl12',
     'd-pr8',
     'd-py6',
-    'd-bb',
     'd-baw1',
     'd-bc-black-075',
     {
+      'd-bb': _vm.type === 'header',
+      'd-bt': _vm.type === 'footer',
       'd-bs-card': _vm.hasBoxShadow,
-      'd-jc-space-between': _vm.isTitleVisible,
-      'd-jc-flex-end': !_vm.isTitleVisible,
-    },
-    _vm.headerClass ],attrs:{"data-qa":"dt-popover-header"}},[(_vm.isTitleVisible)?_c('div',{staticClass:"d-to-ellipsis d-pt6",attrs:{"data-qa":"dt-popover-title"}},[_vm._t("title",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),(_vm.areHeaderButtonsVisible)?_c('div',{staticClass:"d-pl6 d-d-flex d-ws-nowrap"},[_vm._t("headerActions"),(_vm.showCloseButton)?_c('dt-button',_vm._b({ref:"popover__close-button",staticClass:"d-p6 d-bc-transparent",attrs:{"importance":"outlined","kind":"muted","circle":"","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close',{staticClass:"d-svg--size20"})]},proxy:true}],null,false,2493961913)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],2):_vm._e()])}
-var popover_headervue_type_template_id_dc02e178_staticRenderFns = []
+      'd-jc-flex-end': !_vm.$slots.content,
+    } ],attrs:{"data-qa":"dt-popover-header-footer"}},[(_vm.$slots.content)?_c('div',{class:['d-to-ellipsis', 'd-w100p', _vm.contentClass],attrs:{"data-qa":"dt-popover-header-footer-content"}},[_vm._t("content")],2):_vm._e(),(_vm.showCloseButton)?_c('div',{staticClass:"d-pl6 d-d-flex d-ws-nowrap"},[_c('dt-button',_vm._b({ref:"popover__close-button",staticClass:"d-p6 d-bc-transparent",attrs:{"importance":"outlined","kind":"muted","circle":""},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close',{staticClass:"d-svg--size20"})]},proxy:true}],null,false,2493961913)},'dt-button',_vm.closeButtonProps,false))],1):_vm._e()])}
+var popover_header_footervue_type_template_id_0e2d3b14_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/popover/popover_header.vue?vue&type=template&id=dc02e178&
+// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=template&id=0e2d3b14&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover_header.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -8362,30 +8398,29 @@ var popover_headervue_type_template_id_dc02e178_staticRenderFns = []
 //
 
 
-/* harmony default export */ var popover_headervue_type_script_lang_js_ = ({
-  name: 'PopoverHeader',
+/* harmony default export */ var popover_header_footervue_type_script_lang_js_ = ({
+  name: 'PopoverHeaderFooter',
   components: {
     DtButton: button_button,
     IconClose: IconClose
   },
   props: {
+    // eslint-disable-next-line vue/require-default-prop
+    type: {
+      type: String,
+      validator: function (value) {
+        return ['header', 'footer'].includes(value);
+      }
+    },
+
     /**
      * Additional class name for the content wrapper element.
      */
-    headerClass: {
+    contentClass: {
       type: [String, Array, Object],
       default: ''
     },
 
-    /**
-     * Determines title for popover header.
-     * If provided prop is not null, corresponding holder div will be rendered
-     */
-    title: {
-      type: String,
-      default: null
-    },
-
     /**
      * Determines visibility for close button
      */
@@ -8400,7 +8435,7 @@ var popover_headervue_type_template_id_dc02e178_staticRenderFns = []
      */
     closeButtonProps: {
       type: Object,
-      required: true
+      default: () => {}
     },
 
     /**
@@ -8411,16 +8446,6 @@ var popover_headervue_type_template_id_dc02e178_staticRenderFns = []
       default: false
     }
   },
-  computed: {
-    isTitleVisible() {
-      return this.$slots.title || this.title !== null;
-    },
-
-    areHeaderButtonsVisible() {
-      return this.$slots.headerActions || this.showCloseButton;
-    }
-
-  },
   methods: {
     focusCloseButton() {
       var _this$$refs$popover__;
@@ -8431,9 +8456,9 @@ var popover_headervue_type_template_id_dc02e178_staticRenderFns = []
 
   }
 });
-// CONCATENATED MODULE: ./components/popover/popover_header.vue?vue&type=script&lang=js&
- /* harmony default export */ var popover_popover_headervue_type_script_lang_js_ = (popover_headervue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./components/popover/popover_header.vue
+// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popover_popover_header_footervue_type_script_lang_js_ = (popover_header_footervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue
 
 
 
@@ -8441,10 +8466,10 @@ var popover_headervue_type_template_id_dc02e178_staticRenderFns = []
 
 /* normalize component */
 
-var popover_header_component = normalizeComponent(
-  popover_popover_headervue_type_script_lang_js_,
-  popover_headervue_type_template_id_dc02e178_render,
-  popover_headervue_type_template_id_dc02e178_staticRenderFns,
+var popover_header_footer_component = normalizeComponent(
+  popover_popover_header_footervue_type_script_lang_js_,
+  popover_header_footervue_type_template_id_0e2d3b14_render,
+  popover_header_footervue_type_template_id_0e2d3b14_staticRenderFns,
   false,
   null,
   null,
@@ -8452,7 +8477,7 @@ var popover_header_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var popover_header = (popover_header_component.exports);
+/* harmony default export */ var popover_header_footer = (popover_header_footer_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=script&lang=js&
 //
 //
@@ -8586,6 +8611,13 @@ var popover_header_component = normalizeComponent(
 //
 //
 //
+//
+//
+//
+//
+//
+
+/* eslint-disable max-lines */
 
 
 
@@ -8602,7 +8634,7 @@ var popover_header_component = normalizeComponent(
    ********************/
   components: {
     DtLazyShow: lazy_show,
-    PopoverHeader: popover_header
+    PopoverHeaderFooter: popover_header_footer
   },
   mixins: [modal],
   props: {
@@ -8742,7 +8774,7 @@ var popover_header_component = normalizeComponent(
     },
 
     /**
-     * Determines should the anchor be focused after closing the popover
+     * Determines whether the anchor should be focused after closing the popover.
      */
     focusAnchorOnClose: {
       type: Boolean,
@@ -8850,15 +8882,6 @@ var popover_header_component = normalizeComponent(
       default: false
     },
 
-    /**
-     * Determines title for popover header.
-     * If provided prop is not null, corresponding holder div will be rendered
-     */
-    title: {
-      type: String,
-      default: null
-    },
-
     /**
      * Determines the popover's z-index
      */
@@ -8898,9 +8921,9 @@ var popover_header_component = normalizeComponent(
     /**
      * Determines fixed / sticky styles for popover header
      */
-    fixedHeader: {
+    fixedHeaderFooter: {
       type: Boolean,
-      default: false
+      default: true
     },
 
     /**
@@ -8912,11 +8935,19 @@ var popover_header_component = normalizeComponent(
     },
 
     /**
-     * Additional class name for the content wrapper element.
+     * Additional class name for the header content wrapper element.
      */
     headerClass: {
       type: [String, Array, Object],
       default: ''
+    },
+
+    /**
+     * Additional class name for the footer content wrapper element.
+     */
+    footerClass: {
+      type: [String, Array, Object],
+      default: ''
     }
   },
   emits: ['update:open'],
@@ -8939,7 +8970,7 @@ var popover_header_component = normalizeComponent(
 
   computed: {
     hasBoxShadow() {
-      return this.hasScrolled && this.fixedHeader;
+      return this.hasScrolled && this.fixedHeaderFooter;
     },
 
     fallbackPlacements() {
@@ -8977,18 +9008,6 @@ var popover_header_component = normalizeComponent(
       // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
       // there is no aria-label and the labelledby should point to the anchor.
       return this.ariaLabelledby || !this.ariaLabel && getUniqueString('DtPopover__anchor');
-    },
-
-    isHeaderVisible() {
-      return this.isTitleVisible || this.areHeaderButtonsVisible;
-    },
-
-    isTitleVisible() {
-      return this.$slots.title || this.title !== null;
-    },
-
-    areHeaderButtonsVisible() {
-      return this.$slots.headerActions;
     }
 
   },
@@ -9092,6 +9111,11 @@ var popover_header_component = normalizeComponent(
    *     METHODS    *
    ******************/
   methods: {
+    isFixedHeaderFooter() {
+      // don't apply fixed header/footer classes if there's nothing in the slots
+      return this.fixedHeaderFooter && (this.$slots.headerContent || this.$slots.footerContent);
+    },
+
     addClosePopoverEventLister() {
       window.addEventListener('dt-popover-close', this.closePopover);
     },
@@ -9164,6 +9188,8 @@ var popover_header_component = normalizeComponent(
     },
 
     onLeave() {
+      var _this$tip5;
+
       this.isPreventHidePopover = true;
 
       if (this.focusAnchorOnClose && !this.closedByClickOutside) {
@@ -9171,12 +9197,12 @@ var popover_header_component = normalizeComponent(
       }
 
       this.closedByClickOutside = false;
-      this.tip.unmount();
+      (_this$tip5 = this.tip) === null || _this$tip5 === void 0 ? void 0 : _this$tip5.unmount();
       this.$emit('update:open', false);
     },
 
     onOpen() {
-      this.$emit('update:open', true);
+      this.$emit('update:open', true, this.$refs.popover__content);
       this.focusFirstElementIfNeeded(this.$refs.popover__content);
     },
 
@@ -9191,11 +9217,11 @@ var popover_header_component = normalizeComponent(
     },
 
     onMount() {
-      var _this$tip5;
+      var _this$tip6;
 
       this.isPreventHidePopover = false;
       this.showPopover = true;
-      (_this$tip5 = this.tip) === null || _this$tip5 === void 0 ? void 0 : _this$tip5.setProps({
+      (_this$tip6 = this.tip) === null || _this$tip6 === void 0 ? void 0 : _this$tip6.setProps({
         placement: this.placement
       });
     },
@@ -9265,7 +9291,7 @@ var popover_header_component = normalizeComponent(
     },
 
     focusFirstElementIfNeeded(domEl) {
-      if (this.isDialog || this.isMenu) {
+      if (this.isDialog) {
         const focusableElements = this._getFocusableElements(domEl);
 
         if (focusableElements.length !== 0) {
@@ -9296,8 +9322,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__("e0bf");
 
 var popover_component = normalizeComponent(
   popover_popovervue_type_script_lang_js_,
-  popovervue_type_template_id_17f10551_render,
-  popovervue_type_template_id_17f10551_staticRenderFns,
+  popovervue_type_template_id_5893eee6_render,
+  popovervue_type_template_id_5893eee6_staticRenderFns,
   false,
   null,
   null,
@@ -9369,6 +9395,8 @@ const LIST_ITEM_NAVIGATION_TYPES = {
 //
 //
 //
+//
+//
 
 
 
@@ -9380,7 +9408,8 @@ const LIST_ITEM_NAVIGATION_TYPES = {
   },
   mixins: [keyboard_list_navigation({
     indexKey: 'highlightIndex',
-    listElementKey: 'listRef',
+    idKey: 'highlightId',
+    listElementKey: 'getListElement',
     listItemRole: 'menuitem',
     afterHighlightMethod: 'afterHighlight',
     beginningOfListMethod: 'beginningOfListMethod',
@@ -9390,11 +9419,11 @@ const LIST_ITEM_NAVIGATION_TYPES = {
   })],
   props: {
     /**
-     * Whether the dropdown should be shown. Supports .sync modifier.
+     * Optional prop to manage dropdown opening. Supports .sync modifier.
      */
     open: {
       type: Boolean,
-      required: true
+      default: false
     },
 
     /**
@@ -9478,39 +9507,17 @@ const LIST_ITEM_NAVIGATION_TYPES = {
       default: null
     }
   },
-  emits: ['select', 'escape', 'highlight'],
+  emits: ['escape', 'highlight', 'update:open'],
 
   data() {
     return {
-      LIST_ITEM_NAVIGATION_TYPES: LIST_ITEM_NAVIGATION_TYPES
+      LIST_ITEM_NAVIGATION_TYPES: LIST_ITEM_NAVIGATION_TYPES,
+      openedWithKeyboard: false,
+      isOpen: this.open
     };
   },
 
   computed: {
-    listProps() {
-      return {
-        id: this.listId,
-        // The list has to be positioned relatively so that the auto-scroll can
-        // calculate the correct offset for the list items.
-        class: 'd-ps-relative'
-      };
-    },
-
-    listRef() {
-      return this.$refs.listWrapper;
-    },
-
-    /*
-     * These props are wrapped in a function that expects that an index is passed.
-     */
-    getItemProps() {
-      return i => ({
-        role: 'menuitem',
-        // The ids have to be generated here since we use them for activeItemId.
-        id: this.getItemId(i)
-      });
-    },
-
     beginningOfListMethod() {
       return this.onBeginningOfList || this.jumpToEnd;
     },
@@ -9519,42 +9526,68 @@ const LIST_ITEM_NAVIGATION_TYPES = {
       return this.onEndOfList || this.jumpToBeginning;
     },
 
-    activeItemId() {
-      if (!this.open || this.highlightIndex < 0) {
-        return;
-      }
-
-      return this.getItemId(this.highlightIndex);
-    },
-
     activeItemEl() {
-      return document.getElementById(this.activeItemId);
+      return this.getListElement().querySelector('#' + this.highlightId);
     }
 
   },
   methods: {
-    setInitialHighlightIndex() {
-      if (this.open && this.navigationType !== this.LIST_ITEM_NAVIGATION_TYPES.NONE) {
-        // When the list's is shown, reset the highlight index.
-        this.setHighlightIndex(0);
-      }
+    getListElement() {
+      return this.$refs.listWrapper;
     },
 
     clearHighlightIndex() {
       this.setHighlightIndex(-1);
     },
 
-    getItemId(i) {
-      return "".concat(this.listId, "-item").concat(i);
-    },
-
     afterHighlight() {
       this.$emit('highlight', this.highlightIndex);
     },
 
+    updateInitialHighlightIndex(isPopoverOpen) {
+      if (isPopoverOpen) {
+        // If the dropdown was opened with keyboard, focus first element
+        if (this.openedWithKeyboard) {
+          // Focus first item on keyboard navigation
+          this.$refs.popover.focusFirstElement(this.getListElement());
+
+          if (this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
+            this.setHighlightIndex(0);
+          }
+
+          this.$emit('update:open', true);
+        }
+      } else {
+        this.clearHighlightIndex();
+
+        if (this.openedWithKeyboard) {
+          // Return focus to anchor element since it had the focus
+          this.$refs.popover.focusFirstElement(this.$refs.anchor);
+          this.openedWithKeyboard = false;
+        }
+
+        this.isOpen = false;
+        this.$emit('update:open', false);
+      }
+    },
+
+    toggle() {
+      this.isOpen = !this.isOpen;
+    },
+
+    close() {
+      this.isOpen = false;
+    },
+
+    onSpaceKey() {
+      if (!this.isOpen) {
+        this.openedWithKeyboard = true;
+      }
+    },
+
     onEnterKey() {
-      if (this.open && this.highlightIndex >= 0) {
-        this.$emit('select', this.highlightIndex);
+      if (!this.isOpen) {
+        this.openedWithKeyboard = true;
       }
     },
 
@@ -9571,9 +9604,16 @@ const LIST_ITEM_NAVIGATION_TYPES = {
     },
 
     onEscapeKey() {
+      this.isOpen = false;
       this.$emit('escape');
     }
 
+  },
+  watch: {
+    open(newValue) {
+      this.isOpen = newValue;
+    }
+
   }
 });
 // CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=script&lang=js&
@@ -9588,8 +9628,8 @@ const LIST_ITEM_NAVIGATION_TYPES = {
 
 var dropdown_component = normalizeComponent(
   dropdown_dropdownvue_type_script_lang_js_,
-  dropdownvue_type_template_id_479a72d0_render,
-  dropdownvue_type_template_id_479a72d0_staticRenderFns,
+  dropdownvue_type_template_id_a1ff15a0_render,
+  dropdownvue_type_template_id_a1ff15a0_staticRenderFns,
   false,
   null,
   null,
@@ -9600,7 +9640,7 @@ var dropdown_component = normalizeComponent(
 /* harmony default export */ var dropdown = (dropdown_component.exports);
 // CONCATENATED MODULE: ./components/dropdown/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=template&id=0231bf39&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=template&id=0231bf39&
 var inputvue_type_template_id_0231bf39_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",[(_vm.label)?_c('div',{class:[
           'base-input__label-text',
           'd-label',
@@ -9634,7 +9674,7 @@ const INPUT_SIZES = {
   INPUT_TYPES,
   INPUT_SIZES
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/validation_messages/validation_messages.vue?vue&type=template&id=6fb7180e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/validation_messages/validation_messages.vue?vue&type=template&id=6fb7180e&
 var validation_messagesvue_type_template_id_6fb7180e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showMessages && !_vm.isFilteredValidationMessagesEmpty)?_c('div',{staticClass:"base-input__messages d-d-flex d-fd-column",attrs:{"data-qa":"validation-messages-container"}},_vm._l((_vm.filteredValidationMessages),function(ref,index){
 var message = ref.message;
 var type = ref.type;
@@ -10499,7 +10539,7 @@ var input_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/input/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input_group/input_group.vue?vue&type=template&id=34acc7c9&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input_group/input_group.vue?vue&type=template&id=34acc7c9&
 var input_groupvue_type_template_id_34acc7c9_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",[_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_34acc7c9_staticRenderFns = []
 
@@ -10794,7 +10834,7 @@ var input_group_component = normalizeComponent(
 /* harmony default export */ var input_group_input_group = (input_group_component.exports);
 // CONCATENATED MODULE: ./components/input_group/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=7ff5e048&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=7ff5e048&
 var modalvue_type_template_id_7ff5e048_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],
@@ -11111,7 +11151,7 @@ var modal_component = normalizeComponent(
 
 // CONCATENATED MODULE: ./components/lazy_show/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=0285311e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=0285311e&
 var list_sectionvue_type_template_id_0285311e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['dt-list-section', 'd-fs14', 'd-lh6', 'd-py6', 'd-bc-black-200',
            { 'd-bb': _vm.separator }],attrs:{"id":_vm.id,"role":"group","aria-labelledby":(_vm.id + "-list-section-header"),"tabindex":"-1"}},[(_vm.header)?_c('h3',{staticClass:"d-pl12 d-mt6",attrs:{"id":(_vm.id + "-list-section-header")}},[_vm._v(" "+_vm._s(_vm.header)+" ")]):_vm._e(),(!_vm.isCollapsible || _vm.showAll)?_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_vm._t("default")],2):_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_c('vnodes',{attrs:{"vnodes":_vm.displayedItems}})],1),_c('div',{staticClass:"d-d-flex"},[(_vm.isCollapsible)?_c('dt-button',{staticClass:"d-ml12 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e(),_vm._t("footer")],2)])}
 var list_sectionvue_type_template_id_0285311e_staticRenderFns = []
@@ -11295,17 +11335,18 @@ var list_section_component = normalizeComponent(
 /* harmony default export */ var list_section = (list_section_component.exports);
 // CONCATENATED MODULE: ./components/list_section/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=7af801f2&
-var list_itemvue_type_template_id_7af801f2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{tag:"component",class:['dt-list-item d-ls-none', {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=7564fd82&
+var list_itemvue_type_template_id_7564fd82_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{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},on:_vm._d({"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onClick($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onClick($event)}],"click":_vm.onClick},[_vm.maybeMouseMove,_vm.onMouseMove])},[(_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_7af801f2_staticRenderFns = []
+    'dt-list-item--hoverable': _vm.isHoverable,
+  }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onClick($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onClick($event)}],"click":_vm.onClick}},[(_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_7564fd82_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=7af801f2&
+// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=7564fd82&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=42285ca2&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=42285ca2&
 var default_list_itemvue_type_template_id_42285ca2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs14 d-lh4 d-py2 d-px12 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs12 d-fc-black-500', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e()])}
 var default_list_itemvue_type_template_id_42285ca2_staticRenderFns = []
 
@@ -11425,6 +11466,15 @@ var default_list_item_component = normalizeComponent(
   components: {
     DtDefaultListItem: default_list_item
   },
+
+  /**
+   * Value provided from keyboard_list_navigation.js using id prop.
+   */
+  inject: {
+    highlightId: {
+      default: null
+    }
+  },
   props: {
     /**
      * Id for the item.
@@ -11473,22 +11523,6 @@ var default_list_item_component = normalizeComponent(
       type: String,
       default: LIST_ITEM_NAVIGATION_TYPES.NONE,
       validator: t => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t)
-    },
-
-    /**
-     * For keyboard navigation, the method to set the highlight to this item.
-     */
-    setHighlight: {
-      type: [Function, Promise],
-      default: null
-    },
-
-    /**
-     * For keyboard navigation, whether or not this item is currently highlighted.
-     */
-    isHighlighted: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['click'],
@@ -11503,65 +11537,29 @@ var default_list_item_component = normalizeComponent(
       }
     },
 
-    isFocusable() {
-      // Navigation type has to be set to "tab".
-      return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;
-    },
-
     /**
-     * When using "arrow-keys" navigation the item shouldn't receive actual focus, so
-     * we use custom highlighting to indicate which item has the "focus".
+     * For keyboard navigation, whether or not this item is currently highlighted.
      */
-    isHighlightable() {
-      // Navigation type has to be set to "arrow-keys".
-      if (this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
-        return false;
-      } // setHighlight method has to be provided.
-
+    isHighlighted() {
+      return this.highlightId ? this.id === this.highlightId() : false;
+    },
 
-      return !!this.setHighlight;
+    isFocusable() {
+      // Navigation type has to be set to "tab".
+      return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;
     },
 
     /**
-     * Since this event listener can be resource heavy, only attach it when needed.
-     * https://github.com/vuejs/vue/issues/7349#issuecomment-458405684
+     * Whether or not to apply hover styles.
      */
-    maybeMouseMove() {
-      return this.isHighlightable && !this.isHighlighted ? 'mousemove' : null;
+    isHoverable() {
+      return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;
     }
 
   },
-
-  created() {
-    this.validateProps();
-  },
-
   methods: {
     onClick() {
       this.$emit('click');
-    },
-
-    /**
-     * While you hover over an item, always highlight it.
-     */
-    onMouseMove() {
-      if (this.isHighlightable && !this.isHighlighted) {
-        // Update the highlight.
-        this.setHighlight();
-      }
-    },
-
-    /**
-     * Helper to make sure some dependent props are provided.
-     */
-    validateProps() {
-      // Keyboard navigation.
-      if (this.navigationType === LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
-        // The method setHighlight should be provided.
-        if (typeof this.setHighlight !== 'function') {
-          console.error('DtListItem: prop "setHighlight" is required when navigationType is:', LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS, 'but received setHighlight:', this.setHighlight);
-        }
-      }
     }
 
   }
@@ -11582,8 +11580,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__("51f5");
 
 var list_item_component = normalizeComponent(
   list_item_list_itemvue_type_script_lang_js_,
-  list_itemvue_type_template_id_7af801f2_render,
-  list_itemvue_type_template_id_7af801f2_staticRenderFns,
+  list_itemvue_type_template_id_7564fd82_render,
+  list_itemvue_type_template_id_7564fd82_staticRenderFns,
   false,
   null,
   null,
@@ -11594,7 +11592,7 @@ var list_item_component = normalizeComponent(
 /* harmony default export */ var list_item = (list_item_component.exports);
 // CONCATENATED MODULE: ./components/list_item/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=template&id=4b03fec7&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??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 = []
 
@@ -11774,7 +11772,7 @@ var notice_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/notice/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=template&id=7516bd14&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=template&id=7516bd14&
 var radiovue_type_template_id_7516bd14_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",[_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",[_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_7516bd14_staticRenderFns = []
 
@@ -12035,7 +12033,7 @@ var radio_group_component = normalizeComponent(
 /* harmony default export */ var radio_group = (radio_group_component.exports);
 // CONCATENATED MODULE: ./components/radio_group/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_group.vue?vue&type=template&id=59d36f62&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_group.vue?vue&type=template&id=59d36f62&
 var tab_groupvue_type_template_id_59d36f62_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:[
@@ -12361,7 +12359,7 @@ var tab_group_component = normalizeComponent(
 )
 
 /* harmony default export */ var tab_group = (tab_group_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab.vue?vue&type=template&id=0bc212ec&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab.vue?vue&type=template&id=0bc212ec&
 var tabvue_type_template_id_0bc212ec_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-button',_vm._b({class:[
@@ -12514,7 +12512,7 @@ var tab_component = normalizeComponent(
 )
 
 /* harmony default export */ var tab = (tab_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_panel.vue?vue&type=template&id=4d6d0107&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_panel.vue?vue&type=template&id=4d6d0107&
 var tab_panelvue_type_template_id_4d6d0107_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     {
       'd-d-none': _vm.hidePanel,
@@ -12616,7 +12614,7 @@ var tab_panel_component = normalizeComponent(
 
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=template&id=86d051ec&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=template&id=86d051ec&
 var checkboxvue_type_template_id_86d051ec_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",[_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",[_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_86d051ec_staticRenderFns = []
 
@@ -12940,7 +12938,7 @@ var checkbox_group_component = normalizeComponent(
 /* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
 // CONCATENATED MODULE: ./components/checkbox_group/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=template&id=59947fa6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=template&id=59947fa6&
 var select_menuvue_type_template_id_59947fa6_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],
@@ -13317,7 +13315,7 @@ var select_menu_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/select_menu/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/toast/toast.vue?vue&type=template&id=1f5a483f&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/toast/toast.vue?vue&type=template&id=1f5a483f&
 var toastvue_type_template_id_1f5a483f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"d-toast-wrapper"},[(!_vm.hidden)?_c('div',{class:[
       'd-toast',
       _vm.kindClass,
@@ -13568,14 +13566,14 @@ var toast_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/toast/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton.vue?vue&type=template&id=293e767b&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton.vue?vue&type=template&id=293e767b&
 var skeletonvue_type_template_id_293e767b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"aria-busy":"true","role":"status","aria-label":_vm.ariaLabel}},[(_vm.listItemOption)?_c('dt-skeleton-list-item',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-list-item',_vm.listItemOption === true ? {} : _vm.listItemOption,false)):(_vm.shapeOption)?_c('dt-skeleton-shape',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-shape',_vm.shapeOption === true ? {} : _vm.shapeOption,false)):(_vm.paragraphOption)?_c('dt-skeleton-paragraph',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-paragraph',_vm.paragraphOption === true ? {} : _vm.paragraphOption,false)):_c('dt-skeleton-text',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-text',_vm.textOption || {},false))],1)}
 var skeletonvue_type_template_id_293e767b_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./components/skeleton/skeleton.vue?vue&type=template&id=293e767b&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-shape.vue?vue&type=template&id=0b405340&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-shape.vue?vue&type=template&id=0b405340&
 var skeleton_shapevue_type_template_id_0b405340_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"skeleton",class:[
     'skeleton-placeholder',
     _vm.SKELETON_SHAPES[_vm.shape],
@@ -13742,7 +13740,7 @@ var skeleton_shape_component = normalizeComponent(
 )
 
 /* harmony default export */ var skeleton_shape = (skeleton_shape_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-list-item.vue?vue&type=template&id=550b8bfc&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-list-item.vue?vue&type=template&id=550b8bfc&
 var skeleton_list_itemvue_type_template_id_550b8bfc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     'd-d-flex',
     {
@@ -13754,7 +13752,7 @@ var skeleton_list_itemvue_type_template_id_550b8bfc_staticRenderFns = []
 
 // CONCATENATED MODULE: ./components/skeleton/skeleton-list-item.vue?vue&type=template&id=550b8bfc&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-paragraph.vue?vue&type=template&id=5c1bdf76&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-paragraph.vue?vue&type=template&id=5c1bdf76&
 var skeleton_paragraphvue_type_template_id_5c1bdf76_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     'd-w100p',
     _vm.contentClass ],attrs:{"contentClass":"","data-qa":"skeleton-paragraph"}},_vm._l((_vm.integerRows),function(row){return _c('dt-skeleton-text',{key:row,class:[
@@ -13766,7 +13764,7 @@ var skeleton_paragraphvue_type_template_id_5c1bdf76_staticRenderFns = []
 
 // CONCATENATED MODULE: ./components/skeleton/skeleton-paragraph.vue?vue&type=template&id=5c1bdf76&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-text.vue?vue&type=template&id=9c94b6be&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-text.vue?vue&type=template&id=9c94b6be&
 var skeleton_textvue_type_template_id_9c94b6be_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.type === 'body')?_c('div',{ref:"skeleton",class:[
     'd-h8',
     'd-bar2',
@@ -14284,7 +14282,7 @@ var skeleton_component = normalizeComponent(
 
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=42a36d1f&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=42a36d1f&
 var keyboard_shortcutvue_type_template_id_42a36d1f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('kbd',{class:[
     'd-d-inline-flex',
     'd-ff-custom',
@@ -14307,7 +14305,7 @@ var keyboard_shortcutvue_type_template_id_42a36d1f_staticRenderFns = []
 
 // CONCATENATED MODULE: ./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=42a36d1f&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWindows.vue?vue&type=template&id=799d0e52&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWindows.vue?vue&type=template&id=799d0e52&
 var IconWindowsvue_type_template_id_799d0e52_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__windows",attrs:{"aria-hidden":"true","aria-label":"Windows","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19.903 12.819v7.532L10.936 19v-6.197l8.967.016zM10.936 5.334l8.967-1.249V11.5h-8.967V5.334zM9.745 12.757v6.134l-6.643-.885v-5.28l6.643.03zM3.097 6.328l6.647-.885v6.134H3.1l-.003-5.25z","fill":"#0D0C0F"}})])}
 var IconWindowsvue_type_template_id_799d0e52_staticRenderFns = []
 
@@ -14333,7 +14331,7 @@ var IconWindows_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconWindows = (IconWindows_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconAdd.vue?vue&type=template&id=37aa578e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconAdd.vue?vue&type=template&id=37aa578e&
 var IconAddvue_type_template_id_37aa578e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__add",attrs:{"aria-hidden":"true","aria-label":"Add","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}})])}
 var IconAddvue_type_template_id_37aa578e_staticRenderFns = []
 
@@ -14359,7 +14357,7 @@ var IconAdd_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconAdd = (IconAdd_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDownward.vue?vue&type=template&id=3615192c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDownward.vue?vue&type=template&id=3615192c&
 var IconArrowDownwardvue_type_template_id_3615192c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__arrowDownward",attrs:{"aria-hidden":"true","aria-label":"Arrow Downward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"}})])}
 var IconArrowDownwardvue_type_template_id_3615192c_staticRenderFns = []
 
@@ -14385,7 +14383,7 @@ var IconArrowDownward_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconArrowDownward = (IconArrowDownward_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowUpward.vue?vue&type=template&id=10122176&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowUpward.vue?vue&type=template&id=10122176&
 var IconArrowUpwardvue_type_template_id_10122176_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__arrowUpward",attrs:{"aria-hidden":"true","aria-label":"Arrow Upward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"}})])}
 var IconArrowUpwardvue_type_template_id_10122176_staticRenderFns = []
 
@@ -14411,7 +14409,7 @@ var IconArrowUpward_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconArrowUpward = (IconArrowUpward_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowForward.vue?vue&type=template&id=24d9c0d4&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowForward.vue?vue&type=template&id=24d9c0d4&
 var IconArrowForwardvue_type_template_id_24d9c0d4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__arrowForward",attrs:{"aria-hidden":"true","aria-label":"Arrow Forward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"}})])}
 var IconArrowForwardvue_type_template_id_24d9c0d4_staticRenderFns = []
 
@@ -14437,7 +14435,7 @@ var IconArrowForward_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconArrowForward = (IconArrowForward_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9793af40-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowBackwards.vue?vue&type=template&id=422cf4b0&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"585bee83-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowBackwards.vue?vue&type=template&id=422cf4b0&
 var IconArrowBackwardsvue_type_template_id_422cf4b0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__arrowBackwards",attrs:{"aria-hidden":"true","aria-label":"Arrow Backwards","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 20l1.41-1.41L7.83 13H20v-2H7.83l5.58-5.59L12 4l-8 8 8 8z"}})])}
 var IconArrowBackwardsvue_type_template_id_422cf4b0_staticRenderFns = []
 
@@ -14634,6 +14632,7 @@ var keyboard_shortcut_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/mixins/index.js
 
 
+
 // CONCATENATED MODULE: ./index.js
 // Components