@dialpad/dialtone-vue 3.57.1 → 3.59.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 +21 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.common.js +76 -43
  5. package/dist/dialtone-vue.umd.js +76 -43
  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
@@ -21543,9 +21559,9 @@ const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */
21543
21559
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
21544
21560
 
21545
21561
 
21546
- ;// 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]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=b3920b20
21562
+ ;// 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]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=3c417651
21547
21563
 
21548
- function callbar_buttonvue_type_template_id_b3920b20_render(_ctx, _cache, $props, $setup, $data, $options) {
21564
+ function callbar_buttonvue_type_template_id_3c417651_render(_ctx, _cache, $props, $setup, $data, $options) {
21549
21565
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
21550
21566
 
21551
21567
  const _component_dt_tooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-tooltip");
@@ -21559,7 +21575,7 @@ function callbar_buttonvue_type_template_id_b3920b20_render(_ctx, _cache, $props
21559
21575
  'd-c-not-allowed': $props.disabled
21560
21576
  })
21561
21577
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
21562
- importance: $props.circle ? 'outlined' : 'clear',
21578
+ importance: $options.buttonImportance,
21563
21579
  kind: "muted",
21564
21580
  "icon-position": "top",
21565
21581
  "aria-disabled": $props.disabled,
@@ -21575,7 +21591,7 @@ function callbar_buttonvue_type_template_id_b3920b20_render(_ctx, _cache, $props
21575
21591
  _: 3
21576
21592
  }, 8, ["id"]);
21577
21593
  }
21578
- ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=b3920b20
21594
+ ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=3c417651
21579
21595
 
21580
21596
  ;// 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]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
21581
21597
 
@@ -21678,6 +21694,15 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
21678
21694
  type: String,
21679
21695
  default: 'xl',
21680
21696
  validator: size => VALID_WIDTH_SIZE.includes(size)
21697
+ },
21698
+
21699
+ /**
21700
+ * The fill and outline of the button associated with its visual importance.
21701
+ * @values clear, outlined, primary
21702
+ */
21703
+ importance: {
21704
+ type: String,
21705
+ default: ''
21681
21706
  }
21682
21707
  },
21683
21708
  computed: {
@@ -21707,16 +21732,24 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
21707
21732
  default:
21708
21733
  return '8.4rem';
21709
21734
  }
21735
+ },
21736
+
21737
+ buttonImportance() {
21738
+ if (this.importance) {
21739
+ return this.importance;
21740
+ }
21741
+
21742
+ return this.circle ? 'outlined' : 'clear';
21710
21743
  }
21711
21744
 
21712
21745
  }
21713
21746
  });
21714
21747
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
21715
21748
 
21716
- ;// 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]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=b3920b20&lang=less
21749
+ ;// 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]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=3c417651&lang=less
21717
21750
  // extracted by mini-css-extract-plugin
21718
21751
 
21719
- ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=b3920b20&lang=less
21752
+ ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=3c417651&lang=less
21720
21753
 
21721
21754
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue
21722
21755
 
@@ -21726,7 +21759,7 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
21726
21759
  ;
21727
21760
 
21728
21761
 
21729
- const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_b3920b20_render]])
21762
+ const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_3c417651_render]])
21730
21763
 
21731
21764
  /* harmony default export */ const callbar_button = (callbar_button_exports_);
21732
21765
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js