@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.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
@@ -21553,9 +21569,9 @@ const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */
21553
21569
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
21554
21570
 
21555
21571
 
21556
- ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=b3920b20
21572
+ ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=3c417651
21557
21573
 
21558
- function callbar_buttonvue_type_template_id_b3920b20_render(_ctx, _cache, $props, $setup, $data, $options) {
21574
+ function callbar_buttonvue_type_template_id_3c417651_render(_ctx, _cache, $props, $setup, $data, $options) {
21559
21575
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
21560
21576
 
21561
21577
  const _component_dt_tooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-tooltip");
@@ -21569,7 +21585,7 @@ function callbar_buttonvue_type_template_id_b3920b20_render(_ctx, _cache, $props
21569
21585
  'd-c-not-allowed': $props.disabled
21570
21586
  })
21571
21587
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
21572
- importance: $props.circle ? 'outlined' : 'clear',
21588
+ importance: $options.buttonImportance,
21573
21589
  kind: "muted",
21574
21590
  "icon-position": "top",
21575
21591
  "aria-disabled": $props.disabled,
@@ -21585,7 +21601,7 @@ function callbar_buttonvue_type_template_id_b3920b20_render(_ctx, _cache, $props
21585
21601
  _: 3
21586
21602
  }, 8, ["id"]);
21587
21603
  }
21588
- ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=b3920b20
21604
+ ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=3c417651
21589
21605
 
21590
21606
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
21591
21607
 
@@ -21688,6 +21704,15 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
21688
21704
  type: String,
21689
21705
  default: 'xl',
21690
21706
  validator: size => VALID_WIDTH_SIZE.includes(size)
21707
+ },
21708
+
21709
+ /**
21710
+ * The fill and outline of the button associated with its visual importance.
21711
+ * @values clear, outlined, primary
21712
+ */
21713
+ importance: {
21714
+ type: String,
21715
+ default: ''
21691
21716
  }
21692
21717
  },
21693
21718
  computed: {
@@ -21717,16 +21742,24 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
21717
21742
  default:
21718
21743
  return '8.4rem';
21719
21744
  }
21745
+ },
21746
+
21747
+ buttonImportance() {
21748
+ if (this.importance) {
21749
+ return this.importance;
21750
+ }
21751
+
21752
+ return this.circle ? 'outlined' : 'clear';
21720
21753
  }
21721
21754
 
21722
21755
  }
21723
21756
  });
21724
21757
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
21725
21758
 
21726
- ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=b3920b20&lang=less
21759
+ ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=3c417651&lang=less
21727
21760
  // extracted by mini-css-extract-plugin
21728
21761
 
21729
- ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=b3920b20&lang=less
21762
+ ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=3c417651&lang=less
21730
21763
 
21731
21764
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue
21732
21765
 
@@ -21736,7 +21769,7 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
21736
21769
  ;
21737
21770
 
21738
21771
 
21739
- const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_b3920b20_render]])
21772
+ const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_3c417651_render]])
21740
21773
 
21741
21774
  /* harmony default export */ const callbar_button = (callbar_button_exports_);
21742
21775
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js