@dialpad/dialtone-vue 3.20.1 → 3.22.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/dist/component-documentation.json +1 -1
  2. package/dist/dialtone-vue.common.js +627 -236
  3. package/dist/dialtone-vue.umd.js +1155 -772
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/dist/emoji.umd.js +48 -56
  6. package/dist/emoji.umd.min.js +1 -1
  7. package/package.json +7 -6
package/dist/dialtone-vue.common.js CHANGED
@@ -25,7 +25,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".enter-active,.leave-active{overflow:h
25
25
 
26
26
  /***/ }),
27
27
 
28
- /***/ 158:
28
+ /***/ 78:
29
29
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
30
30
 
31
31
  "use strict";
@@ -49,7 +49,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".d-context-menu-list{width:24rem}", ""
49
49
 
50
50
  /***/ }),
51
51
 
52
- /***/ 826:
52
+ /***/ 640:
53
53
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
54
54
 
55
55
  "use strict";
@@ -169,7 +169,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-section[tabindex=\"-1\"]:focu
169
169
 
170
170
  /***/ }),
171
171
 
172
- /***/ 553:
172
+ /***/ 674:
173
173
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
174
174
 
175
175
  "use strict";
@@ -289,7 +289,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".tippy-box[data-popper-escaped] .d-too
289
289
 
290
290
  /***/ }),
291
291
 
292
- /***/ 20:
292
+ /***/ 844:
293
293
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
294
294
 
295
295
  "use strict";
@@ -542,35 +542,35 @@ var update = add("79334d9e", content, true, {"sourceMap":false,"shadowMode":fals
542
542
 
543
543
  /***/ }),
544
544
 
545
- /***/ 286:
545
+ /***/ 438:
546
546
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
547
547
 
548
548
  // style-loader: Adds some css to the DOM by adding a <style> tag
549
549
 
550
550
  // load the styles
551
- var content = __webpack_require__(158);
551
+ var content = __webpack_require__(78);
552
552
  if(content.__esModule) content = content.default;
553
553
  if(typeof content === 'string') content = [[module.id, content, '']];
554
554
  if(content.locals) module.exports = content.locals;
555
555
  // add the styles to the DOM
556
556
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
557
- var update = add("03a34d74", content, true, {"sourceMap":false,"shadowMode":false});
557
+ var update = add("06fe8c46", content, true, {"sourceMap":false,"shadowMode":false});
558
558
 
559
559
  /***/ }),
560
560
 
561
- /***/ 633:
561
+ /***/ 412:
562
562
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
563
563
 
564
564
  // style-loader: Adds some css to the DOM by adding a <style> tag
565
565
 
566
566
  // load the styles
567
- var content = __webpack_require__(826);
567
+ var content = __webpack_require__(640);
568
568
  if(content.__esModule) content = content.default;
569
569
  if(typeof content === 'string') content = [[module.id, content, '']];
570
570
  if(content.locals) module.exports = content.locals;
571
571
  // add the styles to the DOM
572
572
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
573
- var update = add("e7bd0444", content, true, {"sourceMap":false,"shadowMode":false});
573
+ var update = add("1c8d62da", content, true, {"sourceMap":false,"shadowMode":false});
574
574
 
575
575
  /***/ }),
576
576
 
@@ -638,19 +638,19 @@ var update = add("4d925410", content, true, {"sourceMap":false,"shadowMode":fals
638
638
 
639
639
  /***/ }),
640
640
 
641
- /***/ 138:
641
+ /***/ 925:
642
642
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
643
643
 
644
644
  // style-loader: Adds some css to the DOM by adding a <style> tag
645
645
 
646
646
  // load the styles
647
- var content = __webpack_require__(553);
647
+ var content = __webpack_require__(674);
648
648
  if(content.__esModule) content = content.default;
649
649
  if(typeof content === 'string') content = [[module.id, content, '']];
650
650
  if(content.locals) module.exports = content.locals;
651
651
  // add the styles to the DOM
652
652
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
653
- var update = add("c2c45b66", content, true, {"sourceMap":false,"shadowMode":false});
653
+ var update = add("a4b9582c", content, true, {"sourceMap":false,"shadowMode":false});
654
654
 
655
655
  /***/ }),
656
656
 
@@ -718,19 +718,19 @@ var update = add("7a6863ba", content, true, {"sourceMap":false,"shadowMode":fals
718
718
 
719
719
  /***/ }),
720
720
 
721
- /***/ 170:
721
+ /***/ 476:
722
722
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
723
723
 
724
724
  // style-loader: Adds some css to the DOM by adding a <style> tag
725
725
 
726
726
  // load the styles
727
- var content = __webpack_require__(20);
727
+ var content = __webpack_require__(844);
728
728
  if(content.__esModule) content = content.default;
729
729
  if(typeof content === 'string') content = [[module.id, content, '']];
730
730
  if(content.locals) module.exports = content.locals;
731
731
  // add the styles to the DOM
732
732
  var add = (__webpack_require__(402)/* ["default"] */ .Z)
733
- var update = add("5dfba78e", content, true, {"sourceMap":false,"shadowMode":false});
733
+ var update = add("15451cd3", content, true, {"sourceMap":false,"shadowMode":false});
734
734
 
735
735
  /***/ }),
736
736
 
@@ -766,7 +766,7 @@ var update = add("4c5154d6", content, true, {"sourceMap":false,"shadowMode":fals
766
766
 
767
767
  /***/ }),
768
768
 
769
- /***/ 808:
769
+ /***/ 307:
770
770
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
771
771
 
772
772
  // style-loader: Adds some css to the DOM by adding a <style> tag
@@ -1159,6 +1159,7 @@ __webpack_require__.d(__webpack_exports__, {
1159
1159
  "DtDropdownList": () => (/* reexport */ dropdown_list),
1160
1160
  "DtDropdownSeparator": () => (/* reexport */ dropdown_separator),
1161
1161
  "DtGroupableInputMixin": () => (/* reexport */ GroupableMixin),
1162
+ "DtIcon": () => (/* reexport */ icon),
1162
1163
  "DtInput": () => (/* reexport */ input_input),
1163
1164
  "DtInputGroup": () => (/* reexport */ input_group_input_group),
1164
1165
  "DtInputGroupMixin": () => (/* reexport */ InputGroupMixin),
@@ -1168,6 +1169,7 @@ __webpack_require__.d(__webpack_exports__, {
1168
1169
  "DtLazyShow": () => (/* reexport */ lazy_show),
1169
1170
  "DtLink": () => (/* reexport */ link_link),
1170
1171
  "DtListItem": () => (/* reexport */ list_item),
1172
+ "DtListItemGroup": () => (/* reexport */ list_item_group),
1171
1173
  "DtListSection": () => (/* reexport */ list_section),
1172
1174
  "DtModal": () => (/* reexport */ modal_modal),
1173
1175
  "DtNotice": () => (/* reexport */ notice),
@@ -1458,6 +1460,15 @@ const flushPromises = () => {
1458
1460
  scheduler(resolve);
1459
1461
  });
1460
1462
  };
1463
+ /**
1464
+ * Transform a string from kebab-case to pascalCase
1465
+ * @param string
1466
+ * @returns {string}
1467
+ */
1468
+
1469
+ const kebabCaseToPascalCase = string => {
1470
+ return string.toLowerCase().split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
1471
+ };
1461
1472
  /* harmony default export */ const utils = ({
1462
1473
  getUniqueString,
1463
1474
  formatMessages,
@@ -1465,7 +1476,8 @@ const flushPromises = () => {
1465
1476
  hasFormattedMessageOfType,
1466
1477
  getValidationState,
1467
1478
  htmlFragment,
1468
- flushPromises
1479
+ flushPromises,
1480
+ kebabCaseToPascalCase
1469
1481
  });
1470
1482
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/avatar/avatar.vue?vue&type=script&lang=js
1471
1483
 
@@ -1688,11 +1700,11 @@ const badge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(badgevue_typ
1688
1700
  ;// CONCATENATED MODULE: ./components/badge/index.js
1689
1701
 
1690
1702
 
1691
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/banner/banner.vue?vue&type=template&id=d449ad4a
1703
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/banner/banner.vue?vue&type=template&id=a3c41ca8
1692
1704
 
1693
- const bannervue_type_template_id_d449ad4a_hoisted_1 = ["role"];
1705
+ const bannervue_type_template_id_a3c41ca8_hoisted_1 = ["role"];
1694
1706
  const _hoisted_2 = ["aria-labelledby", "aria-describedby"];
1695
- function bannervue_type_template_id_d449ad4a_render(_ctx, _cache, $props, $setup, $data, $options) {
1707
+ function bannervue_type_template_id_a3c41ca8_render(_ctx, _cache, $props, $setup, $data, $options) {
1696
1708
  const _component_dt_notice_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-notice-icon");
1697
1709
 
1698
1710
  const _component_dt_notice_content = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-notice-content");
@@ -1727,13 +1739,15 @@ function bannervue_type_template_id_d449ad4a_render(_ctx, _cache, $props, $setup
1727
1739
  }, 8, ["title-id", "content-id", "title"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_notice_action, {
1728
1740
  "hide-close": $props.hideClose,
1729
1741
  "close-button-props": $props.closeButtonProps,
1742
+ "visually-hidden-close": _ctx.visuallyHiddenClose,
1743
+ "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
1730
1744
  onClose: _cache[0] || (_cache[0] = $event => _ctx.$emit('close'))
1731
1745
  }, {
1732
1746
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "action")]),
1733
1747
  _: 3
1734
- }, 8, ["hide-close", "close-button-props"])], 10, _hoisted_2)], 46, bannervue_type_template_id_d449ad4a_hoisted_1);
1748
+ }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])], 10, _hoisted_2)], 46, bannervue_type_template_id_a3c41ca8_hoisted_1);
1735
1749
  }
1736
- ;// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=d449ad4a
1750
+ ;// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=a3c41ca8
1737
1751
 
1738
1752
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_icon.vue?vue&type=template&id=5544041e
1739
1753
 
@@ -2008,20 +2022,23 @@ function notice_contentvue_type_template_id_45f8172a_render(_ctx, _cache, $props
2008
2022
  const notice_content_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(notice_contentvue_type_script_lang_js, [['render',notice_contentvue_type_template_id_45f8172a_render]])
2009
2023
 
2010
2024
  /* harmony default export */ const notice_content = (notice_content_exports_);
2011
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_action.vue?vue&type=template&id=631bfaf8
2025
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_action.vue?vue&type=template&id=3fb27eac
2012
2026
 
2013
- const notice_actionvue_type_template_id_631bfaf8_hoisted_1 = {
2027
+ const notice_actionvue_type_template_id_3fb27eac_hoisted_1 = {
2014
2028
  class: "d-notice__actions",
2015
2029
  "data-qa": "notice-content-actions"
2016
2030
  };
2017
- function notice_actionvue_type_template_id_631bfaf8_render(_ctx, _cache, $props, $setup, $data, $options) {
2031
+ function notice_actionvue_type_template_id_3fb27eac_render(_ctx, _cache, $props, $setup, $data, $options) {
2018
2032
  const _component_icon_close = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-close");
2019
2033
 
2020
2034
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
2021
2035
 
2022
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", notice_actionvue_type_template_id_631bfaf8_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default"), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
2036
+ const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
2037
+
2038
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", notice_actionvue_type_template_id_3fb27eac_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default"), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
2023
2039
  key: 0,
2024
2040
  ref: "closeButton",
2041
+ "data-qa": "dt-notice-action-close-button",
2025
2042
  size: "sm",
2026
2043
  importance: "clear",
2027
2044
  circle: "",
@@ -2031,9 +2048,13 @@ function notice_actionvue_type_template_id_631bfaf8_render(_ctx, _cache, $props,
2031
2048
  }), {
2032
2049
  icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_icon_close)]),
2033
2050
  _: 1
2034
- }, 16, ["aria-label", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
2051
+ }, 16, ["aria-label", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.showVisuallyHiddenClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_sr_only_close_button, {
2052
+ key: 1,
2053
+ "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
2054
+ onClose: $options.close
2055
+ }, null, 8, ["visually-hidden-close-label", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
2035
2056
  }
2036
- ;// CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=631bfaf8
2057
+ ;// CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=3fb27eac
2037
2058
 
2038
2059
  ;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=4ef5457b
2039
2060
 
@@ -2447,15 +2468,130 @@ const LINK_KIND_MODIFIERS = {
2447
2468
  const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_type_script_lang_js, [['render',buttonvue_type_template_id_6d10e472_render]])
2448
2469
 
2449
2470
  /* harmony default export */ const button_button = (button_exports_);
2471
+ ;// CONCATENATED MODULE: ./common/mixins/sr_only_close_button.js
2472
+ /**
2473
+ * @displayName Sr-Only close button mixin
2474
+ */
2475
+ /* harmony default export */ const sr_only_close_button = ({
2476
+ props: {
2477
+ /**
2478
+ * If true, a hidden close button is included for screen readers
2479
+ * @values true, false
2480
+ */
2481
+ visuallyHiddenClose: {
2482
+ type: Boolean,
2483
+ default: false
2484
+ },
2485
+
2486
+ /**
2487
+ * Label for the visually hidden close button
2488
+ * Required if visuallyHiddenClose is set to `true`
2489
+ */
2490
+ visuallyHiddenCloseLabel: {
2491
+ type: String,
2492
+ default: null
2493
+ }
2494
+ },
2495
+ watch: {
2496
+ $props: {
2497
+ immediate: true,
2498
+ deep: true,
2499
+
2500
+ handler() {
2501
+ this.validateVisuallyHiddenCloseProps();
2502
+ }
2503
+
2504
+ }
2505
+ },
2506
+ computed: {
2507
+ showVisuallyHiddenClose() {
2508
+ return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;
2509
+ }
2510
+
2511
+ },
2512
+ methods: {
2513
+ validateVisuallyHiddenCloseProps() {
2514
+ if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {
2515
+ console.error(`If visuallyHiddenClose prop is true, the component includes
2516
+ a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);
2517
+ }
2518
+ }
2519
+
2520
+ }
2521
+ });
2522
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./common/sr_only_close_button.vue?vue&type=template&id=3480ff70
2523
+
2524
+ function sr_only_close_buttonvue_type_template_id_3480ff70_render(_ctx, _cache, $props, $setup, $data, $options) {
2525
+ const _component_icon_close = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-close");
2526
+
2527
+ const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
2528
+
2529
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, {
2530
+ id: "sr-only-close-button",
2531
+ "data-qa": "dt-sr-only-close-button",
2532
+ class: "d-vi-visible-sr",
2533
+ "aria-label": $props.visuallyHiddenCloseLabel,
2534
+ onClick: $options.close,
2535
+ onKeydown: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($options.close, ["prevent", "stop"]), ["space"])
2536
+ }, {
2537
+ default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_icon_close)]),
2538
+ _: 1
2539
+ }, 8, ["aria-label", "onClick", "onKeydown"]);
2540
+ }
2541
+ ;// CONCATENATED MODULE: ./common/sr_only_close_button.vue?vue&type=template&id=3480ff70
2542
+
2543
+ ;// CONCATENATED MODULE: ./components/button/index.js
2544
+
2545
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./common/sr_only_close_button.vue?vue&type=script&lang=js
2546
+
2547
+
2548
+ /* harmony default export */ const sr_only_close_buttonvue_type_script_lang_js = ({
2549
+ name: 'SrOnlyCloseButton',
2550
+ components: {
2551
+ IconClose: IconClose,
2552
+ DtButton: button_button
2553
+ },
2554
+ props: {
2555
+ /**
2556
+ * Label for the visually hidden close button
2557
+ * Required if visuallyHiddenClose is set to `true`
2558
+ */
2559
+ visuallyHiddenCloseLabel: {
2560
+ type: String,
2561
+ default: null
2562
+ }
2563
+ },
2564
+ methods: {
2565
+ close() {
2566
+ this.$emit('close');
2567
+ }
2568
+
2569
+ }
2570
+ });
2571
+ ;// CONCATENATED MODULE: ./common/sr_only_close_button.vue?vue&type=script&lang=js
2572
+
2573
+ ;// CONCATENATED MODULE: ./common/sr_only_close_button.vue
2574
+
2575
+
2576
+
2577
+
2578
+ ;
2579
+ const sr_only_close_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(sr_only_close_buttonvue_type_script_lang_js, [['render',sr_only_close_buttonvue_type_template_id_3480ff70_render]])
2580
+
2581
+ /* harmony default export */ const common_sr_only_close_button = (sr_only_close_button_exports_);
2450
2582
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_action.vue?vue&type=script&lang=js
2451
2583
 
2452
2584
 
2585
+
2586
+
2453
2587
  /* harmony default export */ const notice_actionvue_type_script_lang_js = ({
2454
2588
  name: 'DtNoticeAction',
2455
2589
  components: {
2456
2590
  IconClose: IconClose,
2457
- DtButton: button_button
2591
+ DtButton: button_button,
2592
+ SrOnlyCloseButton: common_sr_only_close_button
2458
2593
  },
2594
+ mixins: [sr_only_close_button],
2459
2595
  props: {
2460
2596
  /**
2461
2597
  * Props for the notice close button.
@@ -2481,6 +2617,17 @@ const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_t
2481
2617
  * @event close
2482
2618
  */
2483
2619
  'close'],
2620
+ watch: {
2621
+ $props: {
2622
+ immediate: true,
2623
+ deep: true,
2624
+
2625
+ handler() {
2626
+ this.validateProps();
2627
+ }
2628
+
2629
+ }
2630
+ },
2484
2631
 
2485
2632
  created() {
2486
2633
  if (!this.hideClose && !this.closeButtonProps.ariaLabel) {
@@ -2503,6 +2650,12 @@ const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_t
2503
2650
  methods: {
2504
2651
  close() {
2505
2652
  this.$emit('close');
2653
+ },
2654
+
2655
+ validateProps() {
2656
+ if (this.hideClose && !this.visuallyHiddenClose) {
2657
+ console.error('If hideClose prop is true, visuallyHiddenClose and visuallyHiddenCloseLabel props ' + 'need to be set so the component always includes a close button');
2658
+ }
2506
2659
  }
2507
2660
 
2508
2661
  }
@@ -2515,7 +2668,7 @@ const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_t
2515
2668
 
2516
2669
 
2517
2670
  ;
2518
- const notice_action_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(notice_actionvue_type_script_lang_js, [['render',notice_actionvue_type_template_id_631bfaf8_render]])
2671
+ const notice_action_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(notice_actionvue_type_script_lang_js, [['render',notice_actionvue_type_template_id_3fb27eac_render]])
2519
2672
 
2520
2673
  /* harmony default export */ const notice_action = (notice_action_exports_);
2521
2674
  ;// CONCATENATED MODULE: ./common/mixins/modal.js
@@ -2643,6 +2796,7 @@ const focusableElementsList = `button,[href],input,select,textarea,details,[tabi
2643
2796
 
2644
2797
 
2645
2798
 
2799
+
2646
2800
  /**
2647
2801
  * Banners are a type of notice, delivering system and engagement messaging.
2648
2802
  * These are highly intrusive notices and should be used sparingly and appropriately.
@@ -2656,7 +2810,7 @@ const focusableElementsList = `button,[href],input,select,textarea,details,[tabi
2656
2810
  DtNoticeContent: notice_content,
2657
2811
  DtNoticeAction: notice_action
2658
2812
  },
2659
- mixins: [modal],
2813
+ mixins: [modal, sr_only_close_button],
2660
2814
  props: {
2661
2815
  /**
2662
2816
  * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -2835,7 +2989,7 @@ const focusableElementsList = `button,[href],input,select,textarea,details,[tabi
2835
2989
 
2836
2990
 
2837
2991
  ;
2838
- const banner_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(bannervue_type_script_lang_js, [['render',bannervue_type_template_id_d449ad4a_render]])
2992
+ const banner_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(bannervue_type_script_lang_js, [['render',bannervue_type_template_id_a3c41ca8_render]])
2839
2993
 
2840
2994
  /* harmony default export */ const banner = (banner_exports_);
2841
2995
  ;// CONCATENATED MODULE: ./components/banner/index.js
@@ -3088,8 +3242,6 @@ const breadcrumbs_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(breadc
3088
3242
 
3089
3243
 
3090
3244
 
3091
- ;// CONCATENATED MODULE: ./components/button/index.js
3092
-
3093
3245
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/button_group/button_group.vue?vue&type=template&id=26eb52e6
3094
3246
 
3095
3247
  function button_groupvue_type_template_id_26eb52e6_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -3508,7 +3660,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3508
3660
  return null;
3509
3661
  }
3510
3662
 
3511
- return Array.from(listElement.querySelectorAll(`[role="${listItemRole}"]`));
3663
+ return Array.from(listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`));
3512
3664
  },
3513
3665
 
3514
3666
  onUpKey() {
@@ -3615,7 +3767,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3615
3767
  return;
3616
3768
  }
3617
3769
 
3618
- const listItems = Array.from(listElement.querySelectorAll(`[role="${listItemRole}"]`));
3770
+ const listItems = Array.from(listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`));
3619
3771
  return listItems.indexOf(listElement.querySelector(`#${id}`));
3620
3772
  },
3621
3773
 
@@ -3628,7 +3780,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3628
3780
  return;
3629
3781
  }
3630
3782
 
3631
- return (_listElement$querySel = listElement.querySelectorAll(`[role="${listItemRole}"]`)[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
3783
+ return (_listElement$querySel = listElement.querySelectorAll(`[role="${listItemRole}"], #sr-only-close-button`)[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
3632
3784
  },
3633
3785
 
3634
3786
  scrollActiveItemIntoViewIfNeeded() {
@@ -4818,25 +4970,25 @@ const skeleton_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(skeletonv
4818
4970
  const combobox_loading_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_loading_listvue_type_script_lang_js, [['render',combobox_loading_listvue_type_template_id_07d9971d_render]])
4819
4971
 
4820
4972
  /* harmony default export */ const combobox_loading_list = (combobox_loading_list_exports_);
4821
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox_empty-list.vue?vue&type=template&id=d0c59b2c
4973
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox_empty-list.vue?vue&type=template&id=ee5abe2c
4822
4974
 
4823
- const combobox_empty_listvue_type_template_id_d0c59b2c_hoisted_1 = {
4975
+ const combobox_empty_listvue_type_template_id_ee5abe2c_hoisted_1 = {
4824
4976
  class: "d-p0",
4825
4977
  "data-qa": "dt-combobox-empty-list"
4826
4978
  };
4827
- function combobox_empty_listvue_type_template_id_d0c59b2c_render(_ctx, _cache, $props, $setup, $data, $options) {
4979
+ function combobox_empty_listvue_type_template_id_ee5abe2c_render(_ctx, _cache, $props, $setup, $data, $options) {
4828
4980
  const _component_dt_list_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-list-item");
4829
4981
 
4830
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("ol", combobox_empty_listvue_type_template_id_d0c59b2c_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_list_item, {
4982
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("ol", combobox_empty_listvue_type_template_id_ee5abe2c_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_list_item, {
4831
4983
  class: "d-d-flex d-jc-center",
4832
4984
  role: "option",
4833
- "navigation-type": "arrow-keys"
4985
+ "navigation-type": "none"
4834
4986
  }, {
4835
4987
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.message), 1)]),
4836
4988
  _: 1
4837
4989
  })]);
4838
4990
  }
4839
- ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=template&id=d0c59b2c
4991
+ ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=template&id=ee5abe2c
4840
4992
 
4841
4993
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js
4842
4994
 
@@ -4863,7 +5015,7 @@ function combobox_empty_listvue_type_template_id_d0c59b2c_render(_ctx, _cache, $
4863
5015
 
4864
5016
 
4865
5017
  ;
4866
- const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_empty_listvue_type_script_lang_js, [['render',combobox_empty_listvue_type_template_id_d0c59b2c_render]])
5018
+ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_empty_listvue_type_script_lang_js, [['render',combobox_empty_listvue_type_template_id_ee5abe2c_render]])
4867
5019
 
4868
5020
  /* harmony default export */ const combobox_empty_list = (combobox_empty_list_exports_);
4869
5021
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=script&lang=js
@@ -5771,10 +5923,12 @@ const collapsible_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(collap
5771
5923
  /* harmony default export */ const collapsible = (collapsible_exports_);
5772
5924
  ;// CONCATENATED MODULE: ./components/collapsible/index.js
5773
5925
 
5774
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown.vue?vue&type=template&id=a7e3156a
5926
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown.vue?vue&type=template&id=2021ac9d
5927
+
5928
+ const dropdownvue_type_template_id_2021ac9d_hoisted_1 = ["id"];
5929
+ function dropdownvue_type_template_id_2021ac9d_render(_ctx, _cache, $props, $setup, $data, $options) {
5930
+ const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
5775
5931
 
5776
- const dropdownvue_type_template_id_a7e3156a_hoisted_1 = ["id"];
5777
- function dropdownvue_type_template_id_a7e3156a_render(_ctx, _cache, $props, $setup, $data, $options) {
5778
5932
  const _component_dt_popover = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-popover");
5779
5933
 
5780
5934
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_popover, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
@@ -5820,23 +5974,26 @@ function dropdownvue_type_template_id_a7e3156a_render(_ctx, _cache, $props, $set
5820
5974
  })
5821
5975
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
5822
5976
  close: close
5823
- })], 42, dropdownvue_type_template_id_a7e3156a_hoisted_1)];
5977
+ }), _ctx.showVisuallyHiddenClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_sr_only_close_button, {
5978
+ key: 0,
5979
+ "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
5980
+ tabindex: $options.isArrowKeyNav ? -1 : 0,
5981
+ onClose: close
5982
+ }, null, 8, ["visually-hidden-close-label", "tabindex", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 42, dropdownvue_type_template_id_2021ac9d_hoisted_1)];
5824
5983
  }),
5825
5984
  _: 3
5826
5985
  }, 16, ["content-width", "open", "placement", "initial-focus-element", "fallback-placements", "modal", "max-height", "max-width", "open-on-context", "onOpened", "onKeydown"]);
5827
5986
  }
5828
- ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=a7e3156a
5987
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=2021ac9d
5829
5988
 
5830
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=54b6d17a
5989
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=90818940
5831
5990
 
5832
- const popovervue_type_template_id_54b6d17a_hoisted_1 = ["aria-hidden"];
5833
- const popovervue_type_template_id_54b6d17a_hoisted_2 = ["id", "tabindex"];
5834
- function popovervue_type_template_id_54b6d17a_render(_ctx, _cache, $props, $setup, $data, $options) {
5991
+ const popovervue_type_template_id_90818940_hoisted_1 = ["aria-hidden"];
5992
+ const popovervue_type_template_id_90818940_hoisted_2 = ["id", "tabindex"];
5993
+ function popovervue_type_template_id_90818940_render(_ctx, _cache, $props, $setup, $data, $options) {
5835
5994
  const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("popover-header-footer");
5836
5995
 
5837
- const _component_icon_close = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-close");
5838
-
5839
- const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
5996
+ const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
5840
5997
 
5841
5998
  const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-lazy-show");
5842
5999
 
@@ -5847,10 +6004,10 @@ function popovervue_type_template_id_54b6d17a_render(_ctx, _cache, $props, $setu
5847
6004
  class: "d-modal--transparent",
5848
6005
  "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
5849
6006
  onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
5850
- }, null, 8, popovervue_type_template_id_54b6d17a_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
6007
+ }, null, 8, popovervue_type_template_id_90818940_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
5851
6008
  ref: "popover",
5852
6009
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover', {
5853
- 'd-popover__anchor--modal-opened': $props.modal && $data.isOpen
6010
+ 'd-popover__anchor--opened': $data.isOpen
5854
6011
  }]),
5855
6012
  "data-qa": "dt-popover-container"
5856
6013
  }, {
@@ -5880,7 +6037,7 @@ function popovervue_type_template_id_54b6d17a_render(_ctx, _cache, $props, $setu
5880
6037
  'aria-controls': $props.id,
5881
6038
  'aria-haspopup': $props.role
5882
6039
  }
5883
- })], 40, popovervue_type_template_id_54b6d17a_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, {
6040
+ })], 40, popovervue_type_template_id_90818940_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, {
5884
6041
  id: $props.id,
5885
6042
  ref: "content",
5886
6043
  role: $props.role,
@@ -5925,16 +6082,7 @@ function popovervue_type_template_id_54b6d17a_render(_ctx, _cache, $props, $setu
5925
6082
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover__content', $data.POPOVER_PADDING_CLASSES[$props.padding], $props.contentClass])
5926
6083
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content", {
5927
6084
  close: $options.closePopover
5928
- }), $props.visuallyHiddenClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, {
5929
- key: 0,
5930
- "data-qa": "dt-popover-sr-only-close",
5931
- class: "d-vi-visible-sr",
5932
- "aria-label": $props.visuallyHiddenCloseLabel,
5933
- onClick: $options.closePopover
5934
- }, {
5935
- default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_icon_close)]),
5936
- _: 1
5937
- }, 8, ["aria-label", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2), _ctx.$slots.footerContent ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_popover_header_footer, {
6085
+ })], 2), _ctx.$slots.footerContent ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_popover_header_footer, {
5938
6086
  key: 1,
5939
6087
  ref: "popover__footer",
5940
6088
  type: "footer",
@@ -5945,13 +6093,17 @@ function popovervue_type_template_id_54b6d17a_render(_ctx, _cache, $props, $setu
5945
6093
  close: $options.closePopover
5946
6094
  })]),
5947
6095
  _: 3
5948
- }, 8, ["class", "content-class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
6096
+ }, 8, ["class", "content-class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.showVisuallyHiddenClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_sr_only_close_button, {
6097
+ key: 2,
6098
+ "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
6099
+ onClose: $options.closePopover
6100
+ }, null, 8, ["visually-hidden-close-label", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
5949
6101
  _: 3
5950
6102
  }, 8, ["id", "role", "aria-hidden", "aria-labelledby", "aria-label", "aria-modal", "transition", "show", "class", "style", "css", "tabindex", "onKeydownCapture", "onAfterLeave", "onAfterEnter"])]),
5951
6103
  _: 3
5952
6104
  }, 8, ["class"]))]);
5953
6105
  }
5954
- ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=54b6d17a
6106
+ ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=90818940
5955
6107
 
5956
6108
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
5957
6109
  function getWindow(node) {
@@ -10645,16 +10797,15 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
10645
10797
  * CHILD COMPONENTS *
10646
10798
  ********************/
10647
10799
  components: {
10800
+ SrOnlyCloseButton: common_sr_only_close_button,
10648
10801
  DtLazyShow: lazy_show,
10649
- PopoverHeaderFooter: popover_header_footer,
10650
- DtButton: button_button,
10651
- IconClose: IconClose
10802
+ PopoverHeaderFooter: popover_header_footer
10652
10803
  },
10653
- mixins: [modal],
10804
+ mixins: [modal, sr_only_close_button],
10654
10805
  props: {
10655
10806
  /**
10656
10807
  * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.
10657
- * If you set this value, the default trigger behavior will be disabled and you can control it as you need.
10808
+ * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.
10658
10809
  * Supports v-model
10659
10810
  * @values null, true, false
10660
10811
  */
@@ -10937,7 +11088,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
10937
11088
  */
10938
11089
  initialFocusElement: {
10939
11090
  type: [String, HTMLElement],
10940
- default: 'none',
11091
+ default: 'first',
10941
11092
  validator: initialFocusElement => {
10942
11093
  return POPOVER_INITIAL_FOCUS_STRINGS.includes(initialFocusElement) || initialFocusElement instanceof HTMLElement || initialFocusElement.startsWith('#');
10943
11094
  }
@@ -10951,24 +11102,6 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
10951
11102
  openWithArrowKeys: {
10952
11103
  type: Boolean,
10953
11104
  default: false
10954
- },
10955
-
10956
- /**
10957
- * If true, a visually hidden close button its included in the popover.
10958
- * @values true, false
10959
- */
10960
- visuallyHiddenClose: {
10961
- type: Boolean,
10962
- default: false
10963
- },
10964
-
10965
- /**
10966
- * Label for the visually hidden close button
10967
- * Required if visuallyHiddenClose is set to `true`
10968
- */
10969
- visuallyHiddenCloseLabel: {
10970
- type: String,
10971
- default: ''
10972
11105
  }
10973
11106
  },
10974
11107
  emits: [
@@ -11016,7 +11149,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
11016
11149
 
11017
11150
  modal(modal) {
11018
11151
  this.tip.setProps({
11019
- zIndex: modal ? 650 : 300
11152
+ zIndex: this.modal ? 650 : this.calculateAnchorZindex()
11020
11153
  });
11021
11154
  },
11022
11155
 
@@ -11063,6 +11196,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
11063
11196
 
11064
11197
  isOpen(isOpen, isPrev) {
11065
11198
  if (isOpen) {
11199
+ this.tip.setProps({
11200
+ zIndex: this.modal ? 650 : this.calculateAnchorZindex()
11201
+ });
11066
11202
  this.tip.show();
11067
11203
  this.addClosePopoverEventListener();
11068
11204
  } else if (!isOpen && isPrev !== isOpen) {
@@ -11131,10 +11267,6 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
11131
11267
  if (this.modal && this.initialFocusElement === 'none') {
11132
11268
  console.error('If the popover is modal you must set the ' + 'initialFocusElement prop. Possible values: "dialog", "first", HTMLElement');
11133
11269
  }
11134
-
11135
- if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {
11136
- console.error('If visuallyHiddenClose prop is true (default), the popover includes a visually hidden ' + 'close button and you must set the visuallyHiddenCloseLabel prop.');
11137
- }
11138
11270
  },
11139
11271
 
11140
11272
  calculateAnchorZindex() {
@@ -11295,9 +11427,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
11295
11427
  },
11296
11428
 
11297
11429
  onClickOutside() {
11298
- if (!this.hideOnClick) return; // If a modal popover is opened inside of this one, do not hide on click out
11430
+ if (!this.hideOnClick) return; // If a popover is opened inside of this one, do not hide on click out
11299
11431
 
11300
- const innerModals = this.popoverContentEl.querySelector('.d-popover__anchor--modal-opened');
11432
+ const innerModals = this.popoverContentEl.querySelector('.d-popover__anchor--opened');
11301
11433
 
11302
11434
  if (!innerModals) {
11303
11435
  this.closePopover();
@@ -11340,9 +11472,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
11340
11472
  });
11341
11473
  ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
11342
11474
 
11343
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=54b6d17a&lang=less
11344
- var popovervue_type_style_index_0_id_54b6d17a_lang_less = __webpack_require__(138);
11345
- ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=54b6d17a&lang=less
11475
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=90818940&lang=less
11476
+ var popovervue_type_style_index_0_id_90818940_lang_less = __webpack_require__(925);
11477
+ ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=90818940&lang=less
11346
11478
 
11347
11479
  ;// CONCATENATED MODULE: ./components/popover/popover.vue
11348
11480
 
@@ -11352,7 +11484,7 @@ var popovervue_type_style_index_0_id_54b6d17a_lang_less = __webpack_require__(13
11352
11484
  ;
11353
11485
 
11354
11486
 
11355
- const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_54b6d17a_render]])
11487
+ const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_90818940_render]])
11356
11488
 
11357
11489
  /* harmony default export */ const popover = (popover_exports_);
11358
11490
  ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -11370,10 +11502,13 @@ const DROPDOWN_PADDING_CLASSES = {
11370
11502
 
11371
11503
 
11372
11504
 
11505
+
11506
+
11373
11507
  /* harmony default export */ const dropdownvue_type_script_lang_js = ({
11374
11508
  name: 'DtDropdown',
11375
11509
  components: {
11376
- DtPopover: popover
11510
+ DtPopover: popover,
11511
+ SrOnlyCloseButton: common_sr_only_close_button
11377
11512
  },
11378
11513
  mixins: [keyboard_list_navigation({
11379
11514
  indexKey: 'highlightIndex',
@@ -11385,7 +11520,7 @@ const DROPDOWN_PADDING_CLASSES = {
11385
11520
  endOfListMethod: 'endOfListMethod',
11386
11521
  activeItemKey: 'activeItemEl',
11387
11522
  focusOnKeyboardNavigation: true
11388
- })],
11523
+ }), sr_only_close_button],
11389
11524
  inheritAttrs: false,
11390
11525
  props: {
11391
11526
  /**
@@ -11600,6 +11735,10 @@ const DROPDOWN_PADDING_CLASSES = {
11600
11735
  },
11601
11736
 
11602
11737
  afterHighlight() {
11738
+ if (this.visuallyHiddenClose && this.highlightIndex === this._itemsLength() - 1) {
11739
+ return;
11740
+ }
11741
+
11603
11742
  this.$emit('highlight', this.highlightIndex);
11604
11743
  },
11605
11744
 
@@ -11607,7 +11746,7 @@ const DROPDOWN_PADDING_CLASSES = {
11607
11746
  this.isOpen = isPopoverOpen;
11608
11747
 
11609
11748
  if (isPopoverOpen) {
11610
- if (this.openedWithKeyboard && this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
11749
+ if (this.openedWithKeyboard && this.isArrowKeyNav) {
11611
11750
  this.setHighlightIndex(0);
11612
11751
  }
11613
11752
 
@@ -11691,9 +11830,9 @@ const DROPDOWN_PADDING_CLASSES = {
11691
11830
  });
11692
11831
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=script&lang=js
11693
11832
 
11694
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown.vue?vue&type=style&index=0&id=a7e3156a&lang=less
11695
- var dropdownvue_type_style_index_0_id_a7e3156a_lang_less = __webpack_require__(286);
11696
- ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=style&index=0&id=a7e3156a&lang=less
11833
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown.vue?vue&type=style&index=0&id=2021ac9d&lang=less
11834
+ var dropdownvue_type_style_index_0_id_2021ac9d_lang_less = __webpack_require__(438);
11835
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=style&index=0&id=2021ac9d&lang=less
11697
11836
 
11698
11837
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue
11699
11838
 
@@ -11703,7 +11842,7 @@ var dropdownvue_type_style_index_0_id_a7e3156a_lang_less = __webpack_require__(2
11703
11842
  ;
11704
11843
 
11705
11844
 
11706
- const dropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdownvue_type_script_lang_js, [['render',dropdownvue_type_template_id_a7e3156a_render]])
11845
+ const dropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdownvue_type_script_lang_js, [['render',dropdownvue_type_template_id_2021ac9d_render]])
11707
11846
 
11708
11847
  /* harmony default export */ const dropdown = (dropdown_exports_);
11709
11848
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown_list.vue?vue&type=template&id=eefb7378
@@ -11752,16 +11891,16 @@ function dropdown_listvue_type_template_id_eefb7378_render(_ctx, _cache, $props,
11752
11891
  const dropdown_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdown_listvue_type_script_lang_js, [['render',dropdown_listvue_type_template_id_eefb7378_render]])
11753
11892
 
11754
11893
  /* harmony default export */ const dropdown_list = (dropdown_list_exports_);
11755
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown_separator.vue?vue&type=template&id=6a948a17
11894
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown_separator.vue?vue&type=template&id=703ad17c
11756
11895
 
11757
- const dropdown_separatorvue_type_template_id_6a948a17_hoisted_1 = {
11896
+ const dropdown_separatorvue_type_template_id_703ad17c_hoisted_1 = {
11758
11897
  "aria-hidden": "true",
11759
- class: "dt-list-separator d-bgc-black-075 d-my8"
11898
+ class: "dt-list-separator d-bgc-black-300 d-my8"
11760
11899
  };
11761
- function dropdown_separatorvue_type_template_id_6a948a17_render(_ctx, _cache, $props, $setup, $data, $options) {
11762
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("li", dropdown_separatorvue_type_template_id_6a948a17_hoisted_1);
11900
+ function dropdown_separatorvue_type_template_id_703ad17c_render(_ctx, _cache, $props, $setup, $data, $options) {
11901
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("li", dropdown_separatorvue_type_template_id_703ad17c_hoisted_1);
11763
11902
  }
11764
- ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=template&id=6a948a17
11903
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=template&id=703ad17c
11765
11904
 
11766
11905
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown_separator.vue?vue&type=script&lang=js
11767
11906
  /* harmony default export */ const dropdown_separatorvue_type_script_lang_js = ({
@@ -11769,9 +11908,9 @@ function dropdown_separatorvue_type_template_id_6a948a17_render(_ctx, _cache, $p
11769
11908
  });
11770
11909
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=script&lang=js
11771
11910
 
11772
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown_separator.vue?vue&type=style&index=0&id=6a948a17&lang=less
11773
- var dropdown_separatorvue_type_style_index_0_id_6a948a17_lang_less = __webpack_require__(633);
11774
- ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=style&index=0&id=6a948a17&lang=less
11911
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown_separator.vue?vue&type=style&index=0&id=703ad17c&lang=less
11912
+ var dropdown_separatorvue_type_style_index_0_id_703ad17c_lang_less = __webpack_require__(412);
11913
+ ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue?vue&type=style&index=0&id=703ad17c&lang=less
11775
11914
 
11776
11915
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown_separator.vue
11777
11916
 
@@ -11781,7 +11920,7 @@ var dropdown_separatorvue_type_style_index_0_id_6a948a17_lang_less = __webpack_r
11781
11920
  ;
11782
11921
 
11783
11922
 
11784
- const dropdown_separator_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdown_separatorvue_type_script_lang_js, [['render',dropdown_separatorvue_type_template_id_6a948a17_render]])
11923
+ const dropdown_separator_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdown_separatorvue_type_script_lang_js, [['render',dropdown_separatorvue_type_template_id_703ad17c_render]])
11785
11924
 
11786
11925
  /* harmony default export */ const dropdown_separator = (dropdown_separator_exports_);
11787
11926
  ;// CONCATENATED MODULE: ./components/dropdown/index.js
@@ -13182,30 +13321,32 @@ const input_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(input_
13182
13321
  /* harmony default export */ const input_group_input_group = (input_group_exports_);
13183
13322
  ;// CONCATENATED MODULE: ./components/input_group/index.js
13184
13323
 
13185
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=template&id=d71a3468
13324
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=template&id=21785ac6
13186
13325
 
13187
- const modalvue_type_template_id_d71a3468_hoisted_1 = ["aria-describedby", "aria-labelledby"];
13188
- const modalvue_type_template_id_d71a3468_hoisted_2 = ["id"];
13189
- const modalvue_type_template_id_d71a3468_hoisted_3 = ["id"];
13190
- const modalvue_type_template_id_d71a3468_hoisted_4 = {
13326
+ const modalvue_type_template_id_21785ac6_hoisted_1 = ["aria-describedby", "aria-labelledby"];
13327
+ const modalvue_type_template_id_21785ac6_hoisted_2 = ["id"];
13328
+ const modalvue_type_template_id_21785ac6_hoisted_3 = ["id"];
13329
+ const modalvue_type_template_id_21785ac6_hoisted_4 = {
13191
13330
  key: 2,
13192
13331
  class: "d-modal__content",
13193
13332
  "data-qa": "dt-modal-copy"
13194
13333
  };
13195
- const modalvue_type_template_id_d71a3468_hoisted_5 = {
13334
+ const modalvue_type_template_id_21785ac6_hoisted_5 = {
13196
13335
  key: 3,
13197
13336
  class: "d-modal__content",
13198
13337
  "data-qa": "dt-modal-copy"
13199
13338
  };
13200
- const modalvue_type_template_id_d71a3468_hoisted_6 = {
13339
+ const modalvue_type_template_id_21785ac6_hoisted_6 = {
13201
13340
  key: 4,
13202
13341
  class: "d-modal__footer"
13203
13342
  };
13204
- function modalvue_type_template_id_d71a3468_render(_ctx, _cache, $props, $setup, $data, $options) {
13343
+ function modalvue_type_template_id_21785ac6_render(_ctx, _cache, $props, $setup, $data, $options) {
13205
13344
  const _component_icon_close = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-close");
13206
13345
 
13207
13346
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
13208
13347
 
13348
+ const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
13349
+
13209
13350
  const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-lazy-show");
13210
13351
 
13211
13352
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_lazy_show, {
@@ -13239,12 +13380,12 @@ function modalvue_type_template_id_d71a3468_render(_ctx, _cache, $props, $setup,
13239
13380
  id: $props.labelledById,
13240
13381
  class: "d-modal__header",
13241
13382
  "data-qa": "dt-modal-title"
13242
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_d71a3468_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("h2", {
13383
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_21785ac6_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("h2", {
13243
13384
  key: 1,
13244
13385
  id: $props.labelledById,
13245
13386
  class: "d-modal__header",
13246
13387
  "data-qa": "dt-modal-title"
13247
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 9, modalvue_type_template_id_d71a3468_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", modalvue_type_template_id_d71a3468_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", modalvue_type_template_id_d71a3468_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.copy), 1)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("footer", modalvue_type_template_id_d71a3468_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
13388
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 9, modalvue_type_template_id_21785ac6_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", modalvue_type_template_id_21785ac6_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", modalvue_type_template_id_21785ac6_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.copy), 1)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("footer", modalvue_type_template_id_21785ac6_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
13248
13389
  key: 5,
13249
13390
  class: "d-modal__close",
13250
13391
  circle: "",
@@ -13257,13 +13398,17 @@ function modalvue_type_template_id_d71a3468_render(_ctx, _cache, $props, $setup,
13257
13398
  }), {
13258
13399
  icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_icon_close)]),
13259
13400
  _: 1
13260
- }, 16, ["aria-label", "kind", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, modalvue_type_template_id_d71a3468_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, $props.show]])]),
13401
+ }, 16, ["aria-label", "kind", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.showVisuallyHiddenClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_sr_only_close_button, {
13402
+ key: 6,
13403
+ "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
13404
+ onClose: $options.close
13405
+ }, null, 8, ["visually-hidden-close-label", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, modalvue_type_template_id_21785ac6_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, $props.show]])]),
13261
13406
  _: 3
13262
13407
  })]),
13263
13408
  _: 3
13264
13409
  }, 8, ["show", "class", "aria-hidden", "onClick", "onKeydown", "onAfterEnter"]);
13265
13410
  }
13266
- ;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=d71a3468
13411
+ ;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=21785ac6
13267
13412
 
13268
13413
  ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
13269
13414
  // Modal style modifiers
@@ -13283,6 +13428,8 @@ const MODAL_SIZE_MODIFIERS = {
13283
13428
 
13284
13429
 
13285
13430
 
13431
+
13432
+
13286
13433
  /**
13287
13434
  * Modals focus the user’s attention exclusively on one task or piece of information
13288
13435
  * via a window that sits on top of the page content.
@@ -13294,9 +13441,10 @@ const MODAL_SIZE_MODIFIERS = {
13294
13441
  components: {
13295
13442
  DtLazyShow: lazy_show,
13296
13443
  DtButton: button_button,
13297
- IconClose: IconClose
13444
+ IconClose: IconClose,
13445
+ SrOnlyCloseButton: common_sr_only_close_button
13298
13446
  },
13299
- mixins: [modal],
13447
+ mixins: [modal, sr_only_close_button],
13300
13448
  props: {
13301
13449
  /**
13302
13450
  * A set of props to be passed into the modal's close button.
@@ -13476,6 +13624,15 @@ const MODAL_SIZE_MODIFIERS = {
13476
13624
  }
13477
13625
  }
13478
13626
 
13627
+ },
13628
+ $props: {
13629
+ immediate: true,
13630
+ deep: true,
13631
+
13632
+ handler() {
13633
+ this.validateProps();
13634
+ }
13635
+
13479
13636
  }
13480
13637
  },
13481
13638
  methods: {
@@ -13491,6 +13648,13 @@ const MODAL_SIZE_MODIFIERS = {
13491
13648
  if (this.show) {
13492
13649
  this.focusTrappedTabPress(e);
13493
13650
  }
13651
+ },
13652
+
13653
+ validateProps() {
13654
+ if (this.hideClose && !this.visuallyHiddenClose) {
13655
+ console.error(`If hideClose prop is true, visuallyHiddenClose and visuallyHiddenCloseLabel props
13656
+ need to be set so the component always includes a close button`);
13657
+ }
13494
13658
  }
13495
13659
 
13496
13660
  }
@@ -13503,7 +13667,7 @@ const MODAL_SIZE_MODIFIERS = {
13503
13667
 
13504
13668
 
13505
13669
  ;
13506
- const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_d71a3468_render]])
13670
+ const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_21785ac6_render]])
13507
13671
 
13508
13672
  /* harmony default export */ const modal_modal = (modal_exports_);
13509
13673
  ;// CONCATENATED MODULE: ./components/modal/index.js
@@ -13680,9 +13844,92 @@ const list_section_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_
13680
13844
  /* harmony default export */ const list_section = (list_section_exports_);
13681
13845
  ;// CONCATENATED MODULE: ./components/list_section/index.js
13682
13846
 
13683
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice.vue?vue&type=template&id=1f326661
13847
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item_group/list_item_group.vue?vue&type=template&id=f5aed6e8
13848
+
13849
+ const list_item_groupvue_type_template_id_f5aed6e8_hoisted_1 = ["id", "aria-labelledby"];
13850
+ const list_item_groupvue_type_template_id_f5aed6e8_hoisted_2 = ["id"];
13851
+ function list_item_groupvue_type_template_id_f5aed6e8_render(_ctx, _cache, $props, $setup, $data, $options) {
13852
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("ul", {
13853
+ id: $props.id,
13854
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-ps-relative', 'd-px0', $props.listClass]),
13855
+ role: "group",
13856
+ "data-qa": "dt-dropdown-list-wrapper",
13857
+ "aria-labelledby": `${$props.id}-heading`
13858
+ }, [$props.heading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("li", {
13859
+ key: 0,
13860
+ id: `${$props.id}-heading`,
13861
+ role: "presentation",
13862
+ "data-qa": "dt-dropdown-list-heading",
13863
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['dt-dropdown-list--header', $props.headingClass])
13864
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "headingSlot", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.heading), 1)])], 10, list_item_groupvue_type_template_id_f5aed6e8_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 10, list_item_groupvue_type_template_id_f5aed6e8_hoisted_1);
13865
+ }
13866
+ ;// CONCATENATED MODULE: ./components/list_item_group/list_item_group.vue?vue&type=template&id=f5aed6e8
13867
+
13868
+ ;// CONCATENATED MODULE: ./components/list_item_group/list_item_group_constants.js
13869
+ const DEFAULT_CONSTANTS = null;
13870
+ /* harmony default export */ const list_item_group_constants = ({
13871
+ DEFAULT_CONSTANTS
13872
+ });
13873
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item_group/list_item_group.vue?vue&type=script&lang=js
13874
+
13875
+
13876
+ /* harmony default export */ const list_item_groupvue_type_script_lang_js = ({
13877
+ name: 'DtListItemGroup',
13878
+ props: {
13879
+ /**
13880
+ * Id of the List Item Group
13881
+ */
13882
+ id: {
13883
+ type: String,
13884
+
13885
+ default() {
13886
+ return getUniqueString();
13887
+ }
13888
+
13889
+ },
13890
+
13891
+ /**
13892
+ * List's heading.
13893
+ */
13894
+ heading: {
13895
+ type: String,
13896
+ default: ''
13897
+ },
13898
+
13899
+ /**
13900
+ * Additional class to style the heading
13901
+ */
13902
+ headingClass: {
13903
+ type: [String, Array, Object],
13904
+ default: ''
13905
+ },
13906
+
13907
+ /**
13908
+ * Additional class for the wrapper list element.
13909
+ */
13910
+ listClass: {
13911
+ type: [String, Array, Object],
13912
+ default: ''
13913
+ }
13914
+ }
13915
+ });
13916
+ ;// CONCATENATED MODULE: ./components/list_item_group/list_item_group.vue?vue&type=script&lang=js
13917
+
13918
+ ;// CONCATENATED MODULE: ./components/list_item_group/list_item_group.vue
13919
+
13920
+
13921
+
13922
+
13923
+ ;
13924
+ const list_item_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_item_groupvue_type_script_lang_js, [['render',list_item_groupvue_type_template_id_f5aed6e8_render]])
13925
+
13926
+ /* harmony default export */ const list_item_group = (list_item_group_exports_);
13927
+ ;// CONCATENATED MODULE: ./components/list_item_group/index.js
13928
+
13684
13929
 
13685
- function noticevue_type_template_id_1f326661_render(_ctx, _cache, $props, $setup, $data, $options) {
13930
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice.vue?vue&type=template&id=28b8ab50
13931
+
13932
+ function noticevue_type_template_id_28b8ab50_render(_ctx, _cache, $props, $setup, $data, $options) {
13686
13933
  const _component_dt_notice_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-notice-icon");
13687
13934
 
13688
13935
  const _component_dt_notice_content = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-notice-content");
@@ -13709,19 +13956,22 @@ function noticevue_type_template_id_1f326661_render(_ctx, _cache, $props, $setup
13709
13956
  }, 8, ["title-id", "content-id", "title", "role"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_notice_action, {
13710
13957
  "hide-close": $props.hideClose,
13711
13958
  "close-button-props": $props.closeButtonProps,
13959
+ "visually-hidden-close": _ctx.visuallyHiddenClose,
13960
+ "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
13712
13961
  onClose: _cache[0] || (_cache[0] = $event => _ctx.$emit('close'))
13713
13962
  }, {
13714
13963
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "action")]),
13715
13964
  _: 3
13716
- }, 8, ["hide-close", "close-button-props"])], 2);
13965
+ }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])], 2);
13717
13966
  }
13718
- ;// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=1f326661
13967
+ ;// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=28b8ab50
13719
13968
 
13720
13969
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice.vue?vue&type=script&lang=js
13721
13970
 
13722
13971
 
13723
13972
 
13724
13973
 
13974
+
13725
13975
  /**
13726
13976
  * A notice is an informational and assistive message that appears inline with content.
13727
13977
  * @see https://dialpad.design/components/notice.html
@@ -13734,6 +13984,7 @@ function noticevue_type_template_id_1f326661_render(_ctx, _cache, $props, $setup
13734
13984
  DtNoticeContent: notice_content,
13735
13985
  DtNoticeAction: notice_action
13736
13986
  },
13987
+ mixins: [sr_only_close_button],
13737
13988
  props: {
13738
13989
  /**
13739
13990
  * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -13856,7 +14107,7 @@ function noticevue_type_template_id_1f326661_render(_ctx, _cache, $props, $setup
13856
14107
 
13857
14108
 
13858
14109
  ;
13859
- const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_type_script_lang_js, [['render',noticevue_type_template_id_1f326661_render]])
14110
+ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_type_script_lang_js, [['render',noticevue_type_template_id_28b8ab50_render]])
13860
14111
 
13861
14112
  /* harmony default export */ const notice = (notice_exports_);
13862
14113
  ;// CONCATENATED MODULE: ./components/notice/index.js
@@ -15854,13 +16105,13 @@ const select_menu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(select
15854
16105
  ;// CONCATENATED MODULE: ./components/select_menu/index.js
15855
16106
 
15856
16107
 
15857
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toast/toast.vue?vue&type=template&id=0507f5c2
16108
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toast/toast.vue?vue&type=template&id=2a4e3190
15858
16109
 
15859
- const toastvue_type_template_id_0507f5c2_hoisted_1 = ["aria-hidden"];
15860
- const toastvue_type_template_id_0507f5c2_hoisted_2 = {
16110
+ const toastvue_type_template_id_2a4e3190_hoisted_1 = ["aria-hidden"];
16111
+ const toastvue_type_template_id_2a4e3190_hoisted_2 = {
15861
16112
  class: "d-toast__dialog"
15862
16113
  };
15863
- function toastvue_type_template_id_0507f5c2_render(_ctx, _cache, $props, $setup, $data, $options) {
16114
+ function toastvue_type_template_id_2a4e3190_render(_ctx, _cache, $props, $setup, $data, $options) {
15864
16115
  const _component_dt_notice_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-notice-icon");
15865
16116
 
15866
16117
  const _component_dt_notice_content = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-notice-content");
@@ -15874,7 +16125,7 @@ function toastvue_type_template_id_0507f5c2_render(_ctx, _cache, $props, $setup,
15874
16125
  }]),
15875
16126
  "data-qa": "dt-toast",
15876
16127
  "aria-hidden": (!$data.isShown).toString()
15877
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", toastvue_type_template_id_0507f5c2_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_notice_icon, {
16128
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", toastvue_type_template_id_2a4e3190_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_notice_icon, {
15878
16129
  kind: $props.kind
15879
16130
  }, {
15880
16131
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon")]),
@@ -15891,13 +16142,15 @@ function toastvue_type_template_id_0507f5c2_render(_ctx, _cache, $props, $setup,
15891
16142
  }, 8, ["title-id", "content-id", "title", "role"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_notice_action, {
15892
16143
  "hide-close": $props.hideClose,
15893
16144
  "close-button-props": $props.closeButtonProps,
16145
+ "visually-hidden-close": _ctx.visuallyHiddenClose,
16146
+ "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
15894
16147
  onClose: $options.closeToast
15895
16148
  }, {
15896
16149
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "action")]),
15897
16150
  _: 3
15898
- }, 8, ["hide-close", "close-button-props", "onClose"])])], 10, toastvue_type_template_id_0507f5c2_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true);
16151
+ }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label", "onClose"])])], 10, toastvue_type_template_id_2a4e3190_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true);
15899
16152
  }
15900
- ;// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=0507f5c2
16153
+ ;// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=2a4e3190
15901
16154
 
15902
16155
  ;// CONCATENATED MODULE: ./components/toast/toast_constants.js
15903
16156
  const TOAST_ROLES = ['status', 'alert'];
@@ -15913,6 +16166,7 @@ const TOAST_MIN_DURATION = 6000;
15913
16166
 
15914
16167
 
15915
16168
 
16169
+
15916
16170
  /**
15917
16171
  * A toast notice, sometimes called a snackbar, is a time-based message that appears based on users' actions.
15918
16172
  * It contains at-a-glance information about outcomes and can be paired with actions.
@@ -15926,6 +16180,7 @@ const TOAST_MIN_DURATION = 6000;
15926
16180
  DtNoticeContent: notice_content,
15927
16181
  DtNoticeAction: notice_action
15928
16182
  },
16183
+ mixins: [sr_only_close_button],
15929
16184
  props: {
15930
16185
  /**
15931
16186
  * Sets an ID on the title element of the component. Useful for aria-describedby
@@ -16134,50 +16389,55 @@ const TOAST_MIN_DURATION = 6000;
16134
16389
 
16135
16390
 
16136
16391
  ;
16137
- const toast_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(toastvue_type_script_lang_js, [['render',toastvue_type_template_id_0507f5c2_render]])
16392
+ const toast_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(toastvue_type_script_lang_js, [['render',toastvue_type_template_id_2a4e3190_render]])
16138
16393
 
16139
16394
  /* harmony default export */ const toast = (toast_exports_);
16140
16395
  ;// CONCATENATED MODULE: ./components/toast/index.js
16141
16396
 
16142
16397
 
16143
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=template&id=5692f89a
16398
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=template&id=54ed4aa0
16144
16399
 
16145
- const togglevue_type_template_id_5692f89a_hoisted_1 = {
16400
+ const togglevue_type_template_id_54ed4aa0_hoisted_1 = {
16146
16401
  class: "d-d-flex d-ai-center"
16147
16402
  };
16148
- const togglevue_type_template_id_5692f89a_hoisted_2 = ["for"];
16149
- const togglevue_type_template_id_5692f89a_hoisted_3 = ["id", "aria-checked", "disabled", "aria-disabled"];
16150
-
16151
- const togglevue_type_template_id_5692f89a_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", {
16403
+ const togglevue_type_template_id_54ed4aa0_hoisted_2 = ["for"];
16404
+ const togglevue_type_template_id_54ed4aa0_hoisted_3 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
16405
+ const togglevue_type_template_id_54ed4aa0_hoisted_4 = {
16406
+ key: 0,
16152
16407
  class: "d-toggle__inner"
16153
- }, null, -1);
16154
-
16155
- const togglevue_type_template_id_5692f89a_hoisted_5 = [togglevue_type_template_id_5692f89a_hoisted_4];
16156
- function togglevue_type_template_id_5692f89a_render(_ctx, _cache, $props, $setup, $data, $options) {
16157
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", togglevue_type_template_id_5692f89a_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
16408
+ };
16409
+ function togglevue_type_template_id_54ed4aa0_render(_ctx, _cache, $props, $setup, $data, $options) {
16410
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", togglevue_type_template_id_54ed4aa0_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
16158
16411
  key: 0,
16159
16412
  class: $props.labelClass,
16160
16413
  for: $props.id
16161
16414
  }, $props.labelChildProps, {
16162
16415
  "data-qa": "toggle-label"
16163
- }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_5692f89a_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
16416
+ }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_54ed4aa0_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
16164
16417
  id: $props.id,
16165
- role: "switch",
16418
+ role: $options.toggleRole,
16166
16419
  type: "button",
16167
16420
  "aria-checked": $data.internalChecked.toString(),
16168
16421
  disabled: $props.disabled,
16169
16422
  "aria-disabled": $props.disabled.toString(),
16170
- class: ['d-toggle', {
16171
- 'd-toggle--checked': $data.internalChecked,
16172
- 'd-toggle--disabled': $props.disabled
16173
- }]
16174
- }, $options.inputListeners), togglevue_type_template_id_5692f89a_hoisted_5, 16, togglevue_type_template_id_5692f89a_hoisted_3)]);
16423
+ class: $options.toggleClasses
16424
+ }, $options.inputListeners), [$props.showIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", togglevue_type_template_id_54ed4aa0_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, togglevue_type_template_id_54ed4aa0_hoisted_3)]);
16175
16425
  }
16176
- ;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=5692f89a
16426
+ ;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=54ed4aa0
16177
16427
 
16428
+ ;// CONCATENATED MODULE: ./components/toggle/toggle_constants.js
16429
+ const TOGGLE_SIZE_MODIFIERS = {
16430
+ sm: 'd-toggle--small',
16431
+ md: ''
16432
+ };
16433
+ const TOGGLE_CHECKED_VALUES = [false, true, 'mixed'];
16434
+ /* harmony default export */ const toggle_constants = ({
16435
+ TOGGLE_SIZE_MODIFIERS
16436
+ });
16178
16437
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=script&lang=js
16179
16438
 
16180
16439
 
16440
+
16181
16441
  /**
16182
16442
  * A toggle (or "switch") is a button control element that allows the user to make a binary (on/off) selection.
16183
16443
  * @see https://dialpad.design/components/toggle.html
@@ -16215,11 +16475,31 @@ function togglevue_type_template_id_5692f89a_render(_ctx, _cache, $props, $setup
16215
16475
  /**
16216
16476
  * Value of the toggle
16217
16477
  * @model checked
16218
- * @values true, false
16478
+ * @values true, false, 'mixed'
16219
16479
  */
16220
16480
  checked: {
16481
+ type: [Boolean, String],
16482
+ default: false,
16483
+ validator: v => TOGGLE_CHECKED_VALUES.includes(v)
16484
+ },
16485
+
16486
+ /**
16487
+ * The size of the toggle.
16488
+ * @values sm, md
16489
+ */
16490
+ size: {
16491
+ type: String,
16492
+ default: 'md',
16493
+ validator: s => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s)
16494
+ },
16495
+
16496
+ /**
16497
+ * Shows the icon
16498
+ * @values true, false
16499
+ */
16500
+ showIcon: {
16221
16501
  type: Boolean,
16222
- default: false
16502
+ default: true
16223
16503
  },
16224
16504
 
16225
16505
  /**
@@ -16259,6 +16539,22 @@ function togglevue_type_template_id_5692f89a_render(_ctx, _cache, $props, $setup
16259
16539
  return { ...this.$attrs,
16260
16540
  onClick: _ => this.toggleCheckedValue()
16261
16541
  };
16542
+ },
16543
+
16544
+ isIndeterminate() {
16545
+ return this.internalChecked === 'mixed';
16546
+ },
16547
+
16548
+ toggleRole() {
16549
+ return this.isIndeterminate ? 'checkbox' : 'switch';
16550
+ },
16551
+
16552
+ toggleClasses() {
16553
+ return ['d-toggle', TOGGLE_SIZE_MODIFIERS[this.size], {
16554
+ 'd-toggle--checked': this.internalChecked === true,
16555
+ 'd-toggle--disabled': this.disabled,
16556
+ 'd-toggle--indeterminate': this.isIndeterminate
16557
+ }];
16262
16558
  }
16263
16559
 
16264
16560
  },
@@ -16303,7 +16599,7 @@ function togglevue_type_template_id_5692f89a_render(_ctx, _cache, $props, $setup
16303
16599
 
16304
16600
 
16305
16601
  ;
16306
- const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_5692f89a_render]])
16602
+ const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_54ed4aa0_render]])
16307
16603
 
16308
16604
  /* harmony default export */ const toggle = (toggle_exports_);
16309
16605
  ;// CONCATENATED MODULE: ./components/toggle/index.js
@@ -17322,11 +17618,102 @@ const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_l
17322
17618
  ;// CONCATENATED MODULE: ./components/root_layout/index.js
17323
17619
 
17324
17620
 
17325
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=52b02dba
17621
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/icon/icon.vue?vue&type=template&id=1ca37c55
17622
+
17623
+ function iconvue_type_template_id_1ca37c55_render(_ctx, _cache, $props, $setup, $data, $options) {
17624
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($options.currentIcon), {
17625
+ "data-qa": "dt-icon",
17626
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.iconSize)
17627
+ }, null, 8, ["class"]);
17628
+ }
17629
+ ;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=template&id=1ca37c55
17630
+
17631
+ ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
17632
+ const ICON_SIZE_MODIFIERS = {
17633
+ 100: 'd-icon--size-100',
17634
+ 200: 'd-icon--size-200',
17635
+ 300: 'd-icon--size-300',
17636
+ 400: 'd-icon--size-400',
17637
+ 500: 'd-icon--size-500',
17638
+ 600: 'd-icon--size-600',
17639
+ 700: 'd-icon--size-700',
17640
+ 800: 'd-icon--size-800'
17641
+ };
17642
+ /* harmony default export */ const icon_constants = ({
17643
+ ICON_SIZE_MODIFIERS
17644
+ });
17645
+ ;// CONCATENATED MODULE: external "@dialpad/dialtone-icons"
17646
+ const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
17647
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/icon/icon.vue?vue&type=script&lang=js
17648
+
17649
+
17650
+
17651
+ /**
17652
+ * The Icon component provides a set of glyphs and sizes to provide context your application.
17653
+ * @see https://dialpad.design/components/icon.html
17654
+ */
17655
+
17656
+ /* harmony default export */ const iconvue_type_script_lang_js = ({
17657
+ name: 'DtIcon',
17658
+ props: {
17659
+ /**
17660
+ * The size of the icon.
17661
+ * @values 100, 200, 300, 400, 500, 600, 700, 800
17662
+ */
17663
+ size: {
17664
+ type: String,
17665
+ default: '500',
17666
+ validator: s => Object.keys(ICON_SIZE_MODIFIERS).includes(s)
17667
+ },
17326
17668
 
17327
- const combobox_with_popovervue_type_template_id_52b02dba_hoisted_1 = ["id"];
17328
- const combobox_with_popovervue_type_template_id_52b02dba_hoisted_2 = ["onMouseleave", "onFocusout"];
17329
- function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache, $props, $setup, $data, $options) {
17669
+ /**
17670
+ * The icon name in kebab-case
17671
+ */
17672
+ name: {
17673
+ type: String,
17674
+ required: true
17675
+ }
17676
+ },
17677
+
17678
+ data() {
17679
+ return {
17680
+ dialtoneIcons: dialtone_icons_namespaceObject
17681
+ };
17682
+ },
17683
+
17684
+ computed: {
17685
+ iconSize() {
17686
+ return ICON_SIZE_MODIFIERS[this.size];
17687
+ },
17688
+
17689
+ iconName() {
17690
+ return kebabCaseToPascalCase(this.name);
17691
+ },
17692
+
17693
+ currentIcon() {
17694
+ return this.dialtoneIcons[this.iconName];
17695
+ }
17696
+
17697
+ }
17698
+ });
17699
+ ;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=script&lang=js
17700
+
17701
+ ;// CONCATENATED MODULE: ./components/icon/icon.vue
17702
+
17703
+
17704
+
17705
+
17706
+ ;
17707
+ const icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(iconvue_type_script_lang_js, [['render',iconvue_type_template_id_1ca37c55_render]])
17708
+
17709
+ /* harmony default export */ const icon = (icon_exports_);
17710
+ ;// CONCATENATED MODULE: ./components/icon/index.js
17711
+
17712
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=d56f4446
17713
+
17714
+ const combobox_with_popovervue_type_template_id_d56f4446_hoisted_1 = ["id"];
17715
+ const combobox_with_popovervue_type_template_id_d56f4446_hoisted_2 = ["onMouseleave", "onFocusout"];
17716
+ function combobox_with_popovervue_type_template_id_d56f4446_render(_ctx, _cache, $props, $setup, $data, $options) {
17330
17717
  const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-loading-list");
17331
17718
 
17332
17719
  const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-empty-list");
@@ -17365,7 +17752,7 @@ function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache,
17365
17752
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
17366
17753
  inputProps: inputProps,
17367
17754
  onInput: $options.handleDisplayList
17368
- })], 40, combobox_with_popovervue_type_template_id_52b02dba_hoisted_1)];
17755
+ })], 40, combobox_with_popovervue_type_template_id_d56f4446_hoisted_1)];
17369
17756
  }),
17370
17757
  list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(_ref2 => {
17371
17758
  let {
@@ -17383,13 +17770,16 @@ function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache,
17383
17770
  offset: $props.popoverOffset,
17384
17771
  sticky: $props.popoverSticky,
17385
17772
  placement: "bottom-start",
17773
+ "initial-focus-element": "none",
17386
17774
  padding: "none",
17387
17775
  role: "listbox",
17388
17776
  "external-anchor": $data.externalAnchor,
17389
17777
  "content-width": $props.contentWidth,
17390
17778
  "content-tabindex": null,
17391
- modal: $props.modal,
17779
+ modal: false,
17392
17780
  "auto-focus": false,
17781
+ "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
17782
+ "visually-hidden-close": _ctx.visuallyHiddenClose,
17393
17783
  onOpened: opened
17394
17784
  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createSlots)({
17395
17785
  content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
@@ -17409,7 +17799,7 @@ function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache,
17409
17799
  }), null, 16, ["message"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
17410
17800
  key: 2,
17411
17801
  listProps: listProps
17412
- })], 42, combobox_with_popovervue_type_template_id_52b02dba_hoisted_2)]),
17802
+ })], 42, combobox_with_popovervue_type_template_id_d56f4446_hoisted_2)]),
17413
17803
  _: 2
17414
17804
  }, [_ctx.$slots.header ? {
17415
17805
  name: "headerContent",
@@ -17429,12 +17819,12 @@ function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache,
17429
17819
  })
17430
17820
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 544)]),
17431
17821
  key: "1"
17432
- } : undefined]), 1032, ["open", "hide-on-click", "max-height", "max-width", "offset", "sticky", "external-anchor", "content-width", "modal", "onOpened"])];
17822
+ } : undefined]), 1032, ["open", "hide-on-click", "max-height", "max-width", "offset", "sticky", "external-anchor", "content-width", "visually-hidden-close-label", "visually-hidden-close", "onOpened"])];
17433
17823
  }),
17434
17824
  _: 3
17435
17825
  }, 16, ["loading", "empty-list", "empty-state-message", "show-list", "on-beginning-of-list", "on-end-of-list", "list-aria-label", "list-id"]);
17436
17826
  }
17437
- ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=52b02dba
17827
+ ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=d56f4446
17438
17828
 
17439
17829
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js
17440
17830
 
@@ -17443,6 +17833,7 @@ function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache,
17443
17833
 
17444
17834
 
17445
17835
 
17836
+
17446
17837
  /* harmony default export */ const combobox_with_popovervue_type_script_lang_js = ({
17447
17838
  name: 'DtRecipeComboboxWithPopover',
17448
17839
  components: {
@@ -17451,6 +17842,7 @@ function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache,
17451
17842
  ComboboxLoadingList: combobox_loading_list,
17452
17843
  ComboboxEmptyList: combobox_empty_list
17453
17844
  },
17845
+ mixins: [sr_only_close_button],
17454
17846
  props: {
17455
17847
  /**
17456
17848
  * String to use for the list's aria-label.
@@ -17573,15 +17965,6 @@ function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache,
17573
17965
  default: false
17574
17966
  },
17575
17967
 
17576
- /**
17577
- * Determines modal state. If enabled popover has a modal overlay
17578
- * preventing interaction with elements below it, but it is invisible.
17579
- */
17580
- modal: {
17581
- type: Boolean,
17582
- default: true
17583
- },
17584
-
17585
17968
  /**
17586
17969
  * Displays the list when the combobox is focused, before the user has typed anything.
17587
17970
  * When this is enabled the list will not close after selection.
@@ -17733,7 +18116,7 @@ function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache,
17733
18116
 
17734
18117
  onFocusIn(e) {
17735
18118
  if (this.hasSuggestionList && e && this.$refs.input.querySelector('input') === e.target) {
17736
- // only trigger if we show suggestion list when focus and
18119
+ // only trigger if we show suggestion list when focused, and
17737
18120
  // it's the input specifically that was focused
17738
18121
  this.showComboboxList();
17739
18122
  }
@@ -17746,7 +18129,7 @@ function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache,
17746
18129
  var _this$$refs$ref;
17747
18130
 
17748
18131
  return (_this$$refs$ref = this.$refs[ref]) === null || _this$$refs$ref === void 0 ? void 0 : _this$$refs$ref.contains(e.relatedTarget);
17749
- }); // If outside of the combobox then close
18132
+ }) || this.visuallyHiddenClose; // If outside the combobox then close
17750
18133
 
17751
18134
  if (!isComboboxStillFocused) {
17752
18135
  this.closeComboboxList();
@@ -17771,32 +18154,32 @@ function combobox_with_popovervue_type_template_id_52b02dba_render(_ctx, _cache,
17771
18154
 
17772
18155
 
17773
18156
  ;
17774
- const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_52b02dba_render]])
18157
+ const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_d56f4446_render]])
17775
18158
 
17776
18159
  /* harmony default export */ const combobox_with_popover = (combobox_with_popover_exports_);
17777
18160
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
17778
18161
 
17779
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=09911ee7
18162
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=478b895c
17780
18163
 
17781
- const combobox_multi_selectvue_type_template_id_09911ee7_hoisted_1 = {
18164
+ const combobox_multi_selectvue_type_template_id_478b895c_hoisted_1 = {
17782
18165
  ref: "inputSlotWrapper",
17783
18166
  class: "d-ps-relative"
17784
18167
  };
17785
- const combobox_multi_selectvue_type_template_id_09911ee7_hoisted_2 = {
18168
+ const combobox_multi_selectvue_type_template_id_478b895c_hoisted_2 = {
17786
18169
  ref: "chipsWrapper",
17787
18170
  class: "d-ps-absolute d-mx2"
17788
18171
  };
17789
- const combobox_multi_selectvue_type_template_id_09911ee7_hoisted_3 = {
18172
+ const combobox_multi_selectvue_type_template_id_478b895c_hoisted_3 = {
17790
18173
  ref: "header"
17791
18174
  };
17792
- const combobox_multi_selectvue_type_template_id_09911ee7_hoisted_4 = {
18175
+ const combobox_multi_selectvue_type_template_id_478b895c_hoisted_4 = {
17793
18176
  key: 1,
17794
18177
  class: "d-ta-center d-py16"
17795
18178
  };
17796
- const combobox_multi_selectvue_type_template_id_09911ee7_hoisted_5 = {
18179
+ const combobox_multi_selectvue_type_template_id_478b895c_hoisted_5 = {
17797
18180
  ref: "footer"
17798
18181
  };
17799
- function combobox_multi_selectvue_type_template_id_09911ee7_render(_ctx, _cache, $props, $setup, $data, $options) {
18182
+ function combobox_multi_selectvue_type_template_id_478b895c_render(_ctx, _cache, $props, $setup, $data, $options) {
17800
18183
  const _component_dt_chip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-chip");
17801
18184
 
17802
18185
  const _component_dt_input = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-input");
@@ -17812,6 +18195,8 @@ function combobox_multi_selectvue_type_template_id_09911ee7_render(_ctx, _cache,
17812
18195
  "max-height": $props.listMaxHeight,
17813
18196
  "popover-offset": $data.popoverOffset,
17814
18197
  "has-suggestion-list": $props.hasSuggestionList,
18198
+ "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
18199
+ "visually-hidden-close": _ctx.visuallyHiddenClose,
17815
18200
  "content-width": "anchor",
17816
18201
  onSelect: $options.onComboboxSelect
17817
18202
  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createSlots)({
@@ -17819,7 +18204,7 @@ function combobox_multi_selectvue_type_template_id_09911ee7_render(_ctx, _cache,
17819
18204
  let {
17820
18205
  onInput
17821
18206
  } = _ref;
17822
- return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_09911ee7_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_09911ee7_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($props.selectedItems, item => {
18207
+ return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_478b895c_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_478b895c_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($props.selectedItems, item => {
17823
18208
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_chip, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
17824
18209
  ref_for: true,
17825
18210
  ref: "chips",
@@ -17859,19 +18244,19 @@ function combobox_multi_selectvue_type_template_id_09911ee7_render(_ctx, _cache,
17859
18244
  onMousedown: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent"]))
17860
18245
  }, [!$props.loading ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
17861
18246
  key: 0
17862
- }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", combobox_multi_selectvue_type_template_id_09911ee7_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.loadingMessage), 1))], 544)]),
18247
+ }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", combobox_multi_selectvue_type_template_id_478b895c_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.loadingMessage), 1))], 544)]),
17863
18248
  _: 2
17864
18249
  }, [_ctx.$slots.header ? {
17865
18250
  name: "header",
17866
- fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_09911ee7_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
18251
+ fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_478b895c_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
17867
18252
  key: "0"
17868
18253
  } : undefined, _ctx.$slots.footer ? {
17869
18254
  name: "footer",
17870
- fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_09911ee7_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
18255
+ fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_478b895c_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
17871
18256
  key: "1"
17872
- } : undefined]), 1032, ["show-list", "max-height", "popover-offset", "has-suggestion-list", "onSelect"]);
18257
+ } : undefined]), 1032, ["show-list", "max-height", "popover-offset", "has-suggestion-list", "visually-hidden-close-label", "visually-hidden-close", "onSelect"]);
17873
18258
  }
17874
- ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=09911ee7
18259
+ ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=478b895c
17875
18260
 
17876
18261
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
17877
18262
  // The item list for default story
@@ -17977,6 +18362,7 @@ const MULTI_SELECT_SIZES = {
17977
18362
 
17978
18363
 
17979
18364
 
18365
+
17980
18366
  /* harmony default export */ const combobox_multi_selectvue_type_script_lang_js = ({
17981
18367
  name: 'DtRecipeComboboxMultiSelect',
17982
18368
  components: {
@@ -17985,6 +18371,7 @@ const MULTI_SELECT_SIZES = {
17985
18371
  DtChip: chip,
17986
18372
  DtValidationMessages: validation_messages
17987
18373
  },
18374
+ mixins: [sr_only_close_button],
17988
18375
  props: {
17989
18376
  /**
17990
18377
  * Label for the combobox
@@ -18158,7 +18545,7 @@ const MULTI_SELECT_SIZES = {
18158
18545
  data() {
18159
18546
  return {
18160
18547
  value: '',
18161
- popoverOffset: [0, 0],
18548
+ popoverOffset: [0, 4],
18162
18549
  showValidationMessages: false,
18163
18550
  initialInputPadding: {},
18164
18551
  resizeWindowObserver: null
@@ -18390,7 +18777,7 @@ const MULTI_SELECT_SIZES = {
18390
18777
  // If the new chip goes to the next line and the input box expands,
18391
18778
  // move the popover down to the next line. Same when chips are removed
18392
18779
 
18393
- this.popoverOffset = [0, 0];
18780
+ this.popoverOffset = [0, 4];
18394
18781
  },
18395
18782
 
18396
18783
  getFullWidth(el) {
@@ -18439,15 +18826,15 @@ const MULTI_SELECT_SIZES = {
18439
18826
 
18440
18827
 
18441
18828
  ;
18442
- const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_multi_selectvue_type_script_lang_js, [['render',combobox_multi_selectvue_type_template_id_09911ee7_render]])
18829
+ const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_multi_selectvue_type_script_lang_js, [['render',combobox_multi_selectvue_type_template_id_478b895c_render]])
18443
18830
 
18444
18831
  /* harmony default export */ const combobox_multi_select = (combobox_multi_select_exports_);
18445
18832
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
18446
18833
 
18447
18834
 
18448
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=20cb5327
18835
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=a7118c92
18449
18836
 
18450
- function callbar_buttonvue_type_template_id_20cb5327_render(_ctx, _cache, $props, $setup, $data, $options) {
18837
+ function callbar_buttonvue_type_template_id_a7118c92_render(_ctx, _cache, $props, $setup, $data, $options) {
18451
18838
  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
18452
18839
 
18453
18840
  const _component_dt_tooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-tooltip");
@@ -18474,7 +18861,7 @@ function callbar_buttonvue_type_template_id_20cb5327_render(_ctx, _cache, $props
18474
18861
  _: 3
18475
18862
  }, 8, ["id"]);
18476
18863
  }
18477
- ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=20cb5327
18864
+ ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=a7118c92
18478
18865
 
18479
18866
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
18480
18867
 
@@ -18563,7 +18950,7 @@ function callbar_buttonvue_type_template_id_20cb5327_render(_ctx, _cache, $props
18563
18950
  },
18564
18951
  computed: {
18565
18952
  callbarButtonClass() {
18566
- return [this.buttonClass, 'dt-recipe-callbar-button', 'd-stack4', 'd-px0', {
18953
+ return [this.buttonClass, 'dt-recipe-callbar-button', 'd-stack4', 'd-px0', 'h:d-bgc-black-200', 'h:d-bgo50', {
18567
18954
  'dt-recipe-callbar-button--circle': this.circle,
18568
18955
  'd-btn--icon-only': this.circle,
18569
18956
  'dt-recipe-callbar-button--active': this.active,
@@ -18575,9 +18962,9 @@ function callbar_buttonvue_type_template_id_20cb5327_render(_ctx, _cache, $props
18575
18962
  });
18576
18963
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
18577
18964
 
18578
- // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=20cb5327&lang=less
18579
- var callbar_buttonvue_type_style_index_0_id_20cb5327_lang_less = __webpack_require__(170);
18580
- ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=20cb5327&lang=less
18965
+ // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=a7118c92&lang=less
18966
+ var callbar_buttonvue_type_style_index_0_id_a7118c92_lang_less = __webpack_require__(476);
18967
+ ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=a7118c92&lang=less
18581
18968
 
18582
18969
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue
18583
18970
 
@@ -18587,7 +18974,7 @@ var callbar_buttonvue_type_style_index_0_id_20cb5327_lang_less = __webpack_requi
18587
18974
  ;
18588
18975
 
18589
18976
 
18590
- const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_20cb5327_render]])
18977
+ const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_a7118c92_render]])
18591
18978
 
18592
18979
  /* harmony default export */ const callbar_button = (callbar_button_exports_);
18593
18980
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
@@ -18911,26 +19298,26 @@ const callbar_button_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* defa
18911
19298
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_exports_);
18912
19299
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
18913
19300
 
18914
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=466e560c
19301
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=c1f377a8
18915
19302
 
18916
- const contact_infovue_type_template_id_466e560c_hoisted_1 = {
19303
+ const contact_infovue_type_template_id_c1f377a8_hoisted_1 = {
18917
19304
  class: "d-ps-relative",
18918
19305
  "data-qa": "contact-info-left"
18919
19306
  };
18920
- const contact_infovue_type_template_id_466e560c_hoisted_2 = ["src", "alt"];
18921
- const contact_infovue_type_template_id_466e560c_hoisted_3 = {
19307
+ const contact_infovue_type_template_id_c1f377a8_hoisted_2 = ["src", "alt"];
19308
+ const contact_infovue_type_template_id_c1f377a8_hoisted_3 = {
18922
19309
  "data-qa": "contact-info-header"
18923
19310
  };
18924
- const contact_infovue_type_template_id_466e560c_hoisted_4 = {
19311
+ const contact_infovue_type_template_id_c1f377a8_hoisted_4 = {
18925
19312
  "data-qa": "contact-info-subtitle"
18926
19313
  };
18927
- const contact_infovue_type_template_id_466e560c_hoisted_5 = {
19314
+ const contact_infovue_type_template_id_c1f377a8_hoisted_5 = {
18928
19315
  "data-qa": "contact-info-bottom"
18929
19316
  };
18930
- const contact_infovue_type_template_id_466e560c_hoisted_6 = {
19317
+ const contact_infovue_type_template_id_c1f377a8_hoisted_6 = {
18931
19318
  "data-qa": "contact-info-right"
18932
19319
  };
18933
- function contact_infovue_type_template_id_466e560c_render(_ctx, _cache, $props, $setup, $data, $options) {
19320
+ function contact_infovue_type_template_id_c1f377a8_render(_ctx, _cache, $props, $setup, $data, $options) {
18934
19321
  const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-avatar");
18935
19322
 
18936
19323
  const _component_dt_list_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-list-item");
@@ -18941,7 +19328,7 @@ function contact_infovue_type_template_id_466e560c_render(_ctx, _cache, $props,
18941
19328
  "element-type": "div",
18942
19329
  "data-qa": "contact-info"
18943
19330
  }, {
18944
- left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_466e560c_hoisted_1, [$props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_avatar, {
19331
+ left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_c1f377a8_hoisted_1, [$props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_avatar, {
18945
19332
  key: 0,
18946
19333
  size: "lg"
18947
19334
  }, {
@@ -18949,7 +19336,7 @@ function contact_infovue_type_template_id_466e560c_render(_ctx, _cache, $props,
18949
19336
  "data-qa": "dt-contact-avatar",
18950
19337
  src: $props.avatarSrc,
18951
19338
  alt: $props.avatarInitials
18952
- }, null, 8, contact_infovue_type_template_id_466e560c_hoisted_2)]),
19339
+ }, null, 8, contact_infovue_type_template_id_c1f377a8_hoisted_2)]),
18953
19340
  _: 1
18954
19341
  })) : $props.avatarInitials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_avatar, {
18955
19342
  key: 1,
@@ -18964,14 +19351,14 @@ function contact_infovue_type_template_id_466e560c_render(_ctx, _cache, $props,
18964
19351
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-ba', 'd-bc-white', 'd-baw2', 'd-bar2', 'd-ps-absolute', 'd-bn1', 'd-rn1', 'd-w20p', 'd-h20p', $data.USER_STATUS_COLOR_MODIFIERS[$props.userStatusColor]]),
18965
19352
  "data-qa": "contact-info-user-status"
18966
19353
  }, "   ", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]),
18967
- default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_466e560c_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")])]),
18968
- subtitle: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_466e560c_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "subtitle")])]),
18969
- bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_466e560c_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "bottom")])]),
18970
- right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_466e560c_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "right")])]),
19354
+ default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_c1f377a8_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")])]),
19355
+ subtitle: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_c1f377a8_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "subtitle")])]),
19356
+ bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_c1f377a8_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "bottom")])]),
19357
+ right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_c1f377a8_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "right")])]),
18971
19358
  _: 3
18972
19359
  }, 8, ["id", "role"]);
18973
19360
  }
18974
- ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=466e560c
19361
+ ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=c1f377a8
18975
19362
 
18976
19363
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
18977
19364
  const USER_STATUS_COLOR_MODIFIERS = {
@@ -19024,6 +19411,8 @@ const USER_STATUS_COLOR_MODIFIERS = {
19024
19411
 
19025
19412
  /**
19026
19413
  * Optional avatar image url.
19414
+ * if provided, it's also required to provide a value in the `avatarInitials` prop to use
19415
+ * in the alt attribute of the avatar.
19027
19416
  */
19028
19417
  avatarSrc: {
19029
19418
  type: String,
@@ -19078,7 +19467,7 @@ const USER_STATUS_COLOR_MODIFIERS = {
19078
19467
 
19079
19468
 
19080
19469
  ;
19081
- const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_infovue_type_script_lang_js, [['render',contact_infovue_type_template_id_466e560c_render]])
19470
+ const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_infovue_type_script_lang_js, [['render',contact_infovue_type_template_id_c1f377a8_render]])
19082
19471
 
19083
19472
  /* harmony default export */ const contact_info = (contact_info_exports_);
19084
19473
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
@@ -19144,7 +19533,7 @@ const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100', 'gol
19144
19533
  ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=script&lang=js
19145
19534
 
19146
19535
  // EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=style&index=0&id=1996f46e&lang=less
19147
- var top_banner_infovue_type_style_index_0_id_1996f46e_lang_less = __webpack_require__(808);
19536
+ var top_banner_infovue_type_style_index_0_id_1996f46e_lang_less = __webpack_require__(307);
19148
19537
  ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=style&index=0&id=1996f46e&lang=less
19149
19538
 
19150
19539
  ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue
@@ -19795,6 +20184,8 @@ const grouped_chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(group
19795
20184
 
19796
20185
 
19797
20186
 
20187
+
20188
+
19798
20189
 
19799
20190
 
19800
20191