@dialpad/dialtone-vue 1.9.0 → 1.11.0

package/dist/dialtone-vue.common.js

@@ -225,7 +225,7 @@ function toComment(sourceMap) {
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".dt-popover__content--align-right .dt-popover__caret{right:2.4rem}.dt-popover__content--align-center .dt-popover__caret{left:50%}.dt-popover__content--valign-top{bottom:100%;margin-top:0;margin-bottom:.4rem}.dt-popover__content--valign-top .dt-popover__caret{bottom:-.4rem;transform:rotate(225deg)}.dt-popover__content--valign-bottom .dt-popover__caret{bottom:100%;top:0;transform:rotate(45deg)}.dt-popover__caret{transform:rotate(45deg)}.tippy-box[data-popper-escaped] .dt-popover-box,.tippy-box[data-popper-reference-hidden] .dt-popover-box{visibility:hidden;pointer-events:none}.d-popover-overlay{--bgo:85%!important}.dt-popover-box,.dt-popover-box *,.dt-popover-box :after,.dt-popover-box :before{box-sizing:border-box}", ""]);
+exports.push([module.i, ".dt-popover__content--align-right .dt-popover__caret{right:2.4rem}.dt-popover__content--align-left .dt-popover__caret{left:2.4rem}.dt-popover__content--align-center .dt-popover__caret{left:50%}.dt-popover__content--valign-top{bottom:100%;margin-top:0;margin-bottom:.4rem}.dt-popover__content--valign-top .dt-popover__caret{bottom:0;transform:rotate(225deg)}.dt-popover__content--valign-bottom .dt-popover__caret{bottom:100%;top:0;transform:rotate(45deg)}.dt-popover__caret{transform:rotate(45deg)}.tippy-box[data-popper-escaped] .dt-popover-box,.tippy-box[data-popper-reference-hidden] .dt-popover-box{visibility:hidden;pointer-events:none}.d-popover-overlay{--bgo:85%!important}.dt-popover-box,.dt-popover-box *,.dt-popover-box :after,.dt-popover-box :before{box-sizing:border-box}.dt-popover-box__grid{grid-template-rows:auto 1fr}", ""]);
 // Exports
 module.exports = exports;
 
@@ -250,7 +250,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{outline-color:var(--primary-color)}", ""]);
+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
 module.exports = exports;
 
@@ -838,7 +838,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":"3cfa780c-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":"11d9be20-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],
@@ -948,11 +948,12 @@ const FOCUSABLE_SELECTOR_NOT_HIDDEN = 'input:not([type=hidden]):not(:disabled)';
 
 const FOCUSABLE_SELECTOR_NOT_DISABLED = 'select:not(:disabled),textarea:not(:disabled),button:not(:disabled)'; // // selector to find focusable not hidden and disabled elements
 
-const FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED = `${FOCUSABLE_SELECTOR_NOT_HIDDEN},${FOCUSABLE_SELECTOR_NOT_DISABLED}`; // selector to find focusable elements
+const FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED = "".concat(FOCUSABLE_SELECTOR_NOT_HIDDEN, ",").concat(FOCUSABLE_SELECTOR_NOT_DISABLED); // selector to find focusable elements
 
-const FOCUSABLE_SELECTOR = `a,frame,iframe,${FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED},*[tabindex]`;
+const FOCUSABLE_SELECTOR = "a,frame,iframe,".concat(FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED, ",*[tabindex]");
+const scheduler = typeof setImmediate === 'function' ? setImmediate : setTimeout;
 function getUniqueString(prefix = DEFAULT_PREFIX) {
-  return `${prefix}${UNIQUE_ID_COUNTER++}`;
+  return "".concat(prefix).concat(UNIQUE_ID_COUNTER++);
 }
 function formatMessages(messages) {
   if (!messages) {
@@ -1032,12 +1033,11 @@ const htmlFragment = {
         this.$createElement = h;
       },
 
-      template: `<div>${ctx.props.html}</div>`
+      template: "<div>".concat(ctx.props.html, "</div>")
     }).$mount()._vnode.children;
   }
 
 };
-const scheduler = typeof setImmediate === 'function' ? setImmediate : setTimeout;
 const flushPromises = () => {
   return new Promise(resolve => {
     scheduler(resolve);
@@ -1284,7 +1284,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":"3cfa780c-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":"11d9be20-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)}
@@ -1381,21 +1381,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":"3cfa780c-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":"11d9be20-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":"3cfa780c-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":"11d9be20-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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -1421,7 +1421,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -1447,7 +1447,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -1473,7 +1473,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -1499,7 +1499,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -1603,7 +1603,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -1675,14 +1675,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":"3cfa780c-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":"11d9be20-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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -1708,7 +1708,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":"3cfa780c-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":"11d9be20-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:[
@@ -1767,11 +1767,7 @@ const INVALID_COMBINATION = [{
 }];
 
 function _invalidCombinationMessage(circle, kind, importance) {
-  return `You cannot not have a ${circle ? 'circle ' : ''}button \
-with kind: ${kind} and importance: ${importance} as it \
-does not exist in our design system. \
-See https://dialpad.design/components/button for a \
-list of available button styles`;
+  return "You cannot not have a ".concat(circle ? 'circle ' : '', "button with kind: ").concat(kind, " and importance: ").concat(importance, " as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles");
 }
 
 /* harmony default export */ var button_constants = ({
@@ -2150,8 +2146,8 @@ var notice_action_component = normalizeComponent(
 /* harmony default export */ var notice_action = (notice_action_component.exports);
 // CONCATENATED MODULE: ./components/mixins/modal.js
 const focusableAttrs = ':not(:disabled):not([aria-disabled="true"])';
-const tabbableAttrs = `${focusableAttrs}:not([tabindex="-1"])`;
-const focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;
+const tabbableAttrs = "".concat(focusableAttrs, ":not([tabindex=\"-1\"])");
+const focusableElementsList = "button,[href],input,select,textarea,details,[tabindex]";
 /**
  * this mixin provides the methods to automatically trap tab focus within
  * the component this mixin is on, meaning it is not possible to tab out
@@ -2458,7 +2454,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":"3cfa780c-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":"11d9be20-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:[
@@ -2472,7 +2468,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":"3cfa780c-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":"11d9be20-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:[
@@ -2483,7 +2479,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":"3cfa780c-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":"11d9be20-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)}
@@ -2730,7 +2726,7 @@ var breadcrumb_item_component = normalizeComponent(
 
   methods: {
     getBreadcrumbItemKey(index) {
-      return `breadcrumbs-item-${index}-${utils.getUniqueString()}`;
+      return "breadcrumbs-item-".concat(index, "-").concat(utils.getUniqueString());
     }
 
   }
@@ -2763,7 +2759,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":"3cfa780c-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":"11d9be20-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)}
@@ -2838,7 +2834,7 @@ 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":"3cfa780c-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"11d9be20-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 = []
 
@@ -3040,12 +3036,11 @@ 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 ',
-          listElement: `, listElement);
+        console.error("listElementKey is required or the referenced element doesn't exist. Received ',\n          listElement: ", listElement);
         return 0;
       }
 
-      return listElement.querySelectorAll(`[role="${listItemRole}"]`).length;
+      return listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]")).length;
     },
 
     onUpKey() {
@@ -3305,7 +3300,7 @@ var comboboxvue_type_template_id_4c9df24d_staticRenderFns = []
     },
 
     getItemId(i) {
-      return `${this.listId}-item${i}`;
+      return "".concat(this.listId, "-item").concat(i);
     },
 
     afterHighlight() {
@@ -3348,34 +3343,44 @@ 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":"3cfa780c-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=30228398&
-var dropdownvue_type_template_id_30228398_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_30228398_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"11d9be20-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: ./components/dropdown/dropdown.vue?vue&type=template&id=30228398&
+// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=479a72d0&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3cfa780c-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=090a5b36&
-var popovervue_type_template_id_090a5b36_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"},_vm.$listeners),[(_vm.modal)?_c('dt-lazy-show',{ref:"overlay",staticClass:"\n      d-popover-overlay\n      d-ps-fixed\n      d-all0\n      d-fl-center\n      d-fd-column\n      d-vi-visible\n      d-zi-modal\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.closePopover($event)}}}):_vm._e(),_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy}},[_vm._t("anchor",null,{"attrs":{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"11d9be20-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=eb03c67c&
+var popovervue_type_template_id_eb03c67c_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.closePopover($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,
       }})],2),_c('dt-lazy-show',_vm._g({ref:"content",class:[
-      'dt-popover-box',
       'd-bgc-white',
-      'd-bc-black-075',
-      'd-bs-md',
-      'd-wmx-unset',
-      'd-bar4',
-      _vm.POPOVER_PADDING_CLASSES[_vm.padding],
+      'd-bs-card',
+      'd-bar8',
+      'd-bc-black-100',
+      'dt-popover-box',
       ("dt-popover__content--align-" + _vm.horizontalAlignment),
       ("dt-popover__content--valign-" + _vm.verticalAlignment),
-      'd-m0',
-      _vm.contentClass ],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.isDialog,"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._t("content"),(_vm.hasCaret)?_c('div',{staticClass:"d-bgc-white d-mtn4 d-bt d-bl d-bc-black-075 dt-popover__caret d-ps-absolute d-w6 d-h6"}):_vm._e()],2)],1)}
-var popovervue_type_template_id_090a5b36_staticRenderFns = []
+      {
+        'd-d-grid d-of-hidden dt-popover-box__grid': _vm.fixedHeader,
+        '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:[
+        'dt-popover__content',
+        _vm.POPOVER_PADDING_CLASSES[_vm.padding],
+        {
+          'd-of-auto': _vm.fixedHeader,
+        },
+        _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"},on:{"scroll":_vm.onScrollContent}},[_vm._t("content")],2)],1)],1)}
+var popovervue_type_template_id_eb03c67c_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=090a5b36&
+// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=eb03c67c&
 
 // CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
 // import { isHTMLElement } from './instanceOf';
@@ -7698,9 +7703,9 @@ const POPOVER_PADDING_CLASSES = {
 };
 const POPOVER_HORIZONTAL_ALIGNMENT = [null, 'left', 'center', 'right'];
 const POPOVER_VERTICAL_ALIGNMENT = [null, 'top', 'bottom'];
-const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];
+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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -7790,7 +7795,7 @@ 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":"3cfa780c-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"11d9be20-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 () {
 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":{
@@ -7834,10 +7839,10 @@ const TOOLTIP_DIALTONE_DIRECTIONS = Object.entries(TOOLTIP_TIPPY_DIRECTIONS).red
   [value]: key
 }), {});
 const TOOLTIP_KIND_MODIFIERS = {
-  hover: `d-tooltip--hover`,
-  show: `d-tooltip--show`,
-  inverted: `d-tooltip--inverted`,
-  hide: `d-tooltip--hide`
+  hover: "d-tooltip--hover",
+  show: "d-tooltip--show",
+  inverted: "d-tooltip--inverted",
+  hide: "d-tooltip--hide"
 };
 const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
 // 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/tooltip/tooltip.vue?vue&type=script&lang=js&
@@ -8259,6 +8264,186 @@ 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":"11d9be20-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:[
+    'd-d-flex',
+    'd-ai-flex-start',
+    'd-fs16',
+    'd-fw-bold',
+    'd-of-auto',
+    'd-hmn48',
+    'd-w100p',
+    'd-pl12',
+    'd-pr8',
+    'd-py6',
+    'd-bb',
+    'd-baw1',
+    'd-bc-black-075',
+    {
+      '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 = []
+
+
+// CONCATENATED MODULE: ./components/popover/popover_header.vue?vue&type=template&id=dc02e178&
+
+// 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&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var popover_headervue_type_script_lang_js_ = ({
+  name: 'PopoverHeader',
+  components: {
+    DtButton: button_button,
+    IconClose: IconClose
+  },
+  props: {
+    /**
+     * Additional class name for the content wrapper element.
+     */
+    headerClass: {
+      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
+     */
+    showCloseButton: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * A set of props to be passed into the popover's header close button.
+     * Requires an 'ariaLabel' property.
+     */
+    closeButtonProps: {
+      type: Object,
+      required: true
+    },
+
+    /**
+     * Determines fixed / sticky styles for popover header
+     */
+    hasBoxShadow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    isTitleVisible() {
+      return this.$slots.title || this.title !== null;
+    },
+
+    areHeaderButtonsVisible() {
+      return this.$slots.headerActions || this.showCloseButton;
+    }
+
+  },
+  methods: {
+    focusCloseButton() {
+      var _this$$refs$popover__;
+
+      const closeButton = (_this$$refs$popover__ = this.$refs['popover__close-button']) === null || _this$$refs$popover__ === void 0 ? void 0 : _this$$refs$popover__.$el;
+      closeButton === null || closeButton === void 0 ? void 0 : closeButton.focus();
+    }
+
+  }
+});
+// 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
+
+
+
+
+
+/* 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,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var popover_header = (popover_header_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&
 //
 //
@@ -8341,6 +8526,58 @@ var tooltip_component = normalizeComponent(
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -8355,7 +8592,8 @@ var tooltip_component = normalizeComponent(
    * CHILD COMPONENTS *
    ********************/
   components: {
-    DtLazyShow: lazy_show
+    DtLazyShow: lazy_show,
+    PopoverHeader: popover_header
   },
   mixins: [modal],
   props: {
@@ -8409,6 +8647,15 @@ var tooltip_component = normalizeComponent(
       default: null
     },
 
+    /**
+     * A set of props to be passed into the popover's header close button.
+     * Requires an 'ariaLabel' property, when the header popover is visible
+     */
+    closeButtonProps: {
+      type: Object,
+      default: () => ({})
+    },
+
     /**
      * Whether or not the popover content is shown. Supports .sync modifier.
      */
@@ -8462,13 +8709,13 @@ var tooltip_component = normalizeComponent(
      * Additional class name for the content wrapper element.
      */
     contentClass: {
-      type: String,
+      type: [String, Array, Object],
       default: ''
     },
 
     /**
-     * Width configuration for the popover content. 'anchor' is one possible string value.
-     * If passed, the popover content will be set same width with anchor element onShow popover event
+     * Width configuration for the popover content. When its value is 'anchor',
+     * the popover content will be set the same width with anchor element onShow popover event
      */
     contentWidth: {
       type: String,
@@ -8484,6 +8731,10 @@ var tooltip_component = normalizeComponent(
       type: Boolean,
       default: true
     },
+
+    /**
+     * Determines should the anchor be focused after closing the popover
+     */
     focusAnchorOnClose: {
       type: Boolean,
       default: true
@@ -8552,7 +8803,7 @@ var tooltip_component = normalizeComponent(
     /**
      * Determines the size of the invisible border around the
      * tippy that will prevent it from hiding if the cursor left it.
-     * */
+     */
     interactiveBorder: {
       type: Number,
       default: 2
@@ -8561,7 +8812,7 @@ var tooltip_component = normalizeComponent(
     /**
      * Determines the events that cause the tippy to show.
      * Multiple event names are separated by spaces.
-     * **/
+     */
     trigger: {
       type: String,
       default: 'manual'
@@ -8571,7 +8822,7 @@ var tooltip_component = normalizeComponent(
      * Determines if the tippy hides upon clicking the
      * reference or outside of the tippy.
      * The behavior can depend upon the trigger events used.
-     * */
+     */
     hideOnClick: {
       type: [Boolean, String],
       default: true,
@@ -8581,18 +8832,82 @@ var tooltip_component = normalizeComponent(
       }
 
     },
+
+    /**
+     * Determines modal state, when the popover's overlay is rendered
+     */
     modal: {
       type: Boolean,
       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
+     */
     zIndex: {
       type: [Number, String],
       default: 300,
       validator: zIndex => !!Number(zIndex)
     },
+
+    /**
+     * Determines html element container for popover's overlay,
+     * which will be rendered when 'modal' property is 'true'.
+     */
     overlayAppendTo: {
       type: HTMLElement,
       default: () => document.body
+    },
+
+    /**
+     * Determines maximum height for the popover before overflow.
+     * Possible units rem|px|em
+     */
+    maxHeight: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Determines maximum width for the popover before overflow.
+     * Possible units rem|px|%|em
+     */
+    maxWidth: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Determines fixed / sticky styles for popover header
+     */
+    fixedHeader: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Determines visibility for close button
+     */
+    showCloseButton: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Additional class name for the content wrapper element.
+     */
+    headerClass: {
+      type: [String, Array, Object],
+      default: ''
     }
   },
   emits: ['update:open'],
@@ -8606,12 +8921,18 @@ var tooltip_component = normalizeComponent(
       showPopover: this.open,
       isPreventHidePopover: false,
       closedByClickOutside: false,
+      focusCloseButton: false,
       anchorEl: null,
-      popoverContentEl: null
+      popoverContentEl: null,
+      hasScrolled: false
     };
   },
 
   computed: {
+    hasBoxShadow() {
+      return this.hasScrolled && this.fixedHeader;
+    },
+
     fallbackPlacements() {
       const verticalVariants = POPOVER_VERTICAL_ALIGNMENT.filter(alignment => alignment);
       const horizontalVariants = POPOVER_HORIZONTAL_ALIGNMENT.filter(alignment => alignment);
@@ -8647,6 +8968,18 @@ var tooltip_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;
     }
 
   },
@@ -8746,6 +9079,12 @@ var tooltip_component = normalizeComponent(
    *     METHODS    *
    ******************/
   methods: {
+    onScrollContent({
+      target
+    }) {
+      this.hasScrolled = target.scrollTop > 0;
+    },
+
     removeReferences() {
       this.anchorEl = null;
       this.popoverContentEl = null;
@@ -8777,10 +9116,10 @@ var tooltip_component = normalizeComponent(
       if (horizontalAlignment === 'center') return verticalAlignment;
 
       if (horizontalAlignment === 'left' || horizontalAlignment === 'right') {
-        return `${verticalAlignment}-${horizontalAlignment === 'left' ? 'start' : 'end'}`;
+        return "".concat(verticalAlignment, "-").concat(horizontalAlignment === 'left' ? 'start' : 'end');
       }
 
-      return `${verticalAlignment}-${horizontalAlignment}`;
+      return "".concat(verticalAlignment, "-").concat(horizontalAlignment);
     },
 
     closePopover() {
@@ -8813,7 +9152,7 @@ var tooltip_component = normalizeComponent(
 
     onOpen() {
       this.$emit('update:open', true);
-      this.focusFirstElementIfNeeded();
+      this.focusFirstElementIfNeeded(this.$refs.popover__content);
     },
 
     onHide() {
@@ -8845,7 +9184,7 @@ var tooltip_component = normalizeComponent(
     },
 
     onKeydown(e) {
-      if (this.isDialog && e.key === 'Tab') {
+      if (e.key === 'Tab') {
         this.focusTrappedTabPress(e, this.popoverContentEl);
       }
     },
@@ -8897,12 +9236,20 @@ var tooltip_component = normalizeComponent(
 
     async setPopoverContentAnchorWidth() {
       await this.$nextTick();
-      this.popoverContentEl.style.width = `${this.anchorEl.clientWidth}px`;
+      this.popoverContentEl.style.width = "".concat(this.anchorEl.clientWidth, "px");
     },
 
-    focusFirstElementIfNeeded(e) {
+    focusFirstElementIfNeeded(domEl) {
       if (this.isDialog || this.isMenu) {
-        this.focusFirstElement(e);
+        const focusableElements = this._getFocusableElements(domEl);
+
+        if (focusableElements.length !== 0) {
+          this.focusFirstElement(domEl);
+        } else if (this.showCloseButton) {
+          var _this$$refs$popover__;
+
+          (_this$$refs$popover__ = this.$refs.popover__header) === null || _this$$refs$popover__ === void 0 ? void 0 : _this$$refs$popover__.focusCloseButton();
+        }
       }
     }
 
@@ -8924,8 +9271,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_090a5b36_render,
-  popovervue_type_template_id_090a5b36_staticRenderFns,
+  popovervue_type_template_id_eb03c67c_render,
+  popovervue_type_template_id_eb03c67c_staticRenderFns,
   false,
   null,
   null,
@@ -9173,7 +9520,7 @@ const LIST_ITEM_NAVIGATION_TYPES = {
     },
 
     getItemId(i) {
-      return `${this.listId}-item${i}`;
+      return "".concat(this.listId, "-item").concat(i);
     },
 
     afterHighlight() {
@@ -9216,8 +9563,8 @@ const LIST_ITEM_NAVIGATION_TYPES = {
 
 var dropdown_component = normalizeComponent(
   dropdown_dropdownvue_type_script_lang_js_,
-  dropdownvue_type_template_id_30228398_render,
-  dropdownvue_type_template_id_30228398_staticRenderFns,
+  dropdownvue_type_template_id_479a72d0_render,
+  dropdownvue_type_template_id_479a72d0_staticRenderFns,
   false,
   null,
   null,
@@ -9228,7 +9575,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":"3cfa780c-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":"11d9be20-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',
@@ -9262,7 +9609,7 @@ const INPUT_SIZES = {
   INPUT_TYPES,
   INPUT_SIZES
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3cfa780c-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":"11d9be20-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;
@@ -9372,7 +9719,7 @@ function validationMessageValidator(rawMessages) {
   },
   methods: {
     getMessageKey(type, index) {
-      return `validation-message-${type}-${index}-${this.id}`;
+      return "validation-message-".concat(type, "-").concat(index, "-").concat(this.id);
     },
 
     messageTypeClass(type) {
@@ -9715,7 +10062,7 @@ const GroupableMixin = {
     const reactiveGroupName = (_this$groupContext5 = this.groupContext) === null || _this$groupContext5 === void 0 ? void 0 : _this$groupContext5.name;
 
     if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {
-      external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Component is being used inside a Group. Did you mean to override the name prop value ' + `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`, this);
+      external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Component is being used inside a Group. Did you mean to override the name prop value ' + "(".concat(reactiveGroupName, ") with (").concat(this.name, ")? It is recommended to only set name at the Group level."), this);
     }
   }
 
@@ -9999,7 +10346,7 @@ const MessagesMixin = {
     },
 
     descriptionKey() {
-      return `input-description-${getUniqueString()}`;
+      return "input-description-".concat(getUniqueString());
     },
 
     inputState() {
@@ -10097,7 +10444,7 @@ const MessagesMixin = {
     },
 
     getMessageKey(type, index) {
-      return `message-${type}-${index}`;
+      return "message-".concat(type, "-").concat(index);
     }
 
   }
@@ -10127,7 +10474,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -10393,7 +10740,7 @@ const InputGroupMixin = {
   },
   methods: {
     getMessageKey(type, index) {
-      return `input-group-message-${type}-${index}-${this.id}`;
+      return "input-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
     }
 
   }
@@ -10422,16 +10769,16 @@ 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":"3cfa780c-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=3b895075&
-var modalvue_type_template_id_3b895075_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',{class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"11d9be20-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],
     _vm.MODAL_SIZE_MODIFIERS[_vm.size],
-    _vm.modalClass ],attrs:{"transition":"d-zoom","show":_vm.show,"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}],"after-enter":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition($event)}}},[_c('transition',{attrs:{"appear":"","name":"d-modal__dialog"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],staticClass:"d-modal__dialog",attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel,"kind":_vm.kind},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)])],1)}
-var modalvue_type_template_id_3b895075_staticRenderFns = []
+    _vm.modalClass ],attrs:{"transition":"d-zoom","show":_vm.show,"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}],"after-enter":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition($event)}}},[_c('transition',{attrs:{"appear":"","name":"d-modal__dialog"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],class:['d-modal__dialog', _vm.dialogClass],attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel,"kind":_vm.kind},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)])],1)}
+var modalvue_type_template_id_7ff5e048_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=3b895075&
+// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=7ff5e048&
 
 // CONCATENATED MODULE: ./components/modal/modal_constants.js
 // Modal style modifiers
@@ -10639,6 +10986,16 @@ const MODAL_SIZE_MODIFIERS = {
       default: ''
     },
 
+    /**
+     * Additional class name for the dialog element within the modal.
+     * Can accept all of String, Object, and Array, i.e. has the
+     * same api as Vue's built-in handling of the class attribute.
+     */
+    dialogClass: {
+      type: [String, Object, Array],
+      default: ''
+    },
+
     /**
      * Hides the close button on the modal
      */
@@ -10658,7 +11015,7 @@ const MODAL_SIZE_MODIFIERS = {
 
   computed: {
     open() {
-      return `${!this.show}`;
+      return "".concat(!this.show);
     },
 
     hasFooterSlot() {
@@ -10714,8 +11071,8 @@ const MODAL_SIZE_MODIFIERS = {
 
 var modal_component = normalizeComponent(
   modal_modalvue_type_script_lang_js_,
-  modalvue_type_template_id_3b895075_render,
-  modalvue_type_template_id_3b895075_staticRenderFns,
+  modalvue_type_template_id_7ff5e048_render,
+  modalvue_type_template_id_7ff5e048_staticRenderFns,
   false,
   null,
   null,
@@ -10729,7 +11086,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":"3cfa780c-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":"11d9be20-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 = []
@@ -10913,17 +11270,17 @@ 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":"3cfa780c-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=42009112&
-var list_itemvue_type_template_id_42009112_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":"11d9be20-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', {
     '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_42009112_staticRenderFns = []
+var list_itemvue_type_template_id_7af801f2_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=42009112&
+// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=7af801f2&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3cfa780c-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":"11d9be20-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 = []
 
@@ -11200,8 +11557,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_42009112_render,
-  list_itemvue_type_template_id_42009112_staticRenderFns,
+  list_itemvue_type_template_id_7af801f2_render,
+  list_itemvue_type_template_id_7af801f2_staticRenderFns,
   false,
   null,
   null,
@@ -11212,7 +11569,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -11392,7 +11749,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -11624,7 +11981,7 @@ var radio_component = normalizeComponent(
     },
 
     getMessageKey(type, index) {
-      return `radio-group-message-${type}-${index}-${this.id}`;
+      return "radio-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
     }
 
   }
@@ -11653,7 +12010,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":"3cfa780c-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":"11d9be20-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:[
@@ -11934,7 +12291,7 @@ const TAB_IMPORTANCE_MODIFIERS = {
     },
 
     getIndexAndTabs() {
-      const index = this.tabs.findIndex(context => this.focusId ? context.id === `${this.focusId}` : context.isSelected);
+      const index = this.tabs.findIndex(context => this.focusId ? context.id === "".concat(this.focusId) : context.isSelected);
       return {
         tabs: this.tabs,
         index
@@ -11979,7 +12336,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":"3cfa780c-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":"11d9be20-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:[
@@ -12132,7 +12489,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":"3cfa780c-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":"11d9be20-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,
@@ -12234,7 +12591,7 @@ var tab_panel_component = normalizeComponent(
 
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3cfa780c-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":"11d9be20-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 = []
 
@@ -12529,7 +12886,7 @@ var checkbox_component = normalizeComponent(
     },
 
     getMessageKey(type, index) {
-      return `checkbox-group-message-${type}-${index}-${this.id}`;
+      return "checkbox-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
     }
 
   }
@@ -12558,7 +12915,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":"3cfa780c-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":"11d9be20-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],
@@ -12869,7 +13226,7 @@ const optionsValidator = options => {
     },
 
     descriptionKey() {
-      return `select-${this.selectKey}-description`;
+      return "select-".concat(this.selectKey, "-description");
     },
 
     labelAriaDetails() {
@@ -12897,7 +13254,7 @@ const optionsValidator = options => {
     },
 
     getOptionKey(value) {
-      return `select-${this.selectKey}-option-${value}`;
+      return "select-".concat(this.selectKey, "-option-").concat(value);
     },
 
     validateOptionsPresence() {
@@ -12935,7 +13292,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":"3cfa780c-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":"11d9be20-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,
@@ -13186,14 +13543,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":"3cfa780c-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":"11d9be20-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":"3cfa780c-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":"11d9be20-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],
@@ -13262,8 +13619,8 @@ const SKELETON_HEADING_HEIGHTS = {
 
       const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;
       const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;
-      style.animationDelay = `${animationDelay}ms`;
-      style.animationDuration = `${animationDuration}ms`;
+      style.animationDelay = "".concat(animationDelay, "ms");
+      style.animationDuration = "".concat(animationDuration, "ms");
       return style;
     }
 
@@ -13360,7 +13717,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":"3cfa780c-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":"11d9be20-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',
     {
@@ -13372,7 +13729,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":"3cfa780c-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":"11d9be20-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:[
@@ -13384,7 +13741,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":"3cfa780c-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":"11d9be20-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',
@@ -13606,7 +13963,7 @@ const validator = number => number !== '' && !Number.isNaN(Number(number));
     randomWidthPercentage() {
       const min = Math.min(this.minWidth, this.maxWidth);
       const max = Math.max(this.minWidth, this.maxWidth);
-      return `${Math.round(Math.random() * (max - min)) + min}%`;
+      return "".concat(Math.round(Math.random() * (max - min)) + min, "%");
     },
 
     getSizeParagraphRow(row) {
@@ -13862,7 +14219,7 @@ var skeleton_list_item_component = normalizeComponent(
       const filtered = Object.entries(this.validationOptions).filter(([_, option]) => option);
 
       if (filtered.length >= 2) {
-        const errorMessage = `Use only one of ${filtered.map(([key]) => key).join(' | ')} options at the same time`;
+        const errorMessage = "Use only one of ".concat(filtered.map(([key]) => key).join(' | '), " options at the same time");
         console.error(errorMessage);
       }
     }
@@ -13902,7 +14259,7 @@ var skeleton_component = normalizeComponent(
 
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3cfa780c-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":"11d9be20-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',
@@ -13925,7 +14282,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -13951,7 +14308,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -13977,7 +14334,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -14003,7 +14360,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -14029,7 +14386,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -14055,7 +14412,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":"3cfa780c-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":"11d9be20-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 = []
 
@@ -14096,7 +14453,7 @@ const SHORTCUTS_ICON_ALIASES = {
 const SHORTCUTS_ICON_SEPARATOR = {
   '{plus}': 'IconAdd'
 };
-const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => `{${key}}`).concat(Object.keys(SHORTCUTS_ICON_ALIASES));
+const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => "{".concat(key, "}")).concat(Object.keys(SHORTCUTS_ICON_ALIASES));
 // 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/keyboard_shortcut/keyboard_shortcut.vue?vue&type=script&lang=js&
 //
 //
@@ -14214,7 +14571,7 @@ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => `{${key
          '{win} + D K + {win}' returned value will be [{win}, ' ', '{plus}', ' D K ', '{plus}', ' ', {win}]
       */
 
-      const regex = new RegExp(`(${iconAliasString})`, 'gi');
+      const regex = new RegExp("(".concat(iconAliasString, ")"), 'gi');
       return this.formattedShortcut.split(regex).filter(Boolean);
     }