@amboss/design-system 3.7.10 → 3.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/MediaViewerCarousel/CarouselThumbnail/CarouselThumbnail.d.ts +13 -0
- package/build/cjs/components/MediaViewerCarousel/CarouselThumbnail/CarouselThumbnail.js +1 -0
- package/build/cjs/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.d.ts +25 -0
- package/build/cjs/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.js +1 -0
- package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.d.ts +18 -0
- package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.js +1 -0
- package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.mocks.d.ts +2 -0
- package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.mocks.js +1 -0
- package/build/cjs/components/MediaViewerCarousel/useIsScrollable.d.ts +2 -0
- package/build/cjs/components/MediaViewerCarousel/useIsScrollable.js +1 -0
- package/build/cjs/web-tokens/_sizes.json +1 -1
- package/build/esm/components/MediaViewerCarousel/CarouselThumbnail/CarouselThumbnail.d.ts +13 -0
- package/build/esm/components/MediaViewerCarousel/CarouselThumbnail/CarouselThumbnail.js +1 -0
- package/build/esm/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.d.ts +25 -0
- package/build/esm/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.js +1 -0
- package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.d.ts +18 -0
- package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.js +1 -0
- package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.mocks.d.ts +2 -0
- package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.mocks.js +1 -0
- package/build/esm/components/MediaViewerCarousel/useIsScrollable.d.ts +2 -0
- package/build/esm/components/MediaViewerCarousel/useIsScrollable.js +1 -0
- package/build/esm/web-tokens/_sizes.json +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { IconProps } from "../../Icon/Icon";
|
|
3
|
+
export type CarouselThumbnailProps = {
|
|
4
|
+
assetIndex: number;
|
|
5
|
+
bottomLeftIconName?: IconProps["name"];
|
|
6
|
+
isActive: boolean;
|
|
7
|
+
onClickThumbnail: (index: number, ev?: React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
8
|
+
shouldUseLightTheme: boolean;
|
|
9
|
+
src: string;
|
|
10
|
+
title: string;
|
|
11
|
+
topLeftIconName?: IconProps["name"];
|
|
12
|
+
};
|
|
13
|
+
export declare const CarouselThumbnail: React.ForwardRefExoticComponent<CarouselThumbnailProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CarouselThumbnail",{enumerable:!0,get:function(){return CarouselThumbnail}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../../Icon/Icon"),_MediaItem=require("../../MediaItem/MediaItem"),StyledThumbnail=(0,_styled.default)("div",{target:"erijvet0",label:"StyledThumbnail"})(({theme,isActive,shouldUseLightTheme})=>({margin:theme.variables.size.spacing.xxs,height:"80px",borderRadius:theme.variables.size.borderRadius.s,outlineOffset:"1px",position:"relative",outline:"2px solid transparent",transition:"all 0.3s ease",...isActive&&!shouldUseLightTheme&&{outline:`2px solid ${theme.values.color.background.onAccent.default}`,transition:"all 0.3s ease"},...isActive&&shouldUseLightTheme&&{outline:`2px solid ${theme.values.color.border.primary.active}`,transition:"all 0.3s ease"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL01lZGlhVmlld2VyQ2Fyb3VzZWwvQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3BzIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IE1lZGlhSXRlbSB9IGZyb20gXCIuLi8uLi9NZWRpYUl0ZW0vTWVkaWFJdGVtXCI7XG5cbmV4cG9ydCB0eXBlIENhcm91c2VsVGh1bWJuYWlsUHJvcHMgPSB7XG4gIGFzc2V0SW5kZXg6IG51bWJlcjtcbiAgYm90dG9tTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChcbiAgICBpbmRleDogbnVtYmVyLFxuICAgIGV2PzogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRodW1ibmFpbCA9IHN0eWxlZC5kaXY8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbn0+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgc2hvdWxkVXNlTGlnaHRUaGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IFwiODBweFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxuICBvdXRsaW5lT2Zmc2V0OiBcIjFweFwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBvdXRsaW5lOiBcIjJweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgLi4uKGlzQWN0aXZlICYmXG4gICAgIXNob3VsZFVzZUxpZ2h0VGhlbWUgJiYge1xuICAgICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIHRyYW5zaXRpb246IFwiYWxsIDAuM3MgZWFzZVwiLFxuICAgIH0pLFxuICAuLi4oaXNBY3RpdmUgJiZcbiAgICBzaG91bGRVc2VMaWdodFRoZW1lICYmIHtcbiAgICAgIG91dGxpbmU6IGAycHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlfWAsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgbGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IubWVkaWFJdGVtLmNhdGVnb3J5SWNvbi5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHpJbmRleDogNixcbn0pKTtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVGh1bWJuYWlsID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGFzc2V0SW5kZXgsXG4gICAgICBib3R0b21MZWZ0SWNvbk5hbWUsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIG9uQ2xpY2tUaHVtYm5haWwsXG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lLFxuICAgICAgc3JjLFxuICAgICAgdGl0bGUsXG4gICAgICB0b3BMZWZ0SWNvbk5hbWUsXG4gICAgfTogQ2Fyb3VzZWxUaHVtYm5haWxQcm9wcyxcbiAgICByZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgICAgb25DbGlja1RodW1ibmFpbChhc3NldEluZGV4KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldjogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChldi5rZXkuc3RhcnRzV2l0aChcIkFycm93XCIpIHx8IGV2LmtleSA9PT0gXCJUYWJcIikgcmV0dXJuO1xuXG4gICAgICBvbkNsaWNrVGh1bWJuYWlsKGFzc2V0SW5kZXgsIGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaHVtYm5haWxcbiAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgc2hvdWxkVXNlTGlnaHRUaGVtZT17c2hvdWxkVXNlTGlnaHRUaGVtZX1cbiAgICAgICAgYXJpYS1sYWJlbD17YCR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RvcExlZnRJY29uTmFtZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZEljb25Db250YWluZXIgZGF0YS10ZXN0aWQ9XCJ0b3AtbGVmdC1pY29uXCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXt0b3BMZWZ0SWNvbk5hbWV9IHNpemU9XCJzXCIgY29sb3I9XCJpbmhlcml0XCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICl9XG4gICAgICAgIDxNZWRpYUl0ZW1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICB0aXRsZT17dGl0bGUgPz8gXCJhc3NldFwifVxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgc3F1YXJlQnlXaWR0aFxuICAgICAgICAgIGNhdGVnb3J5SWNvbj17KGJvdHRvbUxlZnRJY29uTmFtZSBhcyBJY29uUHJvcHNbXCJuYW1lXCJdKSA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgY2F0ZWdvcnlQbGFjZW1lbnQ9XCJpbnNpZGVcIlxuICAgICAgICAgIHNob3dUaXRsZT17ZmFsc2V9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRUaHVtYm5haWw+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQndCIn0= */"),StyledIconContainer=(0,_styled.default)("div",{target:"erijvet1",label:"StyledIconContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.xxs,left:theme.variables.size.spacing.xxs,overflow:"hidden",alignItems:"center",justifyContent:"center",backgroundColor:theme.values.color.mediaItem.categoryIcon.background.default,borderRadius:theme.variables.size.borderRadius.xs,padding:theme.variables.size.spacing.xxs,color:theme.values.color.text.onAccent.default,boxShadow:theme.values.elevation[1],display:"flex",zIndex:6}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL01lZGlhVmlld2VyQ2Fyb3VzZWwvQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3BzIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IE1lZGlhSXRlbSB9IGZyb20gXCIuLi8uLi9NZWRpYUl0ZW0vTWVkaWFJdGVtXCI7XG5cbmV4cG9ydCB0eXBlIENhcm91c2VsVGh1bWJuYWlsUHJvcHMgPSB7XG4gIGFzc2V0SW5kZXg6IG51bWJlcjtcbiAgYm90dG9tTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChcbiAgICBpbmRleDogbnVtYmVyLFxuICAgIGV2PzogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRodW1ibmFpbCA9IHN0eWxlZC5kaXY8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbn0+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgc2hvdWxkVXNlTGlnaHRUaGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IFwiODBweFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxuICBvdXRsaW5lT2Zmc2V0OiBcIjFweFwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBvdXRsaW5lOiBcIjJweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgLi4uKGlzQWN0aXZlICYmXG4gICAgIXNob3VsZFVzZUxpZ2h0VGhlbWUgJiYge1xuICAgICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIHRyYW5zaXRpb246IFwiYWxsIDAuM3MgZWFzZVwiLFxuICAgIH0pLFxuICAuLi4oaXNBY3RpdmUgJiZcbiAgICBzaG91bGRVc2VMaWdodFRoZW1lICYmIHtcbiAgICAgIG91dGxpbmU6IGAycHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlfWAsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgbGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IubWVkaWFJdGVtLmNhdGVnb3J5SWNvbi5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHpJbmRleDogNixcbn0pKTtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVGh1bWJuYWlsID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGFzc2V0SW5kZXgsXG4gICAgICBib3R0b21MZWZ0SWNvbk5hbWUsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIG9uQ2xpY2tUaHVtYm5haWwsXG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lLFxuICAgICAgc3JjLFxuICAgICAgdGl0bGUsXG4gICAgICB0b3BMZWZ0SWNvbk5hbWUsXG4gICAgfTogQ2Fyb3VzZWxUaHVtYm5haWxQcm9wcyxcbiAgICByZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgICAgb25DbGlja1RodW1ibmFpbChhc3NldEluZGV4KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldjogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChldi5rZXkuc3RhcnRzV2l0aChcIkFycm93XCIpIHx8IGV2LmtleSA9PT0gXCJUYWJcIikgcmV0dXJuO1xuXG4gICAgICBvbkNsaWNrVGh1bWJuYWlsKGFzc2V0SW5kZXgsIGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaHVtYm5haWxcbiAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgc2hvdWxkVXNlTGlnaHRUaGVtZT17c2hvdWxkVXNlTGlnaHRUaGVtZX1cbiAgICAgICAgYXJpYS1sYWJlbD17YCR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RvcExlZnRJY29uTmFtZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZEljb25Db250YWluZXIgZGF0YS10ZXN0aWQ9XCJ0b3AtbGVmdC1pY29uXCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXt0b3BMZWZ0SWNvbk5hbWV9IHNpemU9XCJzXCIgY29sb3I9XCJpbmhlcml0XCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICl9XG4gICAgICAgIDxNZWRpYUl0ZW1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICB0aXRsZT17dGl0bGUgPz8gXCJhc3NldFwifVxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgc3F1YXJlQnlXaWR0aFxuICAgICAgICAgIGNhdGVnb3J5SWNvbj17KGJvdHRvbUxlZnRJY29uTmFtZSBhcyBJY29uUHJvcHNbXCJuYW1lXCJdKSA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgY2F0ZWdvcnlQbGFjZW1lbnQ9XCJpbnNpZGVcIlxuICAgICAgICAgIHNob3dUaXRsZT17ZmFsc2V9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRUaHVtYm5haWw+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzRCIn0= */"),CarouselThumbnail=(0,_react.forwardRef)(({assetIndex,bottomLeftIconName,isActive,onClickThumbnail,shouldUseLightTheme,src,title,topLeftIconName},ref)=>_react.default.createElement(StyledThumbnail,{isActive:isActive,role:"presentation",shouldUseLightTheme:shouldUseLightTheme,"aria-label":`${title}`},topLeftIconName&&_react.default.createElement(StyledIconContainer,{"data-testid":"top-left-icon"},_react.default.createElement(_Icon.Icon,{name:topLeftIconName,size:"s",color:"inherit"})),_react.default.createElement(_MediaItem.MediaItem,{src:src,title:title??"asset",size:"xs",squareByWidth:!0,categoryIcon:bottomLeftIconName??void 0,categoryPlacement:"inside",showTitle:!1,onClick:()=>{onClickThumbnail(assetIndex)},onKeyDown:ev=>{ev.key.startsWith("Arrow")||"Tab"===ev.key||onClickThumbnail(assetIndex,ev)},ref:ref})));
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type IconProps } from "../../Icon/Icon";
|
|
3
|
+
type MediaAsset = {
|
|
4
|
+
bottomLeftIconName?: IconProps["name"];
|
|
5
|
+
src: string;
|
|
6
|
+
title: string;
|
|
7
|
+
topLeftIconName?: IconProps["name"];
|
|
8
|
+
xid: string;
|
|
9
|
+
};
|
|
10
|
+
export type MediaCarouselProps = {
|
|
11
|
+
activeItemRef?: React.MutableRefObject<HTMLButtonElement | null>;
|
|
12
|
+
currentIndex: number;
|
|
13
|
+
mediaAssets: MediaAsset[];
|
|
14
|
+
nextBtnAriaLabel: string;
|
|
15
|
+
onClickNext: VoidFunction;
|
|
16
|
+
onClickPrevious: VoidFunction;
|
|
17
|
+
onClickThumbnail: (newIndex: number) => void;
|
|
18
|
+
prevBtnAriaLabel: string;
|
|
19
|
+
setIsReady: React.Dispatch<React.SetStateAction<boolean>>;
|
|
20
|
+
shouldHideArrowButtons?: boolean;
|
|
21
|
+
shouldUseLightTheme: boolean;
|
|
22
|
+
skipArrowKeysListener: boolean;
|
|
23
|
+
};
|
|
24
|
+
export declare const MediaCarousel: ({ activeItemRef, currentIndex, mediaAssets, nextBtnAriaLabel, onClickNext, onClickPrevious, onClickThumbnail, prevBtnAriaLabel, setIsReady, shouldHideArrowButtons, shouldUseLightTheme, skipArrowKeysListener, }: MediaCarouselProps) => React.ReactNode;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaCarousel",{enumerable:!0,get:function(){return MediaCarousel}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Button=require("../../Button/Button"),_Icon=require("../../Icon/Icon"),_useIsScrollable=require("../useIsScrollable"),_CarouselThumbnail=require("../CarouselThumbnail/CarouselThumbnail"),StyledWrapper=(0,_styled.default)("div",{target:"e1suv5or0",label:"StyledWrapper"})(({isScrollable,showNavButtons,theme})=>({overflow:"hidden",width:"100%",...isScrollable&&{display:"flex"},"button:focus-visible":{border:"2px solid royalblue",borderRadius:theme.variables.size.borderRadius.s,outline:"none !important"},...!showNavButtons&&{padding:"0 8px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFzQiJ9 */"),StyledOuterContainer=(0,_styled.default)("div",{target:"e1suv5or1",label:"StyledOuterContainer"})(({theme})=>({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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNkIifQ== */"),StyledInnerContainer=(0,_styled.default)("div",{target:"e1suv5or2",label:"StyledInnerContainer"})({display:"flex",flexWrap:"nowrap",maxWidth:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlENkIifQ== */"),MediaCarousel=({activeItemRef,currentIndex,mediaAssets,nextBtnAriaLabel,onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel,setIsReady,shouldHideArrowButtons,shouldUseLightTheme,skipArrowKeysListener})=>{let thumbnailCount=mediaAssets.length,scrollContainerRef=(0,_react.useRef)(null),innerContainerRef=(0,_react.useRef)(null),isScrollable=(0,_useIsScrollable.useIsScrollable)(scrollContainerRef,innerContainerRef),currentIndexRef=(0,_react.useRef)(currentIndex),showNavButtons=isScrollable&&!shouldHideArrowButtons;(0,_react.useEffect)(()=>{currentIndexRef.current=currentIndex},[currentIndex]),(0,_react.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(0,_react.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.default.createElement(StyledWrapper,{isScrollable:isScrollable,showNavButtons:showNavButtons},showNavButtons&&_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickPrevious,disabled:0===currentIndex,size:"s","aria-label":prevBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-left",color:"secondary"})),_react.default.createElement(StyledOuterContainer,{ref:scrollContainerRef,"aria-label":"thumbnails scrollable container"},_react.default.createElement(StyledInnerContainer,{ref:innerContainerRef},mediaAssets.map(({src,title,bottomLeftIconName,topLeftIconName,xid},idx)=>_react.default.createElement(_CarouselThumbnail.CarouselThumbnail,{key:`carousel-item-${xid}`,assetIndex:idx,isActive:idx===currentIndex,ref:idx===currentIndex?activeItemRef:null,shouldUseLightTheme:shouldUseLightTheme,src:src,title:title,topLeftIconName:topLeftIconName,bottomLeftIconName:bottomLeftIconName,onClickThumbnail:onClickThumbnail})))),showNavButtons&&_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickNext,disabled:currentIndex===thumbnailCount-1,size:"s","aria-label":nextBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-right",color:"secondary"})))};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type MediaCarouselProps } from "./MediaCarousel/MediaCarousel";
|
|
3
|
+
export type MediaViewerCarouselProps = {
|
|
4
|
+
currentIndex: number;
|
|
5
|
+
dataE2eTestId?: string;
|
|
6
|
+
isExpanded: boolean;
|
|
7
|
+
mediaAssets: MediaCarouselProps["mediaAssets"];
|
|
8
|
+
nextBtnAriaLabel?: string;
|
|
9
|
+
onClickNext: VoidFunction;
|
|
10
|
+
onClickPrevious: VoidFunction;
|
|
11
|
+
onClickThumbnail: (newVal: number) => void;
|
|
12
|
+
prevBtnAriaLabel?: string;
|
|
13
|
+
shouldUseLightTheme: boolean;
|
|
14
|
+
skipArrowKeysListener?: boolean;
|
|
15
|
+
toggleExpanded: VoidFunction;
|
|
16
|
+
toggleBtnAriaLabel?: string;
|
|
17
|
+
};
|
|
18
|
+
export declare function MediaViewerCarousel({ currentIndex, dataE2eTestId, isExpanded, mediaAssets, nextBtnAriaLabel, onClickNext, onClickPrevious, onClickThumbnail, prevBtnAriaLabel, shouldUseLightTheme, skipArrowKeysListener, toggleExpanded, toggleBtnAriaLabel, }: MediaViewerCarouselProps): React.ReactNode;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaViewerCarousel",{enumerable:!0,get:function(){return MediaViewerCarousel}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_MediaCarousel=require("./MediaCarousel/MediaCarousel"),_breakpointsjson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/_breakpoints.json")),StyledBottomBar=(0,_styled.default)("div",{target:"e1cziuz30",label:"StyledBottomBar"})(({isExpanded,shouldUseLightTheme,theme})=>({alignItems:"center",backgroundColor:shouldUseLightTheme?theme.values.color.background.onAccent.disabled:theme.values.color.background.backdrop.default,bottom:theme.variables.size.spacing.zero,boxShadow:theme.values.elevation[2],borderTop:`1px solid ${theme.values.color.border.secondary.default}`,display:"flex",flexDirection:"column",height:124,justifyContent:"flex-start",left:theme.variables.size.spacing.zero,paddingTop:theme.variables.size.spacing.m,position:"absolute",right:theme.variables.size.spacing.zero,transform:isExpanded?"translateY(0)":"translateY(108px)",transition:"transform 0.3s ease-in-out",zIndex:6,[`@media (min-width: ${_breakpointsjson.default.medium.value}px)`]:{justifyContent:"center"},[`@media (max-width: ${_breakpointsjson.default.medium.value}px)`]:{height:140,paddingTop:theme.variables.size.spacing.xl,transform:isExpanded?"translateY(0)":"translateY(108px)",zIndex:5}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J3QiJ9 */"),StyledToggleButtonContainer=(0,_styled.default)("div",{target:"e1cziuz31",label:"StyledToggleButtonContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.zero,[`@media (max-width: ${_breakpointsjson.default.medium.value}px)`]:{left:"calc(50% - 75px)",width:"150px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQyJ9 */"),StyledToggleButton=(0,_styled.default)("button",{target:"e1cziuz32",label:"StyledToggleButton"})(({theme})=>({alignItems:"center",backgroundColor:theme.values.color.icon.quaternary.default,border:"none",borderRadius:`${theme.variables.size.borderRadius.none} ${theme.variables.size.borderRadius.none} ${theme.variables.size.borderRadius.xs} ${theme.variables.size.borderRadius.xs}`,cursor:"pointer",display:"flex",height:16,[`@media (max-width: ${_breakpointsjson.default.medium.value}px)`]:{height:32,justifyContent:"center",width:"100%"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0UyQiJ9 */");function MediaViewerCarousel({currentIndex,dataE2eTestId,isExpanded,mediaAssets,nextBtnAriaLabel="Click to go to the next image",onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel="Click to go to the previous image",shouldUseLightTheme,skipArrowKeysListener=!1,toggleExpanded,toggleBtnAriaLabel="Click to expand or collapse the carousel"}){let activeItemRef=(0,_react.useRef)(null),[isReady,setIsReady]=(0,_react.useState)(!1),[isMobile,setIsMobile]=(0,_react.useState)(!!window&&window.innerWidth<=_breakpointsjson.default.medium.value);return(0,_react.useEffect)(()=>{let handleResize=()=>{window&&setIsMobile(prevVal=>{let newVal=window.innerWidth<=_breakpointsjson.default.medium.value;return newVal!==prevVal?newVal:prevVal})};return window.addEventListener("resize",handleResize),()=>{window.removeEventListener("resize",handleResize)}},[]),(0,_react.useEffect)(()=>{if(!(isExpanded&&isReady))return;let timeout=setTimeout(()=>{activeItemRef.current?.focus()},350);return()=>{clearTimeout(timeout)}},[isExpanded,isReady]),(0,_react.useEffect)(()=>{isExpanded&&isReady&&activeItemRef.current?.focus()},[currentIndex]),_react.default.createElement(StyledBottomBar,{"data-e2e-test-id":dataE2eTestId,isExpanded:isExpanded,shouldUseLightTheme:shouldUseLightTheme},_react.default.createElement(StyledToggleButtonContainer,null,_react.default.createElement(StyledToggleButton,{onClick:toggleExpanded,"aria-label":toggleBtnAriaLabel},_react.default.createElement(_Box.Box,{space:"l",vSpace:"zero"},_react.default.createElement(_Icon.Icon,{name:isExpanded?"chevron-down":"chevron-up",color:"secondary",size:"s"})))),_react.default.createElement(_MediaCarousel.MediaCarousel,{activeItemRef:activeItemRef,currentIndex:currentIndex,mediaAssets:mediaAssets,nextBtnAriaLabel:nextBtnAriaLabel,onClickNext:onClickNext,onClickPrevious:onClickPrevious,onClickThumbnail:onClickThumbnail,prevBtnAriaLabel:prevBtnAriaLabel,setIsReady:setIsReady,shouldHideArrowButtons:isMobile,shouldUseLightTheme:shouldUseLightTheme,skipArrowKeysListener:skipArrowKeysListener}))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"generateMediaAssets",{enumerable:!0,get:function(){return generateMediaAssets}});const generateMediaAssets=count=>Array.from({length:count},(_,index)=>({xid:(Date.now()+index).toString(),src:"https://media-us.medicuja.de/media/thumbs/big_55683f15d2480.jpg",title:`Asset ${index+1}`,assetIndex:index,topLeftIconName:index%3==0?"bookmark-filled":void 0,bottomLeftIconName:index%5==0?"smartzoom":void 0}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useIsScrollable",{enumerable:!0,get:function(){return useIsScrollable}});const _react=require("react"),useIsScrollable=(scrollContainerRef,innerContainerRef)=>{let[isScrollable,setIsScrollable]=(0,_react.useState)(!1);return(0,_react.useEffect)(()=>{let innerContainerWidth=innerContainerRef?.current?.offsetWidth??0,scrollContainerWidth=scrollContainerRef?.current?.offsetWidth??0,newVal=innerContainerWidth>0&&scrollContainerWidth>0&&innerContainerWidth+48>=scrollContainerWidth;newVal!==isScrollable&&setIsScrollable(newVal)},[innerContainerRef,scrollContainerRef,isScrollable]),isScrollable};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { IconProps } from "../../Icon/Icon";
|
|
3
|
+
export type CarouselThumbnailProps = {
|
|
4
|
+
assetIndex: number;
|
|
5
|
+
bottomLeftIconName?: IconProps["name"];
|
|
6
|
+
isActive: boolean;
|
|
7
|
+
onClickThumbnail: (index: number, ev?: React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
8
|
+
shouldUseLightTheme: boolean;
|
|
9
|
+
src: string;
|
|
10
|
+
title: string;
|
|
11
|
+
topLeftIconName?: IconProps["name"];
|
|
12
|
+
};
|
|
13
|
+
export declare const CarouselThumbnail: React.ForwardRefExoticComponent<CarouselThumbnailProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React,{forwardRef}from"react";import styled from"@emotion/styled";import{Icon}from"../../Icon/Icon";import{MediaItem}from"../../MediaItem/MediaItem";let StyledThumbnail=styled("div",{target:"erijvet0",label:"StyledThumbnail"})(({theme,isActive,shouldUseLightTheme})=>({margin:theme.variables.size.spacing.xxs,height:"80px",borderRadius:theme.variables.size.borderRadius.s,outlineOffset:"1px",position:"relative",outline:"2px solid transparent",transition:"all 0.3s ease",...isActive&&!shouldUseLightTheme&&{outline:`2px solid ${theme.values.color.background.onAccent.default}`,transition:"all 0.3s ease"},...isActive&&shouldUseLightTheme&&{outline:`2px solid ${theme.values.color.border.primary.active}`,transition:"all 0.3s ease"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL01lZGlhVmlld2VyQ2Fyb3VzZWwvQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3BzIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IE1lZGlhSXRlbSB9IGZyb20gXCIuLi8uLi9NZWRpYUl0ZW0vTWVkaWFJdGVtXCI7XG5cbmV4cG9ydCB0eXBlIENhcm91c2VsVGh1bWJuYWlsUHJvcHMgPSB7XG4gIGFzc2V0SW5kZXg6IG51bWJlcjtcbiAgYm90dG9tTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChcbiAgICBpbmRleDogbnVtYmVyLFxuICAgIGV2PzogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRodW1ibmFpbCA9IHN0eWxlZC5kaXY8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbn0+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgc2hvdWxkVXNlTGlnaHRUaGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IFwiODBweFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxuICBvdXRsaW5lT2Zmc2V0OiBcIjFweFwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBvdXRsaW5lOiBcIjJweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgLi4uKGlzQWN0aXZlICYmXG4gICAgIXNob3VsZFVzZUxpZ2h0VGhlbWUgJiYge1xuICAgICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIHRyYW5zaXRpb246IFwiYWxsIDAuM3MgZWFzZVwiLFxuICAgIH0pLFxuICAuLi4oaXNBY3RpdmUgJiZcbiAgICBzaG91bGRVc2VMaWdodFRoZW1lICYmIHtcbiAgICAgIG91dGxpbmU6IGAycHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlfWAsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgbGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IubWVkaWFJdGVtLmNhdGVnb3J5SWNvbi5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHpJbmRleDogNixcbn0pKTtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVGh1bWJuYWlsID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGFzc2V0SW5kZXgsXG4gICAgICBib3R0b21MZWZ0SWNvbk5hbWUsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIG9uQ2xpY2tUaHVtYm5haWwsXG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lLFxuICAgICAgc3JjLFxuICAgICAgdGl0bGUsXG4gICAgICB0b3BMZWZ0SWNvbk5hbWUsXG4gICAgfTogQ2Fyb3VzZWxUaHVtYm5haWxQcm9wcyxcbiAgICByZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgICAgb25DbGlja1RodW1ibmFpbChhc3NldEluZGV4KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldjogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChldi5rZXkuc3RhcnRzV2l0aChcIkFycm93XCIpIHx8IGV2LmtleSA9PT0gXCJUYWJcIikgcmV0dXJuO1xuXG4gICAgICBvbkNsaWNrVGh1bWJuYWlsKGFzc2V0SW5kZXgsIGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaHVtYm5haWxcbiAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgc2hvdWxkVXNlTGlnaHRUaGVtZT17c2hvdWxkVXNlTGlnaHRUaGVtZX1cbiAgICAgICAgYXJpYS1sYWJlbD17YCR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RvcExlZnRJY29uTmFtZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZEljb25Db250YWluZXIgZGF0YS10ZXN0aWQ9XCJ0b3AtbGVmdC1pY29uXCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXt0b3BMZWZ0SWNvbk5hbWV9IHNpemU9XCJzXCIgY29sb3I9XCJpbmhlcml0XCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICl9XG4gICAgICAgIDxNZWRpYUl0ZW1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICB0aXRsZT17dGl0bGUgPz8gXCJhc3NldFwifVxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgc3F1YXJlQnlXaWR0aFxuICAgICAgICAgIGNhdGVnb3J5SWNvbj17KGJvdHRvbUxlZnRJY29uTmFtZSBhcyBJY29uUHJvcHNbXCJuYW1lXCJdKSA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgY2F0ZWdvcnlQbGFjZW1lbnQ9XCJpbnNpZGVcIlxuICAgICAgICAgIHNob3dUaXRsZT17ZmFsc2V9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRUaHVtYm5haWw+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQndCIn0= */"),StyledIconContainer=styled("div",{target:"erijvet1",label:"StyledIconContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.xxs,left:theme.variables.size.spacing.xxs,overflow:"hidden",alignItems:"center",justifyContent:"center",backgroundColor:theme.values.color.mediaItem.categoryIcon.background.default,borderRadius:theme.variables.size.borderRadius.xs,padding:theme.variables.size.spacing.xxs,color:theme.values.color.text.onAccent.default,boxShadow:theme.values.elevation[1],display:"flex",zIndex:6}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL01lZGlhVmlld2VyQ2Fyb3VzZWwvQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3BzIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IE1lZGlhSXRlbSB9IGZyb20gXCIuLi8uLi9NZWRpYUl0ZW0vTWVkaWFJdGVtXCI7XG5cbmV4cG9ydCB0eXBlIENhcm91c2VsVGh1bWJuYWlsUHJvcHMgPSB7XG4gIGFzc2V0SW5kZXg6IG51bWJlcjtcbiAgYm90dG9tTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChcbiAgICBpbmRleDogbnVtYmVyLFxuICAgIGV2PzogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRodW1ibmFpbCA9IHN0eWxlZC5kaXY8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbn0+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgc2hvdWxkVXNlTGlnaHRUaGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IFwiODBweFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxuICBvdXRsaW5lT2Zmc2V0OiBcIjFweFwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBvdXRsaW5lOiBcIjJweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgLi4uKGlzQWN0aXZlICYmXG4gICAgIXNob3VsZFVzZUxpZ2h0VGhlbWUgJiYge1xuICAgICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIHRyYW5zaXRpb246IFwiYWxsIDAuM3MgZWFzZVwiLFxuICAgIH0pLFxuICAuLi4oaXNBY3RpdmUgJiZcbiAgICBzaG91bGRVc2VMaWdodFRoZW1lICYmIHtcbiAgICAgIG91dGxpbmU6IGAycHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlfWAsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgbGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IubWVkaWFJdGVtLmNhdGVnb3J5SWNvbi5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHpJbmRleDogNixcbn0pKTtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVGh1bWJuYWlsID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGFzc2V0SW5kZXgsXG4gICAgICBib3R0b21MZWZ0SWNvbk5hbWUsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIG9uQ2xpY2tUaHVtYm5haWwsXG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lLFxuICAgICAgc3JjLFxuICAgICAgdGl0bGUsXG4gICAgICB0b3BMZWZ0SWNvbk5hbWUsXG4gICAgfTogQ2Fyb3VzZWxUaHVtYm5haWxQcm9wcyxcbiAgICByZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgICAgb25DbGlja1RodW1ibmFpbChhc3NldEluZGV4KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldjogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChldi5rZXkuc3RhcnRzV2l0aChcIkFycm93XCIpIHx8IGV2LmtleSA9PT0gXCJUYWJcIikgcmV0dXJuO1xuXG4gICAgICBvbkNsaWNrVGh1bWJuYWlsKGFzc2V0SW5kZXgsIGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaHVtYm5haWxcbiAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgc2hvdWxkVXNlTGlnaHRUaGVtZT17c2hvdWxkVXNlTGlnaHRUaGVtZX1cbiAgICAgICAgYXJpYS1sYWJlbD17YCR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RvcExlZnRJY29uTmFtZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZEljb25Db250YWluZXIgZGF0YS10ZXN0aWQ9XCJ0b3AtbGVmdC1pY29uXCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXt0b3BMZWZ0SWNvbk5hbWV9IHNpemU9XCJzXCIgY29sb3I9XCJpbmhlcml0XCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICl9XG4gICAgICAgIDxNZWRpYUl0ZW1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICB0aXRsZT17dGl0bGUgPz8gXCJhc3NldFwifVxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgc3F1YXJlQnlXaWR0aFxuICAgICAgICAgIGNhdGVnb3J5SWNvbj17KGJvdHRvbUxlZnRJY29uTmFtZSBhcyBJY29uUHJvcHNbXCJuYW1lXCJdKSA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgY2F0ZWdvcnlQbGFjZW1lbnQ9XCJpbnNpZGVcIlxuICAgICAgICAgIHNob3dUaXRsZT17ZmFsc2V9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRUaHVtYm5haWw+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzRCIn0= */");export const CarouselThumbnail=forwardRef(({assetIndex,bottomLeftIconName,isActive,onClickThumbnail,shouldUseLightTheme,src,title,topLeftIconName},ref)=>React.createElement(StyledThumbnail,{isActive:isActive,role:"presentation",shouldUseLightTheme:shouldUseLightTheme,"aria-label":`${title}`},topLeftIconName&&React.createElement(StyledIconContainer,{"data-testid":"top-left-icon"},React.createElement(Icon,{name:topLeftIconName,size:"s",color:"inherit"})),React.createElement(MediaItem,{src:src,title:title??"asset",size:"xs",squareByWidth:!0,categoryIcon:bottomLeftIconName??void 0,categoryPlacement:"inside",showTitle:!1,onClick:()=>{onClickThumbnail(assetIndex)},onKeyDown:ev=>{ev.key.startsWith("Arrow")||"Tab"===ev.key||onClickThumbnail(assetIndex,ev)},ref:ref})));
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type IconProps } from "../../Icon/Icon";
|
|
3
|
+
type MediaAsset = {
|
|
4
|
+
bottomLeftIconName?: IconProps["name"];
|
|
5
|
+
src: string;
|
|
6
|
+
title: string;
|
|
7
|
+
topLeftIconName?: IconProps["name"];
|
|
8
|
+
xid: string;
|
|
9
|
+
};
|
|
10
|
+
export type MediaCarouselProps = {
|
|
11
|
+
activeItemRef?: React.MutableRefObject<HTMLButtonElement | null>;
|
|
12
|
+
currentIndex: number;
|
|
13
|
+
mediaAssets: MediaAsset[];
|
|
14
|
+
nextBtnAriaLabel: string;
|
|
15
|
+
onClickNext: VoidFunction;
|
|
16
|
+
onClickPrevious: VoidFunction;
|
|
17
|
+
onClickThumbnail: (newIndex: number) => void;
|
|
18
|
+
prevBtnAriaLabel: string;
|
|
19
|
+
setIsReady: React.Dispatch<React.SetStateAction<boolean>>;
|
|
20
|
+
shouldHideArrowButtons?: boolean;
|
|
21
|
+
shouldUseLightTheme: boolean;
|
|
22
|
+
skipArrowKeysListener: boolean;
|
|
23
|
+
};
|
|
24
|
+
export declare const MediaCarousel: ({ activeItemRef, currentIndex, mediaAssets, nextBtnAriaLabel, onClickNext, onClickPrevious, onClickThumbnail, prevBtnAriaLabel, setIsReady, shouldHideArrowButtons, shouldUseLightTheme, skipArrowKeysListener, }: MediaCarouselProps) => React.ReactNode;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React,{useRef,useEffect}from"react";import styled from"@emotion/styled";import{Button}from"../../Button/Button";import{Icon}from"../../Icon/Icon";import{useIsScrollable}from"../useIsScrollable";import{CarouselThumbnail}from"../CarouselThumbnail/CarouselThumbnail";let StyledWrapper=styled("div",{target:"e1suv5or0",label:"StyledWrapper"})(({isScrollable,showNavButtons,theme})=>({overflow:"hidden",width:"100%",...isScrollable&&{display:"flex"},"button:focus-visible":{border:"2px solid royalblue",borderRadius:theme.variables.size.borderRadius.s,outline:"none !important"},...!showNavButtons&&{padding:"0 8px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFzQiJ9 */"),StyledOuterContainer=styled("div",{target:"e1suv5or1",label:"StyledOuterContainer"})(({theme})=>({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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNkIifQ== */"),StyledInnerContainer=styled("div",{target:"e1suv5or2",label:"StyledInnerContainer"})({display:"flex",flexWrap:"nowrap",maxWidth:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlENkIifQ== */");export const MediaCarousel=({activeItemRef,currentIndex,mediaAssets,nextBtnAriaLabel,onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel,setIsReady,shouldHideArrowButtons,shouldUseLightTheme,skipArrowKeysListener})=>{let thumbnailCount=mediaAssets.length,scrollContainerRef=useRef(null),innerContainerRef=useRef(null),isScrollable=useIsScrollable(scrollContainerRef,innerContainerRef),currentIndexRef=useRef(currentIndex),showNavButtons=isScrollable&&!shouldHideArrowButtons;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,{isScrollable:isScrollable,showNavButtons:showNavButtons},showNavButtons&&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"},React.createElement(StyledInnerContainer,{ref:innerContainerRef},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,shouldUseLightTheme:shouldUseLightTheme,src:src,title:title,topLeftIconName:topLeftIconName,bottomLeftIconName:bottomLeftIconName,onClickThumbnail:onClickThumbnail})))),showNavButtons&&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,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type MediaCarouselProps } from "./MediaCarousel/MediaCarousel";
|
|
3
|
+
export type MediaViewerCarouselProps = {
|
|
4
|
+
currentIndex: number;
|
|
5
|
+
dataE2eTestId?: string;
|
|
6
|
+
isExpanded: boolean;
|
|
7
|
+
mediaAssets: MediaCarouselProps["mediaAssets"];
|
|
8
|
+
nextBtnAriaLabel?: string;
|
|
9
|
+
onClickNext: VoidFunction;
|
|
10
|
+
onClickPrevious: VoidFunction;
|
|
11
|
+
onClickThumbnail: (newVal: number) => void;
|
|
12
|
+
prevBtnAriaLabel?: string;
|
|
13
|
+
shouldUseLightTheme: boolean;
|
|
14
|
+
skipArrowKeysListener?: boolean;
|
|
15
|
+
toggleExpanded: VoidFunction;
|
|
16
|
+
toggleBtnAriaLabel?: string;
|
|
17
|
+
};
|
|
18
|
+
export declare function MediaViewerCarousel({ currentIndex, dataE2eTestId, isExpanded, mediaAssets, nextBtnAriaLabel, onClickNext, onClickPrevious, onClickThumbnail, prevBtnAriaLabel, shouldUseLightTheme, skipArrowKeysListener, toggleExpanded, toggleBtnAriaLabel, }: MediaViewerCarouselProps): React.ReactNode;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React,{useRef,useEffect,useState}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Icon}from"../Icon/Icon";import{MediaCarousel}from"./MediaCarousel/MediaCarousel";import breakpoints from"../../web-tokens/_breakpoints.json";let StyledBottomBar=styled("div",{target:"e1cziuz30",label:"StyledBottomBar"})(({isExpanded,shouldUseLightTheme,theme})=>({alignItems:"center",backgroundColor:shouldUseLightTheme?theme.values.color.background.onAccent.disabled:theme.values.color.background.backdrop.default,bottom:theme.variables.size.spacing.zero,boxShadow:theme.values.elevation[2],borderTop:`1px solid ${theme.values.color.border.secondary.default}`,display:"flex",flexDirection:"column",height:124,justifyContent:"flex-start",left:theme.variables.size.spacing.zero,paddingTop:theme.variables.size.spacing.m,position:"absolute",right:theme.variables.size.spacing.zero,transform:isExpanded?"translateY(0)":"translateY(108px)",transition:"transform 0.3s ease-in-out",zIndex:6,[`@media (min-width: ${breakpoints.medium.value}px)`]:{justifyContent:"center"},[`@media (max-width: ${breakpoints.medium.value}px)`]:{height:140,paddingTop:theme.variables.size.spacing.xl,transform:isExpanded?"translateY(0)":"translateY(108px)",zIndex:5}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J3QiJ9 */"),StyledToggleButtonContainer=styled("div",{target:"e1cziuz31",label:"StyledToggleButtonContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.zero,[`@media (max-width: ${breakpoints.medium.value}px)`]:{left:"calc(50% - 75px)",width:"150px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQyJ9 */"),StyledToggleButton=styled("button",{target:"e1cziuz32",label:"StyledToggleButton"})(({theme})=>({alignItems:"center",backgroundColor:theme.values.color.icon.quaternary.default,border:"none",borderRadius:`${theme.variables.size.borderRadius.none} ${theme.variables.size.borderRadius.none} ${theme.variables.size.borderRadius.xs} ${theme.variables.size.borderRadius.xs}`,cursor:"pointer",display:"flex",height:16,[`@media (max-width: ${breakpoints.medium.value}px)`]:{height:32,justifyContent:"center",width:"100%"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0UyQiJ9 */");export function MediaViewerCarousel({currentIndex,dataE2eTestId,isExpanded,mediaAssets,nextBtnAriaLabel="Click to go to the next image",onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel="Click to go to the previous image",shouldUseLightTheme,skipArrowKeysListener=!1,toggleExpanded,toggleBtnAriaLabel="Click to expand or collapse the carousel"}){let activeItemRef=useRef(null),[isReady,setIsReady]=useState(!1),[isMobile,setIsMobile]=useState(!!window&&window.innerWidth<=breakpoints.medium.value);return useEffect(()=>{let handleResize=()=>{window&&setIsMobile(prevVal=>{let newVal=window.innerWidth<=breakpoints.medium.value;return newVal!==prevVal?newVal:prevVal})};return window.addEventListener("resize",handleResize),()=>{window.removeEventListener("resize",handleResize)}},[]),useEffect(()=>{if(!(isExpanded&&isReady))return;let timeout=setTimeout(()=>{activeItemRef.current?.focus()},350);return()=>{clearTimeout(timeout)}},[isExpanded,isReady]),useEffect(()=>{isExpanded&&isReady&&activeItemRef.current?.focus()},[currentIndex]),React.createElement(StyledBottomBar,{"data-e2e-test-id":dataE2eTestId,isExpanded:isExpanded,shouldUseLightTheme:shouldUseLightTheme},React.createElement(StyledToggleButtonContainer,null,React.createElement(StyledToggleButton,{onClick:toggleExpanded,"aria-label":toggleBtnAriaLabel},React.createElement(Box,{space:"l",vSpace:"zero"},React.createElement(Icon,{name:isExpanded?"chevron-down":"chevron-up",color:"secondary",size:"s"})))),React.createElement(MediaCarousel,{activeItemRef:activeItemRef,currentIndex:currentIndex,mediaAssets:mediaAssets,nextBtnAriaLabel:nextBtnAriaLabel,onClickNext:onClickNext,onClickPrevious:onClickPrevious,onClickThumbnail:onClickThumbnail,prevBtnAriaLabel:prevBtnAriaLabel,setIsReady:setIsReady,shouldHideArrowButtons:isMobile,shouldUseLightTheme:shouldUseLightTheme,skipArrowKeysListener:skipArrowKeysListener}))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const generateMediaAssets=count=>Array.from({length:count},(_,index)=>({xid:(Date.now()+index).toString(),src:"https://media-us.medicuja.de/media/thumbs/big_55683f15d2480.jpg",title:`Asset ${index+1}`,assetIndex:index,topLeftIconName:index%3==0?"bookmark-filled":void 0,bottomLeftIconName:index%5==0?"smartzoom":void 0}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useEffect,useState}from"react";export const useIsScrollable=(scrollContainerRef,innerContainerRef)=>{let[isScrollable,setIsScrollable]=useState(!1);return useEffect(()=>{let innerContainerWidth=innerContainerRef?.current?.offsetWidth??0,scrollContainerWidth=scrollContainerRef?.current?.offsetWidth??0,newVal=innerContainerWidth>0&&scrollContainerWidth>0&&innerContainerWidth+48>=scrollContainerWidth;newVal!==isScrollable&&setIsScrollable(newVal)},[innerContainerRef,scrollContainerRef,isScrollable]),isScrollable};
|