@dialpad/dialtone-vue 2.75.1 → 2.76.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +13 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.common.js +34 -17
  5. package/dist/dialtone-vue.umd.js +34 -17
  6. package/dist/dialtone-vue.umd.min.js +1 -1
  7. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -5923,9 +5923,9 @@ const LIST_ITEM_NAVIGATION_TYPES = {
5923
5923
  LIST_ITEM_TYPES,
5924
5924
  LIST_ITEM_NAVIGATION_TYPES
5925
5925
  });
5926
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=34e0ff0b&
5927
- var default_list_itemvue_type_template_id_34e0ff0b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1 d-of-hidden"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs-100 d-fc-tertiary', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e(),_vm._t("selected")],2)}
5928
- var default_list_itemvue_type_template_id_34e0ff0b_staticRenderFns = []
5926
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=39fb64c2&
5927
+ var default_list_itemvue_type_template_id_39fb64c2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs-100 d-fc-tertiary', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e(),_vm._t("selected")],2)}
5928
+ var default_list_itemvue_type_template_id_39fb64c2_staticRenderFns = []
5929
5929
 
5930
5930
 
5931
5931
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=script&lang=js&
@@ -5993,8 +5993,8 @@ var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(298
5993
5993
 
5994
5994
  var default_list_item_component = normalizeComponent(
5995
5995
  list_item_default_list_itemvue_type_script_lang_js_,
5996
- default_list_itemvue_type_template_id_34e0ff0b_render,
5997
- default_list_itemvue_type_template_id_34e0ff0b_staticRenderFns,
5996
+ default_list_itemvue_type_template_id_39fb64c2_render,
5997
+ default_list_itemvue_type_template_id_39fb64c2_staticRenderFns,
5998
5998
  false,
5999
5999
  null,
6000
6000
  null,
@@ -8390,8 +8390,8 @@ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,
8390
8390
  var dropdownvue_type_template_id_b22f331a_staticRenderFns = []
8391
8391
 
8392
8392
 
8393
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=683dbc64&
8394
- var popovervue_type_template_id_683dbc64_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--opened': _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":_vm.onContext,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
8393
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=432e3a72&
8394
+ var popovervue_type_template_id_432e3a72_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--opened': _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":_vm.onContext,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
8395
8395
  'aria-expanded': _vm.isOpen.toString(),
8396
8396
  'aria-controls': _vm.id,
8397
8397
  'aria-haspopup': _vm.role,
@@ -8402,7 +8402,7 @@ var popovervue_type_template_id_683dbc64_render = function () {var _vm=this;var
8402
8402
  'd-popover__content',
8403
8403
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
8404
8404
  _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover})],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{ref:"popover__footer",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"type":"footer","content-class":_vm.footerClass},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.closePopover}}):_vm._e()],1)],1)],1)}
8405
- var popovervue_type_template_id_683dbc64_staticRenderFns = []
8405
+ var popovervue_type_template_id_432e3a72_staticRenderFns = []
8406
8406
 
8407
8407
 
8408
8408
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -13990,9 +13990,12 @@ var popover_header_footer_component = normalizeComponent(
13990
13990
  await this.$nextTick();
13991
13991
 
13992
13992
  if (this.modal) {
13993
+ var _element$tagName;
13994
+
13993
13995
  const element = this.anchorEl.closest('body, .tippy-box');
13996
+ if (!element) return;
13994
13997
 
13995
- if (element.tagName.toLowerCase() === 'body') {
13998
+ if (((_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toLowerCase()) === 'body') {
13996
13999
  element.classList.remove('d-of-hidden');
13997
14000
  this.tip.setProps({
13998
14001
  offset: this.offset
@@ -14071,7 +14074,9 @@ var popover_header_footer_component = normalizeComponent(
14071
14074
  },
14072
14075
 
14073
14076
  focusInitialElementById() {
14074
- const result = this.$refs.content.$el.querySelector(this.initialFocusElement);
14077
+ var _this$$refs$content, _this$$refs$content$$;
14078
+
14079
+ 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);
14075
14080
 
14076
14081
  if (result) {
14077
14082
  result.focus();
@@ -14168,8 +14173,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(4230);
14168
14173
 
14169
14174
  var popover_component = normalizeComponent(
14170
14175
  popover_popovervue_type_script_lang_js_,
14171
- popovervue_type_template_id_683dbc64_render,
14172
- popovervue_type_template_id_683dbc64_staticRenderFns,
14176
+ popovervue_type_template_id_432e3a72_render,
14177
+ popovervue_type_template_id_432e3a72_staticRenderFns,
14173
14178
  false,
14174
14179
  null,
14175
14180
  null,
@@ -16491,8 +16496,8 @@ var input_group_component = normalizeComponent(
16491
16496
  /* harmony default export */ const input_group_input_group = (input_group_component.exports);
16492
16497
  ;// CONCATENATED MODULE: ./components/input_group/index.js
16493
16498
 
16494
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=a8730b96&
16495
- var modalvue_type_template_id_a8730b96_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',_vm._g({class:[
16499
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=48ae2696&
16500
+ var modalvue_type_template_id_48ae2696_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',_vm._g({class:[
16496
16501
  'd-modal',
16497
16502
  _vm.MODAL_KIND_MODIFIERS[_vm.kind],
16498
16503
  _vm.MODAL_SIZE_MODIFIERS[_vm.size],
@@ -16507,7 +16512,7 @@ var modalvue_type_template_id_a8730b96_render = function () {var _vm=this;var _h
16507
16512
  _vm.contentClass ],attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{class:[
16508
16513
  'd-modal__content',
16509
16514
  _vm.contentClass ],attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"close","size":"400"}})]},proxy:true}],null,false,1709155279)},'dt-button',_vm.closeButtonProps,false)):_vm._e(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.close}}):_vm._e()],1)])],1)}
16510
- var modalvue_type_template_id_a8730b96_staticRenderFns = []
16515
+ var modalvue_type_template_id_48ae2696_staticRenderFns = []
16511
16516
 
16512
16517
 
16513
16518
  ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
@@ -16841,6 +16846,8 @@ var notice_component = normalizeComponent(
16841
16846
  //
16842
16847
  //
16843
16848
 
16849
+ /* eslint-disable max-lines */
16850
+
16844
16851
 
16845
16852
 
16846
16853
 
@@ -17015,6 +17022,15 @@ var notice_component = normalizeComponent(
17015
17022
  default: false
17016
17023
  },
17017
17024
 
17025
+ /**
17026
+ * Whether the modal will close when you click outside of the dialog on the overlay.
17027
+ * @values true, false
17028
+ */
17029
+ closeOnClick: {
17030
+ type: Boolean,
17031
+ default: true
17032
+ },
17033
+
17018
17034
  /**
17019
17035
  * Scrollable modal that allows scroll the modal content keeping the header and footer fixed
17020
17036
  * @values true, false
@@ -17047,6 +17063,7 @@ var notice_component = normalizeComponent(
17047
17063
  modalListeners() {
17048
17064
  return { ...this.$listeners,
17049
17065
  click: event => {
17066
+ if (!this.closeOnClick) return;
17050
17067
  event.target === event.currentTarget && this.close();
17051
17068
  this.$emit('click', event);
17052
17069
  },
@@ -17147,8 +17164,8 @@ var notice_component = normalizeComponent(
17147
17164
  ;
17148
17165
  var modal_component = normalizeComponent(
17149
17166
  modal_modalvue_type_script_lang_js_,
17150
- modalvue_type_template_id_a8730b96_render,
17151
- modalvue_type_template_id_a8730b96_staticRenderFns,
17167
+ modalvue_type_template_id_48ae2696_render,
17168
+ modalvue_type_template_id_48ae2696_staticRenderFns,
17152
17169
  false,
17153
17170
  null,
17154
17171
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -5933,9 +5933,9 @@ const LIST_ITEM_NAVIGATION_TYPES = {
5933
5933
  LIST_ITEM_TYPES,
5934
5934
  LIST_ITEM_NAVIGATION_TYPES
5935
5935
  });
5936
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=34e0ff0b&
5937
- var default_list_itemvue_type_template_id_34e0ff0b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1 d-of-hidden"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs-100 d-fc-tertiary', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e(),_vm._t("selected")],2)}
5938
- var default_list_itemvue_type_template_id_34e0ff0b_staticRenderFns = []
5936
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=39fb64c2&
5937
+ var default_list_itemvue_type_template_id_39fb64c2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs-100 d-fc-tertiary', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e(),_vm._t("selected")],2)}
5938
+ var default_list_itemvue_type_template_id_39fb64c2_staticRenderFns = []
5939
5939
 
5940
5940
 
5941
5941
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=script&lang=js&
@@ -6003,8 +6003,8 @@ var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(673
6003
6003
 
6004
6004
  var default_list_item_component = normalizeComponent(
6005
6005
  list_item_default_list_itemvue_type_script_lang_js_,
6006
- default_list_itemvue_type_template_id_34e0ff0b_render,
6007
- default_list_itemvue_type_template_id_34e0ff0b_staticRenderFns,
6006
+ default_list_itemvue_type_template_id_39fb64c2_render,
6007
+ default_list_itemvue_type_template_id_39fb64c2_staticRenderFns,
6008
6008
  false,
6009
6009
  null,
6010
6010
  null,
@@ -8400,8 +8400,8 @@ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,
8400
8400
  var dropdownvue_type_template_id_b22f331a_staticRenderFns = []
8401
8401
 
8402
8402
 
8403
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=683dbc64&
8404
- var popovervue_type_template_id_683dbc64_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--opened': _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":_vm.onContext,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
8403
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=432e3a72&
8404
+ var popovervue_type_template_id_432e3a72_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--opened': _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":_vm.onContext,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
8405
8405
  'aria-expanded': _vm.isOpen.toString(),
8406
8406
  'aria-controls': _vm.id,
8407
8407
  'aria-haspopup': _vm.role,
@@ -8412,7 +8412,7 @@ var popovervue_type_template_id_683dbc64_render = function () {var _vm=this;var
8412
8412
  'd-popover__content',
8413
8413
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
8414
8414
  _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover})],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{ref:"popover__footer",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"type":"footer","content-class":_vm.footerClass},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.closePopover}}):_vm._e()],1)],1)],1)}
8415
- var popovervue_type_template_id_683dbc64_staticRenderFns = []
8415
+ var popovervue_type_template_id_432e3a72_staticRenderFns = []
8416
8416
 
8417
8417
 
8418
8418
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -14000,9 +14000,12 @@ var popover_header_footer_component = normalizeComponent(
14000
14000
  await this.$nextTick();
14001
14001
 
14002
14002
  if (this.modal) {
14003
+ var _element$tagName;
14004
+
14003
14005
  const element = this.anchorEl.closest('body, .tippy-box');
14006
+ if (!element) return;
14004
14007
 
14005
- if (element.tagName.toLowerCase() === 'body') {
14008
+ if (((_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toLowerCase()) === 'body') {
14006
14009
  element.classList.remove('d-of-hidden');
14007
14010
  this.tip.setProps({
14008
14011
  offset: this.offset
@@ -14081,7 +14084,9 @@ var popover_header_footer_component = normalizeComponent(
14081
14084
  },
14082
14085
 
14083
14086
  focusInitialElementById() {
14084
- const result = this.$refs.content.$el.querySelector(this.initialFocusElement);
14087
+ var _this$$refs$content, _this$$refs$content$$;
14088
+
14089
+ 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);
14085
14090
 
14086
14091
  if (result) {
14087
14092
  result.focus();
@@ -14178,8 +14183,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(2532);
14178
14183
 
14179
14184
  var popover_component = normalizeComponent(
14180
14185
  popover_popovervue_type_script_lang_js_,
14181
- popovervue_type_template_id_683dbc64_render,
14182
- popovervue_type_template_id_683dbc64_staticRenderFns,
14186
+ popovervue_type_template_id_432e3a72_render,
14187
+ popovervue_type_template_id_432e3a72_staticRenderFns,
14183
14188
  false,
14184
14189
  null,
14185
14190
  null,
@@ -16501,8 +16506,8 @@ var input_group_component = normalizeComponent(
16501
16506
  /* harmony default export */ const input_group_input_group = (input_group_component.exports);
16502
16507
  ;// CONCATENATED MODULE: ./components/input_group/index.js
16503
16508
 
16504
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=a8730b96&
16505
- var modalvue_type_template_id_a8730b96_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',_vm._g({class:[
16509
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=48ae2696&
16510
+ var modalvue_type_template_id_48ae2696_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',_vm._g({class:[
16506
16511
  'd-modal',
16507
16512
  _vm.MODAL_KIND_MODIFIERS[_vm.kind],
16508
16513
  _vm.MODAL_SIZE_MODIFIERS[_vm.size],
@@ -16517,7 +16522,7 @@ var modalvue_type_template_id_a8730b96_render = function () {var _vm=this;var _h
16517
16522
  _vm.contentClass ],attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{class:[
16518
16523
  'd-modal__content',
16519
16524
  _vm.contentClass ],attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"close","size":"400"}})]},proxy:true}],null,false,1709155279)},'dt-button',_vm.closeButtonProps,false)):_vm._e(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.close}}):_vm._e()],1)])],1)}
16520
- var modalvue_type_template_id_a8730b96_staticRenderFns = []
16525
+ var modalvue_type_template_id_48ae2696_staticRenderFns = []
16521
16526
 
16522
16527
 
16523
16528
  ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
@@ -16851,6 +16856,8 @@ var notice_component = normalizeComponent(
16851
16856
  //
16852
16857
  //
16853
16858
 
16859
+ /* eslint-disable max-lines */
16860
+
16854
16861
 
16855
16862
 
16856
16863
 
@@ -17025,6 +17032,15 @@ var notice_component = normalizeComponent(
17025
17032
  default: false
17026
17033
  },
17027
17034
 
17035
+ /**
17036
+ * Whether the modal will close when you click outside of the dialog on the overlay.
17037
+ * @values true, false
17038
+ */
17039
+ closeOnClick: {
17040
+ type: Boolean,
17041
+ default: true
17042
+ },
17043
+
17028
17044
  /**
17029
17045
  * Scrollable modal that allows scroll the modal content keeping the header and footer fixed
17030
17046
  * @values true, false
@@ -17057,6 +17073,7 @@ var notice_component = normalizeComponent(
17057
17073
  modalListeners() {
17058
17074
  return { ...this.$listeners,
17059
17075
  click: event => {
17076
+ if (!this.closeOnClick) return;
17060
17077
  event.target === event.currentTarget && this.close();
17061
17078
  this.$emit('click', event);
17062
17079
  },
@@ -17157,8 +17174,8 @@ var notice_component = normalizeComponent(
17157
17174
  ;
17158
17175
  var modal_component = normalizeComponent(
17159
17176
  modal_modalvue_type_script_lang_js_,
17160
- modalvue_type_template_id_a8730b96_render,
17161
- modalvue_type_template_id_a8730b96_staticRenderFns,
17177
+ modalvue_type_template_id_48ae2696_render,
17178
+ modalvue_type_template_id_48ae2696_staticRenderFns,
17162
17179
  false,
17163
17180
  null,
17164
17181
  null,