@dialpad/dialtone-vue 3.57.1 → 3.58.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +13 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.common.js +52 -36
  5. package/dist/dialtone-vue.umd.js +52 -36
  6. package/dist/dialtone-vue.umd.min.js +1 -1
  7. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -4459,20 +4459,20 @@ const LIST_ITEM_NAVIGATION_TYPES = {
4459
4459
  LIST_ITEM_TYPES,
4460
4460
  LIST_ITEM_NAVIGATION_TYPES
4461
4461
  });
4462
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=99058fc6
4462
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=e5b61cd8
4463
4463
 
4464
- const default_list_itemvue_type_template_id_99058fc6_hoisted_1 = {
4464
+ const default_list_itemvue_type_template_id_e5b61cd8_hoisted_1 = {
4465
4465
  class: "dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"
4466
4466
  };
4467
- const default_list_itemvue_type_template_id_99058fc6_hoisted_2 = {
4467
+ const default_list_itemvue_type_template_id_e5b61cd8_hoisted_2 = {
4468
4468
  key: 0,
4469
4469
  class: "dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",
4470
4470
  "data-qa": "dt-default-list-item-left-wrapper"
4471
4471
  };
4472
- const default_list_itemvue_type_template_id_99058fc6_hoisted_3 = {
4473
- class: "d-fl-grow1 d-of-hidden"
4472
+ const default_list_itemvue_type_template_id_e5b61cd8_hoisted_3 = {
4473
+ class: "d-fl-grow1"
4474
4474
  };
4475
- const default_list_itemvue_type_template_id_99058fc6_hoisted_4 = {
4475
+ const default_list_itemvue_type_template_id_e5b61cd8_hoisted_4 = {
4476
4476
  key: 0
4477
4477
  };
4478
4478
  const _hoisted_5 = {
@@ -4485,8 +4485,8 @@ const _hoisted_6 = {
4485
4485
  class: "dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",
4486
4486
  "data-qa": "dt-default-list-item-right-wrapper"
4487
4487
  };
4488
- function default_list_itemvue_type_template_id_99058fc6_render(_ctx, _cache, $props, $setup, $data, $options) {
4489
- 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_99058fc6_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_99058fc6_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_99058fc6_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", default_list_itemvue_type_template_id_99058fc6_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", {
4488
+ function default_list_itemvue_type_template_id_e5b61cd8_render(_ctx, _cache, $props, $setup, $data, $options) {
4489
+ 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_e5b61cd8_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_e5b61cd8_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_e5b61cd8_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", default_list_itemvue_type_template_id_e5b61cd8_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", {
4490
4490
  key: 1,
4491
4491
  "data-qa": "dt-default-list-item-subtitle-wrapper",
4492
4492
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-fs-100 d-fc-tertiary', {
@@ -4494,7 +4494,7 @@ function default_list_itemvue_type_template_id_99058fc6_render(_ctx, _cache, $pr
4494
4494
  }])
4495
4495
  }, [(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), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "selected")]);
4496
4496
  }
4497
- ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=template&id=99058fc6
4497
+ ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=template&id=e5b61cd8
4498
4498
 
4499
4499
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
4500
4500
 
@@ -4510,10 +4510,10 @@ function default_list_itemvue_type_template_id_99058fc6_render(_ctx, _cache, $pr
4510
4510
  });
4511
4511
  ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=script&lang=js
4512
4512
 
4513
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.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=99058fc6&lang=less
4513
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.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=e5b61cd8&lang=less
4514
4514
  // extracted by mini-css-extract-plugin
4515
4515
 
4516
- ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=style&index=0&id=99058fc6&lang=less
4516
+ ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=style&index=0&id=e5b61cd8&lang=less
4517
4517
 
4518
4518
  ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue
4519
4519
 
@@ -4523,7 +4523,7 @@ function default_list_itemvue_type_template_id_99058fc6_render(_ctx, _cache, $pr
4523
4523
  ;
4524
4524
 
4525
4525
 
4526
- const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(default_list_itemvue_type_script_lang_js, [['render',default_list_itemvue_type_template_id_99058fc6_render]])
4526
+ const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(default_list_itemvue_type_script_lang_js, [['render',default_list_itemvue_type_template_id_e5b61cd8_render]])
4527
4527
 
4528
4528
  /* harmony default export */ const default_list_item = (default_list_item_exports_);
4529
4529
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=script&lang=js
@@ -6638,11 +6638,11 @@ function dropdownvue_type_template_id_505a060a_render(_ctx, _cache, $props, $set
6638
6638
  }
6639
6639
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=505a060a
6640
6640
 
6641
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=348aec1e
6641
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=230a23f4
6642
6642
 
6643
- const popovervue_type_template_id_348aec1e_hoisted_1 = ["aria-hidden"];
6644
- const popovervue_type_template_id_348aec1e_hoisted_2 = ["id", "tabindex"];
6645
- function popovervue_type_template_id_348aec1e_render(_ctx, _cache, $props, $setup, $data, $options) {
6643
+ const popovervue_type_template_id_230a23f4_hoisted_1 = ["aria-hidden"];
6644
+ const popovervue_type_template_id_230a23f4_hoisted_2 = ["id", "tabindex"];
6645
+ function popovervue_type_template_id_230a23f4_render(_ctx, _cache, $props, $setup, $data, $options) {
6646
6646
  const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("popover-header-footer");
6647
6647
 
6648
6648
  const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
@@ -6656,7 +6656,7 @@ function popovervue_type_template_id_348aec1e_render(_ctx, _cache, $props, $setu
6656
6656
  class: "d-modal--transparent",
6657
6657
  "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
6658
6658
  onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
6659
- }, null, 8, popovervue_type_template_id_348aec1e_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), {
6659
+ }, null, 8, popovervue_type_template_id_230a23f4_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), {
6660
6660
  ref: "popover",
6661
6661
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover', {
6662
6662
  'd-popover__anchor--opened': $data.isOpen
@@ -6688,7 +6688,7 @@ function popovervue_type_template_id_348aec1e_render(_ctx, _cache, $props, $setu
6688
6688
  'aria-controls': $props.id,
6689
6689
  'aria-haspopup': $props.role
6690
6690
  }
6691
- })], 40, popovervue_type_template_id_348aec1e_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)({
6691
+ })], 40, popovervue_type_template_id_230a23f4_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)({
6692
6692
  id: $props.id,
6693
6693
  ref: "content",
6694
6694
  role: $props.role,
@@ -6751,7 +6751,7 @@ function popovervue_type_template_id_348aec1e_render(_ctx, _cache, $props, $setu
6751
6751
  _: 3
6752
6752
  }, 8, ["class"]))]);
6753
6753
  }
6754
- ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=348aec1e
6754
+ ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=230a23f4
6755
6755
 
6756
6756
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
6757
6757
  function getWindow(node) {
@@ -12103,9 +12103,12 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
12103
12103
  await this.$nextTick();
12104
12104
 
12105
12105
  if (this.modal) {
12106
+ var _element$tagName;
12107
+
12106
12108
  const element = this.anchorEl.closest('body, .tippy-box');
12109
+ if (!element) return;
12107
12110
 
12108
- if (element.tagName.toLowerCase() === 'body') {
12111
+ if (((_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toLowerCase()) === 'body') {
12109
12112
  element.classList.remove('d-of-hidden');
12110
12113
  this.tip.setProps({
12111
12114
  offset: this.offset
@@ -12184,7 +12187,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
12184
12187
  },
12185
12188
 
12186
12189
  focusInitialElementById() {
12187
- const result = this.$refs.content.$el.querySelector(this.initialFocusElement);
12190
+ var _this$$refs$content, _this$$refs$content$$;
12191
+
12192
+ const result = (_this$$refs$content = this.$refs.content) === null || _this$$refs$content === void 0 ? void 0 : (_this$$refs$content$$ = _this$$refs$content.$el) === null || _this$$refs$content$$ === void 0 ? void 0 : _this$$refs$content$$.querySelector(this.initialFocusElement);
12188
12193
 
12189
12194
  if (result) {
12190
12195
  result.focus();
@@ -12268,10 +12273,10 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
12268
12273
  });
12269
12274
  ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
12270
12275
 
12271
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=348aec1e&lang=less
12276
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=230a23f4&lang=less
12272
12277
  // extracted by mini-css-extract-plugin
12273
12278
 
12274
- ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=348aec1e&lang=less
12279
+ ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=230a23f4&lang=less
12275
12280
 
12276
12281
  ;// CONCATENATED MODULE: ./components/popover/popover.vue
12277
12282
 
@@ -12281,7 +12286,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
12281
12286
  ;
12282
12287
 
12283
12288
 
12284
- const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_348aec1e_render]])
12289
+ const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_230a23f4_render]])
12285
12290
 
12286
12291
  /* harmony default export */ const popover = (popover_exports_);
12287
12292
  ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -14445,16 +14450,16 @@ const input_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(input_
14445
14450
  /* harmony default export */ const input_group_input_group = (input_group_exports_);
14446
14451
  ;// CONCATENATED MODULE: ./components/input_group/index.js
14447
14452
 
14448
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
14453
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=3848bb8e
14449
14454
 
14450
- const modalvue_type_template_id_40248e6c_hoisted_1 = ["aria-describedby", "aria-labelledby"];
14451
- const modalvue_type_template_id_40248e6c_hoisted_2 = ["id"];
14452
- const modalvue_type_template_id_40248e6c_hoisted_3 = ["id"];
14453
- const modalvue_type_template_id_40248e6c_hoisted_4 = {
14455
+ const modalvue_type_template_id_3848bb8e_hoisted_1 = ["aria-describedby", "aria-labelledby"];
14456
+ const modalvue_type_template_id_3848bb8e_hoisted_2 = ["id"];
14457
+ const modalvue_type_template_id_3848bb8e_hoisted_3 = ["id"];
14458
+ const modalvue_type_template_id_3848bb8e_hoisted_4 = {
14454
14459
  key: 4,
14455
14460
  class: "d-modal__footer"
14456
14461
  };
14457
- function modalvue_type_template_id_40248e6c_render(_ctx, _cache, $props, $setup, $data, $options) {
14462
+ function modalvue_type_template_id_3848bb8e_render(_ctx, _cache, $props, $setup, $data, $options) {
14458
14463
  const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
14459
14464
 
14460
14465
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
@@ -14491,12 +14496,12 @@ function modalvue_type_template_id_40248e6c_render(_ctx, _cache, $props, $setup,
14491
14496
  id: $props.labelledById,
14492
14497
  class: "d-modal__header",
14493
14498
  "data-qa": "dt-modal-title"
14494
- }, [(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", {
14499
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_3848bb8e_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("h2", {
14495
14500
  key: 1,
14496
14501
  id: $props.labelledById,
14497
14502
  class: "d-modal__header",
14498
14503
  "data-qa": "dt-modal-title"
14499
- }, (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", {
14504
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 9, modalvue_type_template_id_3848bb8e_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", {
14500
14505
  key: 2,
14501
14506
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-modal__content', $props.contentClass]),
14502
14507
  "data-qa": "dt-modal-copy"
@@ -14504,7 +14509,7 @@ function modalvue_type_template_id_40248e6c_render(_ctx, _cache, $props, $setup,
14504
14509
  key: 3,
14505
14510
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-modal__content', $props.contentClass]),
14506
14511
  "data-qa": "dt-modal-copy"
14507
- }, (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)({
14512
+ }, (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_3848bb8e_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)({
14508
14513
  key: 5,
14509
14514
  class: "d-modal__close",
14510
14515
  circle: "",
@@ -14523,13 +14528,13 @@ function modalvue_type_template_id_40248e6c_render(_ctx, _cache, $props, $setup,
14523
14528
  key: 6,
14524
14529
  "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
14525
14530
  onClose: $options.close
14526
- }, 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]])]),
14531
+ }, null, 8, ["visually-hidden-close-label", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, modalvue_type_template_id_3848bb8e_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, $props.show]])]),
14527
14532
  _: 3
14528
14533
  })]),
14529
14534
  _: 3
14530
14535
  }, 16, ["show", "class", "aria-hidden"]);
14531
14536
  }
14532
- ;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=40248e6c
14537
+ ;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=3848bb8e
14533
14538
 
14534
14539
  ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
14535
14540
  // Modal style modifiers
@@ -14736,6 +14741,7 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
14736
14741
 
14737
14742
 
14738
14743
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=script&lang=js
14744
+ /* eslint-disable max-lines */
14739
14745
 
14740
14746
 
14741
14747
 
@@ -14911,6 +14917,15 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
14911
14917
  default: false
14912
14918
  },
14913
14919
 
14920
+ /**
14921
+ * Whether the modal will close when you click outside of the dialog on the overlay.
14922
+ * @values true, false
14923
+ */
14924
+ closeOnClick: {
14925
+ type: Boolean,
14926
+ default: true
14927
+ },
14928
+
14914
14929
  /**
14915
14930
  * Scrollable modal that allows scroll the modal content keeping the header and footer fixed
14916
14931
  * @values true, false
@@ -14958,6 +14973,7 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
14958
14973
  modalListeners() {
14959
14974
  return {
14960
14975
  click: event => {
14976
+ if (!this.closeOnClick) return;
14961
14977
  event.target === event.currentTarget && this.close();
14962
14978
  this.$emit('click', event);
14963
14979
  },
@@ -15054,7 +15070,7 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
15054
15070
 
15055
15071
 
15056
15072
  ;
15057
- const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_40248e6c_render]])
15073
+ const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_3848bb8e_render]])
15058
15074
 
15059
15075
  /* harmony default export */ const modal_modal = (modal_exports_);
15060
15076
  ;// CONCATENATED MODULE: ./components/modal/index.js
package/dist/dialtone-vue.umd.js CHANGED
@@ -4469,20 +4469,20 @@ const LIST_ITEM_NAVIGATION_TYPES = {
4469
4469
  LIST_ITEM_TYPES,
4470
4470
  LIST_ITEM_NAVIGATION_TYPES
4471
4471
  });
4472
- ;// 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=99058fc6
4472
+ ;// 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=e5b61cd8
4473
4473
 
4474
- const default_list_itemvue_type_template_id_99058fc6_hoisted_1 = {
4474
+ const default_list_itemvue_type_template_id_e5b61cd8_hoisted_1 = {
4475
4475
  class: "dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"
4476
4476
  };
4477
- const default_list_itemvue_type_template_id_99058fc6_hoisted_2 = {
4477
+ const default_list_itemvue_type_template_id_e5b61cd8_hoisted_2 = {
4478
4478
  key: 0,
4479
4479
  class: "dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",
4480
4480
  "data-qa": "dt-default-list-item-left-wrapper"
4481
4481
  };
4482
- const default_list_itemvue_type_template_id_99058fc6_hoisted_3 = {
4483
- class: "d-fl-grow1 d-of-hidden"
4482
+ const default_list_itemvue_type_template_id_e5b61cd8_hoisted_3 = {
4483
+ class: "d-fl-grow1"
4484
4484
  };
4485
- const default_list_itemvue_type_template_id_99058fc6_hoisted_4 = {
4485
+ const default_list_itemvue_type_template_id_e5b61cd8_hoisted_4 = {
4486
4486
  key: 0
4487
4487
  };
4488
4488
  const _hoisted_5 = {
@@ -4495,8 +4495,8 @@ const _hoisted_6 = {
4495
4495
  class: "dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",
4496
4496
  "data-qa": "dt-default-list-item-right-wrapper"
4497
4497
  };
4498
- function default_list_itemvue_type_template_id_99058fc6_render(_ctx, _cache, $props, $setup, $data, $options) {
4499
- 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_99058fc6_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_99058fc6_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_99058fc6_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", default_list_itemvue_type_template_id_99058fc6_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", {
4498
+ function default_list_itemvue_type_template_id_e5b61cd8_render(_ctx, _cache, $props, $setup, $data, $options) {
4499
+ 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_e5b61cd8_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_e5b61cd8_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_e5b61cd8_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", default_list_itemvue_type_template_id_e5b61cd8_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", {
4500
4500
  key: 1,
4501
4501
  "data-qa": "dt-default-list-item-subtitle-wrapper",
4502
4502
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-fs-100 d-fc-tertiary', {
@@ -4504,7 +4504,7 @@ function default_list_itemvue_type_template_id_99058fc6_render(_ctx, _cache, $pr
4504
4504
  }])
4505
4505
  }, [(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), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "selected")]);
4506
4506
  }
4507
- ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=template&id=99058fc6
4507
+ ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=template&id=e5b61cd8
4508
4508
 
4509
4509
  ;// 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
4510
4510
 
@@ -4520,10 +4520,10 @@ function default_list_itemvue_type_template_id_99058fc6_render(_ctx, _cache, $pr
4520
4520
  });
4521
4521
  ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=script&lang=js
4522
4522
 
4523
- ;// 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=99058fc6&lang=less
4523
+ ;// 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=e5b61cd8&lang=less
4524
4524
  // extracted by mini-css-extract-plugin
4525
4525
 
4526
- ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=style&index=0&id=99058fc6&lang=less
4526
+ ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=style&index=0&id=e5b61cd8&lang=less
4527
4527
 
4528
4528
  ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue
4529
4529
 
@@ -4533,7 +4533,7 @@ function default_list_itemvue_type_template_id_99058fc6_render(_ctx, _cache, $pr
4533
4533
  ;
4534
4534
 
4535
4535
 
4536
- const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(default_list_itemvue_type_script_lang_js, [['render',default_list_itemvue_type_template_id_99058fc6_render]])
4536
+ const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(default_list_itemvue_type_script_lang_js, [['render',default_list_itemvue_type_template_id_e5b61cd8_render]])
4537
4537
 
4538
4538
  /* harmony default export */ const default_list_item = (default_list_item_exports_);
4539
4539
  ;// 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
@@ -6648,11 +6648,11 @@ function dropdownvue_type_template_id_505a060a_render(_ctx, _cache, $props, $set
6648
6648
  }
6649
6649
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=505a060a
6650
6650
 
6651
- ;// 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=348aec1e
6651
+ ;// 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=230a23f4
6652
6652
 
6653
- const popovervue_type_template_id_348aec1e_hoisted_1 = ["aria-hidden"];
6654
- const popovervue_type_template_id_348aec1e_hoisted_2 = ["id", "tabindex"];
6655
- function popovervue_type_template_id_348aec1e_render(_ctx, _cache, $props, $setup, $data, $options) {
6653
+ const popovervue_type_template_id_230a23f4_hoisted_1 = ["aria-hidden"];
6654
+ const popovervue_type_template_id_230a23f4_hoisted_2 = ["id", "tabindex"];
6655
+ function popovervue_type_template_id_230a23f4_render(_ctx, _cache, $props, $setup, $data, $options) {
6656
6656
  const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("popover-header-footer");
6657
6657
 
6658
6658
  const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
@@ -6666,7 +6666,7 @@ function popovervue_type_template_id_348aec1e_render(_ctx, _cache, $props, $setu
6666
6666
  class: "d-modal--transparent",
6667
6667
  "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
6668
6668
  onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
6669
- }, null, 8, popovervue_type_template_id_348aec1e_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), {
6669
+ }, null, 8, popovervue_type_template_id_230a23f4_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), {
6670
6670
  ref: "popover",
6671
6671
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover', {
6672
6672
  'd-popover__anchor--opened': $data.isOpen
@@ -6698,7 +6698,7 @@ function popovervue_type_template_id_348aec1e_render(_ctx, _cache, $props, $setu
6698
6698
  'aria-controls': $props.id,
6699
6699
  'aria-haspopup': $props.role
6700
6700
  }
6701
- })], 40, popovervue_type_template_id_348aec1e_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)({
6701
+ })], 40, popovervue_type_template_id_230a23f4_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)({
6702
6702
  id: $props.id,
6703
6703
  ref: "content",
6704
6704
  role: $props.role,
@@ -6761,7 +6761,7 @@ function popovervue_type_template_id_348aec1e_render(_ctx, _cache, $props, $setu
6761
6761
  _: 3
6762
6762
  }, 8, ["class"]))]);
6763
6763
  }
6764
- ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=348aec1e
6764
+ ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=230a23f4
6765
6765
 
6766
6766
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
6767
6767
  function getWindow(node) {
@@ -12113,9 +12113,12 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
12113
12113
  await this.$nextTick();
12114
12114
 
12115
12115
  if (this.modal) {
12116
+ var _element$tagName;
12117
+
12116
12118
  const element = this.anchorEl.closest('body, .tippy-box');
12119
+ if (!element) return;
12117
12120
 
12118
- if (element.tagName.toLowerCase() === 'body') {
12121
+ if (((_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toLowerCase()) === 'body') {
12119
12122
  element.classList.remove('d-of-hidden');
12120
12123
  this.tip.setProps({
12121
12124
  offset: this.offset
@@ -12194,7 +12197,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
12194
12197
  },
12195
12198
 
12196
12199
  focusInitialElementById() {
12197
- const result = this.$refs.content.$el.querySelector(this.initialFocusElement);
12200
+ var _this$$refs$content, _this$$refs$content$$;
12201
+
12202
+ const result = (_this$$refs$content = this.$refs.content) === null || _this$$refs$content === void 0 ? void 0 : (_this$$refs$content$$ = _this$$refs$content.$el) === null || _this$$refs$content$$ === void 0 ? void 0 : _this$$refs$content$$.querySelector(this.initialFocusElement);
12198
12203
 
12199
12204
  if (result) {
12200
12205
  result.focus();
@@ -12278,10 +12283,10 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
12278
12283
  });
12279
12284
  ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
12280
12285
 
12281
- ;// 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=348aec1e&lang=less
12286
+ ;// 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=230a23f4&lang=less
12282
12287
  // extracted by mini-css-extract-plugin
12283
12288
 
12284
- ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=348aec1e&lang=less
12289
+ ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=230a23f4&lang=less
12285
12290
 
12286
12291
  ;// CONCATENATED MODULE: ./components/popover/popover.vue
12287
12292
 
@@ -12291,7 +12296,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
12291
12296
  ;
12292
12297
 
12293
12298
 
12294
- const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_348aec1e_render]])
12299
+ const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_230a23f4_render]])
12295
12300
 
12296
12301
  /* harmony default export */ const popover = (popover_exports_);
12297
12302
  ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -14455,16 +14460,16 @@ const input_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(input_
14455
14460
  /* harmony default export */ const input_group_input_group = (input_group_exports_);
14456
14461
  ;// CONCATENATED MODULE: ./components/input_group/index.js
14457
14462
 
14458
- ;// 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
14463
+ ;// 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=3848bb8e
14459
14464
 
14460
- const modalvue_type_template_id_40248e6c_hoisted_1 = ["aria-describedby", "aria-labelledby"];
14461
- const modalvue_type_template_id_40248e6c_hoisted_2 = ["id"];
14462
- const modalvue_type_template_id_40248e6c_hoisted_3 = ["id"];
14463
- const modalvue_type_template_id_40248e6c_hoisted_4 = {
14465
+ const modalvue_type_template_id_3848bb8e_hoisted_1 = ["aria-describedby", "aria-labelledby"];
14466
+ const modalvue_type_template_id_3848bb8e_hoisted_2 = ["id"];
14467
+ const modalvue_type_template_id_3848bb8e_hoisted_3 = ["id"];
14468
+ const modalvue_type_template_id_3848bb8e_hoisted_4 = {
14464
14469
  key: 4,
14465
14470
  class: "d-modal__footer"
14466
14471
  };
14467
- function modalvue_type_template_id_40248e6c_render(_ctx, _cache, $props, $setup, $data, $options) {
14472
+ function modalvue_type_template_id_3848bb8e_render(_ctx, _cache, $props, $setup, $data, $options) {
14468
14473
  const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
14469
14474
 
14470
14475
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
@@ -14501,12 +14506,12 @@ function modalvue_type_template_id_40248e6c_render(_ctx, _cache, $props, $setup,
14501
14506
  id: $props.labelledById,
14502
14507
  class: "d-modal__header",
14503
14508
  "data-qa": "dt-modal-title"
14504
- }, [(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", {
14509
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_3848bb8e_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("h2", {
14505
14510
  key: 1,
14506
14511
  id: $props.labelledById,
14507
14512
  class: "d-modal__header",
14508
14513
  "data-qa": "dt-modal-title"
14509
- }, (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", {
14514
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 9, modalvue_type_template_id_3848bb8e_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", {
14510
14515
  key: 2,
14511
14516
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-modal__content', $props.contentClass]),
14512
14517
  "data-qa": "dt-modal-copy"
@@ -14514,7 +14519,7 @@ function modalvue_type_template_id_40248e6c_render(_ctx, _cache, $props, $setup,
14514
14519
  key: 3,
14515
14520
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-modal__content', $props.contentClass]),
14516
14521
  "data-qa": "dt-modal-copy"
14517
- }, (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)({
14522
+ }, (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_3848bb8e_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)({
14518
14523
  key: 5,
14519
14524
  class: "d-modal__close",
14520
14525
  circle: "",
@@ -14533,13 +14538,13 @@ function modalvue_type_template_id_40248e6c_render(_ctx, _cache, $props, $setup,
14533
14538
  key: 6,
14534
14539
  "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
14535
14540
  onClose: $options.close
14536
- }, 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]])]),
14541
+ }, null, 8, ["visually-hidden-close-label", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, modalvue_type_template_id_3848bb8e_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, $props.show]])]),
14537
14542
  _: 3
14538
14543
  })]),
14539
14544
  _: 3
14540
14545
  }, 16, ["show", "class", "aria-hidden"]);
14541
14546
  }
14542
- ;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=40248e6c
14547
+ ;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=3848bb8e
14543
14548
 
14544
14549
  ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
14545
14550
  // Modal style modifiers
@@ -14746,6 +14751,7 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
14746
14751
 
14747
14752
 
14748
14753
  ;// 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/modal/modal.vue?vue&type=script&lang=js
14754
+ /* eslint-disable max-lines */
14749
14755
 
14750
14756
 
14751
14757
 
@@ -14921,6 +14927,15 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
14921
14927
  default: false
14922
14928
  },
14923
14929
 
14930
+ /**
14931
+ * Whether the modal will close when you click outside of the dialog on the overlay.
14932
+ * @values true, false
14933
+ */
14934
+ closeOnClick: {
14935
+ type: Boolean,
14936
+ default: true
14937
+ },
14938
+
14924
14939
  /**
14925
14940
  * Scrollable modal that allows scroll the modal content keeping the header and footer fixed
14926
14941
  * @values true, false
@@ -14968,6 +14983,7 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
14968
14983
  modalListeners() {
14969
14984
  return {
14970
14985
  click: event => {
14986
+ if (!this.closeOnClick) return;
14971
14987
  event.target === event.currentTarget && this.close();
14972
14988
  this.$emit('click', event);
14973
14989
  },
@@ -15064,7 +15080,7 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
15064
15080
 
15065
15081
 
15066
15082
  ;
15067
- const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_40248e6c_render]])
15083
+ const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_3848bb8e_render]])
15068
15084
 
15069
15085
  /* harmony default export */ const modal_modal = (modal_exports_);
15070
15086
  ;// CONCATENATED MODULE: ./components/modal/index.js