@bethinkpl/design-system 24.0.0 → 24.2.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 (59) hide show
  1. package/dist/design-system.umd.js +624 -104
  2. package/dist/design-system.umd.js.map +1 -1
  3. package/dist/lib/js/components/Banner/Banner.vue.d.ts +1 -0
  4. package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +1 -0
  5. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +1 -0
  6. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -0
  7. package/dist/lib/js/components/Chip/Chip.vue.d.ts +1 -0
  8. package/dist/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue.d.ts +1 -0
  9. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +1 -0
  10. package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +1 -0
  11. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -0
  12. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.consts.d.ts +4 -0
  13. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +16 -0
  14. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +1 -0
  15. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
  16. package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -0
  17. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +1 -0
  18. package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +1 -0
  19. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +1 -0
  20. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -0
  21. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -0
  22. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +23 -0
  23. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +1 -0
  24. package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +1 -0
  25. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -0
  26. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -0
  27. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +3 -266
  28. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +3 -309
  29. package/dist/lib/js/components/Switch/Switch.vue.d.ts +1 -0
  30. package/dist/lib/js/components/TextGroup/TextGroup.consts.d.ts +22 -0
  31. package/dist/lib/js/components/TextGroup/TextGroup.stories.d.ts +5 -0
  32. package/dist/lib/js/components/TextGroup/TextGroup.vue.d.ts +139 -0
  33. package/dist/lib/js/components/TextGroup/index.d.ts +3 -0
  34. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +1 -0
  35. package/dist/lib/js/components/Tile/Tile.vue.d.ts +1 -0
  36. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -0
  37. package/dist/lib/js/icons/fontawesome.d.ts +1 -0
  38. package/dist/lib/js/index.d.ts +2 -0
  39. package/docs/548.a87360ed.iframe.bundle.js +2 -0
  40. package/docs/iframe.html +1 -1
  41. package/docs/main.9403ca72.iframe.bundle.js +2 -0
  42. package/docs/project.json +1 -1
  43. package/lib/js/components/Headers/OverlayHeader/OverlayHeader.consts.ts +5 -0
  44. package/lib/js/components/Headers/OverlayHeader/OverlayHeader.stories.ts +6 -1
  45. package/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue +63 -6
  46. package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts +64 -37
  47. package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue +60 -53
  48. package/lib/js/components/TextGroup/TextGroup.consts.ts +27 -0
  49. package/lib/js/components/TextGroup/TextGroup.stories.ts +109 -0
  50. package/lib/js/components/TextGroup/TextGroup.vue +332 -0
  51. package/lib/js/components/TextGroup/index.ts +4 -0
  52. package/lib/js/components/Tooltip/Tooltip.stories.ts +1 -1
  53. package/lib/js/icons/fontawesome.ts +2 -0
  54. package/lib/js/index.ts +2 -0
  55. package/package.json +1 -1
  56. package/docs/42.4a7f9b4c.iframe.bundle.js +0 -2
  57. package/docs/main.64a78d8d.iframe.bundle.js +0 -2
  58. /package/docs/{42.4a7f9b4c.iframe.bundle.js.LICENSE.txt → 548.a87360ed.iframe.bundle.js.LICENSE.txt} +0 -0
  59. /package/docs/{main.64a78d8d.iframe.bundle.js.LICENSE.txt → main.9403ca72.iframe.bundle.js.LICENSE.txt} +0 -0
@@ -3489,6 +3489,43 @@ exports.aliases = aliases;
3489
3489
 
3490
3490
  /***/ }),
3491
3491
 
3492
+ /***/ 12296:
3493
+ /***/ ((__unused_webpack_module, exports) => {
3494
+
3495
+ "use strict";
3496
+
3497
+ Object.defineProperty(exports, "__esModule", ({ value: true }));
3498
+ var prefix = 'far';
3499
+ var iconName = 'images';
3500
+ var width = 576;
3501
+ var height = 512;
3502
+ var aliases = [];
3503
+ var unicode = 'f302';
3504
+ var svgPathData = 'M160 80H512c8.8 0 16 7.2 16 16V320c0 8.8-7.2 16-16 16H490.8L388.1 178.9c-4.4-6.8-12-10.9-20.1-10.9s-15.7 4.1-20.1 10.9l-52.2 79.8-12.4-16.9c-4.5-6.2-11.7-9.8-19.4-9.8s-14.8 3.6-19.4 9.8L175.6 336H160c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16zM96 96V320c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H160c-35.3 0-64 28.7-64 64zM48 120c0-13.3-10.7-24-24-24S0 106.7 0 120V344c0 75.1 60.9 136 136 136H456c13.3 0 24-10.7 24-24s-10.7-24-24-24H136c-48.6 0-88-39.4-88-88V120zm208 24a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z';
3505
+
3506
+ exports.definition = {
3507
+ prefix: prefix,
3508
+ iconName: iconName,
3509
+ icon: [
3510
+ width,
3511
+ height,
3512
+ aliases,
3513
+ unicode,
3514
+ svgPathData
3515
+ ]};
3516
+
3517
+ exports.faImages = exports.definition;
3518
+ exports.prefix = prefix;
3519
+ exports.iconName = iconName;
3520
+ exports.width = width;
3521
+ exports.height = height;
3522
+ exports.ligatures = aliases;
3523
+ exports.unicode = unicode;
3524
+ exports.svgPathData = svgPathData;
3525
+ exports.aliases = aliases;
3526
+
3527
+ /***/ }),
3528
+
3492
3529
  /***/ 91527:
3493
3530
  /***/ ((__unused_webpack_module, exports) => {
3494
3531
 
@@ -33774,7 +33811,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `@keyframes a-spinAround-dd657ac8{0%{tr
33774
33811
 
33775
33812
  /***/ }),
33776
33813
 
33777
- /***/ 68407:
33814
+ /***/ 81658:
33778
33815
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
33779
33816
 
33780
33817
  "use strict";
@@ -33791,7 +33828,7 @@ __webpack_require__.r(__webpack_exports__);
33791
33828
 
33792
33829
  var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
33793
33830
  // Module
33794
- ___CSS_LOADER_EXPORT___.push([module.id, `.ds-overlayHeader[data-v-3aed7aad]{align-items:center;background:var(--color-neutral-background);border-bottom:2px solid var(--color-neutral-border-ghost);box-shadow:0 1px 2px var(--color-default-shadow-weak),0 8px 16px var(--color-default-shadow-weak),0 2px 4px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow);display:flex;padding:8px 6px 8px 0}@media(min-width:760px){.ds-overlayHeader[data-v-3aed7aad]{padding:12px 8px 12px 0}}.ds-overlayHeader__accessory[data-v-3aed7aad]{align-self:stretch;margin-left:12px}.ds-overlayHeader__content[data-v-3aed7aad]{flex-grow:1;margin:0 4px 0 12px;min-width:0}@media(min-width:760px){.ds-overlayHeader__content[data-v-3aed7aad]{margin:0 8px 0 16px}}.ds-overlayHeader__eyebrow[data-v-3aed7aad]{align-items:center;display:flex;margin-bottom:6px}@media(min-width:760px){.ds-overlayHeader__eyebrow[data-v-3aed7aad]{margin-bottom:8px}}.ds-overlayHeader__eyebrowText[data-v-3aed7aad]{--token:info-s-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase);color:var(--color-neutral-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-overlayHeader__eyebrowText.-ds-withRightMargin[data-v-3aed7aad]{margin-right:8px}.ds-overlayHeader__eyebrowAccessory[data-v-3aed7aad]{display:flex;min-width:0}.ds-overlayHeader__main[data-v-3aed7aad]{align-items:center;display:flex;gap:8px;min-height:var(--typography-line-height-s)}.ds-overlayHeader__titleLeading[data-v-3aed7aad]{display:flex}.ds-overlayHeader__titleWrapper[data-v-3aed7aad]{overflow:hidden}.ds-overlayHeader__titleWrapper.-ds-interactive[data-v-3aed7aad]{cursor:pointer}.ds-overlayHeader__title[data-v-3aed7aad]{--token:heading-m-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);letter-spacing:var(--typography-letter-spacing-s);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-heavy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-overlayHeader__title.-ds-desktop[data-v-3aed7aad]{display:none}@media(min-width:760px){.ds-overlayHeader__title.-ds-desktop[data-v-3aed7aad]{display:block}.ds-overlayHeader__title.-ds-mobile[data-v-3aed7aad]{display:none}}.ds-overlayHeader__titleTrailingWrapper[data-v-3aed7aad]{overflow-x:auto;display:flex;flex-shrink:100000}.ds-overlayHeader__titleTrailingWrapper[data-v-3aed7aad]:after{background:linear-gradient(90deg,transparent 0,var(--color-neutral-background) 84.26%);align-self:stretch;content:"";display:block;flex-shrink:0;margin-left:-20px;position:sticky;right:-1px;width:20px}.ds-overlayHeader__titleTrailingWrapper[data-v-3aed7aad]>:last-child{margin-right:20px}.ds-overlayHeader__titleTrailing[data-v-3aed7aad]{display:flex}.ds-overlayHeader__actions[data-v-3aed7aad]{align-self:stretch;display:none;flex-shrink:0}@media(min-width:760px){.ds-overlayHeader__actions[data-v-3aed7aad]{display:flex}}.ds-overlayHeader__divider[data-v-3aed7aad]{align-self:stretch;height:auto!important;margin:4px 6px}@media(min-width:760px){.ds-overlayHeader__divider[data-v-3aed7aad]{margin:4px 8px}}.ds-overlayHeader__divider.-ds-mobileHidden[data-v-3aed7aad]{display:none}@media(min-width:760px){.ds-overlayHeader__divider.-ds-mobileHidden[data-v-3aed7aad]{display:block}}.ds-overlayHeader.-ds-borderNeutral[data-v-3aed7aad]{border-bottom-color:var(--color-neutral-border)}.ds-overlayHeader.-ds-borderSuccess[data-v-3aed7aad]{border-bottom-color:var(--color-success-border)}.ds-overlayHeader.-ds-borderFail[data-v-3aed7aad]{border-bottom-color:var(--color-fail-border)}.ds-overlayHeader.-ds-borderWarning[data-v-3aed7aad]{border-bottom-color:var(--color-warning-border)}`, ""]);
33831
+ ___CSS_LOADER_EXPORT___.push([module.id, `.ds-overlayHeader[data-v-3d700abe]{align-items:center;background:var(--color-neutral-background);border-bottom:2px solid var(--color-neutral-border-ghost);box-shadow:0 1px 2px var(--color-default-shadow-weak),0 8px 16px var(--color-default-shadow-weak),0 2px 4px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow);display:flex;padding:8px 6px 8px 0}@media(min-width:760px){.ds-overlayHeader[data-v-3d700abe]{padding:12px 8px 12px 0}}.ds-overlayHeader__accessory[data-v-3d700abe]{align-self:stretch;margin-left:12px}.ds-overlayHeader__loadingWrapper[data-v-3d700abe]{display:flex;flex-direction:column;flex-grow:1;gap:6px;margin:0 4px 0 12px}@media(min-width:760px){.ds-overlayHeader__loadingWrapper[data-v-3d700abe]{gap:8px;margin:0 8px 0 16px}}.ds-overlayHeader__loadingBar.-ds-desktop[data-v-3d700abe]{display:none}@media(min-width:760px){.ds-overlayHeader__loadingBar.-ds-desktop[data-v-3d700abe]{display:flex}.ds-overlayHeader__loadingBar.-ds-mobile[data-v-3d700abe]{display:none}}.ds-overlayHeader__content[data-v-3d700abe]{flex-grow:1;margin:0 4px 0 12px;min-width:0}@media(min-width:760px){.ds-overlayHeader__content[data-v-3d700abe]{margin:0 8px 0 16px}}.ds-overlayHeader__eyebrow[data-v-3d700abe]{align-items:center;display:flex;margin-bottom:6px}@media(min-width:760px){.ds-overlayHeader__eyebrow[data-v-3d700abe]{margin-bottom:8px}}.ds-overlayHeader__eyebrowText[data-v-3d700abe]{--token:info-s-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase);color:var(--color-neutral-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-overlayHeader__eyebrowText.-ds-withRightMargin[data-v-3d700abe]{margin-right:8px}.ds-overlayHeader__eyebrowAccessory[data-v-3d700abe]{display:flex;min-width:0}.ds-overlayHeader__main[data-v-3d700abe]{align-items:center;display:flex;gap:8px;min-height:var(--typography-line-height-s)}.ds-overlayHeader__titleLeading[data-v-3d700abe]{display:flex}.ds-overlayHeader__titleWrapper[data-v-3d700abe]{overflow:hidden}.ds-overlayHeader__titleWrapper.-ds-interactive[data-v-3d700abe]{cursor:pointer}.ds-overlayHeader__title[data-v-3d700abe]{--token:heading-m-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);letter-spacing:var(--typography-letter-spacing-s);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-heavy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-overlayHeader__title.-ds-desktop[data-v-3d700abe]{display:none}@media(min-width:760px){.ds-overlayHeader__title.-ds-desktop[data-v-3d700abe]{display:block}.ds-overlayHeader__title.-ds-mobile[data-v-3d700abe]{display:none}}.ds-overlayHeader__titleTrailingWrapper[data-v-3d700abe]{overflow-x:auto;display:flex;flex-shrink:100000}.ds-overlayHeader__titleTrailingWrapper[data-v-3d700abe]:after{background:linear-gradient(90deg,transparent 0,var(--color-neutral-background) 84.26%);align-self:stretch;content:"";display:block;flex-shrink:0;margin-left:-20px;position:sticky;right:-1px;width:20px}.ds-overlayHeader__titleTrailingWrapper[data-v-3d700abe]>:last-child{margin-right:20px}.ds-overlayHeader__titleTrailing[data-v-3d700abe]{display:flex}.ds-overlayHeader__actions[data-v-3d700abe]{align-self:stretch;display:none;flex-shrink:0}@media(min-width:760px){.ds-overlayHeader__actions[data-v-3d700abe]{display:flex}}.ds-overlayHeader__divider[data-v-3d700abe]{align-self:stretch;height:auto!important;margin:4px 6px}@media(min-width:760px){.ds-overlayHeader__divider[data-v-3d700abe]{margin:4px 8px}}.ds-overlayHeader__divider.-ds-mobileHidden[data-v-3d700abe]{display:none}@media(min-width:760px){.ds-overlayHeader__divider.-ds-mobileHidden[data-v-3d700abe]{display:block}}.ds-overlayHeader.-ds-borderNeutral[data-v-3d700abe]{border-bottom-color:var(--color-neutral-border)}.ds-overlayHeader.-ds-borderSuccess[data-v-3d700abe]{border-bottom-color:var(--color-success-border)}.ds-overlayHeader.-ds-borderFail[data-v-3d700abe]{border-bottom-color:var(--color-fail-border)}.ds-overlayHeader.-ds-borderWarning[data-v-3d700abe]{border-bottom-color:var(--color-warning-border)}`, ""]);
33795
33832
  // Exports
33796
33833
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
33797
33834
 
@@ -34230,7 +34267,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `@keyframes a-spinAround-162c1806{0%{tr
34230
34267
 
34231
34268
  /***/ }),
34232
34269
 
34233
- /***/ 65120:
34270
+ /***/ 93417:
34234
34271
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
34235
34272
 
34236
34273
  "use strict";
@@ -34247,7 +34284,7 @@ __webpack_require__.r(__webpack_exports__);
34247
34284
 
34248
34285
  var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
34249
34286
  // Module
34250
- ___CSS_LOADER_EXPORT___.push([module.id, `.ds-basicRichListItem[data-v-56540a80]{max-width:100%}.ds-basicRichListItem__content[data-v-56540a80]{display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;padding:12px 0}.ds-basicRichListItem__eyebrow[data-v-56540a80]{--token:info-s-default-bold;letter-spacing:var(--typography-letter-spacing-m);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-weak);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-basicRichListItem__eyebrow[data-v-56540a80],.ds-basicRichListItem__eyebrow.-ds-uppercase[data-v-56540a80]{font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none)}.ds-basicRichListItem__eyebrow.-ds-uppercase[data-v-56540a80]{--token:info-s-extensive-bold-uppercase;letter-spacing:var(--typography-letter-spacing-xl);text-transform:var(--typography-text-transform-uppercase)}.ds-basicRichListItem__eyebrow[data-v-56540a80]:hover{color:var(--color-neutral-text-weak-hovered)}.ds-basicRichListItem__text[data-v-56540a80]{--token:text-m-compact-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-xs);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);-ms-overflow-style:none;scrollbar-width:none;color:var(--color-neutral-text);min-width:0;overflow-x:scroll;white-space:nowrap}.ds-basicRichListItem__text[data-v-56540a80]::-webkit-scrollbar{display:none}@media(min-width:760px){.ds-basicRichListItem__text[data-v-56540a80]{overflow:hidden;text-overflow:ellipsis}}.ds-basicRichListItem__text[data-v-56540a80]:hover{color:var(--color-neutral-text-hovered)}.ds-basicRichListItem.-ds-small .ds-basicRichListItem__content[data-v-56540a80]{padding:6px 0}`, ""]);
34287
+ ___CSS_LOADER_EXPORT___.push([module.id, `.ds-basicRichListItem[data-v-06c6cb9a]{max-width:100%}.ds-basicRichListItem__content[data-v-06c6cb9a]{display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;padding:12px 0}.ds-basicRichListItem.-ds-small .ds-basicRichListItem__content[data-v-06c6cb9a]{padding:8px 0}`, ""]);
34251
34288
  // Exports
34252
34289
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
34253
34290
 
@@ -34660,6 +34697,30 @@ ___CSS_LOADER_EXPORT___.push([module.id, `@keyframes a-spinAround-6d6ed105{0%{tr
34660
34697
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
34661
34698
 
34662
34699
 
34700
+ /***/ }),
34701
+
34702
+ /***/ 14012:
34703
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
34704
+
34705
+ "use strict";
34706
+ __webpack_require__.r(__webpack_exports__);
34707
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
34708
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
34709
+ /* harmony export */ });
34710
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43481);
34711
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
34712
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2400);
34713
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
34714
+ // Imports
34715
+
34716
+
34717
+ var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
34718
+ // Module
34719
+ ___CSS_LOADER_EXPORT___.push([module.id, `.ds-textGroup{display:flex;flex-direction:column;width:100%}.ds-textGroup.-ds-neutral .ds-textGroup__eyebrow{color:var(--color-neutral-text-weak)}.ds-textGroup.-ds-neutral .ds-textGroup__main{color:var(--color-neutral-text-strong)}.ds-textGroup.-ds-neutral .ds-textGroup__supporting{color:var(--color-neutral-text)}.ds-textGroup.-ds-neutral.-ds-hovered .ds-textGroup__eyebrow,.ds-textGroup.-ds-neutral.-ds-interactive:hover .ds-textGroup__eyebrow{color:var(--color-neutral-text-weak-hovered)}.ds-textGroup.-ds-neutral.-ds-hovered .ds-textGroup__main,.ds-textGroup.-ds-neutral.-ds-interactive:hover .ds-textGroup__main{color:var(--color-neutral-text-strong-hovered)}.ds-textGroup.-ds-neutral.-ds-hovered .ds-textGroup__supporting,.ds-textGroup.-ds-neutral.-ds-interactive:hover .ds-textGroup__supporting{color:var(--color-neutral-text-hovered)}.ds-textGroup.-ds-neutral.-ds-disabled{pointer-events:none}.ds-textGroup.-ds-neutral.-ds-disabled .ds-textGroup__eyebrow{color:var(--color-neutral-text-weak-disabled)}.ds-textGroup.-ds-neutral.-ds-disabled .ds-textGroup__main{color:var(--color-neutral-text-strong-disabled)}.ds-textGroup.-ds-neutral.-ds-disabled .ds-textGroup__supporting{color:var(--color-neutral-text-disabled)}.ds-textGroup.-ds-neutral.-ds-selected .ds-textGroup__main{color:var(--color-primary-text)}.ds-textGroup.-ds-neutral.-ds-selected.-ds-hovered .ds-textGroup__main,.ds-textGroup.-ds-neutral.-ds-selected.-ds-interactive:hover .ds-textGroup__main{color:var(--color-primary-text-hovered)}.ds-textGroup.-ds-neutral.-ds-selected.-ds-disabled .ds-textGroup__main{color:var(--color-primary-text-disabled)}.ds-textGroup__eyebrow{--token:info-s-default-bold;letter-spacing:var(--typography-letter-spacing-m);text-transform:var(--typography-text-transform-none);margin-bottom:2px}.ds-textGroup__eyebrow,.ds-textGroup__eyebrow.-ds-uppercase{font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none)}.ds-textGroup__eyebrow.-ds-uppercase{--token:info-s-extensive-bold-uppercase;letter-spacing:var(--typography-letter-spacing-xl);text-transform:var(--typography-text-transform-uppercase)}.ds-textGroup__main{--token:text-m-compact-bold;font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-xs);font-size:var(--typography-font-size-s)}.ds-textGroup__main,.ds-textGroup__supporting{font-style:var(--typography-font-style-normal);letter-spacing:var(--typography-letter-spacing-xs);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-textGroup__supporting{--token:text-s-compact-regular;font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-xs)}.ds-textGroup__eyebrow.-ds-ellipsis,.ds-textGroup__main.-ds-ellipsis,.ds-textGroup__supporting.-ds-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-textGroup.-ds-small .ds-textGroup__eyebrow{--token:info-xs-default-bold;letter-spacing:var(--typography-letter-spacing-m);text-transform:var(--typography-text-transform-none);margin-bottom:0}.ds-textGroup.-ds-small .ds-textGroup__eyebrow,.ds-textGroup.-ds-small .ds-textGroup__eyebrow.-ds-uppercase{font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-5xs);font-size:var(--typography-font-size-3xs);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none)}.ds-textGroup.-ds-small .ds-textGroup__eyebrow.-ds-uppercase{--token:info-xs-extensive-bold-uppercase;letter-spacing:var(--typography-letter-spacing-xl);text-transform:var(--typography-text-transform-uppercase)}.ds-textGroup.-ds-small .ds-textGroup__main{--token:text-s-compact-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-xs);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-textGroup.-ds-hovered,.ds-textGroup.-ds-interactive:hover{cursor:pointer}.ds-textGroup.-ds-disabled,.ds-textGroup.-ds-loading{pointer-events:none}.ds-textGroup.-ds-loading .ds-textGroup__eyebrow,.ds-textGroup.-ds-loading .ds-textGroup__main,.ds-textGroup.-ds-loading .ds-textGroup__supporting{align-items:center;display:flex;height:1.25em;height:1lh}.ds-textGroup.-ds-loading .ds-textGroup__skeletonWrapper{height:1em;width:100%}.ds-textGroup.-ds-loading-small{width:50%}.ds-textGroup.-ds-loading-medium{width:70%}`, ""]);
34720
+ // Exports
34721
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
34722
+
34723
+
34663
34724
  /***/ }),
34664
34725
 
34665
34726
  /***/ 18888:
@@ -35575,12 +35636,12 @@ __webpack_require__.r(__webpack_exports__);
35575
35636
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
35576
35637
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
35577
35638
  /* harmony export */ });
35578
- /* harmony import */ var _OverlayHeader_vue_vue_type_template_id_3aed7aad_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(78233);
35639
+ /* harmony import */ var _OverlayHeader_vue_vue_type_template_id_3d700abe_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5035);
35579
35640
  /* harmony import */ var _OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97331);
35580
35641
  /* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
35581
35642
  /* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
35582
35643
  /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
35583
- /* harmony import */ var _OverlayHeader_vue_vue_type_style_index_0_id_3aed7aad_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(36561);
35644
+ /* harmony import */ var _OverlayHeader_vue_vue_type_style_index_0_id_3d700abe_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(68555);
35584
35645
  /* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
35585
35646
 
35586
35647
 
@@ -35589,7 +35650,7 @@ __webpack_require__.r(__webpack_exports__);
35589
35650
  ;
35590
35651
 
35591
35652
 
35592
- const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_OverlayHeader_vue_vue_type_template_id_3aed7aad_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-3aed7aad"]])
35653
+ const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_OverlayHeader_vue_vue_type_template_id_3d700abe_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-3d700abe"]])
35593
35654
 
35594
35655
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
35595
35656
 
@@ -36478,12 +36539,12 @@ __webpack_require__.r(__webpack_exports__);
36478
36539
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
36479
36540
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
36480
36541
  /* harmony export */ });
36481
- /* harmony import */ var _BasicRichListItem_vue_vue_type_template_id_56540a80_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(42392);
36542
+ /* harmony import */ var _BasicRichListItem_vue_vue_type_template_id_06c6cb9a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(50551);
36482
36543
  /* harmony import */ var _BasicRichListItem_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53989);
36483
36544
  /* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
36484
36545
  /* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _BasicRichListItem_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _BasicRichListItem_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
36485
36546
  /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
36486
- /* harmony import */ var _BasicRichListItem_vue_vue_type_style_index_0_id_56540a80_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(78199);
36547
+ /* harmony import */ var _BasicRichListItem_vue_vue_type_style_index_0_id_06c6cb9a_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(35633);
36487
36548
  /* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
36488
36549
 
36489
36550
 
@@ -36492,7 +36553,7 @@ __webpack_require__.r(__webpack_exports__);
36492
36553
  ;
36493
36554
 
36494
36555
 
36495
- const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_BasicRichListItem_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_BasicRichListItem_vue_vue_type_template_id_56540a80_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-56540a80"]])
36556
+ const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_BasicRichListItem_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_BasicRichListItem_vue_vue_type_template_id_06c6cb9a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-06c6cb9a"]])
36496
36557
 
36497
36558
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
36498
36559
 
@@ -37089,6 +37150,34 @@ const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_v
37089
37150
 
37090
37151
  /***/ }),
37091
37152
 
37153
+ /***/ 5930:
37154
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
37155
+
37156
+ "use strict";
37157
+ __webpack_require__.r(__webpack_exports__);
37158
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
37159
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
37160
+ /* harmony export */ });
37161
+ /* harmony import */ var _TextGroup_vue_vue_type_template_id_a9d20e16_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15686);
37162
+ /* harmony import */ var _TextGroup_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(38882);
37163
+ /* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
37164
+ /* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _TextGroup_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _TextGroup_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
37165
+ /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
37166
+ /* harmony import */ var _TextGroup_vue_vue_type_style_index_0_id_a9d20e16_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(99630);
37167
+ /* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
37168
+
37169
+
37170
+
37171
+
37172
+ ;
37173
+
37174
+
37175
+ const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_TextGroup_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_TextGroup_vue_vue_type_template_id_a9d20e16_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s]])
37176
+
37177
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
37178
+
37179
+ /***/ }),
37180
+
37092
37181
  /***/ 6655:
37093
37182
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
37094
37183
 
@@ -38086,6 +38175,23 @@ __webpack_require__.r(__webpack_exports__);
38086
38175
  /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
38087
38176
 
38088
38177
 
38178
+ /***/ }),
38179
+
38180
+ /***/ 38882:
38181
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
38182
+
38183
+ "use strict";
38184
+ __webpack_require__.r(__webpack_exports__);
38185
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
38186
+ /* harmony export */ "default": () => (/* reexport default from dynamic */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0___default.a)
38187
+ /* harmony export */ });
38188
+ /* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7177);
38189
+ /* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0__);
38190
+ /* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
38191
+ /* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0__[__WEBPACK_IMPORT_KEY__]
38192
+ /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
38193
+
38194
+
38089
38195
  /***/ }),
38090
38196
 
38091
38197
  /***/ 27099:
@@ -38355,14 +38461,14 @@ __webpack_require__.r(__webpack_exports__);
38355
38461
 
38356
38462
  /***/ }),
38357
38463
 
38358
- /***/ 78233:
38464
+ /***/ 5035:
38359
38465
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
38360
38466
 
38361
38467
  "use strict";
38362
38468
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
38363
- /* harmony export */ s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_OverlayHeader_vue_vue_type_template_id_3aed7aad_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
38469
+ /* harmony export */ s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_OverlayHeader_vue_vue_type_template_id_3d700abe_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
38364
38470
  /* harmony export */ });
38365
- /* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_OverlayHeader_vue_vue_type_template_id_3aed7aad_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(46534);
38471
+ /* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_OverlayHeader_vue_vue_type_template_id_3d700abe_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(53503);
38366
38472
 
38367
38473
 
38368
38474
  /***/ }),
@@ -38523,14 +38629,14 @@ __webpack_require__.r(__webpack_exports__);
38523
38629
 
38524
38630
  /***/ }),
38525
38631
 
38526
- /***/ 42392:
38632
+ /***/ 50551:
38527
38633
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
38528
38634
 
38529
38635
  "use strict";
38530
38636
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
38531
- /* harmony export */ s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_BasicRichListItem_vue_vue_type_template_id_56540a80_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
38637
+ /* harmony export */ s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_BasicRichListItem_vue_vue_type_template_id_06c6cb9a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
38532
38638
  /* harmony export */ });
38533
- /* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_BasicRichListItem_vue_vue_type_template_id_56540a80_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26072);
38639
+ /* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_BasicRichListItem_vue_vue_type_template_id_06c6cb9a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1882);
38534
38640
 
38535
38641
 
38536
38642
  /***/ }),
@@ -38701,6 +38807,18 @@ __webpack_require__.r(__webpack_exports__);
38701
38807
  /* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TabItem_vue_vue_type_template_id_6d6ed105_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18938);
38702
38808
 
38703
38809
 
38810
+ /***/ }),
38811
+
38812
+ /***/ 15686:
38813
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
38814
+
38815
+ "use strict";
38816
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
38817
+ /* harmony export */ s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_template_id_a9d20e16_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
38818
+ /* harmony export */ });
38819
+ /* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_template_id_a9d20e16_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49176);
38820
+
38821
+
38704
38822
  /***/ }),
38705
38823
 
38706
38824
  /***/ 21341:
@@ -38899,12 +39017,12 @@ __webpack_require__.r(__webpack_exports__);
38899
39017
 
38900
39018
  /***/ }),
38901
39019
 
38902
- /***/ 36561:
39020
+ /***/ 68555:
38903
39021
  /***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
38904
39022
 
38905
39023
  "use strict";
38906
- /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_OverlayHeader_vue_vue_type_style_index_0_id_3aed7aad_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25034);
38907
- /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_OverlayHeader_vue_vue_type_style_index_0_id_3aed7aad_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_OverlayHeader_vue_vue_type_style_index_0_id_3aed7aad_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
39024
+ /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_OverlayHeader_vue_vue_type_style_index_0_id_3d700abe_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51409);
39025
+ /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_OverlayHeader_vue_vue_type_style_index_0_id_3d700abe_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_OverlayHeader_vue_vue_type_style_index_0_id_3d700abe_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
38908
39026
 
38909
39027
 
38910
39028
  /***/ }),
@@ -39029,12 +39147,12 @@ __webpack_require__.r(__webpack_exports__);
39029
39147
 
39030
39148
  /***/ }),
39031
39149
 
39032
- /***/ 78199:
39150
+ /***/ 35633:
39033
39151
  /***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
39034
39152
 
39035
39153
  "use strict";
39036
- /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_BasicRichListItem_vue_vue_type_style_index_0_id_56540a80_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15514);
39037
- /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_BasicRichListItem_vue_vue_type_style_index_0_id_56540a80_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_BasicRichListItem_vue_vue_type_style_index_0_id_56540a80_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
39154
+ /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_BasicRichListItem_vue_vue_type_style_index_0_id_06c6cb9a_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(57789);
39155
+ /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_BasicRichListItem_vue_vue_type_style_index_0_id_06c6cb9a_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_BasicRichListItem_vue_vue_type_style_index_0_id_06c6cb9a_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
39038
39156
 
39039
39157
 
39040
39158
  /***/ }),
@@ -39157,6 +39275,16 @@ __webpack_require__.r(__webpack_exports__);
39157
39275
  /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TabItem_vue_vue_type_style_index_0_id_6d6ed105_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TabItem_vue_vue_type_style_index_0_id_6d6ed105_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
39158
39276
 
39159
39277
 
39278
+ /***/ }),
39279
+
39280
+ /***/ 99630:
39281
+ /***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
39282
+
39283
+ "use strict";
39284
+ /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_style_index_0_id_a9d20e16_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15582);
39285
+ /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_style_index_0_id_a9d20e16_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_TextGroup_vue_vue_type_style_index_0_id_a9d20e16_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
39286
+
39287
+
39160
39288
  /***/ }),
39161
39289
 
39162
39290
  /***/ 36005:
@@ -45210,7 +45338,7 @@ exports.SELECTION_CONTROL_TYPE = {
45210
45338
  "use strict";
45211
45339
 
45212
45340
  Object.defineProperty(exports, "__esModule", ({ value: true }));
45213
- exports.OVERLAY_HEADER_BORDER_COLORS = void 0;
45341
+ exports.OVERLAY_HEADER_STATES = exports.OVERLAY_HEADER_BORDER_COLORS = void 0;
45214
45342
  exports.OVERLAY_HEADER_BORDER_COLORS = {
45215
45343
  NEUTRAL_GHOST: 'neutralGhost',
45216
45344
  NEUTRAL: 'neutral',
@@ -45218,6 +45346,10 @@ exports.OVERLAY_HEADER_BORDER_COLORS = {
45218
45346
  FAIL: 'fail',
45219
45347
  WARNING: 'warning',
45220
45348
  };
45349
+ exports.OVERLAY_HEADER_STATES = {
45350
+ DEFAULT: 'default',
45351
+ LOADING: 'loading',
45352
+ };
45221
45353
 
45222
45354
 
45223
45355
  /***/ }),
@@ -46423,6 +46555,21 @@ exports.SKELETON_RADIUS_SIZES = {
46423
46555
  };
46424
46556
 
46425
46557
 
46558
+ /***/ }),
46559
+
46560
+ /***/ 4347:
46561
+ /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
46562
+
46563
+ "use strict";
46564
+
46565
+ var __importDefault = (this && this.__importDefault) || function (mod) {
46566
+ return (mod && mod.__esModule) ? mod : { "default": mod };
46567
+ };
46568
+ Object.defineProperty(exports, "__esModule", ({ value: true }));
46569
+ const Skeleton_vue_1 = __importDefault(__webpack_require__(23465));
46570
+ exports["default"] = Skeleton_vue_1.default;
46571
+
46572
+
46426
46573
  /***/ }),
46427
46574
 
46428
46575
  /***/ 2790:
@@ -46683,6 +46830,65 @@ exports["default"] = TabItem_vue_1.default;
46683
46830
  __exportStar(__webpack_require__(39446), exports);
46684
46831
 
46685
46832
 
46833
+ /***/ }),
46834
+
46835
+ /***/ 69565:
46836
+ /***/ ((__unused_webpack_module, exports) => {
46837
+
46838
+ "use strict";
46839
+
46840
+ Object.defineProperty(exports, "__esModule", ({ value: true }));
46841
+ exports.TEXT_GROUP_STATES = exports.TEXT_GROUP_SIZES = exports.TEXT_GROUP_LOADING_SIZES = exports.TEXT_GROUP_COLORS = void 0;
46842
+ exports.TEXT_GROUP_COLORS = {
46843
+ NEUTRAL: 'neutral',
46844
+ };
46845
+ exports.TEXT_GROUP_LOADING_SIZES = {
46846
+ SMALL: 'small',
46847
+ MEDIUM: 'medium',
46848
+ LARGE: 'large',
46849
+ };
46850
+ exports.TEXT_GROUP_SIZES = {
46851
+ SMALL: 'small',
46852
+ MEDIUM: 'medium',
46853
+ };
46854
+ exports.TEXT_GROUP_STATES = {
46855
+ DEFAULT: 'default',
46856
+ HOVERED: 'hovered',
46857
+ DISABLED: 'disabled',
46858
+ LOADING: 'loading',
46859
+ };
46860
+
46861
+
46862
+ /***/ }),
46863
+
46864
+ /***/ 18977:
46865
+ /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
46866
+
46867
+ "use strict";
46868
+
46869
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
46870
+ if (k2 === undefined) k2 = k;
46871
+ var desc = Object.getOwnPropertyDescriptor(m, k);
46872
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
46873
+ desc = { enumerable: true, get: function() { return m[k]; } };
46874
+ }
46875
+ Object.defineProperty(o, k2, desc);
46876
+ }) : (function(o, m, k, k2) {
46877
+ if (k2 === undefined) k2 = k;
46878
+ o[k2] = m[k];
46879
+ }));
46880
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
46881
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
46882
+ };
46883
+ var __importDefault = (this && this.__importDefault) || function (mod) {
46884
+ return (mod && mod.__esModule) ? mod : { "default": mod };
46885
+ };
46886
+ Object.defineProperty(exports, "__esModule", ({ value: true }));
46887
+ const TextGroup_vue_1 = __importDefault(__webpack_require__(5930));
46888
+ exports["default"] = TextGroup_vue_1.default;
46889
+ __exportStar(__webpack_require__(69565), exports);
46890
+
46891
+
46686
46892
  /***/ }),
46687
46893
 
46688
46894
  /***/ 56631:
@@ -47218,7 +47424,8 @@ const faHourglass_1 = __webpack_require__(58594);
47218
47424
  const faHourglassEnd_1 = __webpack_require__(40617);
47219
47425
  const faHourglassStart_1 = __webpack_require__(11926);
47220
47426
  const faHouse_1 = __webpack_require__(57962);
47221
- const faImages_1 = __webpack_require__(77173);
47427
+ const faImages_1 = __webpack_require__(12296);
47428
+ const faImages_2 = __webpack_require__(77173);
47222
47429
  const faKey_1 = __webpack_require__(91527);
47223
47430
  const faKeyboard_1 = __webpack_require__(68837);
47224
47431
  const faLightbulb_1 = __webpack_require__(72559);
@@ -47442,7 +47649,8 @@ exports.FONTAWESOME_ICONS = {
47442
47649
  FA_HOURGLASS_END: faHourglassEnd_1.faHourglassEnd,
47443
47650
  FA_HOURGLASS_START: faHourglassStart_1.faHourglassStart,
47444
47651
  FA_HOUSE: faHouse_1.faHouse,
47445
- FA_IMAGES_SOLID: faImages_1.faImages,
47652
+ FA_IMAGES: faImages_1.faImages,
47653
+ FA_IMAGES_SOLID: faImages_2.faImages,
47446
47654
  FA_INFO_SOLID: faInfo_1.faInfo,
47447
47655
  FA_KEY: faKey_1.faKey,
47448
47656
  FA_KEYBOARD: faKeyboard_1.faKeyboard,
@@ -47554,7 +47762,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
47554
47762
  Object.defineProperty(exports, "__esModule", ({ value: true }));
47555
47763
  exports.DrawerContent = exports.DsDrawer = exports.Drawer = exports.DsSectionTitle = exports.SectionTitle = exports.DsPageHeader = exports.PageHeader = exports.DsSectionHeader = exports.SectionHeader = exports.DsSurveyQuestionOpenEnded = exports.SurveyQuestionOpenEnded = exports.DsSurveyQuestionScale = exports.SurveyQuestionScale = exports.DsSurveyToggle = exports.SurveyToggle = exports.DsBlockadeStatus = exports.BlockadeStatus = exports.DsAccessStatus = exports.AccessStatus = exports.DsTile = exports.Tile = exports.DsTabItem = exports.TabItem = exports.DsNumberInCircle = exports.NumberInCircle = exports.DsModalDialog = exports.DsModal = exports.Modal = exports.DsIconButton = exports.IconButton = exports.DsIcon = exports.Icon = exports.DsFeatureIcon = exports.FeatureIcon = exports.DsDivider = exports.Divider = exports.DsDatePicker = exports.DatePicker = exports.DsCardExpandable = exports.CardExpandable = exports.DsCard = exports.Card = exports.DsToggleButton = exports.ToggleButton = exports.DsButton = exports.Button = exports.DsBanner = exports.Banner = exports.DsBadgeScore = exports.BadgeScore = void 0;
47556
47764
  exports.Pagination = exports.DsIconText = exports.IconText = exports.DsProgressDonutChart = exports.ProgressDonutChart = exports.DsProgressBar = exports.ProgressBar = exports.DsDropdown = exports.Dropdown = exports.DsPopOver = exports.PopOver = exports.DsLoadingBar = exports.LoadingBar = exports.DsSelectionTile = exports.SelectionTile = exports.DsSelectListSectionTitle = exports.SelectListSectionTitle = exports.DsSelectListItemTile = exports.SelectListItemTile = exports.DsSelectListItemToggle = exports.SelectListItemToggle = exports.DsSelectListItemDivider = exports.SelectListItemDivider = exports.DsSelectListItem = exports.SelectListItem = exports.DsSelectList = exports.SelectList = exports.DsCounterToggle = exports.CounterToggle = exports.DsChip = exports.Chip = exports.DsOutlineSectionHeader = exports.OutlineSectionHeader = exports.DsOutlineDivider = exports.OutlineDivider = exports.DsOutlineItem = exports.OutlineItem = exports.DsDrawerSection = exports.DrawerSection = exports.DsDrawerTile = exports.DrawerTile = exports.DsDrawerListItemGroup = exports.DrawerListItemGroup = exports.DsDrawerListItem = exports.DrawerListItem = exports.DsDrawerHeader = exports.DrawerHeader = exports.DsDrawerDivider = exports.DrawerDivider = exports.DsDrawerContent = void 0;
47557
- exports.initializeIconsWithDomWatcher = exports.initializeIcons = exports.initializePrimeVue = exports.DsSkeleton = exports.DsImage = exports.DsTooltip = exports.DsSwitch = exports.Switch = exports.DsGroupRichListItem = exports.GroupRichListItem = exports.DsBasicRichListItem = exports.BasicRichListItem = exports.DsRichListItem = exports.RichListItem = exports.DsThreeColumnLayout = exports.ThreeColumnLayout = exports.DsWell = exports.Well = exports.DsOverlayHeader = exports.OverlayHeader = exports.DsPagination = void 0;
47765
+ exports.initializeIconsWithDomWatcher = exports.initializeIcons = exports.initializePrimeVue = exports.DsSkeleton = exports.DsImage = exports.DsTooltip = exports.DsTextGroup = exports.DsSwitch = exports.Switch = exports.DsGroupRichListItem = exports.GroupRichListItem = exports.DsBasicRichListItem = exports.BasicRichListItem = exports.DsRichListItem = exports.RichListItem = exports.DsThreeColumnLayout = exports.ThreeColumnLayout = exports.DsWell = exports.Well = exports.DsOverlayHeader = exports.OverlayHeader = exports.DsPagination = void 0;
47558
47766
  var BadgeScore_1 = __webpack_require__(10540);
47559
47767
  Object.defineProperty(exports, "BadgeScore", ({ enumerable: true, get: function () { return __importDefault(BadgeScore_1).default; } }));
47560
47768
  var BadgeScore_2 = __webpack_require__(10540);
@@ -47825,6 +48033,9 @@ Object.defineProperty(exports, "Switch", ({ enumerable: true, get: function () {
47825
48033
  var Switch_2 = __webpack_require__(60926);
47826
48034
  Object.defineProperty(exports, "DsSwitch", ({ enumerable: true, get: function () { return __importDefault(Switch_2).default; } }));
47827
48035
  __exportStar(__webpack_require__(54077), exports);
48036
+ var TextGroup_1 = __webpack_require__(18977);
48037
+ Object.defineProperty(exports, "DsTextGroup", ({ enumerable: true, get: function () { return __importDefault(TextGroup_1).default; } }));
48038
+ __exportStar(__webpack_require__(69565), exports);
47828
48039
  var Tooltip_1 = __webpack_require__(79301);
47829
48040
  Object.defineProperty(exports, "DsTooltip", ({ enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } }));
47830
48041
  __exportStar(__webpack_require__(69846), exports);
@@ -49952,12 +50163,13 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
49952
50163
  const IconButton_vue_1 = __importDefault(__webpack_require__(53811));
49953
50164
  const Divider_1 = __importStar(__webpack_require__(11922));
49954
50165
  const Dropdown_1 = __importStar(__webpack_require__(33144));
50166
+ const Skeleton_1 = __importDefault(__webpack_require__(4347));
49955
50167
  const IconButton_1 = __webpack_require__(77345);
49956
50168
  const Icon_1 = __webpack_require__(32411);
49957
50169
  const OverlayHeader_consts_1 = __webpack_require__(86855);
49958
50170
  exports["default"] = {
49959
50171
  name: 'OverlayHeader',
49960
- components: { IconButton: IconButton_vue_1.default, DsDivider: Divider_1.default, DsDropdown: Dropdown_1.default },
50172
+ components: { IconButton: IconButton_vue_1.default, DsDivider: Divider_1.default, DsDropdown: Dropdown_1.default, DsSkeleton: Skeleton_1.default },
49961
50173
  props: {
49962
50174
  title: {
49963
50175
  type: String,
@@ -49980,6 +50192,13 @@ exports["default"] = {
49980
50192
  type: Boolean,
49981
50193
  default: false,
49982
50194
  },
50195
+ state: {
50196
+ type: String,
50197
+ default: OverlayHeader_consts_1.OVERLAY_HEADER_STATES.DEFAULT,
50198
+ validator(value) {
50199
+ return Object.values(OverlayHeader_consts_1.OVERLAY_HEADER_STATES).includes(value);
50200
+ },
50201
+ },
49983
50202
  },
49984
50203
  // TODO fix me when touching this file
49985
50204
  // eslint-disable-next-line vue/require-emit-validator
@@ -49992,10 +50211,16 @@ exports["default"] = {
49992
50211
  ICONS: Object.freeze(Icon_1.ICONS),
49993
50212
  DIVIDER_PROMINENCES: Object.freeze(Divider_1.DIVIDER_PROMINENCES),
49994
50213
  OVERLAY_HEADER_BORDER_COLORS: Object.freeze(OverlayHeader_consts_1.OVERLAY_HEADER_BORDER_COLORS),
50214
+ OVERLAY_HEADER_STATES: Object.freeze(OverlayHeader_consts_1.OVERLAY_HEADER_STATES),
49995
50215
  DROPDOWN_PLACEMENTS: Object.freeze(Dropdown_1.DROPDOWN_PLACEMENTS),
49996
50216
  isDropdownOpen: false,
49997
50217
  };
49998
50218
  },
50219
+ computed: {
50220
+ isLoading() {
50221
+ return this.state === OverlayHeader_consts_1.OVERLAY_HEADER_STATES.LOADING;
50222
+ },
50223
+ },
49999
50224
  methods: {
50000
50225
  onTitleClick() {
50001
50226
  if (this.isTitleInteractive) {
@@ -51613,13 +51838,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
51613
51838
  __setModuleDefault(result, mod);
51614
51839
  return result;
51615
51840
  };
51841
+ var __importDefault = (this && this.__importDefault) || function (mod) {
51842
+ return (mod && mod.__esModule) ? mod : { "default": mod };
51843
+ };
51616
51844
  Object.defineProperty(exports, "__esModule", ({ value: true }));
51617
51845
  const RichListItem_1 = __importStar(__webpack_require__(98513));
51846
+ const TextGroup_vue_1 = __importDefault(__webpack_require__(5930));
51618
51847
  const vue_1 = __webpack_require__(77203);
51619
51848
  const Icon_1 = __webpack_require__(32411);
51849
+ const TextGroup_1 = __webpack_require__(18977);
51620
51850
  exports["default"] = {
51621
51851
  name: 'BasicRichListItem',
51622
51852
  components: {
51853
+ DsTextGroup: TextGroup_vue_1.default,
51623
51854
  RichListItem: RichListItem_1.default,
51624
51855
  },
51625
51856
  props: {
@@ -51689,14 +51920,30 @@ exports["default"] = {
51689
51920
  type: String,
51690
51921
  required: true,
51691
51922
  },
51923
+ textEllipsis: {
51924
+ type: Boolean,
51925
+ default: false,
51926
+ },
51692
51927
  eyebrow: {
51693
51928
  type: String,
51694
51929
  default: null,
51695
51930
  },
51931
+ eyebrowEllipsis: {
51932
+ type: Boolean,
51933
+ default: false,
51934
+ },
51696
51935
  isEyebrowUppercase: {
51697
51936
  type: Boolean,
51698
51937
  default: false,
51699
51938
  },
51939
+ supportingText: {
51940
+ type: String,
51941
+ default: null,
51942
+ },
51943
+ supportingTextEllipsis: {
51944
+ type: Boolean,
51945
+ default: false,
51946
+ },
51700
51947
  backgroundColor: {
51701
51948
  type: String,
51702
51949
  default: RichListItem_1.RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL,
@@ -51733,9 +51980,28 @@ exports["default"] = {
51733
51980
  },
51734
51981
  data() {
51735
51982
  return {
51983
+ hovered: false,
51736
51984
  RICH_LIST_ITEM_SIZE: Object.freeze(RichListItem_1.RICH_LIST_ITEM_SIZE),
51737
51985
  };
51738
51986
  },
51987
+ computed: {
51988
+ textGroupSize() {
51989
+ const map = {
51990
+ [RichListItem_1.RICH_LIST_ITEM_SIZE.SMALL]: TextGroup_1.TEXT_GROUP_SIZES.SMALL,
51991
+ [RichListItem_1.RICH_LIST_ITEM_SIZE.MEDIUM]: TextGroup_1.TEXT_GROUP_SIZES.MEDIUM,
51992
+ };
51993
+ return map[this.size];
51994
+ },
51995
+ textGroupState() {
51996
+ if (this.hovered && this.isInteractive) {
51997
+ return TextGroup_1.TEXT_GROUP_STATES.HOVERED;
51998
+ }
51999
+ if (this.state === RichListItem_1.RICH_LIST_ITEM_STATE.LOADING) {
52000
+ return TextGroup_1.TEXT_GROUP_STATES.LOADING;
52001
+ }
52002
+ return TextGroup_1.TEXT_GROUP_STATES.DEFAULT;
52003
+ },
52004
+ },
51739
52005
  };
51740
52006
 
51741
52007
 
@@ -53247,6 +53513,99 @@ exports["default"] = {
53247
53513
  };
53248
53514
 
53249
53515
 
53516
+ /***/ }),
53517
+
53518
+ /***/ 7177:
53519
+ /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
53520
+
53521
+ "use strict";
53522
+
53523
+ var __importDefault = (this && this.__importDefault) || function (mod) {
53524
+ return (mod && mod.__esModule) ? mod : { "default": mod };
53525
+ };
53526
+ Object.defineProperty(exports, "__esModule", ({ value: true }));
53527
+ const vue_1 = __webpack_require__(77203);
53528
+ const Skeleton_vue_1 = __importDefault(__webpack_require__(23465));
53529
+ const TextGroup_consts_1 = __webpack_require__(69565);
53530
+ exports["default"] = (0, vue_1.defineComponent)({
53531
+ name: 'TextGroup',
53532
+ components: {
53533
+ DsSkeleton: Skeleton_vue_1.default,
53534
+ },
53535
+ props: {
53536
+ size: {
53537
+ type: String,
53538
+ default: TextGroup_consts_1.TEXT_GROUP_SIZES.MEDIUM,
53539
+ },
53540
+ color: {
53541
+ type: String,
53542
+ default: TextGroup_consts_1.TEXT_GROUP_COLORS.NEUTRAL,
53543
+ },
53544
+ eyebrowText: {
53545
+ type: String,
53546
+ default: null,
53547
+ },
53548
+ eyebrowTextEllipsis: {
53549
+ type: Boolean,
53550
+ default: false,
53551
+ },
53552
+ isEyebrowTextUppercase: {
53553
+ type: Boolean,
53554
+ default: true,
53555
+ },
53556
+ mainText: {
53557
+ type: String,
53558
+ default: null,
53559
+ },
53560
+ mainTextEllipsis: {
53561
+ type: Boolean,
53562
+ default: false,
53563
+ },
53564
+ supportingText: {
53565
+ type: String,
53566
+ default: null,
53567
+ },
53568
+ supportingTextEllipsis: {
53569
+ type: Boolean,
53570
+ default: false,
53571
+ },
53572
+ isInteractive: {
53573
+ type: Boolean,
53574
+ default: true,
53575
+ },
53576
+ skeletonLoadingSize: {
53577
+ type: String,
53578
+ default: TextGroup_consts_1.TEXT_GROUP_LOADING_SIZES.LARGE,
53579
+ },
53580
+ isSelected: {
53581
+ type: Boolean,
53582
+ default: false,
53583
+ },
53584
+ state: {
53585
+ type: String,
53586
+ default: TextGroup_consts_1.TEXT_GROUP_STATES.DEFAULT,
53587
+ },
53588
+ },
53589
+ data() {
53590
+ return {
53591
+ TEXT_GROUP_SIZES: Object.freeze(TextGroup_consts_1.TEXT_GROUP_SIZES),
53592
+ TEXT_GROUP_STATES: Object.freeze(TextGroup_consts_1.TEXT_GROUP_STATES),
53593
+ };
53594
+ },
53595
+ computed: {
53596
+ colorClassName() {
53597
+ return `-ds-${this.color}`;
53598
+ },
53599
+ isLoading() {
53600
+ return this.state === TextGroup_consts_1.TEXT_GROUP_STATES.LOADING;
53601
+ },
53602
+ loadingSizeClassName() {
53603
+ return `-ds-loading-${this.skeletonLoadingSize}`;
53604
+ },
53605
+ },
53606
+ });
53607
+
53608
+
53250
53609
  /***/ }),
53251
53610
 
53252
53611
  /***/ 80691:
@@ -54802,7 +55161,7 @@ exports.s = render;
54802
55161
 
54803
55162
  /***/ }),
54804
55163
 
54805
- /***/ 46534:
55164
+ /***/ 53503:
54806
55165
  /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
54807
55166
 
54808
55167
  "use strict";
@@ -54811,36 +55170,44 @@ var __webpack_unused_export__;
54811
55170
  __webpack_unused_export__ = ({ value: true });
54812
55171
  exports.s = void 0;
54813
55172
  const vue_1 = __webpack_require__(77203);
54814
- const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-3aed7aad"), n = n(), (0, vue_1.popScopeId)(), n);
55173
+ const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-3d700abe"), n = n(), (0, vue_1.popScopeId)(), n);
54815
55174
  const _hoisted_1 = {
54816
55175
  key: 0,
55176
+ class: "ds-overlayHeader__loadingWrapper"
55177
+ };
55178
+ const _hoisted_2 = {
55179
+ key: 1,
54817
55180
  class: "ds-overlayHeader__accessory"
54818
55181
  };
54819
- const _hoisted_2 = { class: "ds-overlayHeader__content" };
54820
55182
  const _hoisted_3 = {
55183
+ key: 2,
55184
+ class: "ds-overlayHeader__content"
55185
+ };
55186
+ const _hoisted_4 = {
54821
55187
  key: 0,
54822
55188
  class: "ds-overlayHeader__eyebrow"
54823
55189
  };
54824
- const _hoisted_4 = ["title"];
54825
- const _hoisted_5 = {
55190
+ const _hoisted_5 = ["title"];
55191
+ const _hoisted_6 = {
54826
55192
  key: 1,
54827
55193
  class: "ds-overlayHeader__eyebrowAccessory"
54828
55194
  };
54829
- const _hoisted_6 = { class: "ds-overlayHeader__main" };
54830
- const _hoisted_7 = {
55195
+ const _hoisted_7 = { class: "ds-overlayHeader__main" };
55196
+ const _hoisted_8 = {
54831
55197
  key: 0,
54832
55198
  class: "ds-overlayHeader__titleLeading"
54833
55199
  };
54834
- const _hoisted_8 = ["title"];
54835
- const _hoisted_9 = { class: "ds-overlayHeader__title -ds-desktop" };
54836
- const _hoisted_10 = { class: "ds-overlayHeader__title -ds-mobile" };
54837
- const _hoisted_11 = {
55200
+ const _hoisted_9 = ["title"];
55201
+ const _hoisted_10 = { class: "ds-overlayHeader__title -ds-desktop" };
55202
+ const _hoisted_11 = { class: "ds-overlayHeader__title -ds-mobile" };
55203
+ const _hoisted_12 = {
54838
55204
  key: 2,
54839
55205
  class: "ds-overlayHeader__titleTrailingWrapper"
54840
55206
  };
54841
- const _hoisted_12 = { class: "ds-overlayHeader__titleTrailing" };
54842
- const _hoisted_13 = { class: "ds-overlayHeader__actions" };
55207
+ const _hoisted_13 = { class: "ds-overlayHeader__titleTrailing" };
55208
+ const _hoisted_14 = { class: "ds-overlayHeader__actions" };
54843
55209
  function render(_ctx, _cache, $props, $setup, $data, $options) {
55210
+ const _component_ds_skeleton = (0, vue_1.resolveComponent)("ds-skeleton");
54844
55211
  const _component_ds_divider = (0, vue_1.resolveComponent)("ds-divider");
54845
55212
  const _component_icon_button = (0, vue_1.resolveComponent)("icon-button");
54846
55213
  const _component_ds_dropdown = (0, vue_1.resolveComponent)("ds-dropdown");
@@ -54852,59 +55219,79 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
54852
55219
  '-ds-borderWarning': $props.borderColor === $data.OVERLAY_HEADER_BORDER_COLORS.WARNING,
54853
55220
  }])
54854
55221
  }, [
54855
- (_ctx.$slots.accessory)
55222
+ ($options.isLoading)
54856
55223
  ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_1, [
55224
+ (0, vue_1.createVNode)(_component_ds_skeleton, {
55225
+ width: "50%",
55226
+ height: "12px"
55227
+ }),
55228
+ (0, vue_1.createVNode)(_component_ds_skeleton, {
55229
+ class: "ds-overlayHeader__loadingBar -ds-desktop",
55230
+ width: "100%",
55231
+ height: "20px"
55232
+ }),
55233
+ (0, vue_1.createVNode)(_component_ds_skeleton, {
55234
+ class: "ds-overlayHeader__loadingBar -ds-mobile",
55235
+ width: "100%",
55236
+ height: "18px"
55237
+ })
55238
+ ]))
55239
+ : (0, vue_1.createCommentVNode)("", true),
55240
+ (!$options.isLoading && _ctx.$slots.accessory)
55241
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_2, [
54857
55242
  (0, vue_1.renderSlot)(_ctx.$slots, "accessory", {}, undefined, true)
54858
55243
  ]))
54859
55244
  : (0, vue_1.createCommentVNode)("", true),
54860
- (0, vue_1.createElementVNode)("div", _hoisted_2, [
54861
- ($props.eyebrowText || _ctx.$slots.eyebrowAccessory)
54862
- ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_3, [
54863
- ($props.eyebrowText)
55245
+ (!$options.isLoading)
55246
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_3, [
55247
+ ($props.eyebrowText || _ctx.$slots.eyebrowAccessory)
55248
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_4, [
55249
+ ($props.eyebrowText)
55250
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
55251
+ key: 0,
55252
+ class: (0, vue_1.normalizeClass)(["ds-overlayHeader__eyebrowText", { '-ds-withRightMargin': _ctx.$slots.eyebrowAccessory }]),
55253
+ title: $props.eyebrowText
55254
+ }, (0, vue_1.toDisplayString)($props.eyebrowText), 11, _hoisted_5))
55255
+ : (0, vue_1.createCommentVNode)("", true),
55256
+ (_ctx.$slots.eyebrowAccessory)
55257
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_6, [
55258
+ (0, vue_1.renderSlot)(_ctx.$slots, "eyebrowAccessory", {}, undefined, true)
55259
+ ]))
55260
+ : (0, vue_1.createCommentVNode)("", true)
55261
+ ]))
55262
+ : (0, vue_1.createCommentVNode)("", true),
55263
+ (0, vue_1.createElementVNode)("div", _hoisted_7, [
55264
+ (_ctx.$slots.titleLeading)
55265
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_8, [
55266
+ (0, vue_1.renderSlot)(_ctx.$slots, "titleLeading", {}, undefined, true)
55267
+ ]))
55268
+ : (0, vue_1.createCommentVNode)("", true),
55269
+ ($props.title || $props.shortTitle)
54864
55270
  ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
54865
- key: 0,
54866
- class: (0, vue_1.normalizeClass)(["ds-overlayHeader__eyebrowText", { '-ds-withRightMargin': _ctx.$slots.eyebrowAccessory }]),
54867
- title: $props.eyebrowText
54868
- }, (0, vue_1.toDisplayString)($props.eyebrowText), 11, _hoisted_4))
55271
+ key: 1,
55272
+ class: (0, vue_1.normalizeClass)(["ds-overlayHeader__titleWrapper", { '-ds-interactive': $props.isTitleInteractive }]),
55273
+ title: $props.title,
55274
+ onClick: _cache[0] || (_cache[0] =
55275
+ //@ts-ignore
55276
+ (...args) => ($options.onTitleClick && $options.onTitleClick(...args)))
55277
+ }, [
55278
+ (0, vue_1.createElementVNode)("div", _hoisted_10, (0, vue_1.toDisplayString)($props.title), 1),
55279
+ (0, vue_1.createElementVNode)("div", _hoisted_11, (0, vue_1.toDisplayString)($props.shortTitle || $props.title), 1)
55280
+ ], 10, _hoisted_9))
54869
55281
  : (0, vue_1.createCommentVNode)("", true),
54870
- (_ctx.$slots.eyebrowAccessory)
54871
- ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_5, [
54872
- (0, vue_1.renderSlot)(_ctx.$slots, "eyebrowAccessory", {}, undefined, true)
55282
+ (_ctx.$slots.titleTrailing)
55283
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_12, [
55284
+ (0, vue_1.createElementVNode)("div", _hoisted_13, [
55285
+ (0, vue_1.renderSlot)(_ctx.$slots, "titleTrailing", {}, undefined, true)
55286
+ ])
54873
55287
  ]))
54874
55288
  : (0, vue_1.createCommentVNode)("", true)
54875
- ]))
54876
- : (0, vue_1.createCommentVNode)("", true),
54877
- (0, vue_1.createElementVNode)("div", _hoisted_6, [
54878
- (_ctx.$slots.titleLeading)
54879
- ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_7, [
54880
- (0, vue_1.renderSlot)(_ctx.$slots, "titleLeading", {}, undefined, true)
54881
- ]))
54882
- : (0, vue_1.createCommentVNode)("", true),
54883
- ($props.title || $props.shortTitle)
54884
- ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
54885
- key: 1,
54886
- class: (0, vue_1.normalizeClass)(["ds-overlayHeader__titleWrapper", { '-ds-interactive': $props.isTitleInteractive }]),
54887
- title: $props.title,
54888
- onClick: _cache[0] || (_cache[0] =
54889
- //@ts-ignore
54890
- (...args) => ($options.onTitleClick && $options.onTitleClick(...args)))
54891
- }, [
54892
- (0, vue_1.createElementVNode)("div", _hoisted_9, (0, vue_1.toDisplayString)($props.title), 1),
54893
- (0, vue_1.createElementVNode)("div", _hoisted_10, (0, vue_1.toDisplayString)($props.shortTitle || $props.title), 1)
54894
- ], 10, _hoisted_8))
54895
- : (0, vue_1.createCommentVNode)("", true),
54896
- (_ctx.$slots.titleTrailing)
54897
- ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_11, [
54898
- (0, vue_1.createElementVNode)("div", _hoisted_12, [
54899
- (0, vue_1.renderSlot)(_ctx.$slots, "titleTrailing", {}, undefined, true)
54900
- ])
54901
- ]))
54902
- : (0, vue_1.createCommentVNode)("", true)
54903
- ])
54904
- ]),
54905
- (_ctx.$slots.actions)
54906
- ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, { key: 1 }, [
54907
- (0, vue_1.createElementVNode)("div", _hoisted_13, [
55289
+ ])
55290
+ ]))
55291
+ : (0, vue_1.createCommentVNode)("", true),
55292
+ (!$options.isLoading && _ctx.$slots.actions)
55293
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, { key: 3 }, [
55294
+ (0, vue_1.createElementVNode)("div", _hoisted_14, [
54908
55295
  (0, vue_1.renderSlot)(_ctx.$slots, "actions", {}, undefined, true)
54909
55296
  ]),
54910
55297
  (0, vue_1.createVNode)(_component_ds_divider, {
@@ -54914,8 +55301,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
54914
55301
  }, null, 8, ["prominence"])
54915
55302
  ], 64))
54916
55303
  : (0, vue_1.createCommentVNode)("", true),
54917
- (_ctx.$slots.dropdown)
54918
- ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, { key: 2 }, [
55304
+ (!$options.isLoading && _ctx.$slots.dropdown)
55305
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, { key: 4 }, [
54919
55306
  (0, vue_1.createVNode)(_component_ds_dropdown, {
54920
55307
  "boundaries-selector": "body",
54921
55308
  placement: $data.DROPDOWN_PLACEMENTS.BOTTOM_END,
@@ -56117,7 +56504,7 @@ exports.s = render;
56117
56504
 
56118
56505
  /***/ }),
56119
56506
 
56120
- /***/ 26072:
56507
+ /***/ 1882:
56121
56508
  /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
56122
56509
 
56123
56510
  "use strict";
@@ -56126,10 +56513,10 @@ var __webpack_unused_export__;
56126
56513
  __webpack_unused_export__ = ({ value: true });
56127
56514
  exports.s = void 0;
56128
56515
  const vue_1 = __webpack_require__(77203);
56129
- const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-56540a80"), n = n(), (0, vue_1.popScopeId)(), n);
56516
+ const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-06c6cb9a"), n = n(), (0, vue_1.popScopeId)(), n);
56130
56517
  const _hoisted_1 = { class: "ds-basicRichListItem__content" };
56131
- const _hoisted_2 = { class: "ds-basicRichListItem__text" };
56132
56518
  function render(_ctx, _cache, $props, $setup, $data, $options) {
56519
+ const _component_ds_text_group = (0, vue_1.resolveComponent)("ds-text-group");
56133
56520
  const _component_rich_list_item = (0, vue_1.resolveComponent)("rich-list-item");
56134
56521
  return ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_rich_list_item, {
56135
56522
  size: $props.size,
@@ -56152,17 +56539,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
56152
56539
  class: (0, vue_1.normalizeClass)(["ds-basicRichListItem", {
56153
56540
  '-ds-small': $props.size === $data.RICH_LIST_ITEM_SIZE.SMALL,
56154
56541
  }]),
56155
- "onUpdate:isSelected": _cache[0] || (_cache[0] = ($event) => (_ctx.$emit('update:is-selected', $event)))
56542
+ onMouseover: _cache[0] || (_cache[0] = ($event) => ($data.hovered = true)),
56543
+ onMouseleave: _cache[1] || (_cache[1] = ($event) => ($data.hovered = false)),
56544
+ "onUpdate:isSelected": _cache[2] || (_cache[2] = ($event) => (_ctx.$emit('update:is-selected', $event)))
56156
56545
  }, (0, vue_1.createSlots)({
56157
56546
  content: (0, vue_1.withCtx)(() => [
56158
56547
  (0, vue_1.createElementVNode)("div", _hoisted_1, [
56159
- ($props.eyebrow)
56160
- ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
56161
- key: 0,
56162
- class: (0, vue_1.normalizeClass)(["ds-basicRichListItem__eyebrow", { '-ds-uppercase': $props.isEyebrowUppercase }])
56163
- }, (0, vue_1.toDisplayString)($props.eyebrow), 3))
56164
- : (0, vue_1.createCommentVNode)("", true),
56165
- (0, vue_1.createElementVNode)("div", _hoisted_2, (0, vue_1.toDisplayString)($props.text), 1)
56548
+ (0, vue_1.createVNode)(_component_ds_text_group, {
56549
+ "eyebrow-text": $props.eyebrow,
56550
+ "eyebrow-text-ellipsis": $props.eyebrowEllipsis,
56551
+ "is-eyebrow-text-uppercase": $props.isEyebrowUppercase,
56552
+ "is-selected": $props.isSelected,
56553
+ "is-interactive": false,
56554
+ "main-text": $props.text,
56555
+ "main-text-ellipsis": $props.textEllipsis,
56556
+ "supporting-text": $props.supportingText,
56557
+ "supporting-text-ellipsis": $props.supportingTextEllipsis,
56558
+ size: $options.textGroupSize,
56559
+ state: $options.textGroupState
56560
+ }, null, 8, ["eyebrow-text", "eyebrow-text-ellipsis", "is-eyebrow-text-uppercase", "is-selected", "main-text", "main-text-ellipsis", "supporting-text", "supporting-text-ellipsis", "size", "state"])
56166
56561
  ])
56167
56562
  ]),
56168
56563
  _: 2
@@ -57200,6 +57595,115 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
57200
57595
  exports.s = render;
57201
57596
 
57202
57597
 
57598
+ /***/ }),
57599
+
57600
+ /***/ 49176:
57601
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
57602
+
57603
+ "use strict";
57604
+ var __webpack_unused_export__;
57605
+
57606
+ __webpack_unused_export__ = ({ value: true });
57607
+ exports.s = void 0;
57608
+ const vue_1 = __webpack_require__(77203);
57609
+ const _hoisted_1 = {
57610
+ key: 0,
57611
+ class: "ds-textGroup__skeletonWrapper"
57612
+ };
57613
+ const _hoisted_2 = { key: 1 };
57614
+ const _hoisted_3 = { key: 2 };
57615
+ const _hoisted_4 = {
57616
+ key: 0,
57617
+ class: "ds-textGroup__skeletonWrapper"
57618
+ };
57619
+ const _hoisted_5 = { key: 1 };
57620
+ const _hoisted_6 = { key: 2 };
57621
+ const _hoisted_7 = {
57622
+ key: 0,
57623
+ class: "ds-textGroup__skeletonWrapper"
57624
+ };
57625
+ const _hoisted_8 = { key: 1 };
57626
+ const _hoisted_9 = ["innerHTML"];
57627
+ function render(_ctx, _cache, $props, $setup, $data, $options) {
57628
+ const _component_ds_skeleton = (0, vue_1.resolveComponent)("ds-skeleton");
57629
+ return ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
57630
+ class: (0, vue_1.normalizeClass)(["ds-textGroup", {
57631
+ '-ds-small': _ctx.size === _ctx.TEXT_GROUP_SIZES.SMALL,
57632
+ '-ds-hovered': _ctx.state === _ctx.TEXT_GROUP_STATES.HOVERED,
57633
+ '-ds-loading': _ctx.isLoading,
57634
+ '-ds-disabled': _ctx.state === _ctx.TEXT_GROUP_STATES.DISABLED,
57635
+ '-ds-interactive': _ctx.isInteractive,
57636
+ '-ds-selected': _ctx.isSelected,
57637
+ [_ctx.loadingSizeClassName]: _ctx.isLoading,
57638
+ [_ctx.colorClassName]: true,
57639
+ }])
57640
+ }, [
57641
+ (_ctx.eyebrowText !== null)
57642
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
57643
+ key: 0,
57644
+ class: (0, vue_1.normalizeClass)(["ds-textGroup__eyebrow", {
57645
+ '-ds-ellipsis': _ctx.eyebrowTextEllipsis,
57646
+ '-ds-uppercase': _ctx.isEyebrowTextUppercase,
57647
+ }])
57648
+ }, [
57649
+ (_ctx.isLoading)
57650
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_1, [
57651
+ (0, vue_1.createVNode)(_component_ds_skeleton, {
57652
+ width: "50%",
57653
+ height: "100%"
57654
+ })
57655
+ ]))
57656
+ : (_ctx.eyebrowText === '')
57657
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("span", _hoisted_2, " "))
57658
+ : ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("span", _hoisted_3, (0, vue_1.toDisplayString)(_ctx.eyebrowText), 1))
57659
+ ], 2))
57660
+ : (0, vue_1.createCommentVNode)("", true),
57661
+ (_ctx.mainText !== null)
57662
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
57663
+ key: 1,
57664
+ class: (0, vue_1.normalizeClass)(["ds-textGroup__main", {
57665
+ '-ds-ellipsis': _ctx.mainTextEllipsis,
57666
+ }])
57667
+ }, [
57668
+ (_ctx.isLoading)
57669
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_4, [
57670
+ (0, vue_1.createVNode)(_component_ds_skeleton, {
57671
+ width: "100%",
57672
+ height: "100%"
57673
+ })
57674
+ ]))
57675
+ : (_ctx.mainText === '')
57676
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("span", _hoisted_5, " "))
57677
+ : ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("span", _hoisted_6, (0, vue_1.toDisplayString)(_ctx.mainText), 1))
57678
+ ], 2))
57679
+ : (0, vue_1.createCommentVNode)("", true),
57680
+ (_ctx.supportingText !== null)
57681
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
57682
+ key: 2,
57683
+ class: (0, vue_1.normalizeClass)(["ds-textGroup__supporting", {
57684
+ '-ds-ellipsis': _ctx.supportingTextEllipsis,
57685
+ }])
57686
+ }, [
57687
+ (_ctx.isLoading)
57688
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_7, [
57689
+ (0, vue_1.createVNode)(_component_ds_skeleton, {
57690
+ width: "100%",
57691
+ height: "100%"
57692
+ })
57693
+ ]))
57694
+ : (_ctx.supportingText === '')
57695
+ ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("span", _hoisted_8, " "))
57696
+ : ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("span", {
57697
+ key: 2,
57698
+ innerHTML: _ctx.supportingText
57699
+ }, null, 8, _hoisted_9))
57700
+ ], 2))
57701
+ : (0, vue_1.createCommentVNode)("", true)
57702
+ ], 2));
57703
+ }
57704
+ exports.s = render;
57705
+
57706
+
57203
57707
  /***/ }),
57204
57708
 
57205
57709
  /***/ 50629:
@@ -58198,19 +58702,19 @@ var update = add("269c36e4", content, true, {"sourceMap":false,"shadowMode":fals
58198
58702
 
58199
58703
  /***/ }),
58200
58704
 
58201
- /***/ 25034:
58705
+ /***/ 51409:
58202
58706
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
58203
58707
 
58204
58708
  // style-loader: Adds some css to the DOM by adding a <style> tag
58205
58709
 
58206
58710
  // load the styles
58207
- var content = __webpack_require__(68407);
58711
+ var content = __webpack_require__(81658);
58208
58712
  if(content.__esModule) content = content.default;
58209
58713
  if(typeof content === 'string') content = [[module.id, content, '']];
58210
58714
  if(content.locals) module.exports = content.locals;
58211
58715
  // add the styles to the DOM
58212
58716
  var add = (__webpack_require__(54402)/* ["default"] */ .Z)
58213
- var update = add("07aad5aa", content, true, {"sourceMap":false,"shadowMode":false});
58717
+ var update = add("2f30e9a4", content, true, {"sourceMap":false,"shadowMode":false});
58214
58718
 
58215
58719
  /***/ }),
58216
58720
 
@@ -58502,19 +59006,19 @@ var update = add("af0ae400", content, true, {"sourceMap":false,"shadowMode":fals
58502
59006
 
58503
59007
  /***/ }),
58504
59008
 
58505
- /***/ 15514:
59009
+ /***/ 57789:
58506
59010
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
58507
59011
 
58508
59012
  // style-loader: Adds some css to the DOM by adding a <style> tag
58509
59013
 
58510
59014
  // load the styles
58511
- var content = __webpack_require__(65120);
59015
+ var content = __webpack_require__(93417);
58512
59016
  if(content.__esModule) content = content.default;
58513
59017
  if(typeof content === 'string') content = [[module.id, content, '']];
58514
59018
  if(content.locals) module.exports = content.locals;
58515
59019
  // add the styles to the DOM
58516
59020
  var add = (__webpack_require__(54402)/* ["default"] */ .Z)
58517
- var update = add("3dc1ff6e", content, true, {"sourceMap":false,"shadowMode":false});
59021
+ var update = add("1016c332", content, true, {"sourceMap":false,"shadowMode":false});
58518
59022
 
58519
59023
  /***/ }),
58520
59024
 
@@ -58790,6 +59294,22 @@ var update = add("7eea9bdf", content, true, {"sourceMap":false,"shadowMode":fals
58790
59294
 
58791
59295
  /***/ }),
58792
59296
 
59297
+ /***/ 15582:
59298
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
59299
+
59300
+ // style-loader: Adds some css to the DOM by adding a <style> tag
59301
+
59302
+ // load the styles
59303
+ var content = __webpack_require__(14012);
59304
+ if(content.__esModule) content = content.default;
59305
+ if(typeof content === 'string') content = [[module.id, content, '']];
59306
+ if(content.locals) module.exports = content.locals;
59307
+ // add the styles to the DOM
59308
+ var add = (__webpack_require__(54402)/* ["default"] */ .Z)
59309
+ var update = add("3962d485", content, true, {"sourceMap":false,"shadowMode":false});
59310
+
59311
+ /***/ }),
59312
+
58793
59313
  /***/ 46654:
58794
59314
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
58795
59315