@amboss/design-system 3.32.0 → 3.32.1
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.
- package/build/cjs/components/Form/DateInput/DateInput.js +1 -1
- package/build/cjs/components/Form/Datepicker/DatePickerInput.d.ts +20 -0
- package/build/cjs/components/Form/Datepicker/DatePickerInput.js +1 -0
- package/build/cjs/components/Form/Datepicker/Datepicker.d.ts +21 -0
- package/build/cjs/components/Form/Datepicker/Datepicker.js +1 -0
- package/build/cjs/components/Form/Datepicker/Datepicker.types.d.ts +40 -0
- package/build/cjs/components/Form/Datepicker/Datepicker.types.js +1 -0
- package/build/cjs/components/Form/Datepicker/DatepickerButton.d.ts +11 -0
- package/build/cjs/components/Form/Datepicker/DatepickerButton.js +1 -0
- package/build/cjs/components/Form/Datepicker/index.d.ts +3 -0
- package/build/cjs/components/Form/Datepicker/index.js +1 -0
- package/build/cjs/components/Form/PasswordInput/PasswordInput.js +1 -1
- package/build/cjs/components/Form/PasswordInput/PasswordInputButton.js +1 -1
- package/build/cjs/components/Form/dateMask.d.ts +12 -0
- package/build/cjs/components/Form/dateMask.js +1 -0
- package/build/cjs/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.js +1 -1
- package/build/cjs/components/Tabs/-types.d.ts +39 -0
- package/build/cjs/components/Tabs/-types.js +1 -0
- package/build/cjs/components/Tabs/Tabs.d.ts +3 -42
- package/build/cjs/components/Tabs/Tabs.js +1 -1
- package/build/cjs/components/Tabs/useTabFocus.d.ts +13 -0
- package/build/cjs/components/Tabs/useTabFocus.js +1 -0
- package/build/esm/components/Form/DateInput/DateInput.js +1 -1
- package/build/esm/components/Form/Datepicker/DatePickerInput.d.ts +20 -0
- package/build/esm/components/Form/Datepicker/DatePickerInput.js +1 -0
- package/build/esm/components/Form/Datepicker/Datepicker.d.ts +21 -0
- package/build/esm/components/Form/Datepicker/Datepicker.js +1 -0
- package/build/esm/components/Form/Datepicker/Datepicker.types.d.ts +40 -0
- package/build/esm/components/Form/Datepicker/Datepicker.types.js +1 -0
- package/build/esm/components/Form/Datepicker/DatepickerButton.d.ts +11 -0
- package/build/esm/components/Form/Datepicker/DatepickerButton.js +1 -0
- package/build/esm/components/Form/Datepicker/index.d.ts +3 -0
- package/build/esm/components/Form/Datepicker/index.js +1 -0
- package/build/esm/components/Form/PasswordInput/PasswordInput.js +1 -1
- package/build/esm/components/Form/PasswordInput/PasswordInputButton.js +1 -1
- package/build/esm/components/Form/dateMask.d.ts +12 -0
- package/build/esm/components/Form/dateMask.js +1 -0
- package/build/esm/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.js +1 -1
- package/build/esm/components/Tabs/-types.d.ts +39 -0
- package/build/esm/components/Tabs/-types.js +1 -0
- package/build/esm/components/Tabs/Tabs.d.ts +3 -42
- package/build/esm/components/Tabs/Tabs.js +1 -1
- package/build/esm/components/Tabs/useTabFocus.d.ts +13 -0
- package/build/esm/components/Tabs/useTabFocus.js +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useRef,useEffect}from"react";import styled from"@emotion/styled";import{Button}from"../../Button/Button";import{Icon}from"../../Icon/Icon";import{Inline}from"../../Inline/Inline";import{useIsScrollable}from"../useIsScrollable";import{CarouselThumbnail}from"../CarouselThumbnail/CarouselThumbnail";let StyledWrapper=styled("div",{target:"e1k5s29y0",label:"StyledWrapper"})(({showNavButtons})=>({width:"100%",...showNavButtons?{padding:"0 40px"}:{padding:"0 8px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgdXNlSXNTY3JvbGxhYmxlIH0gZnJvbSBcIi4uL3VzZUlzU2Nyb2xsYWJsZVwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxUaHVtYm5haWwgfSBmcm9tIFwiLi4vQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWxcIjtcblxuY29uc3QgQlVUVE9OX1dJRFRIID0gNDA7XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBzaG93TmF2QnV0dG9ucyB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIC4uLihzaG93TmF2QnV0dG9uc1xuICAgID8ge1xuICAgICAgICBwYWRkaW5nOiBgMCAke0JVVFRPTl9XSURUSH1weGAsXG4gICAgICB9XG4gICAgOiB7XG4gICAgICAgIHBhZGRpbmc6IFwiMCA4cHhcIixcbiAgICAgIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xuICBpc1Njcm9sbGFibGU6IGJvb2xlYW47XG59PigoeyBhbGlnblJpZ2h0ID0gZmFsc2UsIGlzU2Nyb2xsYWJsZSwgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiBcIjBcIixcbiAgYm90dG9tOiBcIjBcIixcbiAgbGVmdDogYWxpZ25SaWdodCA/IFwiYXV0b1wiIDogXCIwXCIsXG4gIHJpZ2h0OiBhbGlnblJpZ2h0ID8gXCIwXCIgOiBcImF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IEJVVFRPTl9XSURUSCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJveFNoYWRvdzogaXNTY3JvbGxhYmxlID8gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSA6IFwibm9uZVwiLFxuICB6SW5kZXg6IDEsXG4gIGJ1dHRvbjoge1xuICAgIHdpZHRoOiBCVVRUT05fV0lEVEgsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZE91dGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBvdmVyZmxvd1g6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiaGlkZGVuXCIsXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBzY3JvbGxCZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJhdXRvXCIsXG4gIHNjcm9sbGJhckNvbG9yOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmQuZ3JheX0gJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmV9YCxcbiAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICBoZWlnaHQ6IFwiOHB4XCIsXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10aHVtYlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXksXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10cmFja1wiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbm5lckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIG1heFdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG50eXBlIE1lZGlhQXNzZXQgPSB7XG4gIGJvdHRvbUxlZnRJY29uTmFtZT86IEljb25Qcm9wc1tcIm5hbWVcIl07XG4gIHNyYzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICB0b3BMZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICB4aWQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIE1lZGlhQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgYWN0aXZlSXRlbVJlZj86IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsPjtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUFzc2V0W107XG4gIG5leHRCdG5BcmlhTGFiZWw6IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdJbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICBwcmV2QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIHNldElzUmVhZHk6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNhcm91c2VsID0gKHtcbiAgYWN0aXZlSXRlbVJlZixcbiAgY3VycmVudEluZGV4LFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCxcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCxcbiAgc2V0SXNSZWFkeSxcbiAgc2hvd05hdkJ1dHRvbnMsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9IGN1cnJlbnRJbmRleDtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgIShcbiAgICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50ICYmXG4gICAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICAgIGlubmVyQ29udGFpbmVyUmVmLmN1cnJlbnRcbiAgICAgIClcbiAgICApXG4gICAgICByZXR1cm47XG5cbiAgICAvLyBlbnN1cmVzIHRoYXQgd2Ugc2Nyb2xsIHRvIHRoZSBhY3RpdmUgaXRlbSBvbiBmaXJzdCBtb3VudFxuICAgIHNldElzUmVhZHkoKCkgPT4gdHJ1ZSk7XG4gIH0sIFthY3RpdmVJdGVtUmVmLCBzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmLCBzZXRJc1JlYWR5XSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tOZXh0ID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxKSByZXR1cm47XG4gICAgb25DbGlja05leHQoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiBpdGVtV2lkdGgsXG4gICAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrUHJldmlvdXMgPSAoKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRJbmRleFJlZi5jdXJyZW50IDw9IDApIHJldHVybjtcbiAgICBvbkNsaWNrUHJldmlvdXMoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiAtaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChza2lwQXJyb3dLZXlzTGlzdGVuZXIpIHJldHVybjtcbiAgICBjb25zdCBjdXJyZW50UmVmID0gc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFjdXJyZW50UmVmKSByZXR1cm47XG5cbiAgICBmdW5jdGlvbiBsaXN0ZW5lcihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd1JpZ2h0XCIpIHtcbiAgICAgICAgaGFuZGxlQ2xpY2tOZXh0KCk7XG4gICAgICB9XG4gICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93TGVmdFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrUHJldmlvdXMoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjdXJyZW50UmVmLmFkZEV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjdXJyZW50UmVmLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcbiAgICB9O1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW3Njcm9sbENvbnRhaW5lclJlZl0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgc2hvd05hdkJ1dHRvbnM9e3Nob3dOYXZCdXR0b25zfT5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfT5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IDB9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLWxlZnRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkT3V0ZXJDb250YWluZXJcbiAgICAgICAgcmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9XCJ0aHVtYm5haWxzIHNjcm9sbGFibGUgY29udGFpbmVyXCJcbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5uZXJDb250YWluZXIgcmVmPXtpbm5lckNvbnRhaW5lclJlZn0+XG4gICAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9XCJ4eHhzXCI+XG4gICAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgeyBzcmMsIHRpdGxlLCBib3R0b21MZWZ0SWNvbk5hbWUsIHRvcExlZnRJY29uTmFtZSwgeGlkIH0sXG4gICAgICAgICAgICAgICAgaWR4XG4gICAgICAgICAgICAgICkgPT4gKFxuICAgICAgICAgICAgICAgIDxDYXJvdXNlbFRodW1ibmFpbFxuICAgICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgICAgYXNzZXRJbmRleD17aWR4fVxuICAgICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lkeCA9PT0gY3VycmVudEluZGV4fVxuICAgICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgICAgICAgICB0b3BMZWZ0SWNvbk5hbWU9e3RvcExlZnRJY29uTmFtZX1cbiAgICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgICAgb25DbGlja1RodW1ibmFpbD17b25DbGlja1RodW1ibmFpbH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZElubmVyQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRPdXRlckNvbnRhaW5lcj5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGFsaWduUmlnaHQgaXNTY3JvbGxhYmxlPXtpc1Njcm9sbGFibGV9PlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSB0aHVtYm5haWxDb3VudCAtIDF9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLXJpZ2h0XCIgY29sb3I9XCJzZWNvbmRhcnlcIiAvPlxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbldyYXBwZXI+XG4gICAgICApfVxuICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3NCIn0= */"),StyledButtonWrapper=styled("div",{target:"e1k5s29y1",label:"StyledButtonWrapper"})(({alignRight=!1,isScrollable,theme})=>({position:"absolute",top:"0",bottom:"0",left:alignRight?"auto":"0",right:alignRight?"0":"auto",height:"100%",width:40,display:"flex",boxShadow:isScrollable?theme.values.elevation[1]:"none",zIndex:1,button:{width:40}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgdXNlSXNTY3JvbGxhYmxlIH0gZnJvbSBcIi4uL3VzZUlzU2Nyb2xsYWJsZVwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxUaHVtYm5haWwgfSBmcm9tIFwiLi4vQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWxcIjtcblxuY29uc3QgQlVUVE9OX1dJRFRIID0gNDA7XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBzaG93TmF2QnV0dG9ucyB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIC4uLihzaG93TmF2QnV0dG9uc1xuICAgID8ge1xuICAgICAgICBwYWRkaW5nOiBgMCAke0JVVFRPTl9XSURUSH1weGAsXG4gICAgICB9XG4gICAgOiB7XG4gICAgICAgIHBhZGRpbmc6IFwiMCA4cHhcIixcbiAgICAgIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xuICBpc1Njcm9sbGFibGU6IGJvb2xlYW47XG59PigoeyBhbGlnblJpZ2h0ID0gZmFsc2UsIGlzU2Nyb2xsYWJsZSwgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiBcIjBcIixcbiAgYm90dG9tOiBcIjBcIixcbiAgbGVmdDogYWxpZ25SaWdodCA/IFwiYXV0b1wiIDogXCIwXCIsXG4gIHJpZ2h0OiBhbGlnblJpZ2h0ID8gXCIwXCIgOiBcImF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IEJVVFRPTl9XSURUSCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJveFNoYWRvdzogaXNTY3JvbGxhYmxlID8gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSA6IFwibm9uZVwiLFxuICB6SW5kZXg6IDEsXG4gIGJ1dHRvbjoge1xuICAgIHdpZHRoOiBCVVRUT05fV0lEVEgsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZE91dGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBvdmVyZmxvd1g6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiaGlkZGVuXCIsXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBzY3JvbGxCZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJhdXRvXCIsXG4gIHNjcm9sbGJhckNvbG9yOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmQuZ3JheX0gJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmV9YCxcbiAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICBoZWlnaHQ6IFwiOHB4XCIsXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10aHVtYlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXksXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10cmFja1wiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbm5lckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIG1heFdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG50eXBlIE1lZGlhQXNzZXQgPSB7XG4gIGJvdHRvbUxlZnRJY29uTmFtZT86IEljb25Qcm9wc1tcIm5hbWVcIl07XG4gIHNyYzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICB0b3BMZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICB4aWQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIE1lZGlhQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgYWN0aXZlSXRlbVJlZj86IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsPjtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUFzc2V0W107XG4gIG5leHRCdG5BcmlhTGFiZWw6IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdJbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICBwcmV2QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIHNldElzUmVhZHk6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNhcm91c2VsID0gKHtcbiAgYWN0aXZlSXRlbVJlZixcbiAgY3VycmVudEluZGV4LFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCxcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCxcbiAgc2V0SXNSZWFkeSxcbiAgc2hvd05hdkJ1dHRvbnMsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9IGN1cnJlbnRJbmRleDtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgIShcbiAgICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50ICYmXG4gICAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICAgIGlubmVyQ29udGFpbmVyUmVmLmN1cnJlbnRcbiAgICAgIClcbiAgICApXG4gICAgICByZXR1cm47XG5cbiAgICAvLyBlbnN1cmVzIHRoYXQgd2Ugc2Nyb2xsIHRvIHRoZSBhY3RpdmUgaXRlbSBvbiBmaXJzdCBtb3VudFxuICAgIHNldElzUmVhZHkoKCkgPT4gdHJ1ZSk7XG4gIH0sIFthY3RpdmVJdGVtUmVmLCBzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmLCBzZXRJc1JlYWR5XSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tOZXh0ID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxKSByZXR1cm47XG4gICAgb25DbGlja05leHQoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiBpdGVtV2lkdGgsXG4gICAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrUHJldmlvdXMgPSAoKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRJbmRleFJlZi5jdXJyZW50IDw9IDApIHJldHVybjtcbiAgICBvbkNsaWNrUHJldmlvdXMoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiAtaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChza2lwQXJyb3dLZXlzTGlzdGVuZXIpIHJldHVybjtcbiAgICBjb25zdCBjdXJyZW50UmVmID0gc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFjdXJyZW50UmVmKSByZXR1cm47XG5cbiAgICBmdW5jdGlvbiBsaXN0ZW5lcihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd1JpZ2h0XCIpIHtcbiAgICAgICAgaGFuZGxlQ2xpY2tOZXh0KCk7XG4gICAgICB9XG4gICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93TGVmdFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrUHJldmlvdXMoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjdXJyZW50UmVmLmFkZEV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjdXJyZW50UmVmLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcbiAgICB9O1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW3Njcm9sbENvbnRhaW5lclJlZl0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgc2hvd05hdkJ1dHRvbnM9e3Nob3dOYXZCdXR0b25zfT5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfT5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IDB9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLWxlZnRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkT3V0ZXJDb250YWluZXJcbiAgICAgICAgcmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9XCJ0aHVtYm5haWxzIHNjcm9sbGFibGUgY29udGFpbmVyXCJcbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5uZXJDb250YWluZXIgcmVmPXtpbm5lckNvbnRhaW5lclJlZn0+XG4gICAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9XCJ4eHhzXCI+XG4gICAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgeyBzcmMsIHRpdGxlLCBib3R0b21MZWZ0SWNvbk5hbWUsIHRvcExlZnRJY29uTmFtZSwgeGlkIH0sXG4gICAgICAgICAgICAgICAgaWR4XG4gICAgICAgICAgICAgICkgPT4gKFxuICAgICAgICAgICAgICAgIDxDYXJvdXNlbFRodW1ibmFpbFxuICAgICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgICAgYXNzZXRJbmRleD17aWR4fVxuICAgICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lkeCA9PT0gY3VycmVudEluZGV4fVxuICAgICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgICAgICAgICB0b3BMZWZ0SWNvbk5hbWU9e3RvcExlZnRJY29uTmFtZX1cbiAgICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgICAgb25DbGlja1RodW1ibmFpbD17b25DbGlja1RodW1ibmFpbH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZElubmVyQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRPdXRlckNvbnRhaW5lcj5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGFsaWduUmlnaHQgaXNTY3JvbGxhYmxlPXtpc1Njcm9sbGFibGV9PlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSB0aHVtYm5haWxDb3VudCAtIDF9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLXJpZ2h0XCIgY29sb3I9XCJzZWNvbmRhcnlcIiAvPlxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbldyYXBwZXI+XG4gICAgICApfVxuICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I0QiJ9 */"),StyledOuterContainer=styled("div",{target:"e1k5s29y2",label:"StyledOuterContainer"})(({theme})=>({position:"relative",display:"flex",flexWrap:"nowrap",justifyContent:"center",overflowX:"auto",overflowY:"hidden",paddingTop:theme.variables.size.spacing.xxs,scrollBehavior:"smooth",width:"100%",scrollbarWidth:"auto",scrollbarColor:`${theme.values.color.tag.background.gray} ${theme.values.color.background.transparent.active}`,"::-webkit-scrollbar":{height:"8px"},"::-webkit-scrollbar-thumb":{background:theme.values.color.tag.background.gray},"::-webkit-scrollbar-track":{background:theme.values.color.background.transparent.active}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgdXNlSXNTY3JvbGxhYmxlIH0gZnJvbSBcIi4uL3VzZUlzU2Nyb2xsYWJsZVwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxUaHVtYm5haWwgfSBmcm9tIFwiLi4vQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWxcIjtcblxuY29uc3QgQlVUVE9OX1dJRFRIID0gNDA7XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBzaG93TmF2QnV0dG9ucyB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIC4uLihzaG93TmF2QnV0dG9uc1xuICAgID8ge1xuICAgICAgICBwYWRkaW5nOiBgMCAke0JVVFRPTl9XSURUSH1weGAsXG4gICAgICB9XG4gICAgOiB7XG4gICAgICAgIHBhZGRpbmc6IFwiMCA4cHhcIixcbiAgICAgIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xuICBpc1Njcm9sbGFibGU6IGJvb2xlYW47XG59PigoeyBhbGlnblJpZ2h0ID0gZmFsc2UsIGlzU2Nyb2xsYWJsZSwgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiBcIjBcIixcbiAgYm90dG9tOiBcIjBcIixcbiAgbGVmdDogYWxpZ25SaWdodCA/IFwiYXV0b1wiIDogXCIwXCIsXG4gIHJpZ2h0OiBhbGlnblJpZ2h0ID8gXCIwXCIgOiBcImF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IEJVVFRPTl9XSURUSCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJveFNoYWRvdzogaXNTY3JvbGxhYmxlID8gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSA6IFwibm9uZVwiLFxuICB6SW5kZXg6IDEsXG4gIGJ1dHRvbjoge1xuICAgIHdpZHRoOiBCVVRUT05fV0lEVEgsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZE91dGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBvdmVyZmxvd1g6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiaGlkZGVuXCIsXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBzY3JvbGxCZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJhdXRvXCIsXG4gIHNjcm9sbGJhckNvbG9yOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmQuZ3JheX0gJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmV9YCxcbiAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICBoZWlnaHQ6IFwiOHB4XCIsXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10aHVtYlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXksXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10cmFja1wiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbm5lckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIG1heFdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG50eXBlIE1lZGlhQXNzZXQgPSB7XG4gIGJvdHRvbUxlZnRJY29uTmFtZT86IEljb25Qcm9wc1tcIm5hbWVcIl07XG4gIHNyYzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICB0b3BMZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICB4aWQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIE1lZGlhQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgYWN0aXZlSXRlbVJlZj86IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsPjtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUFzc2V0W107XG4gIG5leHRCdG5BcmlhTGFiZWw6IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdJbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICBwcmV2QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIHNldElzUmVhZHk6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNhcm91c2VsID0gKHtcbiAgYWN0aXZlSXRlbVJlZixcbiAgY3VycmVudEluZGV4LFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCxcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCxcbiAgc2V0SXNSZWFkeSxcbiAgc2hvd05hdkJ1dHRvbnMsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9IGN1cnJlbnRJbmRleDtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgIShcbiAgICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50ICYmXG4gICAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICAgIGlubmVyQ29udGFpbmVyUmVmLmN1cnJlbnRcbiAgICAgIClcbiAgICApXG4gICAgICByZXR1cm47XG5cbiAgICAvLyBlbnN1cmVzIHRoYXQgd2Ugc2Nyb2xsIHRvIHRoZSBhY3RpdmUgaXRlbSBvbiBmaXJzdCBtb3VudFxuICAgIHNldElzUmVhZHkoKCkgPT4gdHJ1ZSk7XG4gIH0sIFthY3RpdmVJdGVtUmVmLCBzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmLCBzZXRJc1JlYWR5XSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tOZXh0ID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxKSByZXR1cm47XG4gICAgb25DbGlja05leHQoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiBpdGVtV2lkdGgsXG4gICAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrUHJldmlvdXMgPSAoKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRJbmRleFJlZi5jdXJyZW50IDw9IDApIHJldHVybjtcbiAgICBvbkNsaWNrUHJldmlvdXMoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiAtaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChza2lwQXJyb3dLZXlzTGlzdGVuZXIpIHJldHVybjtcbiAgICBjb25zdCBjdXJyZW50UmVmID0gc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFjdXJyZW50UmVmKSByZXR1cm47XG5cbiAgICBmdW5jdGlvbiBsaXN0ZW5lcihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd1JpZ2h0XCIpIHtcbiAgICAgICAgaGFuZGxlQ2xpY2tOZXh0KCk7XG4gICAgICB9XG4gICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93TGVmdFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrUHJldmlvdXMoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjdXJyZW50UmVmLmFkZEV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjdXJyZW50UmVmLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcbiAgICB9O1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW3Njcm9sbENvbnRhaW5lclJlZl0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgc2hvd05hdkJ1dHRvbnM9e3Nob3dOYXZCdXR0b25zfT5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfT5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IDB9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLWxlZnRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkT3V0ZXJDb250YWluZXJcbiAgICAgICAgcmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9XCJ0aHVtYm5haWxzIHNjcm9sbGFibGUgY29udGFpbmVyXCJcbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5uZXJDb250YWluZXIgcmVmPXtpbm5lckNvbnRhaW5lclJlZn0+XG4gICAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9XCJ4eHhzXCI+XG4gICAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgeyBzcmMsIHRpdGxlLCBib3R0b21MZWZ0SWNvbk5hbWUsIHRvcExlZnRJY29uTmFtZSwgeGlkIH0sXG4gICAgICAgICAgICAgICAgaWR4XG4gICAgICAgICAgICAgICkgPT4gKFxuICAgICAgICAgICAgICAgIDxDYXJvdXNlbFRodW1ibmFpbFxuICAgICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgICAgYXNzZXRJbmRleD17aWR4fVxuICAgICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lkeCA9PT0gY3VycmVudEluZGV4fVxuICAgICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgICAgICAgICB0b3BMZWZ0SWNvbk5hbWU9e3RvcExlZnRJY29uTmFtZX1cbiAgICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgICAgb25DbGlja1RodW1ibmFpbD17b25DbGlja1RodW1ibmFpbH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZElubmVyQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRPdXRlckNvbnRhaW5lcj5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGFsaWduUmlnaHQgaXNTY3JvbGxhYmxlPXtpc1Njcm9sbGFibGV9PlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSB0aHVtYm5haWxDb3VudCAtIDF9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLXJpZ2h0XCIgY29sb3I9XCJzZWNvbmRhcnlcIiAvPlxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbldyYXBwZXI+XG4gICAgICApfVxuICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkM2QiJ9 */"),StyledInnerContainer=styled("div",{target:"e1k5s29y3",label:"StyledInnerContainer"})({display:"flex",flexWrap:"nowrap",maxWidth:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgdXNlSXNTY3JvbGxhYmxlIH0gZnJvbSBcIi4uL3VzZUlzU2Nyb2xsYWJsZVwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxUaHVtYm5haWwgfSBmcm9tIFwiLi4vQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWxcIjtcblxuY29uc3QgQlVUVE9OX1dJRFRIID0gNDA7XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBzaG93TmF2QnV0dG9ucyB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIC4uLihzaG93TmF2QnV0dG9uc1xuICAgID8ge1xuICAgICAgICBwYWRkaW5nOiBgMCAke0JVVFRPTl9XSURUSH1weGAsXG4gICAgICB9XG4gICAgOiB7XG4gICAgICAgIHBhZGRpbmc6IFwiMCA4cHhcIixcbiAgICAgIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xuICBpc1Njcm9sbGFibGU6IGJvb2xlYW47XG59PigoeyBhbGlnblJpZ2h0ID0gZmFsc2UsIGlzU2Nyb2xsYWJsZSwgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiBcIjBcIixcbiAgYm90dG9tOiBcIjBcIixcbiAgbGVmdDogYWxpZ25SaWdodCA/IFwiYXV0b1wiIDogXCIwXCIsXG4gIHJpZ2h0OiBhbGlnblJpZ2h0ID8gXCIwXCIgOiBcImF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IEJVVFRPTl9XSURUSCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJveFNoYWRvdzogaXNTY3JvbGxhYmxlID8gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSA6IFwibm9uZVwiLFxuICB6SW5kZXg6IDEsXG4gIGJ1dHRvbjoge1xuICAgIHdpZHRoOiBCVVRUT05fV0lEVEgsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZE91dGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBvdmVyZmxvd1g6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiaGlkZGVuXCIsXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBzY3JvbGxCZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJhdXRvXCIsXG4gIHNjcm9sbGJhckNvbG9yOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmQuZ3JheX0gJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmV9YCxcbiAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICBoZWlnaHQ6IFwiOHB4XCIsXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10aHVtYlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXksXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10cmFja1wiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbm5lckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIG1heFdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG50eXBlIE1lZGlhQXNzZXQgPSB7XG4gIGJvdHRvbUxlZnRJY29uTmFtZT86IEljb25Qcm9wc1tcIm5hbWVcIl07XG4gIHNyYzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICB0b3BMZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICB4aWQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIE1lZGlhQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgYWN0aXZlSXRlbVJlZj86IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsPjtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUFzc2V0W107XG4gIG5leHRCdG5BcmlhTGFiZWw6IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdJbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICBwcmV2QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIHNldElzUmVhZHk6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNhcm91c2VsID0gKHtcbiAgYWN0aXZlSXRlbVJlZixcbiAgY3VycmVudEluZGV4LFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCxcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCxcbiAgc2V0SXNSZWFkeSxcbiAgc2hvd05hdkJ1dHRvbnMsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9IGN1cnJlbnRJbmRleDtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgIShcbiAgICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50ICYmXG4gICAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICAgIGlubmVyQ29udGFpbmVyUmVmLmN1cnJlbnRcbiAgICAgIClcbiAgICApXG4gICAgICByZXR1cm47XG5cbiAgICAvLyBlbnN1cmVzIHRoYXQgd2Ugc2Nyb2xsIHRvIHRoZSBhY3RpdmUgaXRlbSBvbiBmaXJzdCBtb3VudFxuICAgIHNldElzUmVhZHkoKCkgPT4gdHJ1ZSk7XG4gIH0sIFthY3RpdmVJdGVtUmVmLCBzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmLCBzZXRJc1JlYWR5XSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tOZXh0ID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxKSByZXR1cm47XG4gICAgb25DbGlja05leHQoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiBpdGVtV2lkdGgsXG4gICAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrUHJldmlvdXMgPSAoKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRJbmRleFJlZi5jdXJyZW50IDw9IDApIHJldHVybjtcbiAgICBvbkNsaWNrUHJldmlvdXMoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiAtaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChza2lwQXJyb3dLZXlzTGlzdGVuZXIpIHJldHVybjtcbiAgICBjb25zdCBjdXJyZW50UmVmID0gc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFjdXJyZW50UmVmKSByZXR1cm47XG5cbiAgICBmdW5jdGlvbiBsaXN0ZW5lcihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd1JpZ2h0XCIpIHtcbiAgICAgICAgaGFuZGxlQ2xpY2tOZXh0KCk7XG4gICAgICB9XG4gICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93TGVmdFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrUHJldmlvdXMoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjdXJyZW50UmVmLmFkZEV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjdXJyZW50UmVmLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcbiAgICB9O1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW3Njcm9sbENvbnRhaW5lclJlZl0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgc2hvd05hdkJ1dHRvbnM9e3Nob3dOYXZCdXR0b25zfT5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfT5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IDB9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLWxlZnRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkT3V0ZXJDb250YWluZXJcbiAgICAgICAgcmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9XCJ0aHVtYm5haWxzIHNjcm9sbGFibGUgY29udGFpbmVyXCJcbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5uZXJDb250YWluZXIgcmVmPXtpbm5lckNvbnRhaW5lclJlZn0+XG4gICAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9XCJ4eHhzXCI+XG4gICAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgeyBzcmMsIHRpdGxlLCBib3R0b21MZWZ0SWNvbk5hbWUsIHRvcExlZnRJY29uTmFtZSwgeGlkIH0sXG4gICAgICAgICAgICAgICAgaWR4XG4gICAgICAgICAgICAgICkgPT4gKFxuICAgICAgICAgICAgICAgIDxDYXJvdXNlbFRodW1ibmFpbFxuICAgICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgICAgYXNzZXRJbmRleD17aWR4fVxuICAgICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lkeCA9PT0gY3VycmVudEluZGV4fVxuICAgICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgICAgICAgICB0b3BMZWZ0SWNvbk5hbWU9e3RvcExlZnRJY29uTmFtZX1cbiAgICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgICAgb25DbGlja1RodW1ibmFpbD17b25DbGlja1RodW1ibmFpbH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZElubmVyQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRPdXRlckNvbnRhaW5lcj5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGFsaWduUmlnaHQgaXNTY3JvbGxhYmxlPXtpc1Njcm9sbGFibGV9PlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSB0aHVtYm5haWxDb3VudCAtIDF9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLXJpZ2h0XCIgY29sb3I9XCJzZWNvbmRhcnlcIiAvPlxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbldyYXBwZXI+XG4gICAgICApfVxuICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0U2QiJ9 */");export const MediaCarousel=({activeItemRef,currentIndex,mediaAssets,nextBtnAriaLabel,onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel,setIsReady,showNavButtons,skipArrowKeysListener,...ariaAttributes})=>{let thumbnailCount=mediaAssets.length,scrollContainerRef=useRef(null),innerContainerRef=useRef(null),isScrollable=useIsScrollable(scrollContainerRef,innerContainerRef),currentIndexRef=useRef(currentIndex);useEffect(()=>{currentIndexRef.current=currentIndex},[currentIndex]),useEffect(()=>{activeItemRef.current&&scrollContainerRef.current&&innerContainerRef.current&&setIsReady(()=>!0)},[activeItemRef,scrollContainerRef,innerContainerRef,setIsReady]);let handleClickNext=()=>{if(currentIndexRef.current!==thumbnailCount-1&&(onClickNext(),isScrollable&&scrollContainerRef.current&&activeItemRef.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:itemWidth,behavior:"smooth"})}},handleClickPrevious=()=>{if(!(currentIndexRef.current<=0)&&(onClickPrevious(),isScrollable&&scrollContainerRef.current&&activeItemRef.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:-itemWidth,behavior:"smooth"})}};return useEffect(()=>{if(skipArrowKeysListener)return;let currentRef=scrollContainerRef.current;if(currentRef)return currentRef.addEventListener("keydown",listener),()=>{currentRef.removeEventListener("keydown",listener)};function listener(event){"ArrowRight"===event.key&&handleClickNext(),"ArrowLeft"===event.key&&handleClickPrevious()}},[scrollContainerRef]),React.createElement(StyledWrapper,{showNavButtons:showNavButtons},showNavButtons&&React.createElement(StyledButtonWrapper,{isScrollable:isScrollable},React.createElement(Button,{variant:"tertiary",onClick:handleClickPrevious,disabled:0===currentIndex,size:"s","aria-label":prevBtnAriaLabel},React.createElement(Icon,{name:"chevron-left",color:"secondary"}))),React.createElement(StyledOuterContainer,{ref:scrollContainerRef,"aria-label":"thumbnails scrollable container",...ariaAttributes},React.createElement(StyledInnerContainer,{ref:innerContainerRef},React.createElement(Inline,{noWrap:!0,space:"xxxs"},mediaAssets.map(({src,title,bottomLeftIconName,topLeftIconName,xid},idx)=>React.createElement(CarouselThumbnail,{key:`carousel-item-${xid}`,assetIndex:idx,isActive:idx===currentIndex,ref:idx===currentIndex?activeItemRef:null,src:src,title:title,topLeftIconName:topLeftIconName,bottomLeftIconName:bottomLeftIconName,onClickThumbnail:onClickThumbnail}))))),showNavButtons&&React.createElement(StyledButtonWrapper,{alignRight:!0,isScrollable:isScrollable},React.createElement(Button,{variant:"tertiary",onClick:handleClickNext,disabled:currentIndex===thumbnailCount-1,size:"s","aria-label":nextBtnAriaLabel},React.createElement(Icon,{name:"chevron-right",color:"secondary"}))))};
|
|
1
|
+
import React,{useRef,useEffect}from"react";import styled from"@emotion/styled";import{Button}from"../../Button/Button";import{Icon}from"../../Icon/Icon";import{Inline}from"../../Inline/Inline";import{useIsScrollable}from"../useIsScrollable";import{CarouselThumbnail}from"../CarouselThumbnail/CarouselThumbnail";let StyledWrapper=styled("div",{target:"e6wa5tu0",label:"StyledWrapper"})(({showNavButtons})=>({width:"100%",...showNavButtons?{padding:"0 40px"}:{padding:"0 8px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgdXNlSXNTY3JvbGxhYmxlIH0gZnJvbSBcIi4uL3VzZUlzU2Nyb2xsYWJsZVwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxUaHVtYm5haWwgfSBmcm9tIFwiLi4vQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWxcIjtcblxuY29uc3QgQlVUVE9OX1dJRFRIID0gNDA7XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBzaG93TmF2QnV0dG9ucyB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIC4uLihzaG93TmF2QnV0dG9uc1xuICAgID8ge1xuICAgICAgICBwYWRkaW5nOiBgMCAke0JVVFRPTl9XSURUSH1weGAsXG4gICAgICB9XG4gICAgOiB7XG4gICAgICAgIHBhZGRpbmc6IFwiMCA4cHhcIixcbiAgICAgIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xuICBpc1Njcm9sbGFibGU6IGJvb2xlYW47XG59PigoeyBhbGlnblJpZ2h0ID0gZmFsc2UsIGlzU2Nyb2xsYWJsZSwgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiBcIjBcIixcbiAgYm90dG9tOiBcIjBcIixcbiAgbGVmdDogYWxpZ25SaWdodCA/IFwiYXV0b1wiIDogXCIwXCIsXG4gIHJpZ2h0OiBhbGlnblJpZ2h0ID8gXCIwXCIgOiBcImF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IEJVVFRPTl9XSURUSCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJveFNoYWRvdzogaXNTY3JvbGxhYmxlID8gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSA6IFwibm9uZVwiLFxuICB6SW5kZXg6IDEsXG4gIGJ1dHRvbjoge1xuICAgIHdpZHRoOiBCVVRUT05fV0lEVEgsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZE91dGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBvdmVyZmxvd1g6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiaGlkZGVuXCIsXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBzY3JvbGxCZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJhdXRvXCIsXG4gIHNjcm9sbGJhckNvbG9yOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmQuZ3JheX0gJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmV9YCxcbiAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICBoZWlnaHQ6IFwiOHB4XCIsXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10aHVtYlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXksXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10cmFja1wiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbm5lckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIG1heFdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG50eXBlIE1lZGlhQXNzZXQgPSB7XG4gIGJvdHRvbUxlZnRJY29uTmFtZT86IEljb25Qcm9wc1tcIm5hbWVcIl07XG4gIHNyYzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICB0b3BMZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICB4aWQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIE1lZGlhQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgYWN0aXZlSXRlbVJlZj86IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsPjtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUFzc2V0W107XG4gIG5leHRCdG5BcmlhTGFiZWw6IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdJbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICBwcmV2QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIHNldElzUmVhZHk6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNhcm91c2VsID0gKHtcbiAgYWN0aXZlSXRlbVJlZixcbiAgY3VycmVudEluZGV4LFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCxcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCxcbiAgc2V0SXNSZWFkeSxcbiAgc2hvd05hdkJ1dHRvbnMsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9IGN1cnJlbnRJbmRleDtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgIShcbiAgICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50ICYmXG4gICAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICAgIGlubmVyQ29udGFpbmVyUmVmLmN1cnJlbnRcbiAgICAgIClcbiAgICApXG4gICAgICByZXR1cm47XG5cbiAgICAvLyBlbnN1cmVzIHRoYXQgd2Ugc2Nyb2xsIHRvIHRoZSBhY3RpdmUgaXRlbSBvbiBmaXJzdCBtb3VudFxuICAgIHNldElzUmVhZHkoKCkgPT4gdHJ1ZSk7XG4gIH0sIFthY3RpdmVJdGVtUmVmLCBzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmLCBzZXRJc1JlYWR5XSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tOZXh0ID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxKSByZXR1cm47XG4gICAgb25DbGlja05leHQoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiBpdGVtV2lkdGgsXG4gICAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrUHJldmlvdXMgPSAoKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRJbmRleFJlZi5jdXJyZW50IDw9IDApIHJldHVybjtcbiAgICBvbkNsaWNrUHJldmlvdXMoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiAtaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChza2lwQXJyb3dLZXlzTGlzdGVuZXIpIHJldHVybjtcbiAgICBjb25zdCBjdXJyZW50UmVmID0gc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFjdXJyZW50UmVmKSByZXR1cm47XG5cbiAgICBmdW5jdGlvbiBsaXN0ZW5lcihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd1JpZ2h0XCIpIHtcbiAgICAgICAgaGFuZGxlQ2xpY2tOZXh0KCk7XG4gICAgICB9XG4gICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93TGVmdFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrUHJldmlvdXMoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjdXJyZW50UmVmLmFkZEV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjdXJyZW50UmVmLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcbiAgICB9O1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW3Njcm9sbENvbnRhaW5lclJlZl0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgc2hvd05hdkJ1dHRvbnM9e3Nob3dOYXZCdXR0b25zfT5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfT5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IDB9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLWxlZnRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkT3V0ZXJDb250YWluZXJcbiAgICAgICAgcmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9XCJ0aHVtYm5haWxzIHNjcm9sbGFibGUgY29udGFpbmVyXCJcbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5uZXJDb250YWluZXIgcmVmPXtpbm5lckNvbnRhaW5lclJlZn0+XG4gICAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9XCJ4eHhzXCI+XG4gICAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgeyBzcmMsIHRpdGxlLCBib3R0b21MZWZ0SWNvbk5hbWUsIHRvcExlZnRJY29uTmFtZSwgeGlkIH0sXG4gICAgICAgICAgICAgICAgaW5kZXhcbiAgICAgICAgICAgICAgKSA9PiAoXG4gICAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAgICBrZXk9e2BjYXJvdXNlbC1pdGVtLSR7eGlkfWB9XG4gICAgICAgICAgICAgICAgICBhc3NldEluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIGlzQWN0aXZlPXtpbmRleCA9PT0gY3VycmVudEluZGV4fVxuICAgICAgICAgICAgICAgICAgcmVmPXtpbmRleCA9PT0gY3VycmVudEluZGV4ID8gYWN0aXZlSXRlbVJlZiA6IG51bGx9XG4gICAgICAgICAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgICAgYm90dG9tTGVmdEljb25OYW1lPXtib3R0b21MZWZ0SWNvbk5hbWV9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrVGh1bWJuYWlsPXtvbkNsaWNrVGh1bWJuYWlsfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkSW5uZXJDb250YWluZXI+XG4gICAgICA8L1N0eWxlZE91dGVyQ29udGFpbmVyPlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPFN0eWxlZEJ1dHRvbldyYXBwZXIgYWxpZ25SaWdodCBpc1Njcm9sbGFibGU9e2lzU2Nyb2xsYWJsZX0+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrTmV4dH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IHRodW1ibmFpbENvdW50IC0gMX1cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXc0IifQ== */"),StyledButtonWrapper=styled("div",{target:"e6wa5tu1",label:"StyledButtonWrapper"})(({alignRight=!1,isScrollable,theme})=>({position:"absolute",top:"0",bottom:"0",left:alignRight?"auto":"0",right:alignRight?"0":"auto",height:"100%",width:40,display:"flex",boxShadow:isScrollable?theme.values.elevation[1]:"none",zIndex:1,button:{width:40}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgdXNlSXNTY3JvbGxhYmxlIH0gZnJvbSBcIi4uL3VzZUlzU2Nyb2xsYWJsZVwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxUaHVtYm5haWwgfSBmcm9tIFwiLi4vQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWxcIjtcblxuY29uc3QgQlVUVE9OX1dJRFRIID0gNDA7XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBzaG93TmF2QnV0dG9ucyB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIC4uLihzaG93TmF2QnV0dG9uc1xuICAgID8ge1xuICAgICAgICBwYWRkaW5nOiBgMCAke0JVVFRPTl9XSURUSH1weGAsXG4gICAgICB9XG4gICAgOiB7XG4gICAgICAgIHBhZGRpbmc6IFwiMCA4cHhcIixcbiAgICAgIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xuICBpc1Njcm9sbGFibGU6IGJvb2xlYW47XG59PigoeyBhbGlnblJpZ2h0ID0gZmFsc2UsIGlzU2Nyb2xsYWJsZSwgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiBcIjBcIixcbiAgYm90dG9tOiBcIjBcIixcbiAgbGVmdDogYWxpZ25SaWdodCA/IFwiYXV0b1wiIDogXCIwXCIsXG4gIHJpZ2h0OiBhbGlnblJpZ2h0ID8gXCIwXCIgOiBcImF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IEJVVFRPTl9XSURUSCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJveFNoYWRvdzogaXNTY3JvbGxhYmxlID8gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSA6IFwibm9uZVwiLFxuICB6SW5kZXg6IDEsXG4gIGJ1dHRvbjoge1xuICAgIHdpZHRoOiBCVVRUT05fV0lEVEgsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZE91dGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBvdmVyZmxvd1g6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiaGlkZGVuXCIsXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBzY3JvbGxCZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJhdXRvXCIsXG4gIHNjcm9sbGJhckNvbG9yOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmQuZ3JheX0gJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmV9YCxcbiAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICBoZWlnaHQ6IFwiOHB4XCIsXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10aHVtYlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXksXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10cmFja1wiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbm5lckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIG1heFdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG50eXBlIE1lZGlhQXNzZXQgPSB7XG4gIGJvdHRvbUxlZnRJY29uTmFtZT86IEljb25Qcm9wc1tcIm5hbWVcIl07XG4gIHNyYzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICB0b3BMZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICB4aWQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIE1lZGlhQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgYWN0aXZlSXRlbVJlZj86IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsPjtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUFzc2V0W107XG4gIG5leHRCdG5BcmlhTGFiZWw6IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdJbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICBwcmV2QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIHNldElzUmVhZHk6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNhcm91c2VsID0gKHtcbiAgYWN0aXZlSXRlbVJlZixcbiAgY3VycmVudEluZGV4LFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCxcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCxcbiAgc2V0SXNSZWFkeSxcbiAgc2hvd05hdkJ1dHRvbnMsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9IGN1cnJlbnRJbmRleDtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgIShcbiAgICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50ICYmXG4gICAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICAgIGlubmVyQ29udGFpbmVyUmVmLmN1cnJlbnRcbiAgICAgIClcbiAgICApXG4gICAgICByZXR1cm47XG5cbiAgICAvLyBlbnN1cmVzIHRoYXQgd2Ugc2Nyb2xsIHRvIHRoZSBhY3RpdmUgaXRlbSBvbiBmaXJzdCBtb3VudFxuICAgIHNldElzUmVhZHkoKCkgPT4gdHJ1ZSk7XG4gIH0sIFthY3RpdmVJdGVtUmVmLCBzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmLCBzZXRJc1JlYWR5XSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tOZXh0ID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxKSByZXR1cm47XG4gICAgb25DbGlja05leHQoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiBpdGVtV2lkdGgsXG4gICAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrUHJldmlvdXMgPSAoKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRJbmRleFJlZi5jdXJyZW50IDw9IDApIHJldHVybjtcbiAgICBvbkNsaWNrUHJldmlvdXMoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiAtaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChza2lwQXJyb3dLZXlzTGlzdGVuZXIpIHJldHVybjtcbiAgICBjb25zdCBjdXJyZW50UmVmID0gc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFjdXJyZW50UmVmKSByZXR1cm47XG5cbiAgICBmdW5jdGlvbiBsaXN0ZW5lcihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd1JpZ2h0XCIpIHtcbiAgICAgICAgaGFuZGxlQ2xpY2tOZXh0KCk7XG4gICAgICB9XG4gICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93TGVmdFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrUHJldmlvdXMoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjdXJyZW50UmVmLmFkZEV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjdXJyZW50UmVmLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcbiAgICB9O1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW3Njcm9sbENvbnRhaW5lclJlZl0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgc2hvd05hdkJ1dHRvbnM9e3Nob3dOYXZCdXR0b25zfT5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfT5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IDB9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLWxlZnRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkT3V0ZXJDb250YWluZXJcbiAgICAgICAgcmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9XCJ0aHVtYm5haWxzIHNjcm9sbGFibGUgY29udGFpbmVyXCJcbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5uZXJDb250YWluZXIgcmVmPXtpbm5lckNvbnRhaW5lclJlZn0+XG4gICAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9XCJ4eHhzXCI+XG4gICAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgeyBzcmMsIHRpdGxlLCBib3R0b21MZWZ0SWNvbk5hbWUsIHRvcExlZnRJY29uTmFtZSwgeGlkIH0sXG4gICAgICAgICAgICAgICAgaW5kZXhcbiAgICAgICAgICAgICAgKSA9PiAoXG4gICAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAgICBrZXk9e2BjYXJvdXNlbC1pdGVtLSR7eGlkfWB9XG4gICAgICAgICAgICAgICAgICBhc3NldEluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIGlzQWN0aXZlPXtpbmRleCA9PT0gY3VycmVudEluZGV4fVxuICAgICAgICAgICAgICAgICAgcmVmPXtpbmRleCA9PT0gY3VycmVudEluZGV4ID8gYWN0aXZlSXRlbVJlZiA6IG51bGx9XG4gICAgICAgICAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgICAgYm90dG9tTGVmdEljb25OYW1lPXtib3R0b21MZWZ0SWNvbk5hbWV9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrVGh1bWJuYWlsPXtvbkNsaWNrVGh1bWJuYWlsfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkSW5uZXJDb250YWluZXI+XG4gICAgICA8L1N0eWxlZE91dGVyQ29udGFpbmVyPlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPFN0eWxlZEJ1dHRvbldyYXBwZXIgYWxpZ25SaWdodCBpc1Njcm9sbGFibGU9e2lzU2Nyb2xsYWJsZX0+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrTmV4dH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IHRodW1ibmFpbENvdW50IC0gMX1cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QjRCIn0= */"),StyledOuterContainer=styled("div",{target:"e6wa5tu2",label:"StyledOuterContainer"})(({theme})=>({position:"relative",display:"flex",flexWrap:"nowrap",justifyContent:"center",overflowX:"auto",overflowY:"hidden",paddingTop:theme.variables.size.spacing.xxs,scrollBehavior:"smooth",width:"100%",scrollbarWidth:"auto",scrollbarColor:`${theme.values.color.tag.background.gray} ${theme.values.color.background.transparent.active}`,"::-webkit-scrollbar":{height:"8px"},"::-webkit-scrollbar-thumb":{background:theme.values.color.tag.background.gray},"::-webkit-scrollbar-track":{background:theme.values.color.background.transparent.active}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgdXNlSXNTY3JvbGxhYmxlIH0gZnJvbSBcIi4uL3VzZUlzU2Nyb2xsYWJsZVwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxUaHVtYm5haWwgfSBmcm9tIFwiLi4vQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWxcIjtcblxuY29uc3QgQlVUVE9OX1dJRFRIID0gNDA7XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBzaG93TmF2QnV0dG9ucyB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIC4uLihzaG93TmF2QnV0dG9uc1xuICAgID8ge1xuICAgICAgICBwYWRkaW5nOiBgMCAke0JVVFRPTl9XSURUSH1weGAsXG4gICAgICB9XG4gICAgOiB7XG4gICAgICAgIHBhZGRpbmc6IFwiMCA4cHhcIixcbiAgICAgIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xuICBpc1Njcm9sbGFibGU6IGJvb2xlYW47XG59PigoeyBhbGlnblJpZ2h0ID0gZmFsc2UsIGlzU2Nyb2xsYWJsZSwgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiBcIjBcIixcbiAgYm90dG9tOiBcIjBcIixcbiAgbGVmdDogYWxpZ25SaWdodCA/IFwiYXV0b1wiIDogXCIwXCIsXG4gIHJpZ2h0OiBhbGlnblJpZ2h0ID8gXCIwXCIgOiBcImF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IEJVVFRPTl9XSURUSCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJveFNoYWRvdzogaXNTY3JvbGxhYmxlID8gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSA6IFwibm9uZVwiLFxuICB6SW5kZXg6IDEsXG4gIGJ1dHRvbjoge1xuICAgIHdpZHRoOiBCVVRUT05fV0lEVEgsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZE91dGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBvdmVyZmxvd1g6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiaGlkZGVuXCIsXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBzY3JvbGxCZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJhdXRvXCIsXG4gIHNjcm9sbGJhckNvbG9yOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmQuZ3JheX0gJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmV9YCxcbiAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICBoZWlnaHQ6IFwiOHB4XCIsXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10aHVtYlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXksXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10cmFja1wiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbm5lckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIG1heFdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG50eXBlIE1lZGlhQXNzZXQgPSB7XG4gIGJvdHRvbUxlZnRJY29uTmFtZT86IEljb25Qcm9wc1tcIm5hbWVcIl07XG4gIHNyYzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICB0b3BMZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICB4aWQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIE1lZGlhQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgYWN0aXZlSXRlbVJlZj86IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsPjtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUFzc2V0W107XG4gIG5leHRCdG5BcmlhTGFiZWw6IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdJbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICBwcmV2QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIHNldElzUmVhZHk6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNhcm91c2VsID0gKHtcbiAgYWN0aXZlSXRlbVJlZixcbiAgY3VycmVudEluZGV4LFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCxcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCxcbiAgc2V0SXNSZWFkeSxcbiAgc2hvd05hdkJ1dHRvbnMsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9IGN1cnJlbnRJbmRleDtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgIShcbiAgICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50ICYmXG4gICAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICAgIGlubmVyQ29udGFpbmVyUmVmLmN1cnJlbnRcbiAgICAgIClcbiAgICApXG4gICAgICByZXR1cm47XG5cbiAgICAvLyBlbnN1cmVzIHRoYXQgd2Ugc2Nyb2xsIHRvIHRoZSBhY3RpdmUgaXRlbSBvbiBmaXJzdCBtb3VudFxuICAgIHNldElzUmVhZHkoKCkgPT4gdHJ1ZSk7XG4gIH0sIFthY3RpdmVJdGVtUmVmLCBzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmLCBzZXRJc1JlYWR5XSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tOZXh0ID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxKSByZXR1cm47XG4gICAgb25DbGlja05leHQoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiBpdGVtV2lkdGgsXG4gICAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrUHJldmlvdXMgPSAoKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRJbmRleFJlZi5jdXJyZW50IDw9IDApIHJldHVybjtcbiAgICBvbkNsaWNrUHJldmlvdXMoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiAtaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChza2lwQXJyb3dLZXlzTGlzdGVuZXIpIHJldHVybjtcbiAgICBjb25zdCBjdXJyZW50UmVmID0gc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFjdXJyZW50UmVmKSByZXR1cm47XG5cbiAgICBmdW5jdGlvbiBsaXN0ZW5lcihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd1JpZ2h0XCIpIHtcbiAgICAgICAgaGFuZGxlQ2xpY2tOZXh0KCk7XG4gICAgICB9XG4gICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93TGVmdFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrUHJldmlvdXMoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjdXJyZW50UmVmLmFkZEV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjdXJyZW50UmVmLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcbiAgICB9O1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW3Njcm9sbENvbnRhaW5lclJlZl0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgc2hvd05hdkJ1dHRvbnM9e3Nob3dOYXZCdXR0b25zfT5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfT5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IDB9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLWxlZnRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkT3V0ZXJDb250YWluZXJcbiAgICAgICAgcmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9XCJ0aHVtYm5haWxzIHNjcm9sbGFibGUgY29udGFpbmVyXCJcbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5uZXJDb250YWluZXIgcmVmPXtpbm5lckNvbnRhaW5lclJlZn0+XG4gICAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9XCJ4eHhzXCI+XG4gICAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgeyBzcmMsIHRpdGxlLCBib3R0b21MZWZ0SWNvbk5hbWUsIHRvcExlZnRJY29uTmFtZSwgeGlkIH0sXG4gICAgICAgICAgICAgICAgaW5kZXhcbiAgICAgICAgICAgICAgKSA9PiAoXG4gICAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAgICBrZXk9e2BjYXJvdXNlbC1pdGVtLSR7eGlkfWB9XG4gICAgICAgICAgICAgICAgICBhc3NldEluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIGlzQWN0aXZlPXtpbmRleCA9PT0gY3VycmVudEluZGV4fVxuICAgICAgICAgICAgICAgICAgcmVmPXtpbmRleCA9PT0gY3VycmVudEluZGV4ID8gYWN0aXZlSXRlbVJlZiA6IG51bGx9XG4gICAgICAgICAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgICAgYm90dG9tTGVmdEljb25OYW1lPXtib3R0b21MZWZ0SWNvbk5hbWV9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrVGh1bWJuYWlsPXtvbkNsaWNrVGh1bWJuYWlsfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkSW5uZXJDb250YWluZXI+XG4gICAgICA8L1N0eWxlZE91dGVyQ29udGFpbmVyPlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPFN0eWxlZEJ1dHRvbldyYXBwZXIgYWxpZ25SaWdodCBpc1Njcm9sbGFibGU9e2lzU2Nyb2xsYWJsZX0+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrTmV4dH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IHRodW1ibmFpbENvdW50IC0gMX1cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzZCIn0= */"),StyledInnerContainer=styled("div",{target:"e6wa5tu3",label:"StyledInnerContainer"})({display:"flex",flexWrap:"nowrap",maxWidth:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgdXNlSXNTY3JvbGxhYmxlIH0gZnJvbSBcIi4uL3VzZUlzU2Nyb2xsYWJsZVwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxUaHVtYm5haWwgfSBmcm9tIFwiLi4vQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWxcIjtcblxuY29uc3QgQlVUVE9OX1dJRFRIID0gNDA7XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBzaG93TmF2QnV0dG9ucyB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIC4uLihzaG93TmF2QnV0dG9uc1xuICAgID8ge1xuICAgICAgICBwYWRkaW5nOiBgMCAke0JVVFRPTl9XSURUSH1weGAsXG4gICAgICB9XG4gICAgOiB7XG4gICAgICAgIHBhZGRpbmc6IFwiMCA4cHhcIixcbiAgICAgIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGFsaWduUmlnaHQ/OiBib29sZWFuO1xuICBpc1Njcm9sbGFibGU6IGJvb2xlYW47XG59PigoeyBhbGlnblJpZ2h0ID0gZmFsc2UsIGlzU2Nyb2xsYWJsZSwgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiBcIjBcIixcbiAgYm90dG9tOiBcIjBcIixcbiAgbGVmdDogYWxpZ25SaWdodCA/IFwiYXV0b1wiIDogXCIwXCIsXG4gIHJpZ2h0OiBhbGlnblJpZ2h0ID8gXCIwXCIgOiBcImF1dG9cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IEJVVFRPTl9XSURUSCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJveFNoYWRvdzogaXNTY3JvbGxhYmxlID8gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSA6IFwibm9uZVwiLFxuICB6SW5kZXg6IDEsXG4gIGJ1dHRvbjoge1xuICAgIHdpZHRoOiBCVVRUT05fV0lEVEgsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZE91dGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBvdmVyZmxvd1g6IFwiYXV0b1wiLFxuICBvdmVyZmxvd1k6IFwiaGlkZGVuXCIsXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBzY3JvbGxCZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJhdXRvXCIsXG4gIHNjcm9sbGJhckNvbG9yOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmQuZ3JheX0gJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmV9YCxcbiAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICBoZWlnaHQ6IFwiOHB4XCIsXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10aHVtYlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXksXG4gIH0sXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhci10cmFja1wiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbm5lckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIG1heFdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG50eXBlIE1lZGlhQXNzZXQgPSB7XG4gIGJvdHRvbUxlZnRJY29uTmFtZT86IEljb25Qcm9wc1tcIm5hbWVcIl07XG4gIHNyYzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICB0b3BMZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICB4aWQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIE1lZGlhQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgYWN0aXZlSXRlbVJlZj86IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsPjtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUFzc2V0W107XG4gIG5leHRCdG5BcmlhTGFiZWw6IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdJbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICBwcmV2QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIHNldElzUmVhZHk6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYUNhcm91c2VsID0gKHtcbiAgYWN0aXZlSXRlbVJlZixcbiAgY3VycmVudEluZGV4LFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCxcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCxcbiAgc2V0SXNSZWFkeSxcbiAgc2hvd05hdkJ1dHRvbnMsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9IGN1cnJlbnRJbmRleDtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgIShcbiAgICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50ICYmXG4gICAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICAgIGlubmVyQ29udGFpbmVyUmVmLmN1cnJlbnRcbiAgICAgIClcbiAgICApXG4gICAgICByZXR1cm47XG5cbiAgICAvLyBlbnN1cmVzIHRoYXQgd2Ugc2Nyb2xsIHRvIHRoZSBhY3RpdmUgaXRlbSBvbiBmaXJzdCBtb3VudFxuICAgIHNldElzUmVhZHkoKCkgPT4gdHJ1ZSk7XG4gIH0sIFthY3RpdmVJdGVtUmVmLCBzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmLCBzZXRJc1JlYWR5XSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tOZXh0ID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxKSByZXR1cm47XG4gICAgb25DbGlja05leHQoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiBpdGVtV2lkdGgsXG4gICAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiLFxuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrUHJldmlvdXMgPSAoKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRJbmRleFJlZi5jdXJyZW50IDw9IDApIHJldHVybjtcbiAgICBvbkNsaWNrUHJldmlvdXMoKTtcbiAgICBpZiAoaXNTY3JvbGxhYmxlICYmIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50ICYmIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaXRlbVdpZHRoID0gYWN0aXZlSXRlbVJlZi5jdXJyZW50Lm9mZnNldFdpZHRoICsgODsgLy8gOHB4IGZvciBtYXJnaW5zICg0cHggb24gZWFjaCBzaWRlKVxuICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ/LnNjcm9sbEJ5Py4oe1xuICAgICAgICBsZWZ0OiAtaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChza2lwQXJyb3dLZXlzTGlzdGVuZXIpIHJldHVybjtcbiAgICBjb25zdCBjdXJyZW50UmVmID0gc2Nyb2xsQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFjdXJyZW50UmVmKSByZXR1cm47XG5cbiAgICBmdW5jdGlvbiBsaXN0ZW5lcihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd1JpZ2h0XCIpIHtcbiAgICAgICAgaGFuZGxlQ2xpY2tOZXh0KCk7XG4gICAgICB9XG4gICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93TGVmdFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrUHJldmlvdXMoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjdXJyZW50UmVmLmFkZEV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjdXJyZW50UmVmLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIGxpc3RlbmVyKTtcbiAgICB9O1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW3Njcm9sbENvbnRhaW5lclJlZl0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgc2hvd05hdkJ1dHRvbnM9e3Nob3dOYXZCdXR0b25zfT5cbiAgICAgIHtzaG93TmF2QnV0dG9ucyAmJiAoXG4gICAgICAgIDxTdHlsZWRCdXR0b25XcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfT5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IDB9XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uLWxlZnRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkT3V0ZXJDb250YWluZXJcbiAgICAgICAgcmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgIGFyaWEtbGFiZWw9XCJ0aHVtYm5haWxzIHNjcm9sbGFibGUgY29udGFpbmVyXCJcbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5uZXJDb250YWluZXIgcmVmPXtpbm5lckNvbnRhaW5lclJlZn0+XG4gICAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9XCJ4eHhzXCI+XG4gICAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgeyBzcmMsIHRpdGxlLCBib3R0b21MZWZ0SWNvbk5hbWUsIHRvcExlZnRJY29uTmFtZSwgeGlkIH0sXG4gICAgICAgICAgICAgICAgaW5kZXhcbiAgICAgICAgICAgICAgKSA9PiAoXG4gICAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAgICBrZXk9e2BjYXJvdXNlbC1pdGVtLSR7eGlkfWB9XG4gICAgICAgICAgICAgICAgICBhc3NldEluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIGlzQWN0aXZlPXtpbmRleCA9PT0gY3VycmVudEluZGV4fVxuICAgICAgICAgICAgICAgICAgcmVmPXtpbmRleCA9PT0gY3VycmVudEluZGV4ID8gYWN0aXZlSXRlbVJlZiA6IG51bGx9XG4gICAgICAgICAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgICAgYm90dG9tTGVmdEljb25OYW1lPXtib3R0b21MZWZ0SWNvbk5hbWV9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrVGh1bWJuYWlsPXtvbkNsaWNrVGh1bWJuYWlsfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkSW5uZXJDb250YWluZXI+XG4gICAgICA8L1N0eWxlZE91dGVyQ29udGFpbmVyPlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPFN0eWxlZEJ1dHRvbldyYXBwZXIgYWxpZ25SaWdodCBpc1Njcm9sbGFibGU9e2lzU2Nyb2xsYWJsZX0+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrTmV4dH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtjdXJyZW50SW5kZXggPT09IHRodW1ibmFpbENvdW50IC0gMX1cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRTZCIn0= */");export const MediaCarousel=({activeItemRef,currentIndex,mediaAssets,nextBtnAriaLabel,onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel,setIsReady,showNavButtons,skipArrowKeysListener,...ariaAttributes})=>{let thumbnailCount=mediaAssets.length,scrollContainerRef=useRef(null),innerContainerRef=useRef(null),isScrollable=useIsScrollable(scrollContainerRef,innerContainerRef),currentIndexRef=useRef(currentIndex);useEffect(()=>{currentIndexRef.current=currentIndex},[currentIndex]),useEffect(()=>{activeItemRef.current&&scrollContainerRef.current&&innerContainerRef.current&&setIsReady(()=>!0)},[activeItemRef,scrollContainerRef,innerContainerRef,setIsReady]);let handleClickNext=()=>{if(currentIndexRef.current!==thumbnailCount-1&&(onClickNext(),isScrollable&&scrollContainerRef.current&&activeItemRef.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:itemWidth,behavior:"smooth"})}},handleClickPrevious=()=>{if(!(currentIndexRef.current<=0)&&(onClickPrevious(),isScrollable&&scrollContainerRef.current&&activeItemRef.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:-itemWidth,behavior:"smooth"})}};return useEffect(()=>{if(skipArrowKeysListener)return;let currentRef=scrollContainerRef.current;if(currentRef)return currentRef.addEventListener("keydown",listener),()=>{currentRef.removeEventListener("keydown",listener)};function listener(event){"ArrowRight"===event.key&&handleClickNext(),"ArrowLeft"===event.key&&handleClickPrevious()}},[scrollContainerRef]),React.createElement(StyledWrapper,{showNavButtons:showNavButtons},showNavButtons&&React.createElement(StyledButtonWrapper,{isScrollable:isScrollable},React.createElement(Button,{variant:"tertiary",onClick:handleClickPrevious,disabled:0===currentIndex,size:"s","aria-label":prevBtnAriaLabel},React.createElement(Icon,{name:"chevron-left",color:"secondary"}))),React.createElement(StyledOuterContainer,{ref:scrollContainerRef,"aria-label":"thumbnails scrollable container",...ariaAttributes},React.createElement(StyledInnerContainer,{ref:innerContainerRef},React.createElement(Inline,{noWrap:!0,space:"xxxs"},mediaAssets.map(({src,title,bottomLeftIconName,topLeftIconName,xid},index)=>React.createElement(CarouselThumbnail,{key:`carousel-item-${xid}`,assetIndex:index,isActive:index===currentIndex,ref:index===currentIndex?activeItemRef:null,src:src,title:title,topLeftIconName:topLeftIconName,bottomLeftIconName:bottomLeftIconName,onClickThumbnail:onClickThumbnail}))))),showNavButtons&&React.createElement(StyledButtonWrapper,{alignRight:!0,isScrollable:isScrollable},React.createElement(Button,{variant:"tertiary",onClick:handleClickNext,disabled:currentIndex===thumbnailCount-1,size:"s","aria-label":nextBtnAriaLabel},React.createElement(Icon,{name:"chevron-right",color:"secondary"}))))};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import type { MQ, SpaceSizes } from "../../types";
|
|
3
|
+
import type { IconName } from "../Icon/Icon";
|
|
4
|
+
export type IconProp = {
|
|
5
|
+
name: IconName;
|
|
6
|
+
position: "left" | "right";
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* @param label - The text to display in the tab
|
|
10
|
+
* @param sublabel - A subtext, encased in parentheses
|
|
11
|
+
* @param icon - An icon to display. Can be either an icon name (defaults to left position) or an object with name and position
|
|
12
|
+
* @param as - The element to render the tab as, defaults to `button`
|
|
13
|
+
* @param disabled - Whether the tab is disabled
|
|
14
|
+
* @param tooltipContent - The content of the tooltip to display when the tab is disabled
|
|
15
|
+
*/
|
|
16
|
+
export type Tab = {
|
|
17
|
+
label: string;
|
|
18
|
+
sublabel?: string;
|
|
19
|
+
icon?: IconName | IconProp;
|
|
20
|
+
as?: "a" | "button" | React.ElementType;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
active?: boolean;
|
|
23
|
+
tooltipContent?: string;
|
|
24
|
+
} & Partial<React.ComponentProps<"button">> & Partial<React.ComponentProps<"a">>;
|
|
25
|
+
export type TabsProps = {
|
|
26
|
+
/** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */
|
|
27
|
+
tabs: Tab[];
|
|
28
|
+
children?: React.ReactElement;
|
|
29
|
+
/** The index of the active tab */
|
|
30
|
+
activeTab?: number | null;
|
|
31
|
+
onTabSelect?: (selectedTab: number) => void;
|
|
32
|
+
activeTabClickable?: boolean;
|
|
33
|
+
tabPanelId?: string;
|
|
34
|
+
/** Horizontal padding space for the tab container, suited for tabs within a Card element */
|
|
35
|
+
horizontalPadding?: SpaceSizes | MQ<SpaceSizes>;
|
|
36
|
+
/** Whether to show a bottom border between tabs and content */
|
|
37
|
+
hideBottomBorder?: boolean;
|
|
38
|
+
"data-e2e-test-id"?: string;
|
|
39
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{};
|
|
@@ -1,43 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
name: IconName;
|
|
6
|
-
position: "left" | "right";
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* @param label - The text to display in the tab
|
|
10
|
-
* @param sublabel - A subtext, encased in parentheses
|
|
11
|
-
* @param icon - An icon to display. Can be either an icon name (defaults to left position) or an object with name and position
|
|
12
|
-
* @param as - The element to render the tab as, defaults to `button`
|
|
13
|
-
* @param disabled - Whether the tab is disabled
|
|
14
|
-
* @param tooltipContent - The content of the tooltip to display when the tab is disabled
|
|
15
|
-
*/
|
|
16
|
-
type Tab = {
|
|
17
|
-
id?: string;
|
|
18
|
-
label: string;
|
|
19
|
-
sublabel?: string;
|
|
20
|
-
icon?: IconName | IconProp;
|
|
21
|
-
as?: "a" | "button" | React.ElementType;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
active?: boolean;
|
|
24
|
-
tooltipContent?: string;
|
|
25
|
-
} & Partial<React.ComponentProps<"button">> & Partial<React.ComponentProps<"a">>;
|
|
26
|
-
export type TabsProps = {
|
|
27
|
-
/** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */
|
|
28
|
-
tabs: Tab[];
|
|
29
|
-
children?: React.ReactElement;
|
|
30
|
-
/** The index of the active tab */
|
|
31
|
-
activeTab?: number | null;
|
|
32
|
-
onTabSelect?: (selectedTab: number) => void;
|
|
33
|
-
activeTabClickable?: boolean;
|
|
34
|
-
tabPanelId?: string;
|
|
35
|
-
/** Horizontal padding space for the tab container, suited for tabs within a Card element */
|
|
36
|
-
horizontalPadding?: SpaceSizes | MQ<SpaceSizes>;
|
|
37
|
-
/** Whether to show a bottom border between tabs and content */
|
|
38
|
-
hideBottomBorder?: boolean;
|
|
39
|
-
"aria-label"?: string;
|
|
40
|
-
"data-e2e-test-id"?: string;
|
|
41
|
-
};
|
|
42
|
-
export declare function Tabs({ tabs, horizontalPadding, activeTab, children, onTabSelect, activeTabClickable, tabPanelId, "aria-label": ariaLabel, "data-e2e-test-id": dataE2eTestId, hideBottomBorder, ...ariaAttributes }: TabsProps): React.ReactElement;
|
|
43
|
-
export {};
|
|
2
|
+
import type { TabsProps } from "./-types";
|
|
3
|
+
export type { TabsProps };
|
|
4
|
+
export declare function Tabs({ tabs, horizontalPadding, activeTab, children, onTabSelect, activeTabClickable, tabPanelId: tabPanelIdProp, "data-e2e-test-id": dataE2eTestId, hideBottomBorder, ...ariaAttributes }: TabsProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import React from"react";import{useResponsiveStyles}from"../../shared/mediaQueries";import{Icon}from"../Icon/Icon";import{Stack}from"../Stack/Stack";import{Tooltip}from"../Tooltip/Tooltip";let StyledContainer=styled("div",{shouldForwardProp:prop=>isPropValid(prop),target:"ea907xn0",label:"StyledContainer"})(({theme,horizontalPadding,hideBottomBorder})=>({display:"flex",flexDirection:"row",...useResponsiveStyles({gap:[["m","l","l"],theme.variables.size.spacing],paddingInline:[horizontalPadding,theme.variables.size.spacing]}),...!hideBottomBorder&&{borderBottom:`1px solid ${theme.values.color.border.secondary.default}`},whiteSpace:"nowrap",overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none","::-webkit-scrollbar":{display:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB0eXBlIHsgTVEsIFNwYWNlU2l6ZXMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwXCI7XG5cbmNvbnN0IENPTlRBSU5FUl9CT1JERVJfV0lEVEggPSAxO1xuY29uc3QgVEFCX0JPUkRFUl9XSURUSCA9IDQ7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQaWNrPFRhYnNQcm9wcywgXCJob3Jpem9udGFsUGFkZGluZ1wiIHwgXCJoaWRlQm90dG9tQm9yZGVyXCI+PihcbiAgKHsgdGhlbWUsIGhvcml6b250YWxQYWRkaW5nLCBoaWRlQm90dG9tQm9yZGVyIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgIGdhcDogW1tcIm1cIiwgXCJsXCIsIFwibFwiXSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICBwYWRkaW5nSW5saW5lOiBbaG9yaXpvbnRhbFBhZGRpbmcsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIH0pLFxuXG4gICAgLi4uKCFoaWRlQm90dG9tQm9yZGVyICYmIHtcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Q09OVEFJTkVSX0JPUkRFUl9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICB9KSxcblxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgICAvLyBTY3JvbGxiYXJcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgc2Nyb2xsYmFyV2lkdGg6IFwibm9uZVwiLCAvLyBGaXJlZm94XG4gICAgbXNPdmVyZmxvd1N0eWxlOiBcIm5vbmVcIiwgLy8gSUUgMTArXG4gICAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLCAvLyBDaHJvbWVcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkKFwiYnV0dG9uXCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcImFjdGl2ZVwiLFxufSk8XG4gIFBpY2s8VGFic1Byb3BzLCBcImhpZGVCb3R0b21Cb3JkZXJcIiB8IFwiYWN0aXZlVGFiQ2xpY2thYmxlXCI+ICZcbiAgICBQaWNrPFRhYiwgXCJkaXNhYmxlZFwiIHwgXCJhY3RpdmVcIj5cbj4oKHsgdGhlbWUsIGFjdGl2ZSwgZGlzYWJsZWQsIGhpZGVCb3R0b21Cb3JkZXIsIGFjdGl2ZVRhYkNsaWNrYWJsZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZ2FwOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcblxuICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgYm9yZGVyOiAwLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIHBhZGRpbmc6IDAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIGJvcmRlckJvdHRvbTogYCR7VEFCX0JPUkRFUl9XSURUSH1weCBzb2xpZCB0cmFuc3BhcmVudGAsXG4gIC8vIHNpbmNlIHdlIGhhdmUgYSBib3R0b20gYm9yZGVyIG9uIHRoZSBjb250YWluZXIsXG4gIC8vIHdlIG5lZWQgdG8gYWRkIHBhZGRpbmcgdG8gdGhlIHRvcCBvZiB0aGUgdGFiIHRvIG1haW50YWluIGNvbnNpc3RlbnQgaGVpZ2h0XG4gIHBhZGRpbmdUb3A6IGhpZGVCb3R0b21Cb3JkZXJcbiAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubVxuICAgIDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHtDT05UQUlORVJfQk9SREVSX1dJRFRIfXB4KWAsXG4gIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAtICR7VEFCX0JPUkRFUl9XSURUSH1weClgLFxuXG4gIC4uLihhY3RpdmUgJiZcbiAgICAhZGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHQsXG4gICAgfSksXG4gIC4uLighYWN0aXZlICYmXG4gICAgIWRpc2FibGVkICYmIHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSksXG4gIC4uLihhY3RpdmVUYWJDbGlja2FibGUgJiYge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIH0pLFxuICAuLi4oZGlzYWJsZWQgJiYge1xuICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcbn0pKTtcblxuY29uc3QgYWRkU3VidGl0bGUgPSAodGV4dDogc3RyaW5nKSA9PiAodGV4dCA/IGAoJHt0ZXh0fSlgIDogYGApO1xudHlwZSBJY29uUHJvcCA9IHsgbmFtZTogSWNvbk5hbWU7IHBvc2l0aW9uOiBcImxlZnRcIiB8IFwicmlnaHRcIiB9O1xuXG4vKipcbiAqIEBwYXJhbSBsYWJlbCAtIFRoZSB0ZXh0IHRvIGRpc3BsYXkgaW4gdGhlIHRhYlxuICogQHBhcmFtIHN1YmxhYmVsIC0gQSBzdWJ0ZXh0LCBlbmNhc2VkIGluIHBhcmVudGhlc2VzXG4gKiBAcGFyYW0gaWNvbiAtIEFuIGljb24gdG8gZGlzcGxheS4gQ2FuIGJlIGVpdGhlciBhbiBpY29uIG5hbWUgKGRlZmF1bHRzIHRvIGxlZnQgcG9zaXRpb24pIG9yIGFuIG9iamVjdCB3aXRoIG5hbWUgYW5kIHBvc2l0aW9uXG4gKiBAcGFyYW0gYXMgLSBUaGUgZWxlbWVudCB0byByZW5kZXIgdGhlIHRhYiBhcywgZGVmYXVsdHMgdG8gYGJ1dHRvbmBcbiAqIEBwYXJhbSBkaXNhYmxlZCAtIFdoZXRoZXIgdGhlIHRhYiBpcyBkaXNhYmxlZFxuICogQHBhcmFtIHRvb2x0aXBDb250ZW50IC0gVGhlIGNvbnRlbnQgb2YgdGhlIHRvb2x0aXAgdG8gZGlzcGxheSB3aGVuIHRoZSB0YWIgaXMgZGlzYWJsZWRcbiAqL1xudHlwZSBUYWIgPSB7XG4gIGlkPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJsYWJlbD86IHN0cmluZztcbiAgaWNvbj86IEljb25OYW1lIHwgSWNvblByb3A7XG4gIGFzPzogXCJhXCIgfCBcImJ1dHRvblwiIHwgUmVhY3QuRWxlbWVudFR5cGU7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbiAgdG9vbHRpcENvbnRlbnQ/OiBzdHJpbmc7XG59ICYgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImJ1dHRvblwiPj4gJlxuICBQYXJ0aWFsPFJlYWN0LkNvbXBvbmVudFByb3BzPFwiYVwiPj47XG5cbmV4cG9ydCB0eXBlIFRhYnNQcm9wcyA9IHtcbiAgLyoqIEFuIGFycmF5IG9mIHRhYnMsIGNvbnRhaW5zIGBoZWFkZXJgLCBgc3VidGl0bGVgLCBgaWNvbkxlZnRgLCBgYXNgIChkZWZpbmluZyB0aGUgdGFiIGFzIGEgYnV0dG9uIG9yIGEgbGluaykgKi9cbiAgdGFiczogVGFiW107XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogVGhlIGluZGV4IG9mIHRoZSBhY3RpdmUgdGFiICovXG4gIGFjdGl2ZVRhYj86IG51bWJlciB8IG51bGw7XG4gIG9uVGFiU2VsZWN0PzogKHNlbGVjdGVkVGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIGFjdGl2ZVRhYkNsaWNrYWJsZT86IGJvb2xlYW47XG4gIHRhYlBhbmVsSWQ/OiBzdHJpbmc7XG4gIC8qKiBIb3Jpem9udGFsIHBhZGRpbmcgc3BhY2UgZm9yIHRoZSB0YWIgY29udGFpbmVyLCBzdWl0ZWQgZm9yIHRhYnMgd2l0aGluIGEgQ2FyZCBlbGVtZW50ICovXG4gIGhvcml6b250YWxQYWRkaW5nPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+OyAvLyAnbScgfCBbJ20nLCAnbCcsICdsJ11cbiAgLyoqIFdoZXRoZXIgdG8gc2hvdyBhIGJvdHRvbSBib3JkZXIgYmV0d2VlbiB0YWJzIGFuZCBjb250ZW50ICovXG4gIGhpZGVCb3R0b21Cb3JkZXI/OiBib29sZWFuO1xuICBcImFyaWEtbGFiZWxcIj86IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGhvcml6b250YWxQYWRkaW5nLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIGFjdGl2ZVRhYkNsaWNrYWJsZSxcbiAgdGFiUGFuZWxJZCA9IFwidGFiUGFuZWxcIixcbiAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGhpZGVCb3R0b21Cb3JkZXIsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdGFjayBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSBkYXRhLWRzLWlkPVwiVGFic1wiPlxuICAgICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgICBoaWRlQm90dG9tQm9yZGVyPXtoaWRlQm90dG9tQm9yZGVyfVxuICAgICAgICBob3Jpem9udGFsUGFkZGluZz17aG9yaXpvbnRhbFBhZGRpbmd9XG4gICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgcm9sZT1cInRhYmxpc3RcIlxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICA+XG4gICAgICAgIHt0YWJzLm1hcChcbiAgICAgICAgICAoXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGlkOiB0YWJJZCxcbiAgICAgICAgICAgICAgbGFiZWwsXG4gICAgICAgICAgICAgIHN1YmxhYmVsLFxuICAgICAgICAgICAgICBpY29uLFxuICAgICAgICAgICAgICBhcyA9IFwiYnV0dG9uXCIsXG4gICAgICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgICAgICB0b29sdGlwQ29udGVudCxcbiAgICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGlcbiAgICAgICAgICApID0+IHtcbiAgICAgICAgICAgIC8vIFBhcnNlIGljb24gY29uZmlndXJhdGlvblxuICAgICAgICAgICAgbGV0IGljb25Db25maWc6IEljb25Qcm9wO1xuXG4gICAgICAgICAgICBpZiAoaWNvbikge1xuICAgICAgICAgICAgICBpZiAodHlwZW9mIGljb24gPT09IFwic3RyaW5nXCIpIHtcbiAgICAgICAgICAgICAgICBpY29uQ29uZmlnID0geyBuYW1lOiBpY29uLCBwb3NpdGlvbjogXCJsZWZ0XCIgfTtcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBpY29uQ29uZmlnID0gaWNvbjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBUYWIgPSAoXG4gICAgICAgICAgICAgIDxTdHlsZWRUYWJcbiAgICAgICAgICAgICAgICBpZD17dGFiSWQgfHwgYHRhYi0ke2l9YH1cbiAgICAgICAgICAgICAgICBhY3RpdmVUYWJDbGlja2FibGU9e2FjdGl2ZVRhYkNsaWNrYWJsZX1cbiAgICAgICAgICAgICAgICBoaWRlQm90dG9tQm9yZGVyPXtoaWRlQm90dG9tQm9yZGVyfVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICAgICAga2V5PXtsYWJlbH1cbiAgICAgICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRhYlNlbGVjdCAmJiBvblRhYlNlbGVjdChpKX1cbiAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICB0eXBlPXthcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IFwiYnV0dG9uXCJ9XG4gICAgICAgICAgICAgICAgcm9sZT1cInRhYlwiXG4gICAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17YWN0aXZlVGFiID09PSBpfVxuICAgICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2NoaWxkcmVuID8gdGFiUGFuZWxJZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpY29uQ29uZmlnICYmIGljb25Db25maWcucG9zaXRpb24gPT09IFwibGVmdFwiICYmIChcbiAgICAgICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbkNvbmZpZy5uYW1lfSAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge2xhYmVsfSB7YWRkU3VidGl0bGUoc3VibGFiZWwpfVxuICAgICAgICAgICAgICAgIHtpY29uQ29uZmlnICYmIGljb25Db25maWcucG9zaXRpb24gPT09IFwicmlnaHRcIiAmJiAoXG4gICAgICAgICAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25Db25maWcubmFtZX0gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1N0eWxlZFRhYj5cbiAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgIGlmIChkaXNhYmxlZCAmJiB0b29sdGlwQ29udGVudCkge1xuICAgICAgICAgICAgICByZXR1cm4gPFRvb2x0aXAgY29udGVudD17dG9vbHRpcENvbnRlbnR9PntUYWJ9PC9Ub29sdGlwPjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIFRhYjtcbiAgICAgICAgICB9XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgIDxkaXYgcm9sZT1cInRhYnBhbmVsXCIgaWQ9e3RhYlBhbmVsSWR9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgIDwvU3RhY2s+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXdCIn0= */"),StyledTab=styled("button",{shouldForwardProp:prop=>isPropValid(prop)&&"active"!==prop,target:"ea907xn1",label:"StyledTab"})(({theme,active,disabled,hideBottomBorder,activeTabClickable})=>({display:"flex",gap:theme.variables.size.spacing.xxs,alignItems:"center",background:"none",border:0,boxSizing:"border-box",color:theme.values.color.text.secondary.default,padding:0,fontFamily:theme.variables.fontFamily.lato,fontWeight:theme.variables.weight.bold,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,textDecoration:"none",borderBottom:"4px solid transparent",paddingTop:hideBottomBorder?theme.variables.size.spacing.m:`calc(${theme.variables.size.spacing.m} - 1px)`,paddingBottom:`calc(${theme.variables.size.spacing.m} - 4px)`,...active&&!disabled&&{color:theme.values.color.text.accent.default,borderBottomColor:theme.values.color.border.accent.default},...!active&&!disabled&&{cursor:"pointer","&:hover":{color:theme.values.color.text.primary.default,borderBottomColor:theme.values.color.border.secondary.default},"&:active":{color:theme.values.color.text.primary.default,borderBottomColor:theme.values.color.border.secondary.active}},...activeTabClickable&&{cursor:"pointer"},...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB0eXBlIHsgTVEsIFNwYWNlU2l6ZXMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwXCI7XG5cbmNvbnN0IENPTlRBSU5FUl9CT1JERVJfV0lEVEggPSAxO1xuY29uc3QgVEFCX0JPUkRFUl9XSURUSCA9IDQ7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQaWNrPFRhYnNQcm9wcywgXCJob3Jpem9udGFsUGFkZGluZ1wiIHwgXCJoaWRlQm90dG9tQm9yZGVyXCI+PihcbiAgKHsgdGhlbWUsIGhvcml6b250YWxQYWRkaW5nLCBoaWRlQm90dG9tQm9yZGVyIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgIGdhcDogW1tcIm1cIiwgXCJsXCIsIFwibFwiXSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICBwYWRkaW5nSW5saW5lOiBbaG9yaXpvbnRhbFBhZGRpbmcsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIH0pLFxuXG4gICAgLi4uKCFoaWRlQm90dG9tQm9yZGVyICYmIHtcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Q09OVEFJTkVSX0JPUkRFUl9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICB9KSxcblxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgICAvLyBTY3JvbGxiYXJcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgc2Nyb2xsYmFyV2lkdGg6IFwibm9uZVwiLCAvLyBGaXJlZm94XG4gICAgbXNPdmVyZmxvd1N0eWxlOiBcIm5vbmVcIiwgLy8gSUUgMTArXG4gICAgXCI6Oi13ZWJraXQtc2Nyb2xsYmFyXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLCAvLyBDaHJvbWVcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkKFwiYnV0dG9uXCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcImFjdGl2ZVwiLFxufSk8XG4gIFBpY2s8VGFic1Byb3BzLCBcImhpZGVCb3R0b21Cb3JkZXJcIiB8IFwiYWN0aXZlVGFiQ2xpY2thYmxlXCI+ICZcbiAgICBQaWNrPFRhYiwgXCJkaXNhYmxlZFwiIHwgXCJhY3RpdmVcIj5cbj4oKHsgdGhlbWUsIGFjdGl2ZSwgZGlzYWJsZWQsIGhpZGVCb3R0b21Cb3JkZXIsIGFjdGl2ZVRhYkNsaWNrYWJsZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZ2FwOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcblxuICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgYm9yZGVyOiAwLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIHBhZGRpbmc6IDAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIGJvcmRlckJvdHRvbTogYCR7VEFCX0JPUkRFUl9XSURUSH1weCBzb2xpZCB0cmFuc3BhcmVudGAsXG4gIC8vIHNpbmNlIHdlIGhhdmUgYSBib3R0b20gYm9yZGVyIG9uIHRoZSBjb250YWluZXIsXG4gIC8vIHdlIG5lZWQgdG8gYWRkIHBhZGRpbmcgdG8gdGhlIHRvcCBvZiB0aGUgdGFiIHRvIG1haW50YWluIGNvbnNpc3RlbnQgaGVpZ2h0XG4gIHBhZGRpbmdUb3A6IGhpZGVCb3R0b21Cb3JkZXJcbiAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubVxuICAgIDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHtDT05UQUlORVJfQk9SREVSX1dJRFRIfXB4KWAsXG4gIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAtICR7VEFCX0JPUkRFUl9XSURUSH1weClgLFxuXG4gIC4uLihhY3RpdmUgJiZcbiAgICAhZGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHQsXG4gICAgfSksXG4gIC4uLighYWN0aXZlICYmXG4gICAgIWRpc2FibGVkICYmIHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSksXG4gIC4uLihhY3RpdmVUYWJDbGlja2FibGUgJiYge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIH0pLFxuICAuLi4oZGlzYWJsZWQgJiYge1xuICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcbn0pKTtcblxuY29uc3QgYWRkU3VidGl0bGUgPSAodGV4dDogc3RyaW5nKSA9PiAodGV4dCA/IGAoJHt0ZXh0fSlgIDogYGApO1xudHlwZSBJY29uUHJvcCA9IHsgbmFtZTogSWNvbk5hbWU7IHBvc2l0aW9uOiBcImxlZnRcIiB8IFwicmlnaHRcIiB9O1xuXG4vKipcbiAqIEBwYXJhbSBsYWJlbCAtIFRoZSB0ZXh0IHRvIGRpc3BsYXkgaW4gdGhlIHRhYlxuICogQHBhcmFtIHN1YmxhYmVsIC0gQSBzdWJ0ZXh0LCBlbmNhc2VkIGluIHBhcmVudGhlc2VzXG4gKiBAcGFyYW0gaWNvbiAtIEFuIGljb24gdG8gZGlzcGxheS4gQ2FuIGJlIGVpdGhlciBhbiBpY29uIG5hbWUgKGRlZmF1bHRzIHRvIGxlZnQgcG9zaXRpb24pIG9yIGFuIG9iamVjdCB3aXRoIG5hbWUgYW5kIHBvc2l0aW9uXG4gKiBAcGFyYW0gYXMgLSBUaGUgZWxlbWVudCB0byByZW5kZXIgdGhlIHRhYiBhcywgZGVmYXVsdHMgdG8gYGJ1dHRvbmBcbiAqIEBwYXJhbSBkaXNhYmxlZCAtIFdoZXRoZXIgdGhlIHRhYiBpcyBkaXNhYmxlZFxuICogQHBhcmFtIHRvb2x0aXBDb250ZW50IC0gVGhlIGNvbnRlbnQgb2YgdGhlIHRvb2x0aXAgdG8gZGlzcGxheSB3aGVuIHRoZSB0YWIgaXMgZGlzYWJsZWRcbiAqL1xudHlwZSBUYWIgPSB7XG4gIGlkPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJsYWJlbD86IHN0cmluZztcbiAgaWNvbj86IEljb25OYW1lIHwgSWNvblByb3A7XG4gIGFzPzogXCJhXCIgfCBcImJ1dHRvblwiIHwgUmVhY3QuRWxlbWVudFR5cGU7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbiAgdG9vbHRpcENvbnRlbnQ/OiBzdHJpbmc7XG59ICYgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImJ1dHRvblwiPj4gJlxuICBQYXJ0aWFsPFJlYWN0LkNvbXBvbmVudFByb3BzPFwiYVwiPj47XG5cbmV4cG9ydCB0eXBlIFRhYnNQcm9wcyA9IHtcbiAgLyoqIEFuIGFycmF5IG9mIHRhYnMsIGNvbnRhaW5zIGBoZWFkZXJgLCBgc3VidGl0bGVgLCBgaWNvbkxlZnRgLCBgYXNgIChkZWZpbmluZyB0aGUgdGFiIGFzIGEgYnV0dG9uIG9yIGEgbGluaykgKi9cbiAgdGFiczogVGFiW107XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogVGhlIGluZGV4IG9mIHRoZSBhY3RpdmUgdGFiICovXG4gIGFjdGl2ZVRhYj86IG51bWJlciB8IG51bGw7XG4gIG9uVGFiU2VsZWN0PzogKHNlbGVjdGVkVGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIGFjdGl2ZVRhYkNsaWNrYWJsZT86IGJvb2xlYW47XG4gIHRhYlBhbmVsSWQ/OiBzdHJpbmc7XG4gIC8qKiBIb3Jpem9udGFsIHBhZGRpbmcgc3BhY2UgZm9yIHRoZSB0YWIgY29udGFpbmVyLCBzdWl0ZWQgZm9yIHRhYnMgd2l0aGluIGEgQ2FyZCBlbGVtZW50ICovXG4gIGhvcml6b250YWxQYWRkaW5nPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+OyAvLyAnbScgfCBbJ20nLCAnbCcsICdsJ11cbiAgLyoqIFdoZXRoZXIgdG8gc2hvdyBhIGJvdHRvbSBib3JkZXIgYmV0d2VlbiB0YWJzIGFuZCBjb250ZW50ICovXG4gIGhpZGVCb3R0b21Cb3JkZXI/OiBib29sZWFuO1xuICBcImFyaWEtbGFiZWxcIj86IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGhvcml6b250YWxQYWRkaW5nLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIGFjdGl2ZVRhYkNsaWNrYWJsZSxcbiAgdGFiUGFuZWxJZCA9IFwidGFiUGFuZWxcIixcbiAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGhpZGVCb3R0b21Cb3JkZXIsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdGFjayBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSBkYXRhLWRzLWlkPVwiVGFic1wiPlxuICAgICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgICBoaWRlQm90dG9tQm9yZGVyPXtoaWRlQm90dG9tQm9yZGVyfVxuICAgICAgICBob3Jpem9udGFsUGFkZGluZz17aG9yaXpvbnRhbFBhZGRpbmd9XG4gICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgcm9sZT1cInRhYmxpc3RcIlxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICA+XG4gICAgICAgIHt0YWJzLm1hcChcbiAgICAgICAgICAoXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGlkOiB0YWJJZCxcbiAgICAgICAgICAgICAgbGFiZWwsXG4gICAgICAgICAgICAgIHN1YmxhYmVsLFxuICAgICAgICAgICAgICBpY29uLFxuICAgICAgICAgICAgICBhcyA9IFwiYnV0dG9uXCIsXG4gICAgICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgICAgICB0b29sdGlwQ29udGVudCxcbiAgICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGlcbiAgICAgICAgICApID0+IHtcbiAgICAgICAgICAgIC8vIFBhcnNlIGljb24gY29uZmlndXJhdGlvblxuICAgICAgICAgICAgbGV0IGljb25Db25maWc6IEljb25Qcm9wO1xuXG4gICAgICAgICAgICBpZiAoaWNvbikge1xuICAgICAgICAgICAgICBpZiAodHlwZW9mIGljb24gPT09IFwic3RyaW5nXCIpIHtcbiAgICAgICAgICAgICAgICBpY29uQ29uZmlnID0geyBuYW1lOiBpY29uLCBwb3NpdGlvbjogXCJsZWZ0XCIgfTtcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBpY29uQ29uZmlnID0gaWNvbjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBUYWIgPSAoXG4gICAgICAgICAgICAgIDxTdHlsZWRUYWJcbiAgICAgICAgICAgICAgICBpZD17dGFiSWQgfHwgYHRhYi0ke2l9YH1cbiAgICAgICAgICAgICAgICBhY3RpdmVUYWJDbGlja2FibGU9e2FjdGl2ZVRhYkNsaWNrYWJsZX1cbiAgICAgICAgICAgICAgICBoaWRlQm90dG9tQm9yZGVyPXtoaWRlQm90dG9tQm9yZGVyfVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICAgICAga2V5PXtsYWJlbH1cbiAgICAgICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRhYlNlbGVjdCAmJiBvblRhYlNlbGVjdChpKX1cbiAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICB0eXBlPXthcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IFwiYnV0dG9uXCJ9XG4gICAgICAgICAgICAgICAgcm9sZT1cInRhYlwiXG4gICAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17YWN0aXZlVGFiID09PSBpfVxuICAgICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2NoaWxkcmVuID8gdGFiUGFuZWxJZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpY29uQ29uZmlnICYmIGljb25Db25maWcucG9zaXRpb24gPT09IFwibGVmdFwiICYmIChcbiAgICAgICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbkNvbmZpZy5uYW1lfSAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge2xhYmVsfSB7YWRkU3VidGl0bGUoc3VibGFiZWwpfVxuICAgICAgICAgICAgICAgIHtpY29uQ29uZmlnICYmIGljb25Db25maWcucG9zaXRpb24gPT09IFwicmlnaHRcIiAmJiAoXG4gICAgICAgICAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25Db25maWcubmFtZX0gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1N0eWxlZFRhYj5cbiAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgIGlmIChkaXNhYmxlZCAmJiB0b29sdGlwQ29udGVudCkge1xuICAgICAgICAgICAgICByZXR1cm4gPFRvb2x0aXAgY29udGVudD17dG9vbHRpcENvbnRlbnR9PntUYWJ9PC9Ub29sdGlwPjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIFRhYjtcbiAgICAgICAgICB9XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgIDxkaXYgcm9sZT1cInRhYnBhbmVsXCIgaWQ9e3RhYlBhbmVsSWR9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgIDwvU3RhY2s+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENrQiJ9 */"),addSubtitle=text=>text?`(${text})`:"";export function Tabs({tabs,horizontalPadding,activeTab=0,children,onTabSelect,activeTabClickable,tabPanelId="tabPanel","aria-label":ariaLabel,"data-e2e-test-id":dataE2eTestId,hideBottomBorder,...ariaAttributes}){return React.createElement(Stack,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Tabs"},React.createElement(StyledContainer,{hideBottomBorder:hideBottomBorder,horizontalPadding:horizontalPadding,...ariaAttributes,role:"tablist","aria-label":ariaLabel},tabs.map(({id:tabId,label,sublabel,icon,as="button",disabled,tooltipContent,...rest},i)=>{let iconConfig;icon&&(iconConfig="string"==typeof icon?{name:icon,position:"left"}:icon);let Tab=React.createElement(StyledTab,{id:tabId||`tab-${i}`,activeTabClickable:activeTabClickable,hideBottomBorder:hideBottomBorder,disabled:disabled,as:as,key:label,active:activeTab===i,onClick:()=>onTabSelect&&onTabSelect(i),...rest,type:"button"!==as?void 0:"button",role:"tab","aria-selected":activeTab===i,"aria-controls":children?tabPanelId:void 0},iconConfig&&"left"===iconConfig.position&&React.createElement(Icon,{size:"s",name:iconConfig.name}),label," ",addSubtitle(sublabel),iconConfig&&"right"===iconConfig.position&&React.createElement(Icon,{size:"s",name:iconConfig.name}));return disabled&&tooltipContent?React.createElement(Tooltip,{content:tooltipContent},Tab):Tab})),children&&React.createElement("div",{role:"tabpanel",id:tabPanelId},children))}
|
|
1
|
+
import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import React,{useId,useRef}from"react";import{useResponsiveStyles}from"../../shared/mediaQueries";import{useKeyboard}from"../../shared/useKeyboard";import{Icon}from"../Icon/Icon";import{Stack}from"../Stack/Stack";import{Tooltip}from"../Tooltip/Tooltip";import{useTabFocus}from"./useTabFocus";import{getButtonAppearanceReset}from"../../shared/mixins/Button/getButtonAppearanceReset";let StyledContainer=styled("div",{shouldForwardProp:prop=>isPropValid(prop),target:"e2kj0g00",label:"StyledContainer"})(({theme,horizontalPadding,hideBottomBorder})=>({display:"flex",flexDirection:"row",...useResponsiveStyles({gap:[["m","l","l"],theme.variables.size.spacing],paddingInline:[horizontalPadding,theme.variables.size.spacing]}),...!hideBottomBorder&&{borderBottom:`1px solid ${theme.values.color.border.secondary.default}`},whiteSpace:"nowrap",overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none","::-webkit-scrollbar":{display:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlSWQsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBcIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3AsIFRhYiwgVGFic1Byb3BzIH0gZnJvbSBcIi4vLXR5cGVzXCI7XG5pbXBvcnQgeyB1c2VUYWJGb2N1cyB9IGZyb20gXCIuL3VzZVRhYkZvY3VzXCI7XG5pbXBvcnQgeyBnZXRCdXR0b25BcHBlYXJhbmNlUmVzZXQgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGlucy9CdXR0b24vZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0XCI7XG5cbmV4cG9ydCB0eXBlIHsgVGFic1Byb3BzIH07XG5cbmNvbnN0IFRBQl9JTkRFWF9BVFRSID0gXCJkYXRhLXRhYi1pbmRleFwiO1xuXG5jb25zdCBDT05UQUlORVJfQk9SREVSX1dJRFRIID0gMTtcbmNvbnN0IFRBQl9CT1JERVJfV0lEVEggPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApLFxufSk8UGljazxUYWJzUHJvcHMsIFwiaG9yaXpvbnRhbFBhZGRpbmdcIiB8IFwiaGlkZUJvdHRvbUJvcmRlclwiPj4oXG4gICh7IHRoZW1lLCBob3Jpem9udGFsUGFkZGluZywgaGlkZUJvdHRvbUJvcmRlciB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgLi4udXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICBnYXA6IFtbXCJtXCIsIFwibFwiLCBcImxcIl0sIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgcGFkZGluZ0lubGluZTogW2hvcml6b250YWxQYWRkaW5nLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICB9KSxcblxuICAgIC4uLighaGlkZUJvdHRvbUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IGAke0NPTlRBSU5FUl9CT1JERVJfV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gICAgfSksXG5cbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuXG4gICAgLy8gU2Nyb2xsYmFyXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHNjcm9sbGJhcldpZHRoOiBcIm5vbmVcIiwgLy8gRmlyZWZveFxuICAgIG1zT3ZlcmZsb3dTdHlsZTogXCJub25lXCIsIC8vIElFIDEwK1xuICAgIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIiwgLy8gQ2hyb21lXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZFRhYiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT5cbiAgICBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcImFjdGl2ZVwiICYmIHByb3AgIT09IFwiZGlzYWJsZWRcIixcbn0pPFxuICBQaWNrPFRhYnNQcm9wcywgXCJoaWRlQm90dG9tQm9yZGVyXCIgfCBcImFjdGl2ZVRhYkNsaWNrYWJsZVwiPiAmXG4gICAgUGljazxUYWIsIFwiZGlzYWJsZWRcIiB8IFwiYWN0aXZlXCI+XG4+KCh7IHRoZW1lLCBhY3RpdmUsIGRpc2FibGVkLCBoaWRlQm90dG9tQm9yZGVyLCBhY3RpdmVUYWJDbGlja2FibGUgfSkgPT4gKHtcbiAgLi4uZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0KCksXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuXG4gIGJvcmRlckJvdHRvbTogYCR7VEFCX0JPUkRFUl9XSURUSH1weCBzb2xpZCB0cmFuc3BhcmVudGAsXG4gIC8vIHNpbmNlIHdlIGhhdmUgYSBib3R0b20gYm9yZGVyIG9uIHRoZSBjb250YWluZXIsXG4gIC8vIHdlIG5lZWQgdG8gYWRkIHBhZGRpbmcgdG8gdGhlIHRvcCBvZiB0aGUgdGFiIHRvIG1haW50YWluIGNvbnNpc3RlbnQgaGVpZ2h0XG4gIHBhZGRpbmdUb3A6IGhpZGVCb3R0b21Cb3JkZXJcbiAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubVxuICAgIDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHtDT05UQUlORVJfQk9SREVSX1dJRFRIfXB4KWAsXG4gIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAtICR7VEFCX0JPUkRFUl9XSURUSH1weClgLFxuXG4gIC4uLihhY3RpdmUgJiZcbiAgICAhZGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHQsXG4gICAgfSksXG4gIC4uLighYWN0aXZlICYmXG4gICAgIWRpc2FibGVkICYmIHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSksXG4gIC4uLihhY3RpdmVUYWJDbGlja2FibGUgJiYge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIH0pLFxuICAuLi4oZGlzYWJsZWQgJiYge1xuICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAvLyBUT0RPOiBUaGUgZm9jdXMgb3V0bGluZSBpcyBjbGlwcGVkIGJ5IHRoZSBwYXJlbnQncyBgb3ZlcmZsb3c6IGF1dG9gIGluIHRoZSBzY3JvbGxhYmxlIHZhcmlhbnQuXG4gIC8vIEFkZGluZyBwYWRkaW5nL21hcmdpbiB0byBwcmV2ZW50IGNsaXBwaW5nIHdvdWxkIG5lZWQgYSBkZXNpZ24gcmV2aWV3LlxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgb3V0bGluZVdpZHRoOiAyLFxuICAgIG91dGxpbmVPZmZzZXQ6IC0xLFxuICB9LFxufSkpO1xuXG5jb25zdCBhZGRTdWJ0aXRsZSA9ICh0ZXh0OiBzdHJpbmcpID0+ICh0ZXh0ID8gYCgke3RleHR9KWAgOiBgYCk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzKHtcbiAgdGFicyxcbiAgaG9yaXpvbnRhbFBhZGRpbmcsXG4gIGFjdGl2ZVRhYiA9IDAsXG4gIGNoaWxkcmVuLFxuICBvblRhYlNlbGVjdCxcbiAgYWN0aXZlVGFiQ2xpY2thYmxlLFxuICB0YWJQYW5lbElkOiB0YWJQYW5lbElkUHJvcCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGhpZGVCb3R0b21Cb3JkZXIsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0YWJsaXN0UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaW5zdGFuY2VJZCA9IHVzZUlkKCk7XG4gIGNvbnN0IHRhYlBhbmVsSWQgPSB0YWJQYW5lbElkUHJvcCB8fCBgJHtpbnN0YW5jZUlkfS1wYW5lbGA7XG5cbiAgY29uc3QgeyBvbkJsdXIsIG9uVGFiRm9jdXMsIGdldFRhYkluZGV4LCBmb2N1c05leHRUYWIgfSA9IHVzZVRhYkZvY3VzKHtcbiAgICB0YWJzLFxuICAgIGFjdGl2ZVRhYixcbiAgICB0YWJsaXN0UmVmLFxuICAgIHRhYkF0dHJpYnV0ZTogVEFCX0lOREVYX0FUVFIsXG4gIH0pO1xuXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIEFycm93UmlnaHQ6ICgpID0+IGZvY3VzTmV4dFRhYigxKSxcbiAgICAgIEFycm93TGVmdDogKCkgPT4gZm9jdXNOZXh0VGFiKC0xKSxcbiAgICB9LFxuICAgIHRhYmxpc3RSZWYsXG4gICAgdHJ1ZVxuICApO1xuXG4gIGNvbnN0IGdldFRhYklkID0gKGluZGV4OiBudW1iZXIpID0+IGAke2luc3RhbmNlSWR9LXRhYi0ke2luZGV4fWA7XG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIlRhYnNcIj5cbiAgICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgICBoaWRlQm90dG9tQm9yZGVyPXtoaWRlQm90dG9tQm9yZGVyfVxuICAgICAgICBob3Jpem9udGFsUGFkZGluZz17aG9yaXpvbnRhbFBhZGRpbmd9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICByZWY9e3RhYmxpc3RSZWZ9XG4gICAgICAgIGFyaWEtb3JpZW50YXRpb249XCJob3Jpem9udGFsXCJcbiAgICAgICAgcm9sZT1cInRhYmxpc3RcIlxuICAgICAgPlxuICAgICAgICB7dGFicy5tYXAoXG4gICAgICAgICAgKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBsYWJlbCxcbiAgICAgICAgICAgICAgc3VibGFiZWwsXG4gICAgICAgICAgICAgIGljb24sXG4gICAgICAgICAgICAgIGFzID0gXCJidXR0b25cIixcbiAgICAgICAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICAgICAgIHRvb2x0aXBDb250ZW50LFxuICAgICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgaVxuICAgICAgICAgICkgPT4ge1xuICAgICAgICAgICAgLy8gUGFyc2UgaWNvbiBjb25maWd1cmF0aW9uXG4gICAgICAgICAgICBsZXQgaWNvbkNvbmZpZzogSWNvblByb3A7XG5cbiAgICAgICAgICAgIGlmIChpY29uKSB7XG4gICAgICAgICAgICAgIGlmICh0eXBlb2YgaWNvbiA9PT0gXCJzdHJpbmdcIikge1xuICAgICAgICAgICAgICAgIGljb25Db25maWcgPSB7IG5hbWU6IGljb24sIHBvc2l0aW9uOiBcImxlZnRcIiB9O1xuICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIGljb25Db25maWcgPSBpY29uO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IFRhYiA9IChcbiAgICAgICAgICAgICAgPFN0eWxlZFRhYlxuICAgICAgICAgICAgICAgIGlkPXtnZXRUYWJJZChpKX1cbiAgICAgICAgICAgICAgICBhY3RpdmVUYWJDbGlja2FibGU9e2FjdGl2ZVRhYkNsaWNrYWJsZX1cbiAgICAgICAgICAgICAgICBoaWRlQm90dG9tQm9yZGVyPXtoaWRlQm90dG9tQm9yZGVyfVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICAgICAga2V5PXtsYWJlbH1cbiAgICAgICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICBvbkZvY3VzPXsoZSkgPT4ge1xuICAgICAgICAgICAgICAgICAgb25UYWJGb2N1cyhpKTtcbiAgICAgICAgICAgICAgICAgIHJlc3Qub25Gb2N1cz8uKGUpO1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgIGlmIChkaXNhYmxlZCkgcmV0dXJuO1xuICAgICAgICAgICAgICAgICAgb25UYWJTZWxlY3Q/LihpKTtcbiAgICAgICAgICAgICAgICAgIHJlc3Qub25DbGljaz8uKGUpO1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9e2dldFRhYkluZGV4KGkpfVxuICAgICAgICAgICAgICAgIGRhdGEtdGFiLWluZGV4PXtpfVxuICAgICAgICAgICAgICAgIHR5cGU9e2FzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogXCJidXR0b25cIn1cbiAgICAgICAgICAgICAgICByb2xlPVwidGFiXCJcbiAgICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWQgfHwgdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2NoaWxkcmVuID8gdGFiUGFuZWxJZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpY29uQ29uZmlnICYmIGljb25Db25maWcucG9zaXRpb24gPT09IFwibGVmdFwiICYmIChcbiAgICAgICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbkNvbmZpZy5uYW1lfSAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge2xhYmVsfSB7YWRkU3VidGl0bGUoc3VibGFiZWwpfVxuICAgICAgICAgICAgICAgIHtpY29uQ29uZmlnICYmIGljb25Db25maWcucG9zaXRpb24gPT09IFwicmlnaHRcIiAmJiAoXG4gICAgICAgICAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25Db25maWcubmFtZX0gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1N0eWxlZFRhYj5cbiAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgIGlmIChkaXNhYmxlZCAmJiB0b29sdGlwQ29udGVudCkge1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGtleT17bGFiZWx9IGNvbnRlbnQ9e3Rvb2x0aXBDb250ZW50fT5cbiAgICAgICAgICAgICAgICAgIHtUYWJ9XG4gICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gVGFiO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAge2NoaWxkcmVuICYmIGFjdGl2ZVRhYiAhPSBudWxsICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJvbGU9XCJ0YWJwYW5lbFwiXG4gICAgICAgICAgaWQ9e3RhYlBhbmVsSWR9XG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtnZXRUYWJJZChhY3RpdmVUYWIpfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIn0= */"),StyledTab=styled("button",{shouldForwardProp:prop=>isPropValid(prop)&&"active"!==prop&&"disabled"!==prop,target:"e2kj0g01",label:"StyledTab"})(({theme,active,disabled,hideBottomBorder,activeTabClickable})=>({...getButtonAppearanceReset(),padding:0,display:"flex",gap:theme.variables.size.spacing.xxs,alignItems:"center",boxSizing:"border-box",color:theme.values.color.text.secondary.default,fontFamily:theme.variables.fontFamily.lato,fontWeight:theme.variables.weight.bold,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,borderBottom:"4px solid transparent",paddingTop:hideBottomBorder?theme.variables.size.spacing.m:`calc(${theme.variables.size.spacing.m} - 1px)`,paddingBottom:`calc(${theme.variables.size.spacing.m} - 4px)`,...active&&!disabled&&{color:theme.values.color.text.accent.default,borderBottomColor:theme.values.color.border.accent.default},...!active&&!disabled&&{cursor:"pointer","&:hover":{color:theme.values.color.text.primary.default,borderBottomColor:theme.values.color.border.secondary.default},"&:active":{color:theme.values.color.text.primary.default,borderBottomColor:theme.values.color.border.secondary.active}},...activeTabClickable&&{cursor:"pointer"},...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},"&:focus-visible":{outlineWidth:2,outlineOffset:-1}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlSWQsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBcIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3AsIFRhYiwgVGFic1Byb3BzIH0gZnJvbSBcIi4vLXR5cGVzXCI7XG5pbXBvcnQgeyB1c2VUYWJGb2N1cyB9IGZyb20gXCIuL3VzZVRhYkZvY3VzXCI7XG5pbXBvcnQgeyBnZXRCdXR0b25BcHBlYXJhbmNlUmVzZXQgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGlucy9CdXR0b24vZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0XCI7XG5cbmV4cG9ydCB0eXBlIHsgVGFic1Byb3BzIH07XG5cbmNvbnN0IFRBQl9JTkRFWF9BVFRSID0gXCJkYXRhLXRhYi1pbmRleFwiO1xuXG5jb25zdCBDT05UQUlORVJfQk9SREVSX1dJRFRIID0gMTtcbmNvbnN0IFRBQl9CT1JERVJfV0lEVEggPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApLFxufSk8UGljazxUYWJzUHJvcHMsIFwiaG9yaXpvbnRhbFBhZGRpbmdcIiB8IFwiaGlkZUJvdHRvbUJvcmRlclwiPj4oXG4gICh7IHRoZW1lLCBob3Jpem9udGFsUGFkZGluZywgaGlkZUJvdHRvbUJvcmRlciB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgLi4udXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICBnYXA6IFtbXCJtXCIsIFwibFwiLCBcImxcIl0sIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgcGFkZGluZ0lubGluZTogW2hvcml6b250YWxQYWRkaW5nLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICB9KSxcblxuICAgIC4uLighaGlkZUJvdHRvbUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IGAke0NPTlRBSU5FUl9CT1JERVJfV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gICAgfSksXG5cbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuXG4gICAgLy8gU2Nyb2xsYmFyXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHNjcm9sbGJhcldpZHRoOiBcIm5vbmVcIiwgLy8gRmlyZWZveFxuICAgIG1zT3ZlcmZsb3dTdHlsZTogXCJub25lXCIsIC8vIElFIDEwK1xuICAgIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIiwgLy8gQ2hyb21lXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZFRhYiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT5cbiAgICBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcImFjdGl2ZVwiICYmIHByb3AgIT09IFwiZGlzYWJsZWRcIixcbn0pPFxuICBQaWNrPFRhYnNQcm9wcywgXCJoaWRlQm90dG9tQm9yZGVyXCIgfCBcImFjdGl2ZVRhYkNsaWNrYWJsZVwiPiAmXG4gICAgUGljazxUYWIsIFwiZGlzYWJsZWRcIiB8IFwiYWN0aXZlXCI+XG4+KCh7IHRoZW1lLCBhY3RpdmUsIGRpc2FibGVkLCBoaWRlQm90dG9tQm9yZGVyLCBhY3RpdmVUYWJDbGlja2FibGUgfSkgPT4gKHtcbiAgLi4uZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0KCksXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuXG4gIGJvcmRlckJvdHRvbTogYCR7VEFCX0JPUkRFUl9XSURUSH1weCBzb2xpZCB0cmFuc3BhcmVudGAsXG4gIC8vIHNpbmNlIHdlIGhhdmUgYSBib3R0b20gYm9yZGVyIG9uIHRoZSBjb250YWluZXIsXG4gIC8vIHdlIG5lZWQgdG8gYWRkIHBhZGRpbmcgdG8gdGhlIHRvcCBvZiB0aGUgdGFiIHRvIG1haW50YWluIGNvbnNpc3RlbnQgaGVpZ2h0XG4gIHBhZGRpbmdUb3A6IGhpZGVCb3R0b21Cb3JkZXJcbiAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubVxuICAgIDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHtDT05UQUlORVJfQk9SREVSX1dJRFRIfXB4KWAsXG4gIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAtICR7VEFCX0JPUkRFUl9XSURUSH1weClgLFxuXG4gIC4uLihhY3RpdmUgJiZcbiAgICAhZGlzYWJsZWQgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHQsXG4gICAgfSksXG4gIC4uLighYWN0aXZlICYmXG4gICAgIWRpc2FibGVkICYmIHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSksXG4gIC4uLihhY3RpdmVUYWJDbGlja2FibGUgJiYge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIH0pLFxuICAuLi4oZGlzYWJsZWQgJiYge1xuICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAvLyBUT0RPOiBUaGUgZm9jdXMgb3V0bGluZSBpcyBjbGlwcGVkIGJ5IHRoZSBwYXJlbnQncyBgb3ZlcmZsb3c6IGF1dG9gIGluIHRoZSBzY3JvbGxhYmxlIHZhcmlhbnQuXG4gIC8vIEFkZGluZyBwYWRkaW5nL21hcmdpbiB0byBwcmV2ZW50IGNsaXBwaW5nIHdvdWxkIG5lZWQgYSBkZXNpZ24gcmV2aWV3LlxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgb3V0bGluZVdpZHRoOiAyLFxuICAgIG91dGxpbmVPZmZzZXQ6IC0xLFxuICB9LFxufSkpO1xuXG5jb25zdCBhZGRTdWJ0aXRsZSA9ICh0ZXh0OiBzdHJpbmcpID0+ICh0ZXh0ID8gYCgke3RleHR9KWAgOiBgYCk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzKHtcbiAgdGFicyxcbiAgaG9yaXpvbnRhbFBhZGRpbmcsXG4gIGFjdGl2ZVRhYiA9IDAsXG4gIGNoaWxkcmVuLFxuICBvblRhYlNlbGVjdCxcbiAgYWN0aXZlVGFiQ2xpY2thYmxlLFxuICB0YWJQYW5lbElkOiB0YWJQYW5lbElkUHJvcCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGhpZGVCb3R0b21Cb3JkZXIsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0YWJsaXN0UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaW5zdGFuY2VJZCA9IHVzZUlkKCk7XG4gIGNvbnN0IHRhYlBhbmVsSWQgPSB0YWJQYW5lbElkUHJvcCB8fCBgJHtpbnN0YW5jZUlkfS1wYW5lbGA7XG5cbiAgY29uc3QgeyBvbkJsdXIsIG9uVGFiRm9jdXMsIGdldFRhYkluZGV4LCBmb2N1c05leHRUYWIgfSA9IHVzZVRhYkZvY3VzKHtcbiAgICB0YWJzLFxuICAgIGFjdGl2ZVRhYixcbiAgICB0YWJsaXN0UmVmLFxuICAgIHRhYkF0dHJpYnV0ZTogVEFCX0lOREVYX0FUVFIsXG4gIH0pO1xuXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIEFycm93UmlnaHQ6ICgpID0+IGZvY3VzTmV4dFRhYigxKSxcbiAgICAgIEFycm93TGVmdDogKCkgPT4gZm9jdXNOZXh0VGFiKC0xKSxcbiAgICB9LFxuICAgIHRhYmxpc3RSZWYsXG4gICAgdHJ1ZVxuICApO1xuXG4gIGNvbnN0IGdldFRhYklkID0gKGluZGV4OiBudW1iZXIpID0+IGAke2luc3RhbmNlSWR9LXRhYi0ke2luZGV4fWA7XG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIlRhYnNcIj5cbiAgICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgICBoaWRlQm90dG9tQm9yZGVyPXtoaWRlQm90dG9tQm9yZGVyfVxuICAgICAgICBob3Jpem9udGFsUGFkZGluZz17aG9yaXpvbnRhbFBhZGRpbmd9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICByZWY9e3RhYmxpc3RSZWZ9XG4gICAgICAgIGFyaWEtb3JpZW50YXRpb249XCJob3Jpem9udGFsXCJcbiAgICAgICAgcm9sZT1cInRhYmxpc3RcIlxuICAgICAgPlxuICAgICAgICB7dGFicy5tYXAoXG4gICAgICAgICAgKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBsYWJlbCxcbiAgICAgICAgICAgICAgc3VibGFiZWwsXG4gICAgICAgICAgICAgIGljb24sXG4gICAgICAgICAgICAgIGFzID0gXCJidXR0b25cIixcbiAgICAgICAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICAgICAgIHRvb2x0aXBDb250ZW50LFxuICAgICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgaVxuICAgICAgICAgICkgPT4ge1xuICAgICAgICAgICAgLy8gUGFyc2UgaWNvbiBjb25maWd1cmF0aW9uXG4gICAgICAgICAgICBsZXQgaWNvbkNvbmZpZzogSWNvblByb3A7XG5cbiAgICAgICAgICAgIGlmIChpY29uKSB7XG4gICAgICAgICAgICAgIGlmICh0eXBlb2YgaWNvbiA9PT0gXCJzdHJpbmdcIikge1xuICAgICAgICAgICAgICAgIGljb25Db25maWcgPSB7IG5hbWU6IGljb24sIHBvc2l0aW9uOiBcImxlZnRcIiB9O1xuICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIGljb25Db25maWcgPSBpY29uO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IFRhYiA9IChcbiAgICAgICAgICAgICAgPFN0eWxlZFRhYlxuICAgICAgICAgICAgICAgIGlkPXtnZXRUYWJJZChpKX1cbiAgICAgICAgICAgICAgICBhY3RpdmVUYWJDbGlja2FibGU9e2FjdGl2ZVRhYkNsaWNrYWJsZX1cbiAgICAgICAgICAgICAgICBoaWRlQm90dG9tQm9yZGVyPXtoaWRlQm90dG9tQm9yZGVyfVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICAgICAga2V5PXtsYWJlbH1cbiAgICAgICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICBvbkZvY3VzPXsoZSkgPT4ge1xuICAgICAgICAgICAgICAgICAgb25UYWJGb2N1cyhpKTtcbiAgICAgICAgICAgICAgICAgIHJlc3Qub25Gb2N1cz8uKGUpO1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgIGlmIChkaXNhYmxlZCkgcmV0dXJuO1xuICAgICAgICAgICAgICAgICAgb25UYWJTZWxlY3Q/LihpKTtcbiAgICAgICAgICAgICAgICAgIHJlc3Qub25DbGljaz8uKGUpO1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9e2dldFRhYkluZGV4KGkpfVxuICAgICAgICAgICAgICAgIGRhdGEtdGFiLWluZGV4PXtpfVxuICAgICAgICAgICAgICAgIHR5cGU9e2FzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogXCJidXR0b25cIn1cbiAgICAgICAgICAgICAgICByb2xlPVwidGFiXCJcbiAgICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWQgfHwgdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2NoaWxkcmVuID8gdGFiUGFuZWxJZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpY29uQ29uZmlnICYmIGljb25Db25maWcucG9zaXRpb24gPT09IFwibGVmdFwiICYmIChcbiAgICAgICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbkNvbmZpZy5uYW1lfSAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge2xhYmVsfSB7YWRkU3VidGl0bGUoc3VibGFiZWwpfVxuICAgICAgICAgICAgICAgIHtpY29uQ29uZmlnICYmIGljb25Db25maWcucG9zaXRpb24gPT09IFwicmlnaHRcIiAmJiAoXG4gICAgICAgICAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25Db25maWcubmFtZX0gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1N0eWxlZFRhYj5cbiAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgIGlmIChkaXNhYmxlZCAmJiB0b29sdGlwQ29udGVudCkge1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGtleT17bGFiZWx9IGNvbnRlbnQ9e3Rvb2x0aXBDb250ZW50fT5cbiAgICAgICAgICAgICAgICAgIHtUYWJ9XG4gICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gVGFiO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAge2NoaWxkcmVuICYmIGFjdGl2ZVRhYiAhPSBudWxsICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJvbGU9XCJ0YWJwYW5lbFwiXG4gICAgICAgICAgaWQ9e3RhYlBhbmVsSWR9XG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtnZXRUYWJJZChhY3RpdmVUYWIpfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGtCIn0= */"),addSubtitle=text=>text?`(${text})`:"";export function Tabs({tabs,horizontalPadding,activeTab=0,children,onTabSelect,activeTabClickable,tabPanelId:tabPanelIdProp,"data-e2e-test-id":dataE2eTestId,hideBottomBorder,...ariaAttributes}){let tablistRef=useRef(null),instanceId=useId(),tabPanelId=tabPanelIdProp||`${instanceId}-panel`,{onBlur,onTabFocus,getTabIndex,focusNextTab}=useTabFocus({tabs,activeTab,tablistRef,tabAttribute:"data-tab-index"});useKeyboard({ArrowRight:()=>focusNextTab(1),ArrowLeft:()=>focusNextTab(-1)},tablistRef,!0);let getTabId=index=>`${instanceId}-tab-${index}`;return React.createElement(Stack,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Tabs"},React.createElement(StyledContainer,{...ariaAttributes,hideBottomBorder:hideBottomBorder,horizontalPadding:horizontalPadding,onBlur:onBlur,ref:tablistRef,"aria-orientation":"horizontal",role:"tablist"},tabs.map(({label,sublabel,icon,as="button",disabled,tooltipContent,...rest},i)=>{let iconConfig;icon&&(iconConfig="string"==typeof icon?{name:icon,position:"left"}:icon);let Tab=React.createElement(StyledTab,{id:getTabId(i),activeTabClickable:activeTabClickable,hideBottomBorder:hideBottomBorder,disabled:disabled,as:as,key:label,active:activeTab===i,...rest,onFocus:e=>{onTabFocus(i),rest.onFocus?.(e)},onClick:e=>{disabled||(onTabSelect?.(i),rest.onClick?.(e))},tabIndex:getTabIndex(i),"data-tab-index":i,type:"button"!==as?void 0:"button",role:"tab","aria-selected":activeTab===i,"aria-disabled":disabled||void 0,"aria-controls":children?tabPanelId:void 0},iconConfig&&"left"===iconConfig.position&&React.createElement(Icon,{size:"s",name:iconConfig.name}),label," ",addSubtitle(sublabel),iconConfig&&"right"===iconConfig.position&&React.createElement(Icon,{size:"s",name:iconConfig.name}));return disabled&&tooltipContent?React.createElement(Tooltip,{key:label,content:tooltipContent},Tab):Tab})),children&&null!=activeTab&&React.createElement("div",{role:"tabpanel",id:tabPanelId,"aria-labelledby":getTabId(activeTab)},children))}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { RefObject } from "react";
|
|
2
|
+
import type { TabsProps } from "./-types";
|
|
3
|
+
type UseTabFocusOptions = Pick<TabsProps, "tabs" | "activeTab"> & {
|
|
4
|
+
tablistRef: RefObject<HTMLElement>;
|
|
5
|
+
tabAttribute: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const useTabFocus: ({ tabs, activeTab, tablistRef, tabAttribute, }: UseTabFocusOptions) => {
|
|
8
|
+
onBlur: (e: React.FocusEvent) => void;
|
|
9
|
+
onTabFocus: (index: number) => void;
|
|
10
|
+
getTabIndex: (index: number) => 0 | -1;
|
|
11
|
+
focusNextTab: (direction: 1 | -1) => void;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useState}from"react";let findNextTab=(tabs,from,direction)=>{let tabsLen=tabs.length,start=from;return from<0&&(start=1===direction?-1:tabsLen),(start+direction+tabsLen)%tabsLen};export const useTabFocus=({tabs,activeTab,tablistRef,tabAttribute})=>{let[focusedIndex,setFocusedIndex]=useState(null),focusTab=index=>{tablistRef.current?.querySelector(`[${tabAttribute}="${index}"]`)?.focus()},currentIndex=focusedIndex??activeTab??-1,focusableIndex=focusedIndex??(null!=activeTab?activeTab:0);return{onBlur:e=>{tablistRef.current?.contains(e.relatedTarget)||setFocusedIndex(null)},onTabFocus:index=>setFocusedIndex(index),getTabIndex:index=>index===focusableIndex?0:-1,focusNextTab:direction=>{focusTab(findNextTab(tabs,currentIndex,direction))}}};
|