@dialpad/dialtone-vue 3.57.0 → 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 (8) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +20 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.common.js +60 -44
  5. package/dist/dialtone-vue.css +1 -1
  6. package/dist/dialtone-vue.umd.js +60 -44
  7. package/dist/dialtone-vue.umd.min.js +1 -1
  8. package/package.json +1 -1
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
@@ -24049,12 +24065,12 @@ const contact_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contac
24049
24065
  /* harmony default export */ const contact_row = (contact_row_exports_);
24050
24066
  ;// CONCATENATED MODULE: ./recipes/leftbar/contact_row/index.js
24051
24067
 
24052
- ;// 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/leftbar/unread_chip/unread_chip.vue?vue&type=template&id=46efd8e7
24068
+ ;// 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/leftbar/unread_chip/unread_chip.vue?vue&type=template&id=5931b600
24053
24069
 
24054
- const unread_chipvue_type_template_id_46efd8e7_hoisted_1 = {
24070
+ const unread_chipvue_type_template_id_5931b600_hoisted_1 = {
24055
24071
  "data-qa": "dt-leftbar-unread-chip__label"
24056
24072
  };
24057
- function unread_chipvue_type_template_id_46efd8e7_render(_ctx, _cache, $props, $setup, $data, $options) {
24073
+ function unread_chipvue_type_template_id_5931b600_render(_ctx, _cache, $props, $setup, $data, $options) {
24058
24074
  const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
24059
24075
 
24060
24076
  const _component_dt_chip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-chip");
@@ -24068,11 +24084,11 @@ function unread_chipvue_type_template_id_46efd8e7_render(_ctx, _cache, $props, $
24068
24084
  name: `arrow-${$props.direction}`,
24069
24085
  size: "300"
24070
24086
  }, null, 8, ["name"])]),
24071
- default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", unread_chipvue_type_template_id_46efd8e7_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")])]),
24087
+ default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", unread_chipvue_type_template_id_5931b600_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")])]),
24072
24088
  _: 3
24073
24089
  }, 16, ["class"]);
24074
24090
  }
24075
- ;// CONCATENATED MODULE: ./recipes/leftbar/unread_chip/unread_chip.vue?vue&type=template&id=46efd8e7
24091
+ ;// CONCATENATED MODULE: ./recipes/leftbar/unread_chip/unread_chip.vue?vue&type=template&id=5931b600
24076
24092
 
24077
24093
  ;// CONCATENATED MODULE: ./recipes/leftbar/unread_chip/unread_chip_constants.js
24078
24094
  const UNREAD_BADGE_DIRECTIONS = ['up', 'down'];
@@ -24131,10 +24147,10 @@ const UNREAD_BADGE_KINDS = ['mentions', 'messages'];
24131
24147
  });
24132
24148
  ;// CONCATENATED MODULE: ./recipes/leftbar/unread_chip/unread_chip.vue?vue&type=script&lang=js
24133
24149
 
24134
- ;// 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/leftbar/unread_chip/unread_chip.vue?vue&type=style&index=0&id=46efd8e7&lang=less
24150
+ ;// 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/leftbar/unread_chip/unread_chip.vue?vue&type=style&index=0&id=5931b600&lang=less
24135
24151
  // extracted by mini-css-extract-plugin
24136
24152
 
24137
- ;// CONCATENATED MODULE: ./recipes/leftbar/unread_chip/unread_chip.vue?vue&type=style&index=0&id=46efd8e7&lang=less
24153
+ ;// CONCATENATED MODULE: ./recipes/leftbar/unread_chip/unread_chip.vue?vue&type=style&index=0&id=5931b600&lang=less
24138
24154
 
24139
24155
  ;// CONCATENATED MODULE: ./recipes/leftbar/unread_chip/unread_chip.vue
24140
24156
 
@@ -24144,7 +24160,7 @@ const UNREAD_BADGE_KINDS = ['mentions', 'messages'];
24144
24160
  ;
24145
24161
 
24146
24162
 
24147
- const unread_chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(unread_chipvue_type_script_lang_js, [['render',unread_chipvue_type_template_id_46efd8e7_render]])
24163
+ const unread_chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(unread_chipvue_type_script_lang_js, [['render',unread_chipvue_type_template_id_5931b600_render]])
24148
24164
 
24149
24165
  /* harmony default export */ const unread_chip = (unread_chip_exports_);
24150
24166
  ;// CONCATENATED MODULE: ./recipes/leftbar/unread_chip/index.js