@dialpad/dialtone-vue 2.32.0 → 2.33.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 (5) hide show
  1. package/dist/component-documentation.json +1 -1
  2. package/dist/dialtone-vue.common.js +289 -121
  3. package/dist/dialtone-vue.umd.js +291 -123
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +1 -1
package/dist/dialtone-vue.umd.js CHANGED
@@ -11,7 +11,7 @@
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ var __webpack_modules__ = ({
13
13
 
14
- /***/ 890:
14
+ /***/ 555:
15
15
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
16
16
 
17
17
  "use strict";
@@ -522,7 +522,7 @@ module.exports = function (i) {
522
522
  // style-loader: Adds some css to the DOM by adding a <style> tag
523
523
 
524
524
  // load the styles
525
- var content = __webpack_require__(890);
525
+ var content = __webpack_require__(555);
526
526
  if(content.__esModule) content = content.default;
527
527
  if(typeof content === 'string') content = [[module.id, content, '']];
528
528
  if(content.locals) module.exports = content.locals;
@@ -1848,9 +1848,9 @@ var badge_component = normalizeComponent(
1848
1848
  ;// CONCATENATED MODULE: ./components/badge/index.js
1849
1849
 
1850
1850
 
1851
- ;// 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/banner/banner.vue?vue&type=template&id=6a644b26&
1852
- var bannervue_type_template_id_6a644b26_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,style:(_vm.bannerBackgroundImage),attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus.apply(null, arguments)}}},[_c('div',{staticClass:"d-banner__dialog",class:_vm.dialogClass,attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[(!_vm.hideIcon)?_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2):_vm._e(),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
1853
- var bannervue_type_template_id_6a644b26_staticRenderFns = []
1851
+ ;// 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/banner/banner.vue?vue&type=template&id=756779c1&
1852
+ var bannervue_type_template_id_756779c1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,style:(_vm.bannerBackgroundImage),attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus.apply(null, arguments)}}},[_c('div',{staticClass:"d-banner__dialog",class:_vm.dialogClass,attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[(!_vm.hideIcon)?_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2):_vm._e(),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps,"visually-hidden-close":_vm.visuallyHiddenClose,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel}},_vm.$listeners),[_vm._t("action")],2)],1)])}
1853
+ var bannervue_type_template_id_756779c1_staticRenderFns = []
1854
1854
 
1855
1855
 
1856
1856
  ;// 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/notice/notice_icon.vue?vue&type=template&id=5544041e&
@@ -2146,9 +2146,9 @@ var notice_content_component = normalizeComponent(
2146
2146
  )
2147
2147
 
2148
2148
  /* harmony default export */ const notice_content = (notice_content_component.exports);
2149
- ;// 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/notice/notice_action.vue?vue&type=template&id=49bf6244&
2150
- var notice_actionvue_type_template_id_49bf6244_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._b({ref:"closeButton",attrs:{"size":"sm","importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : 'Close'},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],2)}
2151
- var notice_actionvue_type_template_id_49bf6244_staticRenderFns = []
2149
+ ;// 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/notice/notice_action.vue?vue&type=template&id=1daa6e86&
2150
+ var notice_actionvue_type_template_id_1daa6e86_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._b({ref:"closeButton",attrs:{"data-qa":"dt-notice-action-close-button","size":"sm","importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : 'Close'},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'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()],2)}
2151
+ var notice_actionvue_type_template_id_1daa6e86_staticRenderFns = []
2152
2152
 
2153
2153
 
2154
2154
  ;// 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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=4ef5457b&
@@ -2175,14 +2175,14 @@ var IconClose_component = normalizeComponent(
2175
2175
  )
2176
2176
 
2177
2177
  /* harmony default export */ const IconClose = (IconClose_component.exports);
2178
- ;// 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/button/button.vue?vue&type=template&id=5c485efa&
2179
- var buttonvue_type_template_id_5c485efa_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
2178
+ ;// 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/button/button.vue?vue&type=template&id=4c8880f0&
2179
+ var buttonvue_type_template_id_4c8880f0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
2180
2180
  'base-button__button',
2181
2181
  _vm.buttonClasses() ],style:({ width: _vm.width }),attrs:{"data-qa":"dt-button","type":_vm.type,"disabled":_vm.disabled,"aria-live":_vm.computedAriaLive,"aria-label":_vm.loading ? 'loading' : _vm.$attrs['aria-label']}},_vm.buttonListeners),[(_vm.shouldRenderIcon())?_c('span',{class:[
2182
2182
  'base-button__icon',
2183
2183
  'd-btn__icon',
2184
2184
  _vm.ICON_POSITION_MODIFIERS[_vm.iconPosition] ],attrs:{"data-qa":"dt-button-icon"}},[_vm._t("icon")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-w100p', 'd-btn__label', 'base-button__label', _vm.labelClass],attrs:{"data-qa":"dt-button-label"}},[_vm._t("default")],2):_vm._e()])}
2185
- var buttonvue_type_template_id_5c485efa_staticRenderFns = []
2185
+ var buttonvue_type_template_id_4c8880f0_staticRenderFns = []
2186
2186
 
2187
2187
 
2188
2188
  ;// CONCATENATED MODULE: ./components/button/button_constants.js
@@ -2402,7 +2402,7 @@ const LINK_KIND_MODIFIERS = {
2402
2402
  */
2403
2403
  width: {
2404
2404
  type: String,
2405
- default: 'auto'
2405
+ default: null
2406
2406
  },
2407
2407
 
2408
2408
  /**
@@ -2584,8 +2584,8 @@ const LINK_KIND_MODIFIERS = {
2584
2584
  ;
2585
2585
  var button_component = normalizeComponent(
2586
2586
  button_buttonvue_type_script_lang_js_,
2587
- buttonvue_type_template_id_5c485efa_render,
2588
- buttonvue_type_template_id_5c485efa_staticRenderFns,
2587
+ buttonvue_type_template_id_4c8880f0_render,
2588
+ buttonvue_type_template_id_4c8880f0_staticRenderFns,
2589
2589
  false,
2590
2590
  null,
2591
2591
  null,
@@ -2594,6 +2594,125 @@ var button_component = normalizeComponent(
2594
2594
  )
2595
2595
 
2596
2596
  /* harmony default export */ const button_button = (button_component.exports);
2597
+ ;// CONCATENATED MODULE: ./common/mixins/sr_only_close_button.js
2598
+ /**
2599
+ * @displayName Sr-Only close button mixin
2600
+ */
2601
+ /* harmony default export */ const sr_only_close_button = ({
2602
+ props: {
2603
+ /**
2604
+ * If true, a hidden close button is included for screen readers
2605
+ * @values true, false
2606
+ */
2607
+ visuallyHiddenClose: {
2608
+ type: Boolean,
2609
+ default: false
2610
+ },
2611
+
2612
+ /**
2613
+ * Label for the visually hidden close button
2614
+ * Required if visuallyHiddenClose is set to `true`
2615
+ */
2616
+ visuallyHiddenCloseLabel: {
2617
+ type: String,
2618
+ default: null
2619
+ }
2620
+ },
2621
+ watch: {
2622
+ $props: {
2623
+ immediate: true,
2624
+ deep: true,
2625
+
2626
+ handler() {
2627
+ this.validateVisuallyHiddenCloseProps();
2628
+ }
2629
+
2630
+ }
2631
+ },
2632
+ computed: {
2633
+ showVisuallyHiddenClose() {
2634
+ return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;
2635
+ }
2636
+
2637
+ },
2638
+ methods: {
2639
+ validateVisuallyHiddenCloseProps() {
2640
+ if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {
2641
+ console.error(`If visuallyHiddenClose prop is true, the component includes
2642
+ a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);
2643
+ }
2644
+ }
2645
+
2646
+ }
2647
+ });
2648
+ ;// 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!./common/sr_only_close_button.vue?vue&type=template&id=3480ff70&
2649
+ var sr_only_close_buttonvue_type_template_id_3480ff70_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-button',{staticClass:"d-vi-visible-sr",attrs:{"id":"sr-only-close-button","data-qa":"dt-sr-only-close-button","aria-label":_vm.visuallyHiddenCloseLabel},on:{"click":_vm.close,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();$event.stopPropagation();return _vm.close.apply(null, arguments)}}},[_c('icon-close')],1)}
2650
+ var sr_only_close_buttonvue_type_template_id_3480ff70_staticRenderFns = []
2651
+
2652
+
2653
+ ;// CONCATENATED MODULE: ./components/button/index.js
2654
+
2655
+ ;// 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!./common/sr_only_close_button.vue?vue&type=script&lang=js&
2656
+ //
2657
+ //
2658
+ //
2659
+ //
2660
+ //
2661
+ //
2662
+ //
2663
+ //
2664
+ //
2665
+ //
2666
+ //
2667
+ //
2668
+ //
2669
+
2670
+
2671
+ /* harmony default export */ const sr_only_close_buttonvue_type_script_lang_js_ = ({
2672
+ name: 'SrOnlyCloseButton',
2673
+ components: {
2674
+ IconClose: IconClose,
2675
+ DtButton: button_button
2676
+ },
2677
+ props: {
2678
+ /**
2679
+ * Label for the visually hidden close button
2680
+ * Required if visuallyHiddenClose is set to `true`
2681
+ */
2682
+ visuallyHiddenCloseLabel: {
2683
+ type: String,
2684
+ default: null
2685
+ }
2686
+ },
2687
+ methods: {
2688
+ close() {
2689
+ this.$emit('close');
2690
+ }
2691
+
2692
+ }
2693
+ });
2694
+ ;// CONCATENATED MODULE: ./common/sr_only_close_button.vue?vue&type=script&lang=js&
2695
+ /* harmony default export */ const common_sr_only_close_buttonvue_type_script_lang_js_ = (sr_only_close_buttonvue_type_script_lang_js_);
2696
+ ;// CONCATENATED MODULE: ./common/sr_only_close_button.vue
2697
+
2698
+
2699
+
2700
+
2701
+
2702
+ /* normalize component */
2703
+ ;
2704
+ var sr_only_close_button_component = normalizeComponent(
2705
+ common_sr_only_close_buttonvue_type_script_lang_js_,
2706
+ sr_only_close_buttonvue_type_template_id_3480ff70_render,
2707
+ sr_only_close_buttonvue_type_template_id_3480ff70_staticRenderFns,
2708
+ false,
2709
+ null,
2710
+ null,
2711
+ null
2712
+
2713
+ )
2714
+
2715
+ /* harmony default export */ const common_sr_only_close_button = (sr_only_close_button_component.exports);
2597
2716
  ;// 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/notice/notice_action.vue?vue&type=script&lang=js&
2598
2717
  //
2599
2718
  //
@@ -2619,14 +2738,24 @@ var button_component = normalizeComponent(
2619
2738
  //
2620
2739
  //
2621
2740
  //
2741
+ //
2742
+ //
2743
+ //
2744
+ //
2745
+ //
2746
+ //
2747
+
2748
+
2622
2749
 
2623
2750
 
2624
2751
  /* harmony default export */ const notice_actionvue_type_script_lang_js_ = ({
2625
2752
  name: 'DtNoticeAction',
2626
2753
  components: {
2627
2754
  IconClose: IconClose,
2628
- DtButton: button_button
2755
+ DtButton: button_button,
2756
+ SrOnlyCloseButton: common_sr_only_close_button
2629
2757
  },
2758
+ mixins: [sr_only_close_button],
2630
2759
  props: {
2631
2760
  /**
2632
2761
  * Props for the notice close button.
@@ -2652,6 +2781,17 @@ var button_component = normalizeComponent(
2652
2781
  * @event close
2653
2782
  */
2654
2783
  'close'],
2784
+ watch: {
2785
+ $props: {
2786
+ immediate: true,
2787
+ deep: true,
2788
+
2789
+ handler() {
2790
+ this.validateProps();
2791
+ }
2792
+
2793
+ }
2794
+ },
2655
2795
 
2656
2796
  created() {
2657
2797
  if (!this.hideClose && !this.closeButtonProps.ariaLabel) {
@@ -2674,6 +2814,12 @@ var button_component = normalizeComponent(
2674
2814
  methods: {
2675
2815
  close() {
2676
2816
  this.$emit('close');
2817
+ },
2818
+
2819
+ validateProps() {
2820
+ if (this.hideClose && !this.visuallyHiddenClose) {
2821
+ console.error('If hideClose prop is true, visuallyHiddenClose and visuallyHiddenCloseLabel props ' + 'need to be set so the component always includes a close button');
2822
+ }
2677
2823
  }
2678
2824
 
2679
2825
  }
@@ -2690,8 +2836,8 @@ var button_component = normalizeComponent(
2690
2836
  ;
2691
2837
  var notice_action_component = normalizeComponent(
2692
2838
  notice_notice_actionvue_type_script_lang_js_,
2693
- notice_actionvue_type_template_id_49bf6244_render,
2694
- notice_actionvue_type_template_id_49bf6244_staticRenderFns,
2839
+ notice_actionvue_type_template_id_1daa6e86_render,
2840
+ notice_actionvue_type_template_id_1daa6e86_staticRenderFns,
2695
2841
  false,
2696
2842
  null,
2697
2843
  null,
@@ -2866,6 +3012,9 @@ const focusableElementsList = `button,[href],input,select,textarea,details,[tabi
2866
3012
  //
2867
3013
  //
2868
3014
  //
3015
+ //
3016
+ //
3017
+
2869
3018
 
2870
3019
 
2871
3020
 
@@ -2885,7 +3034,7 @@ const focusableElementsList = `button,[href],input,select,textarea,details,[tabi
2885
3034
  DtNoticeContent: notice_content,
2886
3035
  DtNoticeAction: notice_action
2887
3036
  },
2888
- mixins: [modal],
3037
+ mixins: [modal, sr_only_close_button],
2889
3038
  props: {
2890
3039
  /**
2891
3040
  * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -3068,8 +3217,8 @@ const focusableElementsList = `button,[href],input,select,textarea,details,[tabi
3068
3217
  ;
3069
3218
  var banner_component = normalizeComponent(
3070
3219
  banner_bannervue_type_script_lang_js_,
3071
- bannervue_type_template_id_6a644b26_render,
3072
- bannervue_type_template_id_6a644b26_staticRenderFns,
3220
+ bannervue_type_template_id_756779c1_render,
3221
+ bannervue_type_template_id_756779c1_staticRenderFns,
3073
3222
  false,
3074
3223
  null,
3075
3224
  null,
@@ -3415,8 +3564,6 @@ var breadcrumbs_component = normalizeComponent(
3415
3564
 
3416
3565
 
3417
3566
 
3418
- ;// CONCATENATED MODULE: ./components/button/index.js
3419
-
3420
3567
  ;// 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/button_group/button_group.vue?vue&type=template&id=26eb52e6&
3421
3568
  var button_groupvue_type_template_id_26eb52e6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
3422
3569
  'd-btn-group',
@@ -3860,7 +4007,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3860
4007
  return null;
3861
4008
  }
3862
4009
 
3863
- return Array.from(listElement.querySelectorAll(`[role="${listItemRole}"]`));
4010
+ return Array.from(listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`));
3864
4011
  },
3865
4012
 
3866
4013
  onUpKey() {
@@ -3963,7 +4110,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3963
4110
  return;
3964
4111
  }
3965
4112
 
3966
- const listItems = Array.from(listElement.querySelectorAll(`[role="${listItemRole}"]`));
4113
+ const listItems = Array.from(listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`));
3967
4114
  return listItems.indexOf(listElement.querySelector(`#${id}`));
3968
4115
  },
3969
4116
 
@@ -3976,7 +4123,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3976
4123
  return;
3977
4124
  }
3978
4125
 
3979
- return (_listElement$querySel = listElement.querySelectorAll(`[role="${listItemRole}"]`)[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
4126
+ return (_listElement$querySel = listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`)[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
3980
4127
  },
3981
4128
 
3982
4129
  scrollActiveItemIntoViewIfNeeded() {
@@ -5329,9 +5476,9 @@ var combobox_loading_list_component = normalizeComponent(
5329
5476
  )
5330
5477
 
5331
5478
  /* harmony default export */ const combobox_loading_list = (combobox_loading_list_component.exports);
5332
- ;// 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/combobox/combobox_empty-list.vue?vue&type=template&id=d0c59b2c&
5333
- var combobox_empty_listvue_type_template_id_d0c59b2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ol',{staticClass:"d-p0",attrs:{"data-qa":"dt-combobox-empty-list"}},[_c('dt-list-item',{staticClass:"d-d-flex d-jc-center",attrs:{"role":"option","navigation-type":"arrow-keys"}},[_c('span',[_vm._v(_vm._s(_vm.message))])])],1)}
5334
- var combobox_empty_listvue_type_template_id_d0c59b2c_staticRenderFns = []
5479
+ ;// 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/combobox/combobox_empty-list.vue?vue&type=template&id=ee5abe2c&
5480
+ var combobox_empty_listvue_type_template_id_ee5abe2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ol',{staticClass:"d-p0",attrs:{"data-qa":"dt-combobox-empty-list"}},[_c('dt-list-item',{staticClass:"d-d-flex d-jc-center",attrs:{"role":"option","navigation-type":"none"}},[_c('span',[_vm._v(_vm._s(_vm.message))])])],1)}
5481
+ var combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns = []
5335
5482
 
5336
5483
 
5337
5484
  ;// 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/combobox/combobox_empty-list.vue?vue&type=script&lang=js&
@@ -5378,8 +5525,8 @@ var combobox_empty_listvue_type_template_id_d0c59b2c_staticRenderFns = []
5378
5525
  ;
5379
5526
  var combobox_empty_list_component = normalizeComponent(
5380
5527
  combobox_combobox_empty_listvue_type_script_lang_js_,
5381
- combobox_empty_listvue_type_template_id_d0c59b2c_render,
5382
- combobox_empty_listvue_type_template_id_d0c59b2c_staticRenderFns,
5528
+ combobox_empty_listvue_type_template_id_ee5abe2c_render,
5529
+ combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns,
5383
5530
  false,
5384
5531
  null,
5385
5532
  null,
@@ -6402,17 +6549,17 @@ var collapsible_component = normalizeComponent(
6402
6549
  /* harmony default export */ const collapsible = (collapsible_component.exports);
6403
6550
  ;// CONCATENATED MODULE: ./components/collapsible/index.js
6404
6551
 
6405
- ;// 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/dropdown/dropdown.vue?vue&type=template&id=0ddf9e89&
6406
- var dropdownvue_type_template_id_0ddf9e89_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.openedWithKeyboard ? 'first' : 'dialog',"fallback-placements":_vm.fallbackPlacements,"padding":"none","role":"menu","modal":_vm.modal,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"open-with-arrow-keys":true,"open-on-context":_vm.openOnContext},on:{"opened":_vm.updateInitialHighlightIndex,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onSpaceKey.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKeyPress')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKeyPress')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKeyPress')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKeyPress')},function($event){return _vm.onKeyValidation($event, 'onKeyPress')}]},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
6552
+ ;// 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/dropdown/dropdown.vue?vue&type=template&id=0a8a683d&
6553
+ var dropdownvue_type_template_id_0a8a683d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.openedWithKeyboard ? 'first' : 'dialog',"fallback-placements":_vm.fallbackPlacements,"padding":"none","role":"menu","modal":_vm.modal,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"open-with-arrow-keys":true,"open-on-context":_vm.openOnContext},on:{"opened":_vm.updateInitialHighlightIndex,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onSpaceKey.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKeyPress')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKeyPress')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKeyPress')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKeyPress')},function($event){return _vm.onKeyValidation($event, 'onKeyPress')}]},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
6407
6554
  var attrs = ref.attrs;
6408
6555
  return [_vm._t("anchor",null,null,attrs)]}},{key:"content",fn:function(ref){
6409
6556
  var close = ref.close;
6410
- return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[_vm._t("list",null,{"close":close})],2)]}}],null,true)},_vm.$listeners))}
6411
- var dropdownvue_type_template_id_0ddf9e89_staticRenderFns = []
6557
+ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[_vm._t("list",null,{"close":close}),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"tabindex":_vm.isArrowKeyNav ? -1 : 0},on:{"close":close}}):_vm._e()],2)]}}],null,true)},_vm.$listeners))}
6558
+ var dropdownvue_type_template_id_0a8a683d_staticRenderFns = []
6412
6559
 
6413
6560
 
6414
- ;// 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=c06c43b6&
6415
- var popovervue_type_template_id_c06c43b6_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--modal-opened': _vm.modal && _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":function($event){$event.preventDefault();return _vm.onContext.apply(null, arguments)},"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)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!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":{
6561
+ ;// 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=b8a8f084&
6562
+ var popovervue_type_template_id_b8a8f084_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":function($event){$event.preventDefault();return _vm.onContext.apply(null, arguments)},"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)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!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":{
6416
6563
  'aria-expanded': _vm.isOpen.toString(),
6417
6564
  'aria-controls': _vm.id,
6418
6565
  'aria-haspopup': _vm.role,
@@ -6422,8 +6569,8 @@ var popovervue_type_template_id_c06c43b6_render = function () {var _vm=this;var
6422
6569
  }),attrs:{"id":_vm.id,"role":_vm.role,"data-qa":"dt-popover","aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":("" + (!_vm.modal)),"transition":_vm.transition,"show":_vm.isOpen,"tabindex":_vm.contentTabindex,"appear":""},on:{"!keydown":function($event){return _vm.onKeydown.apply(null, arguments)},"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[(_vm.$slots.headerContent || _vm.showCloseButton)?_c('popover-header-footer',{ref:"popover__header",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"content-class":_vm.headerClass,"type":"header","show-close-button":_vm.showCloseButton,"close-button-props":_vm.closeButtonProps},on:{"close":_vm.closePopover},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("headerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e(),_c('div',{ref:"popover__content",class:[
6423
6570
  'd-popover__content',
6424
6571
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
6425
- _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover}),(_vm.visuallyHiddenClose)?_c('dt-button',{staticClass:"d-vi-visible-sr",attrs:{"data-qa":"dt-popover-sr-only-close","aria-label":_vm.visuallyHiddenCloseLabel},on:{"click":_vm.closePopover}},[_c('icon-close')],1):_vm._e()],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()],1)],1)],1)}
6426
- var popovervue_type_template_id_c06c43b6_staticRenderFns = []
6572
+ _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)}
6573
+ var popovervue_type_template_id_b8a8f084_staticRenderFns = []
6427
6574
 
6428
6575
 
6429
6576
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -11373,10 +11520,6 @@ var popover_header_footer_component = normalizeComponent(
11373
11520
  //
11374
11521
  //
11375
11522
  //
11376
- //
11377
- //
11378
- //
11379
- //
11380
11523
 
11381
11524
  /* eslint-disable max-lines */
11382
11525
 
@@ -11400,17 +11543,16 @@ var popover_header_footer_component = normalizeComponent(
11400
11543
  * CHILD COMPONENTS *
11401
11544
  ********************/
11402
11545
  components: {
11546
+ SrOnlyCloseButton: common_sr_only_close_button,
11403
11547
  DtLazyShow: lazy_show,
11404
11548
  PopoverHeaderFooter: popover_header_footer,
11405
- Portal: Portal,
11406
- DtButton: button_button,
11407
- IconClose: IconClose
11549
+ Portal: Portal
11408
11550
  },
11409
- mixins: [modal],
11551
+ mixins: [modal, sr_only_close_button],
11410
11552
  props: {
11411
11553
  /**
11412
11554
  * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.
11413
- * If you set this value, the default trigger behavior will be disabled and you can control it as you need.
11555
+ * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.
11414
11556
  * Supports .sync modifier
11415
11557
  * @values null, true, false
11416
11558
  */
@@ -11693,7 +11835,7 @@ var popover_header_footer_component = normalizeComponent(
11693
11835
  */
11694
11836
  initialFocusElement: {
11695
11837
  type: [String, HTMLElement],
11696
- default: 'none',
11838
+ default: 'first',
11697
11839
  validator: initialFocusElement => {
11698
11840
  return POPOVER_INITIAL_FOCUS_STRINGS.includes(initialFocusElement) || initialFocusElement instanceof HTMLElement || initialFocusElement.startsWith('#');
11699
11841
  }
@@ -11707,24 +11849,6 @@ var popover_header_footer_component = normalizeComponent(
11707
11849
  openWithArrowKeys: {
11708
11850
  type: Boolean,
11709
11851
  default: false
11710
- },
11711
-
11712
- /**
11713
- * If true, a visually hidden close button its included in the popover.
11714
- * @values true, false
11715
- */
11716
- visuallyHiddenClose: {
11717
- type: Boolean,
11718
- default: false
11719
- },
11720
-
11721
- /**
11722
- * Label for the visually hidden close button
11723
- * Required if visuallyHiddenClose is set to `true`
11724
- */
11725
- visuallyHiddenCloseLabel: {
11726
- type: String,
11727
- default: ''
11728
11852
  }
11729
11853
  },
11730
11854
  emits: [
@@ -11774,7 +11898,7 @@ var popover_header_footer_component = normalizeComponent(
11774
11898
 
11775
11899
  modal(modal) {
11776
11900
  this.tip.setProps({
11777
- zIndex: modal ? 650 : 300
11901
+ zIndex: this.modal ? 650 : this.calculateAnchorZindex()
11778
11902
  });
11779
11903
  },
11780
11904
 
@@ -11821,6 +11945,9 @@ var popover_header_footer_component = normalizeComponent(
11821
11945
 
11822
11946
  isOpen(isOpen, isPrev) {
11823
11947
  if (isOpen) {
11948
+ this.tip.setProps({
11949
+ zIndex: this.modal ? 650 : this.calculateAnchorZindex()
11950
+ });
11824
11951
  this.tip.show();
11825
11952
  this.addClosePopoverEventListener();
11826
11953
  } else if (!isOpen && isPrev !== isOpen) {
@@ -11889,10 +12016,6 @@ var popover_header_footer_component = normalizeComponent(
11889
12016
  if (this.modal && this.initialFocusElement === 'none') {
11890
12017
  console.error('If the popover is modal you must set the ' + 'initialFocusElement prop. Possible values: "dialog", "first", HTMLElement');
11891
12018
  }
11892
-
11893
- if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {
11894
- console.error('If visuallyHiddenClose prop is true (default), the popover includes a visually hidden ' + 'close button and you must set the visuallyHiddenCloseLabel prop.');
11895
- }
11896
12019
  },
11897
12020
 
11898
12021
  calculateAnchorZindex() {
@@ -12047,9 +12170,9 @@ var popover_header_footer_component = normalizeComponent(
12047
12170
  },
12048
12171
 
12049
12172
  onClickOutside() {
12050
- if (!this.hideOnClick) return; // If a modal popover is opened inside of this one, do not hide on click out
12173
+ if (!this.hideOnClick) return; // If a popover is opened inside of this one, do not hide on click out
12051
12174
 
12052
- const innerModals = this.popoverContentEl.querySelector('.d-popover__anchor--modal-opened');
12175
+ const innerModals = this.popoverContentEl.querySelector('.d-popover__anchor--opened');
12053
12176
 
12054
12177
  if (!innerModals) {
12055
12178
  this.closePopover();
@@ -12107,8 +12230,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(532);
12107
12230
 
12108
12231
  var popover_component = normalizeComponent(
12109
12232
  popover_popovervue_type_script_lang_js_,
12110
- popovervue_type_template_id_c06c43b6_render,
12111
- popovervue_type_template_id_c06c43b6_staticRenderFns,
12233
+ popovervue_type_template_id_b8a8f084_render,
12234
+ popovervue_type_template_id_b8a8f084_staticRenderFns,
12112
12235
  false,
12113
12236
  null,
12114
12237
  null,
@@ -12180,6 +12303,14 @@ const DROPDOWN_PADDING_CLASSES = {
12180
12303
  //
12181
12304
  //
12182
12305
  //
12306
+ //
12307
+ //
12308
+ //
12309
+ //
12310
+ //
12311
+ //
12312
+
12313
+
12183
12314
 
12184
12315
 
12185
12316
 
@@ -12188,7 +12319,8 @@ const DROPDOWN_PADDING_CLASSES = {
12188
12319
  /* harmony default export */ const dropdownvue_type_script_lang_js_ = ({
12189
12320
  name: 'DtDropdown',
12190
12321
  components: {
12191
- DtPopover: popover
12322
+ DtPopover: popover,
12323
+ SrOnlyCloseButton: common_sr_only_close_button
12192
12324
  },
12193
12325
  mixins: [keyboard_list_navigation({
12194
12326
  indexKey: 'highlightIndex',
@@ -12200,7 +12332,7 @@ const DROPDOWN_PADDING_CLASSES = {
12200
12332
  endOfListMethod: 'endOfListMethod',
12201
12333
  activeItemKey: 'activeItemEl',
12202
12334
  focusOnKeyboardNavigation: true
12203
- })],
12335
+ }), sr_only_close_button],
12204
12336
  props: {
12205
12337
  /**
12206
12338
  * Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.
@@ -12409,6 +12541,10 @@ const DROPDOWN_PADDING_CLASSES = {
12409
12541
  },
12410
12542
 
12411
12543
  afterHighlight() {
12544
+ if (this.visuallyHiddenClose && this.highlightIndex === this._itemsLength() - 1) {
12545
+ return;
12546
+ }
12547
+
12412
12548
  this.$emit('highlight', this.highlightIndex);
12413
12549
  },
12414
12550
 
@@ -12416,7 +12552,7 @@ const DROPDOWN_PADDING_CLASSES = {
12416
12552
  this.isOpen = isPopoverOpen;
12417
12553
 
12418
12554
  if (isPopoverOpen) {
12419
- if (this.openedWithKeyboard && this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
12555
+ if (this.openedWithKeyboard && this.isArrowKeyNav) {
12420
12556
  this.setHighlightIndex(0);
12421
12557
  }
12422
12558
 
@@ -12515,8 +12651,8 @@ var dropdownvue_type_style_index_0_lang_less_ = __webpack_require__(774);
12515
12651
 
12516
12652
  var dropdown_component = normalizeComponent(
12517
12653
  dropdown_dropdownvue_type_script_lang_js_,
12518
- dropdownvue_type_template_id_0ddf9e89_render,
12519
- dropdownvue_type_template_id_0ddf9e89_staticRenderFns,
12654
+ dropdownvue_type_template_id_0a8a683d_render,
12655
+ dropdownvue_type_template_id_0a8a683d_staticRenderFns,
12520
12656
  false,
12521
12657
  null,
12522
12658
  null,
@@ -14116,8 +14252,8 @@ var input_group_component = normalizeComponent(
14116
14252
  /* harmony default export */ const input_group_input_group = (input_group_component.exports);
14117
14253
  ;// CONCATENATED MODULE: ./components/input_group/index.js
14118
14254
 
14119
- ;// 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=d71a3468&
14120
- var modalvue_type_template_id_d71a3468_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',{class:[
14255
+ ;// 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=21785ac6&
14256
+ var modalvue_type_template_id_21785ac6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',{class:[
14121
14257
  'd-modal',
14122
14258
  _vm.MODAL_KIND_MODIFIERS[_vm.kind],
14123
14259
  _vm.MODAL_SIZE_MODIFIERS[_vm.size],
@@ -14126,8 +14262,8 @@ var modalvue_type_template_id_d71a3468_render = function () {var _vm=this;var _h
14126
14262
  _vm.bannerClass ],attrs:{"data-qa":"dt-modal-banner"}},[_vm._t("banner",function(){return [_vm._v(" "+_vm._s(_vm.bannerTitle)+" ")]})],2):_vm._e(),_c('transition',{attrs:{"appear":"","name":"d-modal__dialog"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],class:[
14127
14263
  'd-modal__dialog',
14128
14264
  { 'd-modal__dialog--scrollable': _vm.fixedHeaderFooter },
14129
- _vm.dialogClass ],attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",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,"kind":_vm.kind},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)])],1)}
14130
- var modalvue_type_template_id_d71a3468_staticRenderFns = []
14265
+ _vm.dialogClass ],attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",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,"kind":_vm.kind},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'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)}
14266
+ var modalvue_type_template_id_21785ac6_staticRenderFns = []
14131
14267
 
14132
14268
 
14133
14269
  ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
@@ -14247,6 +14383,13 @@ const MODAL_SIZE_MODIFIERS = {
14247
14383
  //
14248
14384
  //
14249
14385
  //
14386
+ //
14387
+ //
14388
+ //
14389
+ //
14390
+ //
14391
+
14392
+
14250
14393
 
14251
14394
 
14252
14395
 
@@ -14264,9 +14407,10 @@ const MODAL_SIZE_MODIFIERS = {
14264
14407
  components: {
14265
14408
  DtLazyShow: lazy_show,
14266
14409
  DtButton: button_button,
14267
- IconClose: IconClose
14410
+ IconClose: IconClose,
14411
+ SrOnlyCloseButton: common_sr_only_close_button
14268
14412
  },
14269
- mixins: [modal],
14413
+ mixins: [modal, sr_only_close_button],
14270
14414
  props: {
14271
14415
  /**
14272
14416
  * A set of props to be passed into the modal's close button.
@@ -14446,6 +14590,15 @@ const MODAL_SIZE_MODIFIERS = {
14446
14590
  }
14447
14591
  }
14448
14592
 
14593
+ },
14594
+ $props: {
14595
+ immediate: true,
14596
+ deep: true,
14597
+
14598
+ handler() {
14599
+ this.validateProps();
14600
+ }
14601
+
14449
14602
  }
14450
14603
  },
14451
14604
  methods: {
@@ -14461,6 +14614,13 @@ const MODAL_SIZE_MODIFIERS = {
14461
14614
  if (this.show) {
14462
14615
  this.focusTrappedTabPress(e);
14463
14616
  }
14617
+ },
14618
+
14619
+ validateProps() {
14620
+ if (this.hideClose && !this.visuallyHiddenClose) {
14621
+ console.error(`If hideClose prop is true, visuallyHiddenClose and visuallyHiddenCloseLabel props
14622
+ need to be set so the component always includes a close button`);
14623
+ }
14464
14624
  }
14465
14625
 
14466
14626
  }
@@ -14477,8 +14637,8 @@ const MODAL_SIZE_MODIFIERS = {
14477
14637
  ;
14478
14638
  var modal_component = normalizeComponent(
14479
14639
  modal_modalvue_type_script_lang_js_,
14480
- modalvue_type_template_id_d71a3468_render,
14481
- modalvue_type_template_id_d71a3468_staticRenderFns,
14640
+ modalvue_type_template_id_21785ac6_render,
14641
+ modalvue_type_template_id_21785ac6_staticRenderFns,
14482
14642
  false,
14483
14643
  null,
14484
14644
  null,
@@ -14673,9 +14833,9 @@ var list_section_component = normalizeComponent(
14673
14833
  /* harmony default export */ const list_section = (list_section_component.exports);
14674
14834
  ;// CONCATENATED MODULE: ./components/list_section/index.js
14675
14835
 
14676
- ;// 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/notice/notice.vue?vue&type=template&id=30c65ac1&
14677
- var noticevue_type_template_id_30c65ac1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"data-qa":"notice"}},_vm.$listeners),[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)}
14678
- var noticevue_type_template_id_30c65ac1_staticRenderFns = []
14836
+ ;// 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/notice/notice.vue?vue&type=template&id=5825773c&
14837
+ var noticevue_type_template_id_5825773c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"data-qa":"notice"}},_vm.$listeners),[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps,"visually-hidden-close":_vm.visuallyHiddenClose,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel}},_vm.$listeners),[_vm._t("action")],2)],1)}
14838
+ var noticevue_type_template_id_5825773c_staticRenderFns = []
14679
14839
 
14680
14840
 
14681
14841
  ;// 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/notice/notice.vue?vue&type=script&lang=js&
@@ -14718,6 +14878,9 @@ var noticevue_type_template_id_30c65ac1_staticRenderFns = []
14718
14878
  //
14719
14879
  //
14720
14880
  //
14881
+ //
14882
+ //
14883
+
14721
14884
 
14722
14885
 
14723
14886
 
@@ -14734,6 +14897,7 @@ var noticevue_type_template_id_30c65ac1_staticRenderFns = []
14734
14897
  DtNoticeContent: notice_content,
14735
14898
  DtNoticeAction: notice_action
14736
14899
  },
14900
+ mixins: [sr_only_close_button],
14737
14901
  props: {
14738
14902
  /**
14739
14903
  * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -14853,8 +15017,8 @@ var noticevue_type_template_id_30c65ac1_staticRenderFns = []
14853
15017
  ;
14854
15018
  var notice_component = normalizeComponent(
14855
15019
  notice_noticevue_type_script_lang_js_,
14856
- noticevue_type_template_id_30c65ac1_render,
14857
- noticevue_type_template_id_30c65ac1_staticRenderFns,
15020
+ noticevue_type_template_id_5825773c_render,
15021
+ noticevue_type_template_id_5825773c_staticRenderFns,
14858
15022
  false,
14859
15023
  null,
14860
15024
  null,
@@ -17072,12 +17236,12 @@ var select_menu_component = normalizeComponent(
17072
17236
  ;// CONCATENATED MODULE: ./components/select_menu/index.js
17073
17237
 
17074
17238
 
17075
- ;// 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/toast/toast.vue?vue&type=template&id=48807c9a&
17076
- var toastvue_type_template_id_48807c9a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isShown)?_c('div',{class:[
17239
+ ;// 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/toast/toast.vue?vue&type=template&id=b85afb74&
17240
+ var toastvue_type_template_id_b85afb74_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isShown)?_c('div',{class:[
17077
17241
  'd-toast',
17078
17242
  _vm.kindClass,
17079
- { 'd-toast--important': _vm.important } ],attrs:{"data-qa":"dt-toast","aria-hidden":(!_vm.isShown).toString()}},[_c('div',{staticClass:"d-toast__dialog"},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.message)+" ")]})],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.noticeActionListeners),[_vm._t("action")],2)],1)]):_vm._e()}
17080
- var toastvue_type_template_id_48807c9a_staticRenderFns = []
17243
+ { 'd-toast--important': _vm.important } ],attrs:{"data-qa":"dt-toast","aria-hidden":(!_vm.isShown).toString()}},[_c('div',{staticClass:"d-toast__dialog"},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.message)+" ")]})],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps,"visually-hidden-close":_vm.visuallyHiddenClose,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel}},_vm.noticeActionListeners),[_vm._t("action")],2)],1)]):_vm._e()}
17244
+ var toastvue_type_template_id_b85afb74_staticRenderFns = []
17081
17245
 
17082
17246
 
17083
17247
  ;// CONCATENATED MODULE: ./components/toast/toast_constants.js
@@ -17136,6 +17300,9 @@ const TOAST_MIN_DURATION = 6000;
17136
17300
  //
17137
17301
  //
17138
17302
  //
17303
+ //
17304
+ //
17305
+
17139
17306
 
17140
17307
 
17141
17308
 
@@ -17155,6 +17322,7 @@ const TOAST_MIN_DURATION = 6000;
17155
17322
  DtNoticeContent: notice_content,
17156
17323
  DtNoticeAction: notice_action
17157
17324
  },
17325
+ mixins: [sr_only_close_button],
17158
17326
  props: {
17159
17327
  /**
17160
17328
  * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -17367,8 +17535,8 @@ const TOAST_MIN_DURATION = 6000;
17367
17535
  ;
17368
17536
  var toast_component = normalizeComponent(
17369
17537
  toast_toastvue_type_script_lang_js_,
17370
- toastvue_type_template_id_48807c9a_render,
17371
- toastvue_type_template_id_48807c9a_staticRenderFns,
17538
+ toastvue_type_template_id_b85afb74_render,
17539
+ toastvue_type_template_id_b85afb74_staticRenderFns,
17372
17540
  false,
17373
17541
  null,
17374
17542
  null,
@@ -18646,15 +18814,15 @@ var root_layout_component = normalizeComponent(
18646
18814
  ;// CONCATENATED MODULE: ./components/root_layout/index.js
18647
18815
 
18648
18816
 
18649
- ;// 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!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=27a3126a&
18650
- var combobox_with_popovervue_type_template_id_27a3126a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-combobox',_vm._g({ref:"combobox",attrs:{"loading":_vm.loading,"empty-list":_vm.emptyList,"empty-state-message":_vm.emptyStateMessage,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
18817
+ ;// 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!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=96ff85ec&
18818
+ var combobox_with_popovervue_type_template_id_96ff85ec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-combobox',_vm._g({ref:"combobox",attrs:{"loading":_vm.loading,"empty-list":_vm.emptyList,"empty-state-message":_vm.emptyStateMessage,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
18651
18819
  var inputProps = ref.inputProps;
18652
18820
  return [_c('div',{ref:"input",attrs:{"id":_vm.externalAnchor},on:{"focusin":_vm.onFocusIn,"focusout":_vm.onFocusOut,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }return _vm.openOnArrowKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }return _vm.openOnArrowKeyPress($event)}]}},[_vm._t("input",null,{"inputProps":inputProps,"onInput":_vm.handleDisplayList})],2)]}},{key:"list",fn:function(ref){
18653
18821
  var opened = ref.opened;
18654
18822
  var listProps = ref.listProps;
18655
18823
  var clearHighlightIndex = ref.clearHighlightIndex;
18656
- return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":_vm.showList === null,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":_vm.modal,"auto-focus":false},on:{"update:open":function($event){_vm.isListShown=$event},"opened":function($event){return opened($event, arguments[1]);}},scopedSlots:_vm._u([{key:"headerContent",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header",on:{"focusout":_vm.onFocusOut}},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"content",fn:function(){return [_c('div',{ref:"listWrapper",class:[_vm.DROPDOWN_PADDING_CLASSES[_vm.padding], _vm.listClass],on:{"mouseleave":clearHighlightIndex,"focusout":function($event){clearHighlightIndex; _vm.onFocusOut;}}},[(_vm.loading)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',listProps,false)):(_vm.emptyList && _vm.emptyStateMessage)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',listProps,false)):_vm._t("list",null,{"listProps":listProps})],2)]},proxy:true},{key:"footerContent",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer",on:{"focusout":_vm.onFocusOut}},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
18657
- var combobox_with_popovervue_type_template_id_27a3126a_staticRenderFns = []
18824
+ return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":_vm.showList === null,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","initial-focus-element":"none","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose},on:{"update:open":function($event){_vm.isListShown=$event},"opened":function($event){return opened($event, arguments[1]);}},scopedSlots:_vm._u([{key:"headerContent",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header",on:{"focusout":_vm.onFocusOut}},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"content",fn:function(){return [_c('div',{ref:"listWrapper",class:[_vm.DROPDOWN_PADDING_CLASSES[_vm.padding], _vm.listClass],on:{"mouseleave":clearHighlightIndex,"focusout":function($event){clearHighlightIndex; _vm.onFocusOut;}}},[(_vm.loading)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',listProps,false)):(_vm.emptyList && _vm.emptyStateMessage)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',listProps,false)):_vm._t("list",null,{"listProps":listProps})],2)]},proxy:true},{key:"footerContent",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer",on:{"focusout":_vm.onFocusOut}},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
18825
+ var combobox_with_popovervue_type_template_id_96ff85ec_staticRenderFns = []
18658
18826
 
18659
18827
 
18660
18828
  ;// 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!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js&
@@ -18758,6 +18926,10 @@ var combobox_with_popovervue_type_template_id_27a3126a_staticRenderFns = []
18758
18926
  //
18759
18927
  //
18760
18928
  //
18929
+ //
18930
+ //
18931
+ //
18932
+
18761
18933
 
18762
18934
 
18763
18935
 
@@ -18772,6 +18944,7 @@ var combobox_with_popovervue_type_template_id_27a3126a_staticRenderFns = []
18772
18944
  ComboboxLoadingList: combobox_loading_list,
18773
18945
  ComboboxEmptyList: combobox_empty_list
18774
18946
  },
18947
+ mixins: [sr_only_close_button],
18775
18948
  props: {
18776
18949
  /**
18777
18950
  * String to use for the list's aria-label.
@@ -18894,15 +19067,6 @@ var combobox_with_popovervue_type_template_id_27a3126a_staticRenderFns = []
18894
19067
  default: false
18895
19068
  },
18896
19069
 
18897
- /**
18898
- * Determines modal state. If enabled popover has a modal overlay
18899
- * preventing interaction with elements below it, but it is invisible.
18900
- */
18901
- modal: {
18902
- type: Boolean,
18903
- default: true
18904
- },
18905
-
18906
19070
  /**
18907
19071
  * Displays the list when the combobox is focused, before the user has typed anything.
18908
19072
  * When this is enabled the list will not close after selection.
@@ -19054,7 +19218,7 @@ var combobox_with_popovervue_type_template_id_27a3126a_staticRenderFns = []
19054
19218
 
19055
19219
  onFocusIn(e) {
19056
19220
  if (this.hasSuggestionList && e && this.$refs.input.querySelector('input') === e.target) {
19057
- // only trigger if we show suggestion list when focus and
19221
+ // only trigger if we show suggestion list when focused, and
19058
19222
  // it's the input specifically that was focused
19059
19223
  this.showComboboxList();
19060
19224
  }
@@ -19067,7 +19231,7 @@ var combobox_with_popovervue_type_template_id_27a3126a_staticRenderFns = []
19067
19231
  var _this$$refs$ref;
19068
19232
 
19069
19233
  return (_this$$refs$ref = this.$refs[ref]) === null || _this$$refs$ref === void 0 ? void 0 : _this$$refs$ref.contains(e.relatedTarget);
19070
- }); // If outside of the combobox then close
19234
+ }) || this.visuallyHiddenClose; // If outside the combobox then close
19071
19235
 
19072
19236
  if (!isComboboxStillFocused) {
19073
19237
  this.closeComboboxList();
@@ -19096,8 +19260,8 @@ var combobox_with_popovervue_type_template_id_27a3126a_staticRenderFns = []
19096
19260
  ;
19097
19261
  var combobox_with_popover_component = normalizeComponent(
19098
19262
  combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
19099
- combobox_with_popovervue_type_template_id_27a3126a_render,
19100
- combobox_with_popovervue_type_template_id_27a3126a_staticRenderFns,
19263
+ combobox_with_popovervue_type_template_id_96ff85ec_render,
19264
+ combobox_with_popovervue_type_template_id_96ff85ec_staticRenderFns,
19101
19265
  false,
19102
19266
  null,
19103
19267
  null,
@@ -19108,11 +19272,11 @@ var combobox_with_popover_component = normalizeComponent(
19108
19272
  /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
19109
19273
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
19110
19274
 
19111
- ;// 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!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=6305bf12&
19112
- var combobox_multi_selectvue_type_template_id_6305bf12_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"list-aria-label":"listAriaLabel","show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"content-width":"anchor"},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
19275
+ ;// 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!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=652b0440&
19276
+ var combobox_multi_selectvue_type_template_id_652b0440_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"list-aria-label":"listAriaLabel","show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose,"content-width":"anchor"},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
19113
19277
  var onInput = ref.onInput;
19114
19278
  return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,staticClass:"d-mt4 d-mx2 d-zi-base1",attrs:{"close-button-props":{ ariaLabel: 'close' },"size":_vm.size},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"backspace",undefined,$event.key,undefined)){ return null; }return _vm.onChipRemove(item)},"close":function($event){return _vm.onChipRemove(item)}}},_vm.chipListeners),[_vm._v(" "+_vm._s(item)+" ")])}),1),_c('dt-input',_vm._g({ref:"input",staticClass:"d-fl-grow1 d-mb4",attrs:{"label":_vm.label,"description":_vm.description,"placeholder":_vm.inputPlaceHolder,"show-messages":_vm.showInputMessages,"messages":_vm.inputMessages,"size":_vm.size},on:{"input":onInput},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm.inputListeners)),_c('dt-validation-messages',{attrs:{"validation-messages":_vm.maxSelectedMessage,"show-messages":_vm.showValidationMessages}})],1)]}},{key:"header",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"list",fn:function(){return [_c('div',{ref:"list",on:{"mousedown":function($event){$event.preventDefault();}}},[(!_vm.loading)?_vm._t("list"):_c('div',{staticClass:"d-ta-center d-py16"},[_vm._v(" "+_vm._s(_vm.loadingMessage)+" ")])],2)]},proxy:true},{key:"footer",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})}
19115
- var combobox_multi_selectvue_type_template_id_6305bf12_staticRenderFns = []
19279
+ var combobox_multi_selectvue_type_template_id_652b0440_staticRenderFns = []
19116
19280
 
19117
19281
 
19118
19282
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -19314,6 +19478,9 @@ const MULTI_SELECT_SIZES = {
19314
19478
  //
19315
19479
  //
19316
19480
  //
19481
+ //
19482
+ //
19483
+
19317
19484
 
19318
19485
 
19319
19486
 
@@ -19328,6 +19495,7 @@ const MULTI_SELECT_SIZES = {
19328
19495
  DtChip: chip,
19329
19496
  DtValidationMessages: validation_messages
19330
19497
  },
19498
+ mixins: [sr_only_close_button],
19331
19499
  props: {
19332
19500
  /**
19333
19501
  * Label for the combobox
@@ -19494,7 +19662,7 @@ const MULTI_SELECT_SIZES = {
19494
19662
  data() {
19495
19663
  return {
19496
19664
  value: '',
19497
- popoverOffset: [0, 0],
19665
+ popoverOffset: [0, 4],
19498
19666
  showValidationMessages: false,
19499
19667
  initialInputPadding: {},
19500
19668
  resizeWindowObserver: null
@@ -19727,7 +19895,7 @@ const MULTI_SELECT_SIZES = {
19727
19895
  // If the new chip goes to the next line and the input box expands,
19728
19896
  // move the popover down to the next line. Same when chips are removed
19729
19897
 
19730
- this.popoverOffset = [0, 0];
19898
+ this.popoverOffset = [0, 4];
19731
19899
  },
19732
19900
 
19733
19901
  getFullWidth(el) {
@@ -19780,8 +19948,8 @@ const MULTI_SELECT_SIZES = {
19780
19948
  ;
19781
19949
  var combobox_multi_select_component = normalizeComponent(
19782
19950
  combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
19783
- combobox_multi_selectvue_type_template_id_6305bf12_render,
19784
- combobox_multi_selectvue_type_template_id_6305bf12_staticRenderFns,
19951
+ combobox_multi_selectvue_type_template_id_652b0440_render,
19952
+ combobox_multi_selectvue_type_template_id_652b0440_staticRenderFns,
19785
19953
  false,
19786
19954
  null,
19787
19955
  null,