@dialpad/dialtone-vue 3.42.0-beta.1 → 3.42.1

package/dist/dialtone-vue.umd.js

@@ -2210,22 +2210,22 @@ function bannervue_type_template_id_a3c41ca8_render(_ctx, _cache, $props, $setup
 }
 ;// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=a3c41ca8
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_icon.vue?vue&type=template&id=dbeeebfa
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_icon.vue?vue&type=template&id=7524b68d
 
-const notice_iconvue_type_template_id_dbeeebfa_hoisted_1 = {
+const notice_iconvue_type_template_id_7524b68d_hoisted_1 = {
   key: 0,
   "aria-hidden": "true",
   class: "d-notice__icon"
 };
-function notice_iconvue_type_template_id_dbeeebfa_render(_ctx, _cache, $props, $setup, $data, $options) {
+function notice_iconvue_type_template_id_7524b68d_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
 
-  return $options.defaultIcon || _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", notice_iconvue_type_template_id_dbeeebfa_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
+  return $options.defaultIcon || $data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", notice_iconvue_type_template_id_7524b68d_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
     name: $options.defaultIcon,
     size: "400"
   }, null, 8, ["name"])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true);
 }
-;// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=dbeeebfa
+;// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=7524b68d
 
 ;// CONCATENATED MODULE: ./components/notice/notice_constants.js
 const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];
@@ -2237,6 +2237,7 @@ const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_icon.vue?vue&type=script&lang=js
 
 
+
 const kindToIcon = new Map([['info', 'info'], ['success', 'check-circle'], ['warning', 'alert-triangle'], ['error', 'alert-circle'], ['base', 'bell']]);
 /* harmony default export */ const notice_iconvue_type_script_lang_js = ({
   name: 'DtNoticeIcon',
@@ -2258,6 +2259,13 @@ const kindToIcon = new Map([['info', 'info'], ['success', 'check-circle'], ['war
 
     }
   },
+
+  data() {
+    return {
+      hasSlotContent: hasSlotContent
+    };
+  },
+
   computed: {
     defaultIcon() {
       return kindToIcon.get(this.kind);
@@ -2273,32 +2281,33 @@ const kindToIcon = new Map([['info', 'info'], ['success', 'check-circle'], ['war
 
 
 ;
-const notice_icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(notice_iconvue_type_script_lang_js, [['render',notice_iconvue_type_template_id_dbeeebfa_render]])
+const notice_icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(notice_iconvue_type_script_lang_js, [['render',notice_iconvue_type_template_id_7524b68d_render]])
 
 /* harmony default export */ const notice_icon = (notice_icon_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_content.vue?vue&type=template&id=45f8172a
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_content.vue?vue&type=template&id=4e23c771
 
-const notice_contentvue_type_template_id_45f8172a_hoisted_1 = {
+const notice_contentvue_type_template_id_4e23c771_hoisted_1 = {
   class: "d-notice__content",
   "data-qa": "notice-content"
 };
-const notice_contentvue_type_template_id_45f8172a_hoisted_2 = ["id"];
-const notice_contentvue_type_template_id_45f8172a_hoisted_3 = ["id"];
-function notice_contentvue_type_template_id_45f8172a_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", notice_contentvue_type_template_id_45f8172a_hoisted_1, [$props.title || _ctx.$slots.titleOverride ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", {
+const notice_contentvue_type_template_id_4e23c771_hoisted_2 = ["id"];
+const notice_contentvue_type_template_id_4e23c771_hoisted_3 = ["id"];
+function notice_contentvue_type_template_id_4e23c771_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", notice_contentvue_type_template_id_4e23c771_hoisted_1, [$props.title || $data.hasSlotContent(_ctx.$slots.titleOverride) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", {
     key: 0,
     id: $props.titleId,
     class: "d-notice__title",
     "data-qa": "notice-content-title"
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "titleOverride", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 1)])], 8, notice_contentvue_type_template_id_45f8172a_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "titleOverride", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 1)])], 8, notice_contentvue_type_template_id_4e23c771_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
     id: $props.contentId,
     class: "d-notice__message",
     "data-qa": "notice-content-message"
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 8, notice_contentvue_type_template_id_45f8172a_hoisted_3)]);
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 8, notice_contentvue_type_template_id_4e23c771_hoisted_3)]);
 }
-;// CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=45f8172a
+;// CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=4e23c771
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_content.vue?vue&type=script&lang=js
+
 /* harmony default export */ const notice_contentvue_type_script_lang_js = ({
   name: 'DtNoticeContent',
   props: {
@@ -2327,7 +2336,14 @@ function notice_contentvue_type_template_id_45f8172a_render(_ctx, _cache, $props
       type: String,
       default: undefined
     }
+  },
+
+  data() {
+    return {
+      hasSlotContent: hasSlotContent
+    };
   }
+
 });
 ;// CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=script&lang=js
  
@@ -2337,7 +2353,7 @@ function notice_contentvue_type_template_id_45f8172a_render(_ctx, _cache, $props
 
 
 ;
-const notice_content_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(notice_contentvue_type_script_lang_js, [['render',notice_contentvue_type_template_id_45f8172a_render]])
+const notice_content_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(notice_contentvue_type_script_lang_js, [['render',notice_contentvue_type_template_id_4e23c771_render]])
 
 /* harmony default export */ const notice_content = (notice_content_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_action.vue?vue&type=template&id=b37ee780
@@ -2377,10 +2393,10 @@ function notice_actionvue_type_template_id_b37ee780_render(_ctx, _cache, $props,
 }
 ;// CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=b37ee780
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/button/button.vue?vue&type=template&id=6629834d
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/button/button.vue?vue&type=template&id=1758fb47
 
-const buttonvue_type_template_id_6629834d_hoisted_1 = ["type", "disabled", "aria-live", "aria-label"];
-function buttonvue_type_template_id_6629834d_render(_ctx, _cache, $props, $setup, $data, $options) {
+const buttonvue_type_template_id_1758fb47_hoisted_1 = ["type", "disabled", "aria-live", "aria-label"];
+function buttonvue_type_template_id_1758fb47_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     class: ['base-button__button', $options.buttonClasses()],
     "data-qa": "dt-button",
@@ -2395,13 +2411,13 @@ function buttonvue_type_template_id_6629834d_render(_ctx, _cache, $props, $setup
     key: 0,
     "data-qa": "dt-button-icon",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-button__icon', 'd-btn__icon', $data.ICON_POSITION_MODIFIERS[$props.iconPosition]])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
     key: 1,
     "data-qa": "dt-button-label",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-w100p', 'd-btn__label', 'base-button__label', $props.labelClass])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, buttonvue_type_template_id_6629834d_hoisted_1);
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, buttonvue_type_template_id_1758fb47_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=6629834d
+;// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=1758fb47
 
 ;// CONCATENATED MODULE: ./components/button/button_constants.js
 const BUTTON_SIZE_MODIFIERS = {
@@ -2494,6 +2510,7 @@ const LINK_KIND_MODIFIERS = {
 
 
 
+
 /**
  * A button is a UI element which allows users to take an action throughout the app.
  * It is important a button is identifiable, consistent, and communicates its actions clearly,
@@ -2670,7 +2687,8 @@ const LINK_KIND_MODIFIERS = {
     return {
       ICON_POSITION_MODIFIERS: ICON_POSITION_MODIFIERS,
       // whether the button is currently in focus
-      isInFocus: false
+      isInFocus: false,
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -2758,7 +2776,7 @@ const LINK_KIND_MODIFIERS = {
 
 
 ;
-const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_type_script_lang_js, [['render',buttonvue_type_template_id_6629834d_render]])
+const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_type_script_lang_js, [['render',buttonvue_type_template_id_1758fb47_render]])
 
 /* harmony default export */ const button_button = (button_exports_);
 ;// CONCATENATED MODULE: ./components/button/index.js
@@ -3580,13 +3598,13 @@ const button_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(butto
 ;// CONCATENATED MODULE: ./components/button_group/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/card/card.vue?vue&type=template&id=e2408fa4
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/card/card.vue?vue&type=template&id=e1ab5dc8
 
-function cardvue_type_template_id_e2408fa4_render(_ctx, _cache, $props, $setup, $data, $options) {
+function cardvue_type_template_id_e1ab5dc8_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-card', $props.containerClass]),
     "data-qa": "dt-card"
-  }, [_ctx.$slots.header ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, [$data.hasSlotContent(_ctx.$slots.header) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-card__header', $props.headerClass])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
@@ -3594,19 +3612,21 @@ function cardvue_type_template_id_e2408fa4_render(_ctx, _cache, $props, $setup,
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
       'max-height': $props.maxHeight
     })
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content")], 6), _ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content")], 6), $data.hasSlotContent(_ctx.$slots.footer) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 1,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-card__footer', $props.footerClass])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./components/card/card.vue?vue&type=template&id=e2408fa4
+;// CONCATENATED MODULE: ./components/card/card.vue?vue&type=template&id=e1ab5dc8
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/card/card.vue?vue&type=script&lang=js
+
 /**
  * A card contains summary content and actions about a single subject.
  * It can be used by itself or within a list, and is generally interactive.
  * @see https://dialpad.design/components/card.html
  */
+
 /* harmony default export */ const cardvue_type_script_lang_js = ({
   name: 'DtCard',
   props: {
@@ -3650,7 +3670,14 @@ function cardvue_type_template_id_e2408fa4_render(_ctx, _cache, $props, $setup,
       type: [String, Array, Object],
       default: ''
     }
+  },
+
+  data() {
+    return {
+      hasSlotContent: hasSlotContent
+    };
   }
+
 });
 ;// CONCATENATED MODULE: ./components/card/card.vue?vue&type=script&lang=js
  
@@ -3660,24 +3687,24 @@ function cardvue_type_template_id_e2408fa4_render(_ctx, _cache, $props, $setup,
 
 
 ;
-const card_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(cardvue_type_script_lang_js, [['render',cardvue_type_template_id_e2408fa4_render]])
+const card_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(cardvue_type_script_lang_js, [['render',cardvue_type_template_id_e1ab5dc8_render]])
 
 /* harmony default export */ const card = (card_exports_);
 ;// CONCATENATED MODULE: ./components/card/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=5b8afaf4
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=e1fc642c
 
-const comboboxvue_type_template_id_5b8afaf4_hoisted_1 = {
+const comboboxvue_type_template_id_e1fc642c_hoisted_1 = {
   "data-qa": "dt-combobox-input-wrapper"
 };
-function comboboxvue_type_template_id_5b8afaf4_render(_ctx, _cache, $props, $setup, $data, $options) {
+function comboboxvue_type_template_id_e1fc642c_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-loading-list");
 
   const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-empty-list");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     onKeydown: [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEscapeKey'), ["stop"]), ["esc"])), _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEnterKey'), ["exact"]), ["enter"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onUpKey'), ["stop", "prevent"]), ["up"])), _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onDownKey'), ["stop", "prevent"]), ["down"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onHomeKey'), ["stop", "prevent"]), ["home"])), _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.onKeyValidation($event, 'onEndKey'), ["stop", "prevent"]), ["end"]))]
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", comboboxvue_type_template_id_5b8afaf4_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", comboboxvue_type_template_id_e1fc642c_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
     inputProps: $options.inputProps
   })]), $props.showList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
@@ -3694,7 +3721,7 @@ function comboboxvue_type_template_id_5b8afaf4_render(_ctx, _cache, $props, $set
     })
   }, [$props.loading && !$props.listRenderedOutside ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_combobox_loading_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 0
-  }, $options.listProps)), null, 16)) : $props.emptyList && ($props.emptyStateMessage || _ctx.$slots.emptyListItem) && !$props.listRenderedOutside ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_combobox_empty_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }, $options.listProps)), null, 16)) : $props.emptyList && ($props.emptyStateMessage || $data.hasSlotContent(_ctx.$slots.emptyListItem)) && !$props.listRenderedOutside ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_combobox_empty_list, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 1
   }, $options.listProps, {
     message: $props.emptyStateMessage,
@@ -3709,7 +3736,7 @@ function comboboxvue_type_template_id_5b8afaf4_render(_ctx, _cache, $props, $set
     clearHighlightIndex: $options.clearHighlightIndex
   })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 32);
 }
-;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=5b8afaf4
+;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=e1fc642c
 
 ;// CONCATENATED MODULE: ./common/mixins/dom.js
 /* harmony default export */ const dom = ({
@@ -4027,7 +4054,6 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
       },
 
       setHighlightIndex(num) {
-        console.log('setting highlight index to ' + num);
         this[indexKey] = num;
         this[idKey] = this._getItemId(num);
 
@@ -4037,7 +4063,6 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
       },
 
       setHighlightId(id) {
-        console.log('setting highlight id to ' + id);
         this[idKey] = id;
         this[indexKey] = this._getItemIndex(id);
 
@@ -4174,17 +4199,17 @@ const LIST_ITEM_NAVIGATION_TYPES = {
   LIST_ITEM_TYPES,
   LIST_ITEM_NAVIGATION_TYPES
 });
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/default_list_item.vue?vue&type=template&id=19664905
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/default_list_item.vue?vue&type=template&id=6b1db142
 
-const default_list_itemvue_type_template_id_19664905_hoisted_1 = {
+const default_list_itemvue_type_template_id_6b1db142_hoisted_1 = {
   class: "dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"
 };
-const default_list_itemvue_type_template_id_19664905_hoisted_2 = {
+const default_list_itemvue_type_template_id_6b1db142_hoisted_2 = {
   key: 0,
   class: "dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",
   "data-qa": "dt-default-list-item-left-wrapper"
 };
-const default_list_itemvue_type_template_id_19664905_hoisted_3 = {
+const default_list_itemvue_type_template_id_6b1db142_hoisted_3 = {
   class: "d-fl-grow1 d-of-hidden"
 };
 const _hoisted_4 = {
@@ -4200,27 +4225,35 @@ const _hoisted_6 = {
   class: "dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",
   "data-qa": "dt-default-list-item-right-wrapper"
 };
-function default_list_itemvue_type_template_id_19664905_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", default_list_itemvue_type_template_id_19664905_hoisted_1, [_ctx.$slots.left ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("section", default_list_itemvue_type_template_id_19664905_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "left")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("section", default_list_itemvue_type_template_id_19664905_hoisted_3, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.subtitle ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+function default_list_itemvue_type_template_id_6b1db142_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", default_list_itemvue_type_template_id_6b1db142_hoisted_1, [$data.hasSlotContent(_ctx.$slots.left) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("section", default_list_itemvue_type_template_id_6b1db142_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "left")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("section", default_list_itemvue_type_template_id_6b1db142_hoisted_3, [$data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.subtitle) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 1,
     "data-qa": "dt-default-list-item-subtitle-wrapper",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-fs-100 d-fc-black-600', {
       'd-mtn2': _ctx.$slots.default
     }])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "subtitle")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.bottom ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "bottom")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), _ctx.$slots.right ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("section", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "right")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "subtitle")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.bottom) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "bottom")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), $data.hasSlotContent(_ctx.$slots.right) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("section", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "right")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=template&id=19664905
+;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=template&id=6b1db142
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/default_list_item.vue?vue&type=script&lang=js
+
 /* harmony default export */ const default_list_itemvue_type_script_lang_js = ({
-  name: 'DefaultListItem'
+  name: 'DefaultListItem',
+
+  data() {
+    return {
+      hasSlotContent: hasSlotContent
+    };
+  }
+
 });
 ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/default_list_item.vue?vue&type=style&index=0&id=19664905&lang=less
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/default_list_item.vue?vue&type=style&index=0&id=6b1db142&lang=less
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=style&index=0&id=19664905&lang=less
+;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=style&index=0&id=6b1db142&lang=less
 
 ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue
 
@@ -4230,7 +4263,7 @@ function default_list_itemvue_type_template_id_19664905_render(_ctx, _cache, $pr
 ;
 
 
-const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(default_list_itemvue_type_script_lang_js, [['render',default_list_itemvue_type_template_id_19664905_render]])
+const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(default_list_itemvue_type_script_lang_js, [['render',default_list_itemvue_type_template_id_6b1db142_render]])
 
 /* harmony default export */ const default_list_item = (default_list_item_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=script&lang=js
@@ -5523,7 +5556,8 @@ const LABEL_SIZES = {
       // If the list is rendered at the root, rather than as a child
       // of this component, this is the ref to that dom element. Set
       // by the onOpen method.
-      outsideRenderedListRef: null
+      outsideRenderedListRef: null,
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -5661,7 +5695,6 @@ const LABEL_SIZES = {
       var _this$outsideRendered2;
 
       this.outsideRenderedListRef = contentRef;
-      console.log(this.outsideRenderedListRef);
       (_this$outsideRendered2 = this.outsideRenderedListRef) === null || _this$outsideRendered2 === void 0 ? void 0 : _this$outsideRendered2.addEventListener('mousemove', this.onMouseHighlight);
       this.$emit('opened', open);
 
@@ -5705,16 +5738,16 @@ const LABEL_SIZES = {
 
 
 ;
-const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_5b8afaf4_render]])
+const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_e1fc642c_render]])
 
 /* harmony default export */ const combobox = (combobox_exports_);
 ;// CONCATENATED MODULE: ./components/combobox/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/collapsible/collapsible.vue?vue&type=template&id=de0c75fc
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/collapsible/collapsible.vue?vue&type=template&id=48280c45
 
-const collapsiblevue_type_template_id_de0c75fc_hoisted_1 = ["id"];
-const collapsiblevue_type_template_id_de0c75fc_hoisted_2 = ["title"];
-function collapsiblevue_type_template_id_de0c75fc_render(_ctx, _cache, $props, $setup, $data, $options) {
+const collapsiblevue_type_template_id_48280c45_hoisted_1 = ["id"];
+const collapsiblevue_type_template_id_48280c45_hoisted_2 = ["title"];
+function collapsiblevue_type_template_id_48280c45_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_icon_arrow_accordion_open = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-accordion-open");
 
   const _component_icon_arrow_accordion_closed = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-accordion-closed");
@@ -5755,9 +5788,9 @@ function collapsiblevue_type_template_id_de0c75fc_render(_ctx, _cache, $props, $
       })), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", {
         class: "d-mr-auto d-truncate",
         title: $props.anchorText
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.anchorText), 9, collapsiblevue_type_template_id_de0c75fc_hoisted_2)]),
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.anchorText), 9, collapsiblevue_type_template_id_48280c45_hoisted_2)]),
       _: 1
-    }, 8, ["aria-controls", "aria-expanded", "style", "onClick"])])], 10, collapsiblevue_type_template_id_de0c75fc_hoisted_1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_collapsible_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    }, 8, ["aria-controls", "aria-expanded", "style", "onClick"])])], 10, collapsiblevue_type_template_id_48280c45_hoisted_1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_collapsible_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
       id: $props.id,
       ref: "contentWrapper",
       "aria-hidden": `${!$data.isOpen}`,
@@ -5782,7 +5815,7 @@ function collapsiblevue_type_template_id_de0c75fc_render(_ctx, _cache, $props, $
     _: 3
   }, 512);
 }
-;// CONCATENATED MODULE: ./components/collapsible/collapsible.vue?vue&type=template&id=de0c75fc
+;// CONCATENATED MODULE: ./components/collapsible/collapsible.vue?vue&type=template&id=48280c45
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/collapsible/collapsible_lazy_show.vue?vue&type=template&id=2d7320ae
 
@@ -6280,7 +6313,7 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
     },
 
     validateProperAnchor() {
-      if (!this.anchorText && !this.$slots.$anchor) {
+      if (!this.anchorText && !hasSlotContent(this.$slots.anchor)) {
         console.error('anchor text and anchor slot content cannot both be falsy');
       }
     }
@@ -6295,7 +6328,7 @@ const IconArrowAccordionClosed_exports_ = /*#__PURE__*/(0,exportHelper/* default
 
 
 ;
-const collapsible_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(collapsiblevue_type_script_lang_js, [['render',collapsiblevue_type_template_id_de0c75fc_render]])
+const collapsible_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(collapsiblevue_type_script_lang_js, [['render',collapsiblevue_type_template_id_48280c45_render]])
 
 /* harmony default export */ const collapsible = (collapsible_exports_);
 ;// CONCATENATED MODULE: ./components/collapsible/index.js
@@ -6360,11 +6393,11 @@ function dropdownvue_type_template_id_878a8588_render(_ctx, _cache, $props, $set
 }
 ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=878a8588
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=3aa43aea
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=4654097b
 
-const popovervue_type_template_id_3aa43aea_hoisted_1 = ["aria-hidden"];
-const popovervue_type_template_id_3aa43aea_hoisted_2 = ["id", "tabindex"];
-function popovervue_type_template_id_3aa43aea_render(_ctx, _cache, $props, $setup, $data, $options) {
+const popovervue_type_template_id_4654097b_hoisted_1 = ["aria-hidden"];
+const popovervue_type_template_id_4654097b_hoisted_2 = ["id", "tabindex"];
+function popovervue_type_template_id_4654097b_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("popover-header-footer");
 
   const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
@@ -6378,7 +6411,7 @@ function popovervue_type_template_id_3aa43aea_render(_ctx, _cache, $props, $setu
     class: "d-modal--transparent",
     "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
     onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
-  }, null, 8, popovervue_type_template_id_3aa43aea_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
+  }, null, 8, popovervue_type_template_id_4654097b_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
     ref: "popover",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover', {
       'd-popover__anchor--opened': $data.isOpen
@@ -6410,7 +6443,7 @@ function popovervue_type_template_id_3aa43aea_render(_ctx, _cache, $props, $setu
         'aria-controls': $props.id,
         'aria-haspopup': $props.role
       }
-    })], 40, popovervue_type_template_id_3aa43aea_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    })], 40, popovervue_type_template_id_4654097b_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
       id: $props.id,
       ref: "content",
       role: $props.role,
@@ -6432,7 +6465,7 @@ function popovervue_type_template_id_3aa43aea_render(_ctx, _cache, $props, $setu
       css: _ctx.$attrs.css,
       tabindex: $props.contentTabindex
     }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.popoverListeners)), {
-      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.headerContent || $props.showCloseButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_popover_header_footer, {
+      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$data.hasSlotContent(_ctx.$slots.headerContent) || $props.showCloseButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_popover_header_footer, {
         key: 0,
         ref: "popover__header",
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($data.POPOVER_HEADER_FOOTER_PADDING_CLASSES[$props.padding]),
@@ -6452,7 +6485,7 @@ function popovervue_type_template_id_3aa43aea_render(_ctx, _cache, $props, $setu
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover__content', $data.POPOVER_PADDING_CLASSES[$props.padding], $props.contentClass])
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content", {
         close: $options.closePopover
-      })], 2), _ctx.$slots.footerContent ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_popover_header_footer, {
+      })], 2), $data.hasSlotContent(_ctx.$slots.footerContent) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_popover_header_footer, {
         key: 1,
         ref: "popover__footer",
         type: "footer",
@@ -6473,7 +6506,7 @@ function popovervue_type_template_id_3aa43aea_render(_ctx, _cache, $props, $setu
     _: 3
   }, 8, ["class"]))]);
 }
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=3aa43aea
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=4654097b
 
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
 function getWindow(node) {
@@ -11021,15 +11054,15 @@ const getContentWrapper = content => {
 
 const POPOVER_PADDING_CLASSES = {
   none: undefined,
-  small: 'd-p8',
-  medium: 'd-p16',
-  large: 'd-p24'
+  small: 'd-p4',
+  medium: 'd-p8',
+  large: 'd-p16'
 };
 const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {
   none: undefined,
-  small: 'd-pl8',
-  medium: 'd-pl16',
-  large: 'd-pl24'
+  small: 'd-pl4',
+  medium: 'd-pl8',
+  large: 'd-pl16'
 };
 const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];
 const POPOVER_CONTENT_WIDTHS = [null, 'anchor'];
@@ -11037,9 +11070,9 @@ const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];
 const POPOVER_APPEND_TO_VALUES = ['parent'];
 const POPOVER_STICKY_VALUES = [...TIPPY_STICKY_VALUES];
 const POPOVER_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover_header_footer.vue?vue&type=template&id=9190eade
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover_header_footer.vue?vue&type=template&id=6b9a4097
 
-function popover_header_footervue_type_template_id_9190eade_render(_ctx, _cache, $props, $setup, $data, $options) {
+function popover_header_footervue_type_template_id_6b9a4097_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
@@ -11050,7 +11083,7 @@ function popover_header_footervue_type_template_id_9190eade_render(_ctx, _cache,
       'd-popover__header': $props.type === 'header',
       'd-popover__footer': $props.type === 'footer'
     })
-  }, [_ctx.$slots.content ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, [$data.hasSlotContent(_ctx.$slots.content) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     "data-qa": "dt-popover-header-footer-content",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-to-ellipsis', 'd-w100p', $props.contentClass])
@@ -11072,11 +11105,12 @@ function popover_header_footervue_type_template_id_9190eade_render(_ctx, _cache,
     _: 1
   }, 16)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=template&id=9190eade
+;// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=template&id=6b9a4097
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover_header_footer.vue?vue&type=script&lang=js
 
 
+
 /* harmony default export */ const popover_header_footervue_type_script_lang_js = ({
   name: 'PopoverHeaderFooter',
   components: {
@@ -11126,6 +11160,13 @@ function popover_header_footervue_type_template_id_9190eade_render(_ctx, _cache,
    * @type { Boolean }
    */
   'close'],
+
+  data() {
+    return {
+      hasSlotContent: hasSlotContent
+    };
+  },
+
   methods: {
     focusCloseButton() {
       var _this$$refs$popover__;
@@ -11144,7 +11185,7 @@ function popover_header_footervue_type_template_id_9190eade_render(_ctx, _cache,
 
 
 ;
-const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popover_header_footervue_type_script_lang_js, [['render',popover_header_footervue_type_template_id_9190eade_render]])
+const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popover_header_footervue_type_script_lang_js, [['render',popover_header_footervue_type_template_id_6b9a4097_render]])
 
 /* harmony default export */ const popover_header_footer = (popover_header_footer_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=script&lang=js
@@ -11524,7 +11565,8 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       isOpen: false,
       toAppear: false,
       anchorEl: null,
-      popoverContentEl: null
+      popoverContentEl: null,
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -11577,23 +11619,23 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       });
     },
 
-    appendTo(appendTo) {
-      var _this$tip3, _this$anchorEl, _this$anchorEl$getRoo;
+    sticky(sticky) {
+      var _this$tip3;
 
       (_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.setProps({
-        appendTo: this.appendTo === document.body ? (_this$anchorEl = this.anchorEl) === null || _this$anchorEl === void 0 ? void 0 : (_this$anchorEl$getRoo = _this$anchorEl.getRootNode()) === null || _this$anchorEl$getRoo === void 0 ? void 0 : _this$anchorEl$getRoo.querySelector('body') : this.appendTo
+        sticky
       });
     },
 
-    sticky(sticky) {
+    fallbackPlacements() {
       var _this$tip4;
 
       (_this$tip4 = this.tip) === null || _this$tip4 === void 0 ? void 0 : _this$tip4.setProps({
-        sticky
+        popperOptions: this.popperOptions()
       });
     },
 
-    fallbackPlacements() {
+    tether() {
       var _this$tip5;
 
       (_this$tip5 = this.tip) === null || _this$tip5 === void 0 ? void 0 : _this$tip5.setProps({
@@ -11601,18 +11643,10 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       });
     },
 
-    tether() {
+    placement(placement) {
       var _this$tip6;
 
       (_this$tip6 = this.tip) === null || _this$tip6 === void 0 ? void 0 : _this$tip6.setProps({
-        popperOptions: this.popperOptions()
-      });
-    },
-
-    placement(placement) {
-      var _this$tip7;
-
-      (_this$tip7 = this.tip) === null || _this$tip7 === void 0 ? void 0 : _this$tip7.setProps({
         placement
       });
     },
@@ -11651,7 +11685,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
   },
 
   mounted() {
-    const externalAnchorEl = this.externalAnchor ? this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`) : null;
+    const externalAnchorEl = document.getElementById(this.externalAnchor);
     this.anchorEl = externalAnchorEl !== null && externalAnchorEl !== void 0 ? externalAnchorEl : this.$refs.anchor.children[0];
     this.popoverContentEl = this.$refs.content.$el;
 
@@ -11661,9 +11695,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
   },
 
   beforeUnmount() {
-    var _this$tip8;
+    var _this$tip7;
 
-    (_this$tip8 = this.tip) === null || _this$tip8 === void 0 ? void 0 : _this$tip8.destroy();
+    (_this$tip7 = this.tip) === null || _this$tip7 === void 0 ? void 0 : _this$tip7.destroy();
     this.removeReferences();
     this.removeEventListeners();
   },
@@ -11688,7 +11722,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 
     calculateAnchorZindex() {
       // if a modal is currently active render at modal-element z-index, otherwise at popover z-index
-      if (this.$el.getRootNode().querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]') || this.anchorEl.closest('.d-zi-drawer')) {
+      if (document.querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')) {
         return 650;
       } else {
         return 300;
@@ -11703,9 +11737,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 
 
       if (this.open === null || this.open === undefined) {
-        var _this$anchorEl2;
+        var _this$anchorEl;
 
-        if (!this.anchorEl.contains(e.target) && !this.anchorEl.isEqualNode(e.target) || (_this$anchorEl2 = this.anchorEl) !== null && _this$anchorEl2 !== void 0 && _this$anchorEl2.disabled) {
+        if (!this.anchorEl.contains(e.target) && !this.anchorEl.isEqualNode(e.target) || (_this$anchorEl = this.anchorEl) !== null && _this$anchorEl !== void 0 && _this$anchorEl.disabled) {
           return;
         }
 
@@ -11826,7 +11860,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     },
 
     async onLeaveTransitionComplete() {
-      var _this$tip9;
+      var _this$tip8;
 
       if (this.modal) {
         await this.focusFirstElement(this.$refs.anchor); // await next tick in case the user wants to change focus themselves.
@@ -11834,7 +11868,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
         await this.$nextTick();
       }
 
-      (_this$tip9 = this.tip) === null || _this$tip9 === void 0 ? void 0 : _this$tip9.unmount();
+      (_this$tip8 = this.tip) === null || _this$tip8 === void 0 ? void 0 : _this$tip8.unmount();
       this.$emit('opened', false);
 
       if (this.open !== null) {
@@ -11933,15 +11967,13 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     },
 
     initTippyInstance() {
-      var _this$anchorEl3, _this$anchorEl3$getRo;
-
       this.tip = tippy_utils_createTippy(this.anchorEl, {
         popperOptions: this.popperOptions(),
         contentElement: this.popoverContentEl,
         placement: this.placement,
         offset: this.offset,
         sticky: this.sticky,
-        appendTo: this.appendTo === document.body ? (_this$anchorEl3 = this.anchorEl) === null || _this$anchorEl3 === void 0 ? void 0 : (_this$anchorEl3$getRo = _this$anchorEl3.getRootNode()) === null || _this$anchorEl3$getRo === void 0 ? void 0 : _this$anchorEl3$getRo.querySelector('body') : this.appendTo,
+        appendTo: this.appendTo,
         interactive: true,
         trigger: 'manual',
         // We have to manage hideOnClick functionality manually to handle
@@ -11962,10 +11994,10 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 });
 ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=3aa43aea&lang=less
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=4654097b&lang=less
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=3aa43aea&lang=less
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=4654097b&lang=less
 
 ;// CONCATENATED MODULE: ./components/popover/popover.vue
 
@@ -11975,7 +12007,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 ;
 
 
-const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_3aa43aea_render]])
+const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_4654097b_render]])
 
 /* harmony default export */ const popover = (popover_exports_);
 ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -12478,30 +12510,30 @@ const dropdown_separator_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)
 
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=752f3446
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=438498f3
 
-const inputvue_type_template_id_752f3446_hoisted_1 = {
+const inputvue_type_template_id_438498f3_hoisted_1 = {
   ref: "container",
   class: "base-input",
   "data-qa": "dt-input"
 };
-const inputvue_type_template_id_752f3446_hoisted_2 = ["aria-details"];
-const inputvue_type_template_id_752f3446_hoisted_3 = ["id"];
-const inputvue_type_template_id_752f3446_hoisted_4 = {
+const inputvue_type_template_id_438498f3_hoisted_2 = ["aria-details"];
+const inputvue_type_template_id_438498f3_hoisted_3 = ["id"];
+const inputvue_type_template_id_438498f3_hoisted_4 = {
   key: 0
 };
-const inputvue_type_template_id_752f3446_hoisted_5 = {
+const inputvue_type_template_id_438498f3_hoisted_5 = {
   key: 1,
   "data-qa": "dt-input-length-description",
   class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-mb2'])
 };
-const inputvue_type_template_id_752f3446_hoisted_6 = ["read-only"];
+const inputvue_type_template_id_438498f3_hoisted_6 = ["read-only"];
 const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
 const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
-function inputvue_type_template_id_752f3446_render(_ctx, _cache, $props, $setup, $data, $options) {
+function inputvue_type_template_id_438498f3_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-validation-messages");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_752f3446_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_438498f3_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
     class: "base-input__label",
     "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
     "data-qa": "dt-input-label-wrapper"
@@ -12510,16 +12542,16 @@ function inputvue_type_template_id_752f3446_render(_ctx, _cache, $props, $setup,
     ref: "label",
     "data-qa": "dt-input-label",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-input__label-text', 'd-label', $data.labelSizeClasses[$props.size]])
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), _ctx.$slots.description || $props.description || $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), $data.hasSlotContent(_ctx.$slots.description) || $props.description || $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     id: $options.descriptionKey,
     ref: "description",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
     "data-qa": "dt-input-description"
-  }, [_ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_752f3446_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_752f3446_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_752f3446_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, [$data.hasSlotContent(_ctx.$slots.description) || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_438498f3_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_438498f3_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_438498f3_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputWrapperClasses()),
     "read-only": $props.disabled === true ? true : undefined
-  }, [_ctx.$slots.leftIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
+  }, [$data.hasSlotContent(_ctx.$slots.leftIcon) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputIconClasses('left')),
     "data-qa": "dt-input-left-icon-wrapper",
@@ -12545,14 +12577,14 @@ function inputvue_type_template_id_752f3446_render(_ctx, _cache, $props, $setup,
     class: $options.inputClasses(),
     maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
     "data-qa": "dt-input-input"
-  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.inputListeners, true)), null, 16, _hoisted_8)), _ctx.$slots.rightIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
+  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.inputListeners, true)), null, 16, _hoisted_8)), $data.hasSlotContent(_ctx.$slots.rightIcon) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
     key: 3,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputIconClasses('right')),
     "data-qa": "dt-input-right-icon-wrapper",
     onFocusout: _cache[1] || (_cache[1] = function () {
       return $options.onBlur && $options.onBlur(...arguments);
     })
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_752f3446_hoisted_6)], 8, inputvue_type_template_id_752f3446_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_438498f3_hoisted_6)], 8, inputvue_type_template_id_438498f3_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     "validation-messages": $options.validationMessages,
     "show-messages": _ctx.showMessages,
     class: _ctx.messagesClass
@@ -12560,7 +12592,7 @@ function inputvue_type_template_id_752f3446_render(_ctx, _cache, $props, $setup,
     "data-qa": "dt-input-messages"
   }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
 }
-;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=752f3446
+;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=438498f3
 
 ;// CONCATENATED MODULE: ./components/input/input_constants.js
 // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -13312,7 +13344,8 @@ const MessagesMixin = {
       },
       isInputFocused: false,
       isInvalid: false,
-      defaultLength: 0
+      defaultLength: 0,
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -13582,34 +13615,34 @@ const MessagesMixin = {
 
 
 ;
-const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_752f3446_render]])
+const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_438498f3_render]])
 
 /* harmony default export */ const input_input = (input_exports_);
 ;// CONCATENATED MODULE: ./components/input/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input_group/input_group.vue?vue&type=template&id=48506d84
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input_group/input_group.vue?vue&type=template&id=1ff3be62
 
-const input_groupvue_type_template_id_48506d84_hoisted_1 = ["data-qa"];
-const input_groupvue_type_template_id_48506d84_hoisted_2 = ["data-qa"];
-function input_groupvue_type_template_id_48506d84_render(_ctx, _cache, $props, $setup, $data, $options) {
+const input_groupvue_type_template_id_1ff3be62_hoisted_1 = ["data-qa"];
+const input_groupvue_type_template_id_1ff3be62_hoisted_2 = ["data-qa"];
+function input_groupvue_type_template_id_1ff3be62_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-validation-messages");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("fieldset", {
     "data-qa": $props.dataQaGroup
-  }, [_ctx.$slots.legend || _ctx.legend ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("legend", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }, [$data.hasSlotContent(_ctx.$slots.legend) || _ctx.legend ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("legend", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 0,
     class: ['d-label', _ctx.legendClass]
   }, _ctx.legendChildProps, {
     "data-qa": $props.dataQaGroupLegend
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "legend", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.legend), 1)])], 16, input_groupvue_type_template_id_48506d84_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default"), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "legend", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.legend), 1)])], 16, input_groupvue_type_template_id_1ff3be62_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default"), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     "validation-messages": _ctx.formattedMessages,
     "show-messages": _ctx.showMessages,
     class: _ctx.messagesClass,
     "data-qa": $props.dataQaGroupMessages
-  }, _ctx.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])], 8, input_groupvue_type_template_id_48506d84_hoisted_1);
+  }, _ctx.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])], 8, input_groupvue_type_template_id_1ff3be62_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/input_group/input_group.vue?vue&type=template&id=48506d84
+;// CONCATENATED MODULE: ./components/input_group/input_group.vue?vue&type=template&id=1ff3be62
 
 ;// CONCATENATED MODULE: ./common/mixins/input_group.js
 
@@ -13797,6 +13830,7 @@ const InputGroupMixin = {
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input_group/input_group.vue?vue&type=script&lang=js
 
 
+
 /**
  * Input Groups are convenience components for a grouping of related inputs.
  * While each input within the group could be independent, the `v-model` on the group
@@ -13838,7 +13872,8 @@ const InputGroupMixin = {
 
   data() {
     return {
-      internalValue: this.value
+      internalValue: this.value,
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -13876,21 +13911,21 @@ const InputGroupMixin = {
 
 
 ;
-const input_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(input_groupvue_type_script_lang_js, [['render',input_groupvue_type_template_id_48506d84_render]])
+const input_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(input_groupvue_type_script_lang_js, [['render',input_groupvue_type_template_id_1ff3be62_render]])
 
 /* harmony default export */ const input_group_input_group = (input_group_exports_);
 ;// CONCATENATED MODULE: ./components/input_group/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=template&id=68e78e9e
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=template&id=40248e6c
 
-const modalvue_type_template_id_68e78e9e_hoisted_1 = ["aria-describedby", "aria-labelledby"];
-const modalvue_type_template_id_68e78e9e_hoisted_2 = ["id"];
-const modalvue_type_template_id_68e78e9e_hoisted_3 = ["id"];
-const modalvue_type_template_id_68e78e9e_hoisted_4 = {
+const modalvue_type_template_id_40248e6c_hoisted_1 = ["aria-describedby", "aria-labelledby"];
+const modalvue_type_template_id_40248e6c_hoisted_2 = ["id"];
+const modalvue_type_template_id_40248e6c_hoisted_3 = ["id"];
+const modalvue_type_template_id_40248e6c_hoisted_4 = {
   key: 4,
   class: "d-modal__footer"
 };
-function modalvue_type_template_id_68e78e9e_render(_ctx, _cache, $props, $setup, $data, $options) {
+function modalvue_type_template_id_40248e6c_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
@@ -13906,7 +13941,7 @@ function modalvue_type_template_id_68e78e9e_render(_ctx, _cache, $props, $setup,
     "data-qa": "dt-modal",
     "aria-hidden": $options.open
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.modalListeners)), {
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$props.show && (_ctx.$slots.banner || $props.bannerTitle) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$props.show && ($data.hasSlotContent(_ctx.$slots.banner) || $props.bannerTitle) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       key: 0,
       "data-qa": "dt-modal-banner",
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-modal__banner', $props.bannerClass, $options.bannerKindClass])
@@ -13922,17 +13957,17 @@ function modalvue_type_template_id_68e78e9e_render(_ctx, _cache, $props, $setup,
         "aria-modal": "true",
         "aria-describedby": $props.describedById,
         "aria-labelledby": $props.labelledById
-      }, [_ctx.$slots.header ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+      }, [$data.hasSlotContent(_ctx.$slots.header) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
         key: 0,
         id: $props.labelledById,
         class: "d-modal__header",
         "data-qa": "dt-modal-title"
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_68e78e9e_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("h2", {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_40248e6c_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("h2", {
         key: 1,
         id: $props.labelledById,
         class: "d-modal__header",
         "data-qa": "dt-modal-title"
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 9, modalvue_type_template_id_68e78e9e_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 9, modalvue_type_template_id_40248e6c_hoisted_3)), $data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
         key: 2,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-modal__content', $props.contentClass]),
         "data-qa": "dt-modal-copy"
@@ -13940,7 +13975,7 @@ function modalvue_type_template_id_68e78e9e_render(_ctx, _cache, $props, $setup,
         key: 3,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-modal__content', $props.contentClass]),
         "data-qa": "dt-modal-copy"
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.copy), 3)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("footer", modalvue_type_template_id_68e78e9e_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.copy), 3)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("footer", modalvue_type_template_id_40248e6c_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
         key: 5,
         class: "d-modal__close",
         circle: "",
@@ -13959,13 +13994,13 @@ function modalvue_type_template_id_68e78e9e_render(_ctx, _cache, $props, $setup,
         key: 6,
         "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
         onClose: $options.close
-      }, null, 8, ["visually-hidden-close-label", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, modalvue_type_template_id_68e78e9e_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, $props.show]])]),
+      }, null, 8, ["visually-hidden-close-label", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, modalvue_type_template_id_40248e6c_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, $props.show]])]),
       _: 3
     })]),
     _: 3
   }, 16, ["show", "class", "aria-hidden"]);
 }
-;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=68e78e9e
+;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=40248e6c
 
 ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
 // Modal style modifiers
@@ -14385,7 +14420,8 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
       MODAL_KIND_MODIFIERS: MODAL_KIND_MODIFIERS,
       MODAL_SIZE_MODIFIERS: MODAL_SIZE_MODIFIERS,
       MODAL_BANNER_KINDS: MODAL_BANNER_KINDS,
-      EVENT_KEYNAMES: EVENT_KEYNAMES
+      EVENT_KEYNAMES: EVENT_KEYNAMES,
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -14489,7 +14525,7 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
 
 
 ;
-const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_68e78e9e_render]])
+const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_40248e6c_render]])
 
 /* harmony default export */ const modal_modal = (modal_exports_);
 ;// CONCATENATED MODULE: ./components/modal/index.js
@@ -14976,35 +15012,35 @@ const pagination_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(paginat
 /* harmony default export */ const pagination = (pagination_exports_);
 ;// CONCATENATED MODULE: ./components/pagination/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/radio/radio.vue?vue&type=template&id=2d10a3d7
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/radio/radio.vue?vue&type=template&id=b3765b72
 
-const radiovue_type_template_id_2d10a3d7_hoisted_1 = {
+const radiovue_type_template_id_b3765b72_hoisted_1 = {
   class: "d-radio__input"
 };
-const radiovue_type_template_id_2d10a3d7_hoisted_2 = ["checked", "name", "value", "disabled"];
-const radiovue_type_template_id_2d10a3d7_hoisted_3 = {
+const radiovue_type_template_id_b3765b72_hoisted_2 = ["checked", "name", "value", "disabled"];
+const radiovue_type_template_id_b3765b72_hoisted_3 = {
   class: "d-radio__copy d-radio__label",
   "data-qa": "radio-label-description-container"
 };
-function radiovue_type_template_id_2d10a3d7_render(_ctx, _cache, $props, $setup, $data, $options) {
+function radiovue_type_template_id_b3765b72_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-validation-messages");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-radio-group', {
       'd-radio-group--disabled': _ctx.internalDisabled
     }])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", radiovue_type_template_id_2d10a3d7_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", radiovue_type_template_id_b3765b72_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     checked: _ctx.internalChecked,
     name: _ctx.internalName,
     value: $props.value,
     disabled: _ctx.internalDisabled,
     type: "radio",
     class: ['d-radio', $options.inputValidationClass, _ctx.inputClass]
-  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.inputListeners, true)), null, 16, radiovue_type_template_id_2d10a3d7_hoisted_2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", radiovue_type_template_id_2d10a3d7_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.inputListeners, true)), null, 16, radiovue_type_template_id_b3765b72_hoisted_2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", radiovue_type_template_id_b3765b72_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     class: _ctx.labelClass
   }, _ctx.labelChildProps, {
     "data-qa": "radio-label"
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.label), 1)])], 16), _ctx.$slots.description || _ctx.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.label), 1)])], 16), $data.hasSlotContent(_ctx.$slots.description) || _ctx.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 0,
     class: ['d-description', _ctx.descriptionClass]
   }, _ctx.descriptionChildProps, {
@@ -15017,7 +15053,7 @@ function radiovue_type_template_id_2d10a3d7_render(_ctx, _cache, $props, $setup,
     "data-qa": "dt-radio-validation-messages"
   }), null, 16, ["validation-messages", "show-messages", "class"])])], 2)]);
 }
-;// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=2d10a3d7
+;// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=b3765b72
 
 ;// CONCATENATED MODULE: ./components/radio/radio_constants.js
 const RADIO_INPUT_VALIDATION_CLASSES = {
@@ -15032,6 +15068,7 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
 
 
 
+
 /**
  * Radios are control elements that allow the user to make a single selection.
  * They are typically used in a Radio Group which allows the user to make a selection from a list of options.
@@ -15090,6 +15127,13 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
    * @type {PointerEvent | KeyboardEvent}
    */
   'click'],
+
+  data() {
+    return {
+      hasSlotContent: hasSlotContent
+    };
+  },
+
   computed: {
     inputValidationClass() {
       return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -15148,7 +15192,7 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
 
 
 ;
-const radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(radiovue_type_script_lang_js, [['render',radiovue_type_template_id_2d10a3d7_render]])
+const radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(radiovue_type_script_lang_js, [['render',radiovue_type_template_id_b3765b72_render]])
 
 /* harmony default export */ const radio_radio = (radio_exports_);
 ;// CONCATENATED MODULE: ./components/radio/index.js
@@ -15744,10 +15788,10 @@ function tabvue_type_template_id_af343bac_render(_ctx, _cache, $props, $setup, $
 const tab_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tabvue_type_script_lang_js, [['render',tabvue_type_template_id_af343bac_render]])
 
 /* harmony default export */ const tab = (tab_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tabs/tab_panel.vue?vue&type=template&id=2cfdc9e8
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tabs/tab_panel.vue?vue&type=template&id=2e95e984
 
-const tab_panelvue_type_template_id_2cfdc9e8_hoisted_1 = ["id", "tabindex", "aria-labelledby", "aria-hidden"];
-function tab_panelvue_type_template_id_2cfdc9e8_render(_ctx, _cache, $props, $setup, $data, $options) {
+const tab_panelvue_type_template_id_2e95e984_hoisted_1 = ["id", "tabindex", "aria-labelledby", "aria-hidden"];
+function tab_panelvue_type_template_id_2e95e984_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     id: `dt-panel-${$props.id}`,
     role: "tabpanel",
@@ -15758,9 +15802,9 @@ function tab_panelvue_type_template_id_2cfdc9e8_render(_ctx, _cache, $props, $se
       'd-d-none': $options.hidePanel
     }, $props.tabPanelClass]),
     "data-qa": "dt-tab-panel"
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 10, tab_panelvue_type_template_id_2cfdc9e8_hoisted_1)), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, !$props.hidden]]);
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 10, tab_panelvue_type_template_id_2e95e984_hoisted_1)), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, !$props.hidden]]);
 }
-;// CONCATENATED MODULE: ./components/tabs/tab_panel.vue?vue&type=template&id=2cfdc9e8
+;// CONCATENATED MODULE: ./components/tabs/tab_panel.vue?vue&type=template&id=2e95e984
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tabs/tab_panel.vue?vue&type=script&lang=js
 
@@ -15822,9 +15866,36 @@ function tab_panelvue_type_template_id_2cfdc9e8_render(_ctx, _cache, $props, $se
   },
 
   async mounted() {
-    this.isFirstElementFocusable = !!(await this.getFirstFocusableElement(this.$el));
-  }
+    const firstFocusableElement = await this.getFirstFocusableElement(this.$el);
+
+    if (!firstFocusableElement) {
+      this.isFirstElementFocusable = false;
+    } else {
+      // If the first focusable element isn't the first element in the panel,
+      // then we need to set the panel tabindex to 0.
+      // See notes in https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/
+      this.isFirstElementFocusable = this.isFirstElementOfPanel(firstFocusableElement);
+    }
+  },
+
+  methods: {
+    isFirstElementOfPanel(element) {
+      let current = element;
+      let isFirstElement = true;
+
+      while (current) {
+        if (current.previousElementSibling !== null) {
+          isFirstElement = false;
+          break;
+        }
+
+        current = current.parentNode !== this.$el ? current.parentNode : null;
+      }
+
+      return isFirstElement;
+    }
 
+  }
 });
 ;// CONCATENATED MODULE: ./components/tabs/tab_panel.vue?vue&type=script&lang=js
  
@@ -15834,7 +15905,7 @@ function tab_panelvue_type_template_id_2cfdc9e8_render(_ctx, _cache, $props, $se
 
 
 ;
-const tab_panel_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tab_panelvue_type_script_lang_js, [['render',tab_panelvue_type_template_id_2cfdc9e8_render]])
+const tab_panel_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tab_panelvue_type_script_lang_js, [['render',tab_panelvue_type_template_id_2e95e984_render]])
 
 /* harmony default export */ const tab_panel = (tab_panel_exports_);
 ;// CONCATENATED MODULE: ./components/tabs/index.js
@@ -16169,27 +16240,27 @@ const checkbox_group_exports_ = checkbox_groupvue_type_script_lang_js;
 /* harmony default export */ const checkbox_group = (checkbox_group_exports_);
 ;// CONCATENATED MODULE: ./components/checkbox_group/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/chip/chip.vue?vue&type=template&id=7cc71ad9
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/chip/chip.vue?vue&type=template&id=42f677c2
 
-const chipvue_type_template_id_7cc71ad9_hoisted_1 = {
+const chipvue_type_template_id_42f677c2_hoisted_1 = {
   class: "d-chip"
 };
-const chipvue_type_template_id_7cc71ad9_hoisted_2 = {
+const chipvue_type_template_id_42f677c2_hoisted_2 = {
   key: 0,
   "data-qa": "dt-chip-icon",
   class: "d-chip__icon"
 };
-const chipvue_type_template_id_7cc71ad9_hoisted_3 = {
+const chipvue_type_template_id_42f677c2_hoisted_3 = {
   key: 1,
   "data-qa": "dt-chip-avatar"
 };
-const chipvue_type_template_id_7cc71ad9_hoisted_4 = ["id"];
-function chipvue_type_template_id_7cc71ad9_render(_ctx, _cache, $props, $setup, $data, $options) {
+const chipvue_type_template_id_42f677c2_hoisted_4 = ["id"];
+function chipvue_type_template_id_42f677c2_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", chipvue_type_template_id_7cc71ad9_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.interactive ? 'button' : 'span'), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", chipvue_type_template_id_42f677c2_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.interactive ? 'button' : 'span'), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     id: $props.id,
     type: $props.interactive && 'button',
     class: $options.chipClasses(),
@@ -16197,12 +16268,12 @@ function chipvue_type_template_id_7cc71ad9_render(_ctx, _cache, $props, $setup,
     "aria-labelledby": $props.ariaLabel ? undefined : `${$props.id}-content`,
     "aria-label": $props.ariaLabel
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.chipListeners)), {
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", chipvue_type_template_id_7cc71ad9_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon")])) : _ctx.$slots.avatar ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", chipvue_type_template_id_7cc71ad9_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "avatar")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$data.hasSlotContent(_ctx.$slots.icon) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", chipvue_type_template_id_42f677c2_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon")])) : $data.hasSlotContent(_ctx.$slots.avatar) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", chipvue_type_template_id_42f677c2_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "avatar")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
       key: 2,
       id: `${$props.id}-content`,
       "data-qa": "dt-chip-label",
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-truncate', 'd-chip__text', $props.contentClass])
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 10, chipvue_type_template_id_7cc71ad9_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 10, chipvue_type_template_id_42f677c2_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
     _: 3
   }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 0
@@ -16219,7 +16290,7 @@ function chipvue_type_template_id_7cc71ad9_render(_ctx, _cache, $props, $setup,
     _: 1
   }, 16, ["class", "aria-label"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./components/chip/chip.vue?vue&type=template&id=7cc71ad9
+;// CONCATENATED MODULE: ./components/chip/chip.vue?vue&type=template&id=42f677c2
 
 ;// CONCATENATED MODULE: ./components/chip/chip_constants.js
 const CHIP_SIZE_MODIFIERS = {
@@ -16363,7 +16434,8 @@ const CHIP_ICON_SIZES = {
 
   data() {
     return {
-      isActive: false
+      isActive: false,
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -16415,34 +16487,34 @@ const CHIP_ICON_SIZES = {
 
 
 ;
-const chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(chipvue_type_script_lang_js, [['render',chipvue_type_template_id_7cc71ad9_render]])
+const chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(chipvue_type_script_lang_js, [['render',chipvue_type_template_id_42f677c2_render]])
 
 /* harmony default export */ const chip = (chip_exports_);
 ;// CONCATENATED MODULE: ./components/chip/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/select_menu/select_menu.vue?vue&type=template&id=14c6ea63
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/select_menu/select_menu.vue?vue&type=template&id=7e89fd91
 
-const select_menuvue_type_template_id_14c6ea63_hoisted_1 = ["aria-details"];
-const select_menuvue_type_template_id_14c6ea63_hoisted_2 = ["id"];
-const select_menuvue_type_template_id_14c6ea63_hoisted_3 = ["disabled"];
-const select_menuvue_type_template_id_14c6ea63_hoisted_4 = ["value"];
-function select_menuvue_type_template_id_14c6ea63_render(_ctx, _cache, $props, $setup, $data, $options) {
+const select_menuvue_type_template_id_7e89fd91_hoisted_1 = ["aria-details"];
+const select_menuvue_type_template_id_7e89fd91_hoisted_2 = ["id"];
+const select_menuvue_type_template_id_7e89fd91_hoisted_3 = ["disabled"];
+const select_menuvue_type_template_id_7e89fd91_hoisted_4 = ["value"];
+function select_menuvue_type_template_id_7e89fd91_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-validation-messages");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", null, [_ctx.$slots.label || $props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", null, [$data.hasSlotContent(_ctx.$slots.label) || $props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 0,
     "aria-details": $options.labelAriaDetails,
     class: ['d-label', $data.LABEL_SIZE_MODIFIERS[$props.size], $props.labelClass]
   }, $props.labelChildProps, {
     "data-qa": "dt-select-label"
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "label", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1)])], 16, select_menuvue_type_template_id_14c6ea63_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "label", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1)])], 16, select_menuvue_type_template_id_7e89fd91_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.description) || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 1,
     id: $options.descriptionKey,
     class: ['d-description', $data.DESCRIPTION_SIZE_MODIFIERS[$props.size], $props.descriptionClass]
   }, $props.descriptionChildProps, {
     "data-qa": "dt-select-description"
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])], 16, select_menuvue_type_template_id_14c6ea63_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])], 16, select_menuvue_type_template_id_7e89fd91_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-select', $data.SELECT_SIZE_MODIFIERS[$props.size], $props.selectClass, {
       'd-select--disabled': $props.disabled
     }]),
@@ -16457,8 +16529,8 @@ function select_menuvue_type_template_id_14c6ea63_render(_ctx, _cache, $props, $
       key: $options.getOptionKey(option.value),
       value: option.value,
       class: $props.optionClass
-    }, $props.optionChildProps), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(option.label), 17, select_menuvue_type_template_id_14c6ea63_hoisted_4);
-  }), 128))])], 16, select_menuvue_type_template_id_14c6ea63_hoisted_3)], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    }, $props.optionChildProps), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(option.label), 17, select_menuvue_type_template_id_7e89fd91_hoisted_4);
+  }), 128))])], 16, select_menuvue_type_template_id_7e89fd91_hoisted_3)], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     "validation-messages": _ctx.formattedMessages,
     "show-messages": _ctx.showMessages,
     class: _ctx.messagesClass
@@ -16466,7 +16538,7 @@ function select_menuvue_type_template_id_14c6ea63_render(_ctx, _cache, $props, $
     "data-qa": "dt-select-messages"
   }), null, 16, ["validation-messages", "show-messages", "class"])]);
 }
-;// CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=template&id=14c6ea63
+;// CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=template&id=7e89fd91
 
 ;// CONCATENATED MODULE: ./components/select_menu/select_menu_constants.js
 const SELECT_SIZE_MODIFIERS = {
@@ -16675,7 +16747,8 @@ const optionsValidator = options => {
       LABEL_SIZE_MODIFIERS: LABEL_SIZE_MODIFIERS,
       DESCRIPTION_SIZE_MODIFIERS: DESCRIPTION_SIZE_MODIFIERS,
       SELECT_SIZE_MODIFIERS: SELECT_SIZE_MODIFIERS,
-      SELECT_STATE_MODIFIERS: SELECT_STATE_MODIFIERS
+      SELECT_STATE_MODIFIERS: SELECT_STATE_MODIFIERS,
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -16750,7 +16823,7 @@ const optionsValidator = options => {
 
 
 ;
-const select_menu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(select_menuvue_type_script_lang_js, [['render',select_menuvue_type_template_id_14c6ea63_render]])
+const select_menu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(select_menuvue_type_script_lang_js, [['render',select_menuvue_type_template_id_7e89fd91_render]])
 
 /* harmony default export */ const select_menu = (select_menu_exports_);
 ;// CONCATENATED MODULE: ./components/select_menu/index.js
@@ -17046,25 +17119,25 @@ const toast_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(toastvue_typ
 ;// CONCATENATED MODULE: ./components/toast/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=template&id=2b01a980
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=template&id=025dc148
 
-const togglevue_type_template_id_2b01a980_hoisted_1 = {
+const togglevue_type_template_id_025dc148_hoisted_1 = {
   class: "d-d-flex d-ai-center"
 };
-const togglevue_type_template_id_2b01a980_hoisted_2 = ["for"];
-const togglevue_type_template_id_2b01a980_hoisted_3 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
-const togglevue_type_template_id_2b01a980_hoisted_4 = {
+const togglevue_type_template_id_025dc148_hoisted_2 = ["for"];
+const togglevue_type_template_id_025dc148_hoisted_3 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
+const togglevue_type_template_id_025dc148_hoisted_4 = {
   key: 0,
   class: "d-toggle__inner"
 };
-function togglevue_type_template_id_2b01a980_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", togglevue_type_template_id_2b01a980_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+function togglevue_type_template_id_025dc148_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", togglevue_type_template_id_025dc148_hoisted_1, [$data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 0,
     class: $props.labelClass,
     for: $props.id
   }, $props.labelChildProps, {
     "data-qa": "toggle-label"
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_2b01a980_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_025dc148_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     id: $props.id,
     role: $options.toggleRole,
     type: "button",
@@ -17072,9 +17145,9 @@ function togglevue_type_template_id_2b01a980_render(_ctx, _cache, $props, $setup
     disabled: $props.disabled,
     "aria-disabled": $props.disabled.toString(),
     class: $options.toggleClasses
-  }, $options.inputListeners), [$props.showIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", togglevue_type_template_id_2b01a980_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, togglevue_type_template_id_2b01a980_hoisted_3)]);
+  }, $options.inputListeners), [$props.showIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", togglevue_type_template_id_025dc148_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, togglevue_type_template_id_025dc148_hoisted_3)]);
 }
-;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=2b01a980
+;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=025dc148
 
 ;// CONCATENATED MODULE: ./components/toggle/toggle_constants.js
 const TOGGLE_SIZE_MODIFIERS = {
@@ -17109,7 +17182,7 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
       type: String,
 
       default() {
-        return utils.getUniqueString();
+        return getUniqueString();
       }
 
     },
@@ -17191,7 +17264,8 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
 
   data() {
     return {
-      internalChecked: this.checked
+      internalChecked: this.checked,
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -17263,21 +17337,22 @@ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
 
 
 ;
-const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_2b01a980_render]])
+const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_025dc148_render]])
 
 /* harmony default export */ const toggle = (toggle_exports_);
 ;// CONCATENATED MODULE: ./components/toggle/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=fe437016
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=2fe4ef96
 
-const tooltipvue_type_template_id_fe437016_hoisted_1 = {
+const tooltipvue_type_template_id_2fe4ef96_hoisted_1 = {
   "data-qa": "dt-tooltip-container"
 };
-function tooltipvue_type_template_id_fe437016_render(_ctx, _cache, $props, $setup, $data, $options) {
+function tooltipvue_type_template_id_2fe4ef96_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-lazy-show");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", tooltipvue_type_template_id_fe437016_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", tooltipvue_type_template_id_2fe4ef96_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("a", {
     ref: "anchor",
+    role: "presentation",
     "data-qa": "dt-tooltip-anchor",
     onFocusin: _cache[0] || (_cache[0] = function () {
       return $options.onEnterAnchor && $options.onEnterAnchor(...arguments);
@@ -17311,7 +17386,7 @@ function tooltipvue_type_template_id_fe437016_render(_ctx, _cache, $props, $setu
     _: 3
   }, 16, ["id", "show", "appear", "transition", "class"])]);
 }
-;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=fe437016
+;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=2fe4ef96
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
 /*
@@ -17503,10 +17578,10 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
   computed: {
     tooltipListeners() {
       return {
-        'after-leave': event => {
+        'after-leave': () => {
           this.onLeaveTransitionComplete();
         },
-        'after-enter': event => {
+        'after-enter': () => {
           this.onEnterTransitionComplete();
         }
       };
@@ -17543,7 +17618,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
       immediate: true
     },
 
-    isShown(isShown, isPrev) {
+    isShown(isShown) {
       if (isShown) {
         this.setProps();
         this.tip.show();
@@ -17608,7 +17683,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
       }
     },
 
-    onLeaveAnchor(e) {
+    onLeaveAnchor() {
       if (this.show === null) this.isShown = false;
     },
 
@@ -17661,10 +17736,10 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
 });
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=fe437016&lang=less
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=2fe4ef96&lang=less
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=fe437016&lang=less
+;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=2fe4ef96&lang=less
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
 
@@ -17674,7 +17749,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
 ;
 
 
-const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_fe437016_render]])
+const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_2fe4ef96_render]])
 
 /* harmony default export */ const tooltip = (tooltip_exports_);
 ;// CONCATENATED MODULE: ./components/tooltip/index.js
@@ -17816,15 +17891,15 @@ const keyboard_shortcut_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
 ;// CONCATENATED MODULE: ./components/keyboard_shortcut/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=template&id=d9103e80
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=template&id=1f5c28de
 
-const root_layoutvue_type_template_id_d9103e80_hoisted_1 = {
-  class: "root-layout d-d-flex d-fd-column d-h100vh"
+const root_layoutvue_type_template_id_1f5c28de_hoisted_1 = {
+  class: "root-layout d-root-layout"
 };
-function root_layoutvue_type_template_id_d9103e80_render(_ctx, _cache, $props, $setup, $data, $options) {
+function root_layoutvue_type_template_id_1f5c28de_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_root_layout_body = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-root-layout-body");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", root_layoutvue_type_template_id_d9103e80_hoisted_1, [$data.hasSlotContent(_ctx.$slots.header) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("header", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", root_layoutvue_type_template_id_1f5c28de_hoisted_1, [$data.hasSlotContent(_ctx.$slots.header) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("header", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['root-layout__header', $props.headerClass, {
       'root-layout__header--sticky': $props.headerSticky
@@ -17859,22 +17934,22 @@ function root_layoutvue_type_template_id_d9103e80_render(_ctx, _cache, $props, $
     "data-qa": "root-layout-footer"
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=template&id=d9103e80
+;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=template&id=1f5c28de
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout_body.vue?vue&type=template&id=d9a91220
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout_body.vue?vue&type=template&id=5f53db5a
 
-function root_layout_bodyvue_type_template_id_d9a91220_render(_ctx, _cache, $props, $setup, $data, $options) {
+function root_layout_bodyvue_type_template_id_5f53db5a_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['root-layout__body', 'd-fl-grow1', $options.bodyClasses]),
     "data-qa": "root-layout-body"
-  }, [_ctx.$slots.sidebar ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("aside", {
+  }, [$data.hasSlotContent(_ctx.$slots.sidebar) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("aside", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['root-layout__sidebar', $props.sidebarClass]),
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
       'flex-basis': $props.sidebarWidth
     }),
     "data-qa": "root-layout-sidebar"
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "sidebar")], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.content ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("main", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "sidebar")], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.content) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("main", {
     key: 1,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['root-layout__content', $props.contentClass]),
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)({
@@ -17883,7 +17958,7 @@ function root_layout_bodyvue_type_template_id_d9a91220_render(_ctx, _cache, $pro
     "data-qa": "root-layout-content"
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content")], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./components/root_layout/root_layout_body.vue?vue&type=template&id=d9a91220
+;// CONCATENATED MODULE: ./components/root_layout/root_layout_body.vue?vue&type=template&id=5f53db5a
 
 ;// CONCATENATED MODULE: ./components/root_layout/root_layout_constants.js
 const ROOT_LAYOUT_SIDEBAR_POSITIONS = {
@@ -17895,6 +17970,7 @@ const ROOT_LAYOUT_SIDEBAR_POSITIONS = {
 });
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout_body.vue?vue&type=script&lang=js
 
+
 /* harmony default export */ const root_layout_bodyvue_type_script_lang_js = ({
   name: 'DtRootLayoutBody',
   props: {
@@ -17951,6 +18027,13 @@ const ROOT_LAYOUT_SIDEBAR_POSITIONS = {
       default: undefined
     }
   },
+
+  data() {
+    return {
+      hasSlotContent: hasSlotContent
+    };
+  },
+
   computed: {
     bodyClasses() {
       return [this.bodyClass, {
@@ -17962,10 +18045,10 @@ const ROOT_LAYOUT_SIDEBAR_POSITIONS = {
 });
 ;// CONCATENATED MODULE: ./components/root_layout/root_layout_body.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout_body.vue?vue&type=style&index=0&id=d9a91220&lang=less
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout_body.vue?vue&type=style&index=0&id=5f53db5a&lang=less
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/root_layout/root_layout_body.vue?vue&type=style&index=0&id=d9a91220&lang=less
+;// CONCATENATED MODULE: ./components/root_layout/root_layout_body.vue?vue&type=style&index=0&id=5f53db5a&lang=less
 
 ;// CONCATENATED MODULE: ./components/root_layout/root_layout_body.vue
 
@@ -17975,7 +18058,7 @@ const ROOT_LAYOUT_SIDEBAR_POSITIONS = {
 ;
 
 
-const root_layout_body_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_layout_bodyvue_type_script_lang_js, [['render',root_layout_bodyvue_type_template_id_d9a91220_render]])
+const root_layout_body_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_layout_bodyvue_type_script_lang_js, [['render',root_layout_bodyvue_type_template_id_5f53db5a_render]])
 
 /* harmony default export */ const root_layout_body = (root_layout_body_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=script&lang=js
@@ -18100,10 +18183,10 @@ const root_layout_body_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(r
 });
 ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=style&index=0&id=d9103e80&lang=less
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/root_layout/root_layout.vue?vue&type=style&index=0&id=1f5c28de&lang=less
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=style&index=0&id=d9103e80&lang=less
+;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue?vue&type=style&index=0&id=1f5c28de&lang=less
 
 ;// CONCATENATED MODULE: ./components/root_layout/root_layout.vue
 
@@ -18113,23 +18196,23 @@ const root_layout_body_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(r
 ;
 
 
-const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_layoutvue_type_script_lang_js, [['render',root_layoutvue_type_template_id_d9103e80_render]])
+const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_layoutvue_type_script_lang_js, [['render',root_layoutvue_type_template_id_1f5c28de_render]])
 
 /* harmony default export */ const root_layout = (root_layout_exports_);
 ;// CONCATENATED MODULE: ./components/root_layout/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=27b9863b
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=b78c0dda
 
-const combobox_with_popovervue_type_template_id_27b9863b_hoisted_1 = ["id"];
-const combobox_with_popovervue_type_template_id_27b9863b_hoisted_2 = {
+const combobox_with_popovervue_type_template_id_b78c0dda_hoisted_1 = ["id"];
+const combobox_with_popovervue_type_template_id_b78c0dda_hoisted_2 = {
   ref: "header"
 };
-const combobox_with_popovervue_type_template_id_27b9863b_hoisted_3 = ["onMouseleave", "onFocusout"];
-const combobox_with_popovervue_type_template_id_27b9863b_hoisted_4 = {
+const combobox_with_popovervue_type_template_id_b78c0dda_hoisted_3 = ["onMouseleave", "onFocusout"];
+const combobox_with_popovervue_type_template_id_b78c0dda_hoisted_4 = {
   ref: "footer"
 };
-function combobox_with_popovervue_type_template_id_27b9863b_render(_ctx, _cache, $props, $setup, $data, $options) {
+function combobox_with_popovervue_type_template_id_b78c0dda_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-loading-list");
 
   const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-empty-list");
@@ -18152,7 +18235,6 @@ function combobox_with_popovervue_type_template_id_27b9863b_render(_ctx, _cache,
     "on-end-of-list": $props.onEndOfList,
     "list-rendered-outside": true,
     "list-id": $props.listId,
-    "append-to": $props.appendTo,
     "data-qa": "dt-combobox"
   }, $options.comboboxListeners), {
     input: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(_ref => {
@@ -18169,7 +18251,7 @@ function combobox_with_popovervue_type_template_id_27b9863b_render(_ctx, _cache,
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
         inputProps: inputProps,
         onInput: $options.handleDisplayList
-      })], 40, combobox_with_popovervue_type_template_id_27b9863b_hoisted_1)];
+      })], 40, combobox_with_popovervue_type_template_id_b78c0dda_hoisted_1)];
     }),
     list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(_ref2 => {
       let {
@@ -18214,22 +18296,22 @@ function combobox_with_popovervue_type_template_id_27b9863b_render(_ctx, _cache,
         }), null, 16, ["message"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
           key: 2,
           listProps: listProps
-        })], 42, combobox_with_popovervue_type_template_id_27b9863b_hoisted_3)]),
+        })], 42, combobox_with_popovervue_type_template_id_b78c0dda_hoisted_3)]),
         _: 2
-      }, [_ctx.$slots.header ? {
+      }, [$data.hasSlotContent(_ctx.$slots.header) ? {
         name: "headerContent",
-        fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_with_popovervue_type_template_id_27b9863b_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
+        fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_with_popovervue_type_template_id_b78c0dda_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
         key: "0"
-      } : undefined, _ctx.$slots.footer ? {
+      } : undefined, $data.hasSlotContent(_ctx.$slots.footer) ? {
         name: "footerContent",
-        fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_with_popovervue_type_template_id_27b9863b_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
+        fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_with_popovervue_type_template_id_b78c0dda_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
         key: "1"
       } : undefined]), 1032, ["open", "max-height", "max-width", "offset", "sticky", "external-anchor", "content-width", "visually-hidden-close-label", "visually-hidden-close", "onOpened"])];
     }),
     _: 3
-  }, 16, ["loading", "label", "label-visible", "size", "description", "empty-list", "empty-state-message", "show-list", "on-beginning-of-list", "on-end-of-list", "list-id", "append-to"]);
+  }, 16, ["loading", "label", "label-visible", "size", "description", "empty-list", "empty-state-message", "show-list", "on-beginning-of-list", "on-end-of-list", "list-id"]);
 }
-;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=27b9863b
+;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=b78c0dda
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js
 
@@ -18240,7 +18322,6 @@ function combobox_with_popovervue_type_template_id_27b9863b_render(_ctx, _cache,
 
 
 
-
 /* harmony default export */ const combobox_with_popovervue_type_script_lang_js = ({
   name: 'DtRecipeComboboxWithPopover',
   components: {
@@ -18399,18 +18480,6 @@ function combobox_with_popovervue_type_template_id_27b9863b_render(_ctx, _cache,
       default: false
     },
 
-    /**
-     * Sets the element to which the popover is going to append to.
-     * @values 'parent', HTMLElement,
-     */
-    appendTo: {
-      type: [HTMLElement, String],
-      default: () => document.body,
-      validator: appendTo => {
-        return POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
-      }
-    },
-
     /**
      * Displays the list when the combobox is focused, before the user has typed anything.
      * When this is enabled the list will not close after selection.
@@ -18479,7 +18548,8 @@ function combobox_with_popovervue_type_template_id_27b9863b_render(_ctx, _cache,
       isListShown: false,
       isInputFocused: false,
       isListFocused: false,
-      externalAnchor: getUniqueString()
+      externalAnchor: getUniqueString(),
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -18602,32 +18672,32 @@ function combobox_with_popovervue_type_template_id_27b9863b_render(_ctx, _cache,
 
 
 ;
-const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_27b9863b_render]])
+const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_b78c0dda_render]])
 
 /* harmony default export */ const combobox_with_popover = (combobox_with_popover_exports_);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=e2856cc6
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=74c4195e
 
-const combobox_multi_selectvue_type_template_id_e2856cc6_hoisted_1 = {
+const combobox_multi_selectvue_type_template_id_74c4195e_hoisted_1 = {
   ref: "inputSlotWrapper",
   class: "d-ps-relative d-d-block"
 };
-const combobox_multi_selectvue_type_template_id_e2856cc6_hoisted_2 = {
+const combobox_multi_selectvue_type_template_id_74c4195e_hoisted_2 = {
   ref: "chipsWrapper",
   class: "d-ps-absolute d-mx2"
 };
-const combobox_multi_selectvue_type_template_id_e2856cc6_hoisted_3 = {
+const combobox_multi_selectvue_type_template_id_74c4195e_hoisted_3 = {
   ref: "header"
 };
-const combobox_multi_selectvue_type_template_id_e2856cc6_hoisted_4 = {
+const combobox_multi_selectvue_type_template_id_74c4195e_hoisted_4 = {
   key: 1,
   class: "d-ta-center d-py16"
 };
-const combobox_multi_selectvue_type_template_id_e2856cc6_hoisted_5 = {
+const combobox_multi_selectvue_type_template_id_74c4195e_hoisted_5 = {
   ref: "footer"
 };
-function combobox_multi_selectvue_type_template_id_e2856cc6_render(_ctx, _cache, $props, $setup, $data, $options) {
+function combobox_multi_selectvue_type_template_id_74c4195e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_chip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-chip");
 
   const _component_dt_input = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-input");
@@ -18645,7 +18715,6 @@ function combobox_multi_selectvue_type_template_id_e2856cc6_render(_ctx, _cache,
     "has-suggestion-list": $props.hasSuggestionList,
     "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
     "visually-hidden-close": _ctx.visuallyHiddenClose,
-    "append-to": $props.appendTo,
     "content-width": "anchor",
     onSelect: $options.onComboboxSelect
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createSlots)({
@@ -18653,7 +18722,7 @@ function combobox_multi_selectvue_type_template_id_e2856cc6_render(_ctx, _cache,
       let {
         onInput
       } = _ref;
-      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_e2856cc6_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_e2856cc6_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($props.selectedItems, item => {
+      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_74c4195e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_74c4195e_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($props.selectedItems, item => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_chip, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
           ref_for: true,
           ref: "chips",
@@ -18695,19 +18764,19 @@ function combobox_multi_selectvue_type_template_id_e2856cc6_render(_ctx, _cache,
       onMousedown: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent"]))
     }, [!$props.loading ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
       key: 0
-    }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", combobox_multi_selectvue_type_template_id_e2856cc6_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.loadingMessage), 1))], 544)]),
+    }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", combobox_multi_selectvue_type_template_id_74c4195e_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.loadingMessage), 1))], 544)]),
     _: 2
-  }, [_ctx.$slots.header ? {
+  }, [$data.hasSlotContent(_ctx.$slots.header) ? {
     name: "header",
-    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_e2856cc6_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
+    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_74c4195e_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
     key: "0"
-  } : undefined, _ctx.$slots.footer ? {
+  } : undefined, $data.hasSlotContent(_ctx.$slots.footer) ? {
     name: "footer",
-    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_e2856cc6_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
+    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_74c4195e_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
     key: "1"
-  } : undefined]), 1032, ["label", "show-list", "max-height", "popover-offset", "has-suggestion-list", "visually-hidden-close-label", "visually-hidden-close", "append-to", "onSelect"]);
+  } : undefined]), 1032, ["label", "show-list", "max-height", "popover-offset", "has-suggestion-list", "visually-hidden-close-label", "visually-hidden-close", "onSelect"]);
 }
-;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=e2856cc6
+;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=74c4195e
 
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
 // The item list for default story
@@ -18811,10 +18880,10 @@ const CHIP_SIZES = {
   sm: 'xs',
   md: 'sm'
 };
-const CHIP_BOTTOM_POSITION = {
-  xs: 4,
-  sm: 5,
-  md: 5
+const CHIP_TOP_POSITION = {
+  xs: 11.1,
+  sm: 10.1,
+  md: 10.1
 };
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=script&lang=js
 
@@ -18879,18 +18948,6 @@ const CHIP_BOTTOM_POSITION = {
       }
     },
 
-    /**
-     * Sets the element to which the popover is going to append to.
-     * @values 'parent', HTMLElement,
-     */
-    appendTo: {
-      type: [HTMLElement, String],
-      default: () => document.body,
-      validator: appendTo => {
-        return POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
-      }
-    },
-
     /**
      * Show input validation message
      */
@@ -19033,7 +19090,8 @@ const CHIP_BOTTOM_POSITION = {
       initialInputPadding: {},
       resizeWindowObserver: null,
       originalInputSize: null,
-      CHIP_SIZES: CHIP_SIZES
+      CHIP_SIZES: CHIP_SIZES,
+      hasSlotContent: hasSlotContent
     };
   },
 
@@ -19240,8 +19298,9 @@ const CHIP_BOTTOM_POSITION = {
     },
 
     setChipsPosition() {
+      const input = this.getInput().getBoundingClientRect();
       const chipsWrapper = this.$refs.chipsWrapper;
-      chipsWrapper.style.bottom = `${CHIP_BOTTOM_POSITION[this.size]}px`;
+      chipsWrapper.style.top = input.top - CHIP_TOP_POSITION[this.size] + 'px';
     },
 
     setInputPadding() {
@@ -19312,7 +19371,7 @@ const CHIP_BOTTOM_POSITION = {
 
 
 ;
-const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_multi_selectvue_type_script_lang_js, [['render',combobox_multi_selectvue_type_template_id_e2856cc6_render]])
+const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_multi_selectvue_type_script_lang_js, [['render',combobox_multi_selectvue_type_template_id_74c4195e_render]])
 
 /* harmony default export */ const combobox_multi_select = (combobox_multi_select_exports_);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
@@ -19922,24 +19981,24 @@ const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(conta
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=1996f46e
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=ca4ec176
 
-const top_banner_infovue_type_template_id_1996f46e_hoisted_1 = {
+const top_banner_infovue_type_template_id_ca4ec176_hoisted_1 = {
   class: "d-top-banner-info__left"
 };
-const top_banner_infovue_type_template_id_1996f46e_hoisted_2 = {
+const top_banner_infovue_type_template_id_ca4ec176_hoisted_2 = {
   class: "d-top-banner-info__middle d-my4"
 };
-const top_banner_infovue_type_template_id_1996f46e_hoisted_3 = {
+const top_banner_infovue_type_template_id_ca4ec176_hoisted_3 = {
   class: "d-top-banner-info__right d-ta-right"
 };
-function top_banner_infovue_type_template_id_1996f46e_render(_ctx, _cache, $props, $setup, $data, $options) {
+function top_banner_infovue_type_template_id_ca4ec176_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center", $options.bannerInfoClass]),
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center d-fc-primary", $options.bannerInfoClass]),
     "data-qa": "banner-info"
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_1996f46e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "left")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_1996f46e_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_1996f46e_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "right")])], 2);
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_ca4ec176_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "left")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_ca4ec176_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_ca4ec176_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "right")])], 2);
 }
-;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=1996f46e
+;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=ca4ec176
 
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info_constants.js
 const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100', 'gold200', 'black100', 'white'];
@@ -19965,14 +20024,16 @@ const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100', 'gol
   computed: {
     bannerInfoClass() {
       const bgColors = {
-        green300: 'd-bgc-green-300',
-        green100: 'd-bgc-green-100',
-        red200: 'd-bgc-red-200',
-        red100: 'd-bgc-red-100',
-        gold200: 'd-bgc-gold-200',
-        gold100: 'd-bgc-gold-100',
-        black100: 'd-bgc-black-400',
-        white: 'd-bgc-white'
+        // these are too specific, so for now I'm at least updating the resultant semantic value
+        // TODO: breaking change: update to be more abstract
+        green300: 'd-bgc-success',
+        green100: 'd-bgc-success',
+        red200: 'd-bgc-critical',
+        red100: 'd-bgc-critical',
+        gold200: 'd-bgc-warning',
+        gold100: 'd-bgc-warning',
+        black100: 'd-bgc-info',
+        white: 'd-bgc-primary'
       };
       return [bgColors[this.colorCode]];
     }
@@ -19981,10 +20042,10 @@ const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100', 'gol
 });
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=style&index=0&id=1996f46e&lang=less
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=style&index=0&id=ca4ec176&lang=less
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=style&index=0&id=1996f46e&lang=less
+;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=style&index=0&id=ca4ec176&lang=less
 
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue
 
@@ -19994,7 +20055,7 @@ const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100', 'gol
 ;
 
 
-const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(top_banner_infovue_type_script_lang_js, [['render',top_banner_infovue_type_template_id_1996f46e_render]])
+const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(top_banner_infovue_type_script_lang_js, [['render',top_banner_infovue_type_template_id_ca4ec176_render]])
 
 /* harmony default export */ const top_banner_info = (top_banner_info_exports_);
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/index.js
@@ -20265,33 +20326,33 @@ const ivr_node_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ivr_nodev
 ;// CONCATENATED MODULE: ./recipes/cards/ivr_node/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=template&id=fd3d7228
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=template&id=19e4fd0c
 
-const grouped_chipvue_type_template_id_fd3d7228_hoisted_1 = {
+const grouped_chipvue_type_template_id_19e4fd0c_hoisted_1 = {
   "data-qa": "grouped-chip",
   class: "d-d-inline-flex d-ws-nowrap d-bgc-unset"
 };
-const grouped_chipvue_type_template_id_fd3d7228_hoisted_2 = {
+const grouped_chipvue_type_template_id_19e4fd0c_hoisted_2 = {
   key: 0,
   "data-qa": "left-grouped-chip-icon"
 };
-const grouped_chipvue_type_template_id_fd3d7228_hoisted_3 = {
+const grouped_chipvue_type_template_id_19e4fd0c_hoisted_3 = {
   key: 0,
   "data-qa": "left-grouped-chip-content"
 };
-const grouped_chipvue_type_template_id_fd3d7228_hoisted_4 = {
+const grouped_chipvue_type_template_id_19e4fd0c_hoisted_4 = {
   key: 0,
   "data-qa": "right-grouped-chip-icon"
 };
-const grouped_chipvue_type_template_id_fd3d7228_hoisted_5 = {
+const grouped_chipvue_type_template_id_19e4fd0c_hoisted_5 = {
   key: 0,
   "data-qa": "right-grouped-chip-content",
   class: "d-wmx50p"
 };
-function grouped_chipvue_type_template_id_fd3d7228_render(_ctx, _cache, $props, $setup, $data, $options) {
+function grouped_chipvue_type_template_id_19e4fd0c_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_chip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-chip");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", grouped_chipvue_type_template_id_fd3d7228_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_chip, {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", grouped_chipvue_type_template_id_19e4fd0c_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_chip, {
     "hide-close": true,
     interactive: false,
     "content-class": "d-fs100",
@@ -20299,11 +20360,11 @@ function grouped_chipvue_type_template_id_fd3d7228_render(_ctx, _cache, $props,
     "grouped-chip": true,
     class: "d-blr-pill d-bgc-black-200 d-w100p d-wmx64"
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createSlots)({
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.leftContent ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", grouped_chipvue_type_template_id_fd3d7228_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "leftContent")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$data.hasSlotContent(_ctx.$slots.leftContent) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", grouped_chipvue_type_template_id_19e4fd0c_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "leftContent")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
     _: 2
-  }, [_ctx.$slots.leftIcon ? {
+  }, [$data.hasSlotContent(_ctx.$slots.leftIcon) ? {
     name: "icon",
-    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.leftIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", grouped_chipvue_type_template_id_fd3d7228_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "leftIcon")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
+    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$data.hasSlotContent(_ctx.$slots.leftIcon) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", grouped_chipvue_type_template_id_19e4fd0c_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "leftIcon")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
     key: "0"
   } : undefined]), 1024), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_chip, {
     "hide-close": true,
@@ -20313,21 +20374,28 @@ function grouped_chipvue_type_template_id_fd3d7228_render(_ctx, _cache, $props,
     "grouped-chip": true,
     class: "d-brr-pill d-bgc-purple-200 d-w100p d-wmx64"
   }, {
-    icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.rightIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", grouped_chipvue_type_template_id_fd3d7228_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.rightContent ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", grouped_chipvue_type_template_id_fd3d7228_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightContent")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
+    icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$data.hasSlotContent(_ctx.$slots.rightIcon) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", grouped_chipvue_type_template_id_19e4fd0c_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [$data.hasSlotContent(_ctx.$slots.rightContent) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", grouped_chipvue_type_template_id_19e4fd0c_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightContent")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
     _: 3
   })]);
 }
-;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=template&id=fd3d7228
+;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=template&id=19e4fd0c
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=script&lang=js
 
+
 /* harmony default export */ const grouped_chipvue_type_script_lang_js = ({
   name: 'DtRecipeGroupedChip',
   components: {
     DtChip: chip
   },
-  computed: {}
+
+  data() {
+    return {
+      hasSlotContent: hasSlotContent
+    };
+  }
+
 });
 ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=script&lang=js
  
@@ -20337,7 +20405,7 @@ function grouped_chipvue_type_template_id_fd3d7228_render(_ctx, _cache, $props,
 
 
 ;
-const grouped_chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(grouped_chipvue_type_script_lang_js, [['render',grouped_chipvue_type_template_id_fd3d7228_render]])
+const grouped_chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(grouped_chipvue_type_script_lang_js, [['render',grouped_chipvue_type_template_id_19e4fd0c_render]])
 
 /* harmony default export */ const grouped_chip = (grouped_chip_exports_);
 ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js