@amboss/design-system 3.35.5 → 3.36.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/CatalogCard/CatalogCard.js +1 -1
- package/build/cjs/components/Container/Container.js +1 -1
- package/build/cjs/components/Form/Combobox/SingleSelect.js +1 -1
- package/build/cjs/components/Form/DatePicker/Calendar.d.ts +42 -0
- package/build/cjs/components/Form/DatePicker/Calendar.js +1 -0
- package/build/cjs/components/Form/DatePicker/DatePicker.d.ts +33 -0
- package/build/cjs/components/Form/DatePicker/DatePicker.js +1 -0
- package/build/cjs/components/Form/DatePicker/DatePickerButton.d.ts +13 -0
- package/build/cjs/components/Form/DatePicker/DatePickerButton.js +1 -0
- package/build/cjs/components/Form/DatePicker/DatePickerInput.d.ts +29 -0
- package/build/cjs/components/Form/DatePicker/DatePickerInput.js +1 -0
- package/build/cjs/components/Form/DatePicker/DatePickerPopover.d.ts +25 -0
- package/build/cjs/components/Form/DatePicker/DatePickerPopover.js +1 -0
- package/build/cjs/components/Form/DatePicker/dateUtils.d.ts +27 -0
- package/build/cjs/components/Form/DatePicker/dateUtils.js +1 -0
- package/build/cjs/components/Form/DatePicker/index.d.ts +3 -0
- package/build/cjs/components/Form/DatePicker/index.js +1 -0
- package/build/cjs/components/Form/DatePicker/types.d.ts +61 -0
- package/build/cjs/components/Form/MaskedInput/MaskedInput.d.ts +14 -4
- package/build/cjs/components/Form/MaskedInput/MaskedInput.js +1 -1
- package/build/cjs/components/Form/dateMask.d.ts +9 -1
- package/build/cjs/components/Form/dateMask.js +1 -1
- package/build/cjs/components/InteractiveBox/InteractiveBox.d.ts +2 -0
- package/build/cjs/components/InteractiveBox/InteractiveBox.js +1 -1
- package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.d.ts +2 -1
- package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.js +1 -1
- package/build/cjs/components/Tooltip/TooltipContent.js +1 -1
- package/build/esm/components/CatalogCard/CatalogCard.js +1 -1
- package/build/esm/components/Container/Container.js +1 -1
- package/build/esm/components/Form/Combobox/SingleSelect.js +1 -1
- package/build/esm/components/Form/DatePicker/Calendar.d.ts +42 -0
- package/build/esm/components/Form/DatePicker/Calendar.js +1 -0
- package/build/esm/components/Form/DatePicker/DatePicker.d.ts +33 -0
- package/build/esm/components/Form/DatePicker/DatePicker.js +1 -0
- package/build/esm/components/Form/DatePicker/DatePickerButton.d.ts +13 -0
- package/build/esm/components/Form/DatePicker/DatePickerButton.js +1 -0
- package/build/esm/components/Form/DatePicker/DatePickerInput.d.ts +29 -0
- package/build/esm/components/Form/DatePicker/DatePickerInput.js +1 -0
- package/build/esm/components/Form/DatePicker/DatePickerPopover.d.ts +25 -0
- package/build/esm/components/Form/DatePicker/DatePickerPopover.js +1 -0
- package/build/esm/components/Form/DatePicker/dateUtils.d.ts +27 -0
- package/build/esm/components/Form/DatePicker/dateUtils.js +1 -0
- package/build/esm/components/Form/DatePicker/index.d.ts +3 -0
- package/build/esm/components/Form/DatePicker/index.js +1 -0
- package/build/esm/components/Form/DatePicker/types.d.ts +61 -0
- package/build/esm/components/Form/MaskedInput/MaskedInput.d.ts +14 -4
- package/build/esm/components/Form/MaskedInput/MaskedInput.js +1 -1
- package/build/esm/components/Form/dateMask.d.ts +9 -1
- package/build/esm/components/Form/dateMask.js +1 -1
- package/build/esm/components/InteractiveBox/InteractiveBox.d.ts +2 -0
- package/build/esm/components/InteractiveBox/InteractiveBox.js +1 -1
- package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.d.ts +2 -1
- package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.js +1 -1
- package/build/esm/components/Tooltip/TooltipContent.js +1 -1
- package/package.json +1 -1
- package/build/cjs/components/Form/Datepicker/DatePickerInput.d.ts +0 -20
- package/build/cjs/components/Form/Datepicker/DatePickerInput.js +0 -1
- package/build/cjs/components/Form/Datepicker/Datepicker.d.ts +0 -21
- package/build/cjs/components/Form/Datepicker/Datepicker.js +0 -1
- package/build/cjs/components/Form/Datepicker/Datepicker.types.d.ts +0 -40
- package/build/cjs/components/Form/Datepicker/DatepickerButton.d.ts +0 -11
- package/build/cjs/components/Form/Datepicker/DatepickerButton.js +0 -1
- package/build/cjs/components/Form/Datepicker/index.d.ts +0 -3
- package/build/cjs/components/Form/Datepicker/index.js +0 -1
- package/build/esm/components/Form/Datepicker/DatePickerInput.d.ts +0 -20
- package/build/esm/components/Form/Datepicker/DatePickerInput.js +0 -1
- package/build/esm/components/Form/Datepicker/Datepicker.d.ts +0 -21
- package/build/esm/components/Form/Datepicker/Datepicker.js +0 -1
- package/build/esm/components/Form/Datepicker/Datepicker.types.d.ts +0 -40
- package/build/esm/components/Form/Datepicker/DatepickerButton.d.ts +0 -11
- package/build/esm/components/Form/Datepicker/DatepickerButton.js +0 -1
- package/build/esm/components/Form/Datepicker/index.d.ts +0 -3
- package/build/esm/components/Form/Datepicker/index.js +0 -1
- /package/build/cjs/components/Form/{Datepicker/Datepicker.types.js → DatePicker/types.js} +0 -0
- /package/build/esm/components/Form/{Datepicker/Datepicker.types.js → DatePicker/types.js} +0 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { CalendarDisplay, CalendarSlotProps } from "./Calendar";
|
|
3
|
+
export type DatePickerPopoverProps = {
|
|
4
|
+
/** Ref to the element that triggers the calendar (e.g. the calendar icon button). */
|
|
5
|
+
triggerRef: React.RefObject<HTMLButtonElement>;
|
|
6
|
+
/** Whether the calendar popover is open. */
|
|
7
|
+
isVisible: boolean;
|
|
8
|
+
/** Called when the popover opens or closes. */
|
|
9
|
+
onVisibilityChange: (visible: boolean, reason: string) => void;
|
|
10
|
+
/** Currently selected date (or null). Used as initial view and selected state in the calendar. */
|
|
11
|
+
value: Date | null;
|
|
12
|
+
/** Called when the user selects a date. */
|
|
13
|
+
onSelect: (date: Date) => void;
|
|
14
|
+
/** Display config derived by root (format/locale, week layout). */
|
|
15
|
+
calendarDisplay: CalendarDisplay;
|
|
16
|
+
/** Id for the calendar region (used for aria-controls from the trigger button). */
|
|
17
|
+
id: string;
|
|
18
|
+
/** Year options for the calendar dropdown. Provided by root. */
|
|
19
|
+
years: number[];
|
|
20
|
+
/** Optional test id for the calendar content. */
|
|
21
|
+
"data-e2e-test-id"?: string;
|
|
22
|
+
/** Slot props for Calendar. */
|
|
23
|
+
calendarSlotProps: CalendarSlotProps;
|
|
24
|
+
};
|
|
25
|
+
export declare function DatePickerPopover({ triggerRef, isVisible, onVisibilityChange, value, onSelect, calendarDisplay, id, years, calendarSlotProps, "data-e2e-test-id": dataE2eTestId, }: DatePickerPopoverProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import{BasePopover}from"../../Toggletip/BasePopover";import{Calendar}from"./Calendar";import{Box}from"../../Box/Box";export function DatePickerPopover({triggerRef,isVisible,onVisibilityChange,value,onSelect,calendarDisplay,id,years,calendarSlotProps,"data-e2e-test-id":dataE2eTestId="datepicker-calendar"}){let content=React.createElement(Box,{space:"m"},React.createElement(Calendar,{value:value,onSelect:onSelect,calendarDisplay:calendarDisplay,slotProps:calendarSlotProps,years:years,id:id,"data-e2e-test-id":dataE2eTestId}));return React.createElement(BasePopover,{name:"DatePickerPopover",content:content,externalTriggerRef:triggerRef,isVisible:isVisible,onVisibilityChange:onVisibilityChange,contentPadding:"m",maxWidth:320,placement:"bottom-left",defaultVerticalPlacement:"bottom",role:"dialog",hideArrow:!0,dismissOnOutsideClick:!0,disableInitialFocus:!0})}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { DateFormat } from "../dateMask";
|
|
2
|
+
/** Format a Date to display string per locale (US: MM/DD/YYYY, DE: DD.MM.YYYY, RoW: DD/MM/YYYY). */
|
|
3
|
+
export declare const formatDate: (date: Date, format: DateFormat) => string;
|
|
4
|
+
/** Parse a display string (with separators) or unmasked digits to Date. Returns null if invalid. */
|
|
5
|
+
export declare const parseDate: (value: string, format: DateFormat) => Date | null;
|
|
6
|
+
/** Month names for the calendar dropdown. Derives from format: DE → German, US/RoW → English. Add format in FORMAT_LOCALE for new locales (e.g. ES). */
|
|
7
|
+
export declare const getMonthNames: (format: DateFormat) => string[];
|
|
8
|
+
/** Years from min to max (inclusive). */
|
|
9
|
+
export declare const getYears: (minYear: number, maxYear: number) => number[];
|
|
10
|
+
/** Number of days in the given month (1–31). Month is 1–12. */
|
|
11
|
+
export declare const getDaysInMonth: (year: number, month: number) => number;
|
|
12
|
+
/** First weekday of the month (0 = Sunday, 6 = Saturday). Month is 1–12. */
|
|
13
|
+
export declare const getFirstDayOfMonth: (year: number, month: number) => number;
|
|
14
|
+
/** Weekday labels for the calendar header. DE → Monday first (German), US/RoW → Sunday first (English). Add format in FORMAT_LOCALE for new locales. */
|
|
15
|
+
export declare const getWeekdayLabels: (format: DateFormat) => readonly string[];
|
|
16
|
+
/** Placeholder chars for the date mask (day, month, year). */
|
|
17
|
+
export declare const getPlaceholderChars: (format: DateFormat) => {
|
|
18
|
+
dayPlaceholderChar: string;
|
|
19
|
+
monthPlaceholderChar: string;
|
|
20
|
+
yearPlaceholderChar: string;
|
|
21
|
+
};
|
|
22
|
+
/** Default min year when mask blocks do not specify. Used for calendar year range. */
|
|
23
|
+
export declare const DEFAULT_MIN_YEAR = 1900;
|
|
24
|
+
/** Default max year when mask blocks do not specify. Used for calendar year range. */
|
|
25
|
+
export declare const DEFAULT_MAX_YEAR = 2100;
|
|
26
|
+
/** Whether two dates are the same calendar day. */
|
|
27
|
+
export declare const isSameDay: (a: Date, b: Date) => boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let PAD=(n,len)=>String(n).padStart(len,"0");export const formatDate=(date,format)=>{let d=date.getDate(),m=date.getMonth()+1,y=date.getFullYear(),dd=PAD(d,2),mm=PAD(m,2);return"US"===format?`${mm}/${dd}/${y}`:"DE"===format?`${dd}.${mm}.${y}`:"RoW"===format?`${dd}/${mm}/${y}`:`${mm}/${dd}/${y}`};export const parseDate=(value,format)=>{let month,day,year,digits=value.replace(/\D/g,"");if(digits.length<8||("US"===format?(month=parseInt(digits.slice(0,2),10),day=parseInt(digits.slice(2,4),10)):(day=parseInt(digits.slice(0,2),10),month=parseInt(digits.slice(2,4),10)),year=parseInt(digits.slice(4,8),10),month<1||month>12||day<1||day>31))return null;let date=new Date(year,month-1,day);return date.getFullYear()!==year||date.getMonth()!==month-1||date.getDate()!==day?null:date};let FORMAT_LOCALE={US:{locale:"en-US",weekStartsOnMonday:!1},RoW:{locale:"en-GB",weekStartsOnMonday:!1},DE:{locale:"de-DE",weekStartsOnMonday:!0}};export const getMonthNames=format=>{let{locale}=FORMAT_LOCALE[format]??FORMAT_LOCALE.US,formatter=new Intl.DateTimeFormat(locale,{month:"short"});return Array.from({length:12},(_,i)=>formatter.format(new Date(2024,i,1)))};export const getYears=(minYear,maxYear)=>{let years=[];for(let y=minYear;y<=maxYear;y+=1)years.push(y);return years};export const getDaysInMonth=(year,month)=>new Date(year,month,0).getDate();export const getFirstDayOfMonth=(year,month)=>new Date(year,month-1,1).getDay();export const getWeekdayLabels=format=>{let config=FORMAT_LOCALE[format]??FORMAT_LOCALE.US;return function(locale,weekStartsOnMonday){let formatter=new Intl.DateTimeFormat(locale,{weekday:"short"}),sunToSat=Array.from({length:7},(_,i)=>{let date=new Date(2024,0,7+i);return formatter.format(date).slice(0,2).toUpperCase()});return weekStartsOnMonday?[...sunToSat.slice(1),sunToSat[0]]:sunToSat}(config.locale,config.weekStartsOnMonday)};let PLACEHOLDER_CHARS={"en-US":{day:"D",month:"M",year:"Y"},"en-GB":{day:"D",month:"M",year:"Y"},"de-DE":{day:"T",month:"M",year:"J"}};export const getPlaceholderChars=format=>{let{locale}=FORMAT_LOCALE[format]??FORMAT_LOCALE.US,placeholders=PLACEHOLDER_CHARS[locale]??PLACEHOLDER_CHARS["en-US"];return{dayPlaceholderChar:placeholders.day,monthPlaceholderChar:placeholders.month,yearPlaceholderChar:placeholders.year}};export const DEFAULT_MIN_YEAR=1900;export const DEFAULT_MAX_YEAR=2100;export const isSameDay=(a,b)=>a.getFullYear()===b.getFullYear()&&a.getMonth()===b.getMonth()&&a.getDate()===b.getDate();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{DatePicker}from"./DatePicker";export{DatePickerInput}from"./DatePickerInput";
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import type { InputHTMLAttributes } from "react";
|
|
2
|
+
import type { FormFieldProps } from "../FormField/FormField";
|
|
3
|
+
import type { DateFormat, DateMaskBlocks } from "../dateMask";
|
|
4
|
+
import type { CalendarA11yProps } from "./Calendar";
|
|
5
|
+
type DatePickerCalendarA11yProps = Omit<CalendarA11yProps, "formatAriaLabelDay">;
|
|
6
|
+
export type DatePickerProps = {
|
|
7
|
+
/** Date display format. `"US"` = MM/DD/YYYY, `"DE"` = DD.MM.YYYY, `"RoW"` = DD/MM/YYYY. Default: `"US"`. */
|
|
8
|
+
format?: DateFormat;
|
|
9
|
+
/**
|
|
10
|
+
* Advanced: override IMask blocks for the date mask (e.g. clamp year range).
|
|
11
|
+
* This affects both the input mask and the calendar year dropdown (derived from `maskBlocks.Y.from/to` when present).
|
|
12
|
+
*/
|
|
13
|
+
maskBlocks?: DateMaskBlocks;
|
|
14
|
+
/** Fires whenever the masked value changes (each keystroke or calendar selection). Maps to IMask "accept". */
|
|
15
|
+
onAccept?: (value: string, unmaskedValue: string, typedValue: string) => void;
|
|
16
|
+
/** Fires only when the mask is completely filled. Maps to IMask "complete". */
|
|
17
|
+
onComplete?: (value: string, unmaskedValue: string, typedValue: string) => void;
|
|
18
|
+
/** Test id for the root form field wrapper. Also supported via FormFieldProps. */
|
|
19
|
+
"data-e2e-test-id"?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Props passed to internal slots (sub-components). Keeps slot-specific props namespaced so the top-level API stays flat for the main contract (format, value, callbacks).
|
|
22
|
+
*
|
|
23
|
+
* - `input` — Optional. `placeholder`: when to show mask placeholders (`visible`) and optional custom chars (e.g. for Spanish: D/M/A).
|
|
24
|
+
* - `calendarButton` — Required. `ariaLabelOpen` and `ariaLabelClose` for screen readers (use app-level translations).
|
|
25
|
+
*
|
|
26
|
+
* Note: to constrain the year dropdown (and mask), set `maskBlocks.Y.from/to`.
|
|
27
|
+
*/
|
|
28
|
+
slotProps: {
|
|
29
|
+
input?: {
|
|
30
|
+
/**
|
|
31
|
+
* Placeholder visibility and optional custom characters for the date mask (day, month, year).
|
|
32
|
+
* Use this to support other languages (e.g. Spanish: { day: "D", month: "M", year: "A" } for Día/Mes/Año).
|
|
33
|
+
* Chars default per format/locale (en: D/M/Y, de: T/M/J); only override the keys you need.
|
|
34
|
+
*/
|
|
35
|
+
placeholder?: {
|
|
36
|
+
/** When true, shows placeholder characters in empty mask positions. Defaults to false. */
|
|
37
|
+
visible?: boolean;
|
|
38
|
+
/** Override placeholder characters. Omit or leave a key undefined to use the locale default. */
|
|
39
|
+
chars?: {
|
|
40
|
+
day?: string;
|
|
41
|
+
month?: string;
|
|
42
|
+
year?: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
calendarButton: {
|
|
47
|
+
/** Label for screen readers when the calendar is closed and the button opens it. Provide translated string from your app. */
|
|
48
|
+
ariaLabelOpen: string;
|
|
49
|
+
/** Label for screen readers when the calendar is open and the button closes it. Provide translated string from your app. */
|
|
50
|
+
ariaLabelClose: string;
|
|
51
|
+
};
|
|
52
|
+
/** Required. Calendar month/year select and grid labels for screen readers (use app-level translations). */
|
|
53
|
+
calendar: DatePickerCalendarA11yProps;
|
|
54
|
+
};
|
|
55
|
+
} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "value"> & {
|
|
56
|
+
/** Controlled value (masked string). When provided, the input is controlled. */
|
|
57
|
+
value?: string;
|
|
58
|
+
/** When true, shows the input in an error state (e.g. red border). */
|
|
59
|
+
hasError?: boolean;
|
|
60
|
+
};
|
|
61
|
+
export {};
|
|
@@ -5,9 +5,19 @@ import type { InputProps } from "../Input";
|
|
|
5
5
|
export { IMask };
|
|
6
6
|
export type MaskedInputProps = {
|
|
7
7
|
maskOptions: FactoryArg;
|
|
8
|
-
onAccept
|
|
9
|
-
|
|
8
|
+
onAccept?: (value: string, unmaskedValue: string, typedValue: string) => void;
|
|
9
|
+
onComplete?: (value: string, unmaskedValue: string, typedValue: string) => void;
|
|
10
|
+
} & Omit<InputProps, "type" | "onChange" | "size">;
|
|
11
|
+
type UseMaskedInputArgs = {
|
|
12
|
+
inputRef: React.RefObject<HTMLInputElement>;
|
|
13
|
+
maskOptions: FactoryArg;
|
|
14
|
+
value?: string | number | readonly string[];
|
|
15
|
+
onAccept?: (value: string, unmaskedValue: string, typedValue: string) => void;
|
|
16
|
+
onComplete?: (value: string, unmaskedValue: string, typedValue: string) => void;
|
|
17
|
+
};
|
|
18
|
+
export declare const useMaskedInput: ({ inputRef, maskOptions, value, onAccept, onComplete, }: UseMaskedInputArgs) => void;
|
|
10
19
|
export declare const MaskedInput: React.ForwardRefExoticComponent<{
|
|
11
20
|
maskOptions: FactoryArg;
|
|
12
|
-
onAccept
|
|
13
|
-
|
|
21
|
+
onAccept?: (value: string, unmaskedValue: string, typedValue: string) => void;
|
|
22
|
+
onComplete?: (value: string, unmaskedValue: string, typedValue: string) => void;
|
|
23
|
+
} & Omit<InputProps, "type" | "onChange" | "size"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useRef,useEffect}from"react";import IMask from"imask";import{Input}from"../Input";export const
|
|
1
|
+
import React,{useRef,useEffect}from"react";import IMask from"imask";import{Input}from"../Input";export const useMaskedInput=({inputRef,maskOptions,value,onAccept,onComplete})=>{let maskRef=useRef(null);useEffect(()=>(inputRef?.current&&(maskRef.current=IMask(inputRef.current,maskOptions)),()=>{maskRef.current&&(maskRef.current.destroy(),maskRef.current=null)}),[inputRef]),useEffect(()=>{maskRef.current&&maskRef.current.updateOptions(maskOptions)},[maskOptions]),useEffect(()=>{if(!maskRef.current||!onAccept)return;let handleAccept=()=>{maskRef.current&&onAccept(maskRef.current.value,maskRef.current.unmaskedValue,maskRef.current.typedValue)};return maskRef.current.on("accept",handleAccept),()=>{maskRef.current?.off("accept",handleAccept)}},[onAccept]),useEffect(()=>{if(!maskRef.current||!onComplete)return;let handleComplete=()=>{maskRef.current&&onComplete(maskRef.current.value,maskRef.current.unmaskedValue,maskRef.current.typedValue)};return maskRef.current.on("complete",handleComplete),()=>{maskRef.current?.off("complete",handleComplete)}},[onComplete]),useEffect(()=>{maskRef.current&&void 0!==value&&(maskRef.current.value=value)},[value])};export const MaskedInput=React.forwardRef(({maskOptions,value,onAccept,onComplete,...rest},ref)=>{let internalRef=useRef(null),inputRef=ref||internalRef;return useMaskedInput({inputRef,maskOptions,value,onAccept,onComplete}),React.createElement(Input,{...rest,ref:inputRef,type:"text"})});export{IMask};
|
|
@@ -2,11 +2,19 @@ import type { FactoryArg } from "imask";
|
|
|
2
2
|
export type DateFormat = "US" | "DE" | "RoW" | string;
|
|
3
3
|
export declare const FORMAT_TO_MASK: Record<string, string>;
|
|
4
4
|
export declare const FORMAT_TO_LABEL_HINT: Record<string, string>;
|
|
5
|
+
export type DateMaskBlocks = FactoryArg["blocks"];
|
|
6
|
+
/** Reads min/max year from mask blocks (Y.from / Y.to). Used for calendar year range. */
|
|
7
|
+
export declare function getYearRangeFromMaskBlocks(blocks?: DateMaskBlocks): {
|
|
8
|
+
minYear?: number;
|
|
9
|
+
maxYear?: number;
|
|
10
|
+
};
|
|
5
11
|
export type DateMaskOptions = {
|
|
6
12
|
format: DateFormat;
|
|
7
13
|
isPlaceholderShown?: boolean;
|
|
8
14
|
dayPlaceholderChar?: string;
|
|
9
15
|
monthPlaceholderChar?: string;
|
|
10
16
|
yearPlaceholderChar?: string;
|
|
17
|
+
/** Optional overrides for IMask blocks (e.g. to clamp year range). */
|
|
18
|
+
maskBlocks?: DateMaskBlocks;
|
|
11
19
|
};
|
|
12
|
-
export declare function getMaskOptions({ format, isPlaceholderShown, dayPlaceholderChar, monthPlaceholderChar, yearPlaceholderChar, }: DateMaskOptions): FactoryArg;
|
|
20
|
+
export declare function getMaskOptions({ format, isPlaceholderShown, dayPlaceholderChar, monthPlaceholderChar, yearPlaceholderChar, maskBlocks, }: DateMaskOptions): FactoryArg;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import IMask from"imask";export const FORMAT_TO_MASK={US:"m/`d/`Y",DE:"d.`m.`Y",RoW:"d/`m/`Y"};export const FORMAT_TO_LABEL_HINT={US:"MM/DD/YYYY",DE:"TT.MM.JJJJ",RoW:"DD/MM/YYYY"};export function getMaskOptions({format,isPlaceholderShown,dayPlaceholderChar,monthPlaceholderChar,yearPlaceholderChar}){
|
|
1
|
+
import IMask from"imask";export const FORMAT_TO_MASK={US:"m/`d/`Y",DE:"d.`m.`Y",RoW:"d/`m/`Y"};export const FORMAT_TO_LABEL_HINT={US:"MM/DD/YYYY",DE:"TT.MM.JJJJ",RoW:"DD/MM/YYYY"};export function getYearRangeFromMaskBlocks(blocks){if(!blocks?.Y)return{};let y=blocks.Y;return{minYear:"number"==typeof y.from?y.from:void 0,maxYear:"number"==typeof y.to?y.to:void 0}}export function getMaskOptions({format,isPlaceholderShown,dayPlaceholderChar,monthPlaceholderChar,yearPlaceholderChar,maskBlocks}){let mask=FORMAT_TO_MASK[format]||format,baseBlocks={d:{mask:IMask.MaskedRange,from:1,to:31,maxLength:2,autofix:"pad",...isPlaceholderShown&&{placeholderChar:dayPlaceholderChar}},m:{mask:IMask.MaskedRange,from:1,to:12,maxLength:2,autofix:"pad",...isPlaceholderShown&&{placeholderChar:monthPlaceholderChar}},Y:{mask:IMask.MaskedRange,from:1900,to:2999,maxLength:4,...isPlaceholderShown&&{placeholderChar:yearPlaceholderChar}}};return{mask,lazy:!1,blocks:(()=>{if(!maskBlocks)return baseBlocks;let merged={...baseBlocks};return Object.keys(maskBlocks).forEach(key=>{let override=maskBlocks[key];if(!override)return;let base=baseBlocks[key]??{};merged[key]={...base,...override}}),merged})()}}
|
|
@@ -10,6 +10,7 @@ export type InteractiveBoxProps = BoxProps & {
|
|
|
10
10
|
onClick?: (e: React.MouseEvent) => void;
|
|
11
11
|
onFocus?: (e: React.FocusEvent) => void;
|
|
12
12
|
variant?: BaseVariations;
|
|
13
|
+
tabIndex?: number;
|
|
13
14
|
};
|
|
14
15
|
export declare const InteractiveBox: React.ForwardRefExoticComponent<BoxProps & {
|
|
15
16
|
destructive?: boolean;
|
|
@@ -20,4 +21,5 @@ export declare const InteractiveBox: React.ForwardRefExoticComponent<BoxProps &
|
|
|
20
21
|
onClick?: (e: React.MouseEvent) => void;
|
|
21
22
|
onFocus?: (e: React.FocusEvent) => void;
|
|
22
23
|
variant?: BaseVariations;
|
|
24
|
+
tabIndex?: number;
|
|
23
25
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{forwardRef}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{StyledBox}from"../Box/Box";import{getFocusStyles,getDisabledStyles,getPrimaryVariantStyles,getSecondaryVariantStyles,getTertiaryVariantStyles,getButtonAppearanceReset,getBaseButtonStyles,getPressedStyles}from"../../shared/mixins";let StyledInteractiveBox=styled(StyledBox,{shouldForwardProp:prop=>isPropValid(prop)&&"height"!==prop,target:"
|
|
1
|
+
import React,{forwardRef}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{StyledBox}from"../Box/Box";import{getFocusStyles,getDisabledStyles,getPrimaryVariantStyles,getSecondaryVariantStyles,getTertiaryVariantStyles,getButtonAppearanceReset,getBaseButtonStyles,getPressedStyles}from"../../shared/mixins";let StyledInteractiveBox=styled(StyledBox,{shouldForwardProp:prop=>isPropValid(prop)&&"height"!==prop,target:"eofirz20",label:"StyledInteractiveBox"})(({theme,variant,disabled,fullWidth,destructive,isPressed})=>({...getButtonAppearanceReset(),...getBaseButtonStyles({theme}),..."primary"===variant&&getPrimaryVariantStyles({theme,destructive,disabled}),..."secondary"===variant&&getSecondaryVariantStyles({theme,disabled}),..."tertiary"===variant&&getTertiaryVariantStyles({theme,destructive,disabled}),...isPressed&&{...getPressedStyles({theme}),"&:active, &:hover":{...getPressedStyles({theme})}},...fullWidth&&{width:"100%"},...getFocusStyles(),...disabled&&{...getDisabledStyles({theme}),cursor:"not-allowed"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJhY3RpdmVCb3gvSW50ZXJhY3RpdmVCb3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcmFjdGl2ZUJveC9JbnRlcmFjdGl2ZUJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5cbmltcG9ydCB7IFN0eWxlZEJveCwgdHlwZSBCb3hQcm9wcyB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgdHlwZSB7IEJhc2VWYXJpYXRpb25zIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQge1xuICBnZXRGb2N1c1N0eWxlcyxcbiAgZ2V0RGlzYWJsZWRTdHlsZXMsXG4gIGdldFByaW1hcnlWYXJpYW50U3R5bGVzLFxuICBnZXRTZWNvbmRhcnlWYXJpYW50U3R5bGVzLFxuICBnZXRUZXJ0aWFyeVZhcmlhbnRTdHlsZXMsXG4gIGdldEJ1dHRvbkFwcGVhcmFuY2VSZXNldCxcbiAgZ2V0QmFzZUJ1dHRvblN0eWxlcyxcbiAgZ2V0UHJlc3NlZFN0eWxlcyxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcblxuZXhwb3J0IHR5cGUgSW50ZXJhY3RpdmVCb3hQcm9wcyA9IEJveFByb3BzICYge1xuICBkZXN0cnVjdGl2ZT86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgaXNQcmVzc2VkPzogYm9vbGVhbjtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICB2YXJpYW50PzogQmFzZVZhcmlhdGlvbnM7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgU3R5bGVkSW50ZXJhY3RpdmVCb3ggPSBzdHlsZWQoU3R5bGVkQm94LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCkgJiYgcHJvcCAhPT0gXCJoZWlnaHRcIixcbn0pPEludGVyYWN0aXZlQm94UHJvcHM+KFxuICAoeyB0aGVtZSwgdmFyaWFudCwgZGlzYWJsZWQsIGZ1bGxXaWR0aCwgZGVzdHJ1Y3RpdmUsIGlzUHJlc3NlZCB9KSA9PiAoe1xuICAgIC4uLmdldEJ1dHRvbkFwcGVhcmFuY2VSZXNldCgpLFxuICAgIC4uLmdldEJhc2VCdXR0b25TdHlsZXMoeyB0aGVtZSB9KSxcblxuICAgIC4uLih2YXJpYW50ID09PSBcInByaW1hcnlcIiAmJlxuICAgICAgZ2V0UHJpbWFyeVZhcmlhbnRTdHlsZXMoe1xuICAgICAgICB0aGVtZSxcbiAgICAgICAgZGVzdHJ1Y3RpdmUsXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgfSkpLFxuXG4gICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiZcbiAgICAgIGdldFNlY29uZGFyeVZhcmlhbnRTdHlsZXMoeyB0aGVtZSwgZGlzYWJsZWQgfSkpLFxuXG4gICAgLi4uKHZhcmlhbnQgPT09IFwidGVydGlhcnlcIiAmJlxuICAgICAgZ2V0VGVydGlhcnlWYXJpYW50U3R5bGVzKHsgdGhlbWUsIGRlc3RydWN0aXZlLCBkaXNhYmxlZCB9KSksXG5cbiAgICAuLi4oaXNQcmVzc2VkICYmIHtcbiAgICAgIC4uLmdldFByZXNzZWRTdHlsZXMoeyB0aGVtZSB9KSxcbiAgICAgIFwiJjphY3RpdmUsICY6aG92ZXJcIjoge1xuICAgICAgICAuLi5nZXRQcmVzc2VkU3R5bGVzKHsgdGhlbWUgfSksXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKGZ1bGxXaWR0aCAmJiB7XG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgfSksXG5cbiAgICAuLi5nZXRGb2N1c1N0eWxlcygpLFxuXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIC4uLmdldERpc2FibGVkU3R5bGVzKHsgdGhlbWUgfSksXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBJbnRlcmFjdGl2ZUJveCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBhbGlnblRleHQsXG4gICAgICBiU3BhY2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGRlc3RydWN0aXZlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBmdWxsV2lkdGgsXG4gICAgICBpZCxcbiAgICAgIGlzUHJlc3NlZCxcbiAgICAgIGxTcGFjZSxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgclNwYWNlLFxuICAgICAgc3BhY2UgPSBcInplcm9cIixcbiAgICAgIHRTcGFjZSxcbiAgICAgIHZhcmlhbnQsXG4gICAgICB2U3BhY2UsXG4gICAgICBoZWlnaHQsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLmFyaWFBdHRyaWJ1dGVzXG4gICAgfTogSW50ZXJhY3RpdmVCb3hQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IChcbiAgICA8U3R5bGVkSW50ZXJhY3RpdmVCb3hcbiAgICAgIHJlZj17cmVmIGFzIHVua25vd24gYXMgUmVhY3QuUmVmPEhUTUxEaXZFbGVtZW50Pn1cbiAgICAgIGFzPVwiYnV0dG9uXCJcbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBmdWxsV2lkdGg9e2Z1bGxXaWR0aH1cbiAgICAgIGRlc3RydWN0aXZlPXtkZXN0cnVjdGl2ZX1cbiAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgclNwYWNlPXtyU3BhY2V9XG4gICAgICBsU3BhY2U9e2xTcGFjZX1cbiAgICAgIHRTcGFjZT17dFNwYWNlfVxuICAgICAgYlNwYWNlPXtiU3BhY2V9XG4gICAgICBhbGlnblRleHQ9e2FsaWduVGV4dH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIGlzUHJlc3NlZD17aXNQcmVzc2VkfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJJbnRlcmFjdGl2ZUJveFwiXG4gICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICBhcmlhLXByZXNzZWQ9e2lzUHJlc3NlZCA/PyB1bmRlZmluZWR9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkSW50ZXJhY3RpdmVCb3g+XG4gIClcbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEI2QiJ9 */");export const InteractiveBox=forwardRef(({alignText,bSpace,children,destructive,disabled,fullWidth,id,isPressed,lSpace,onBlur,onClick,onFocus,rSpace,space="zero",tSpace,variant,vSpace,height,"data-e2e-test-id":dataE2eTestId,...ariaAttributes},ref)=>React.createElement(StyledInteractiveBox,{ref:ref,as:"button",variant:variant,disabled:disabled,fullWidth:fullWidth,destructive:destructive,space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace,alignText:alignText,id:id,isPressed:isPressed,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"InteractiveBox",height:height,onClick:onClick,onFocus:onFocus,onBlur:onBlur,...ariaAttributes,"aria-pressed":isPressed??void 0},children));
|
|
@@ -3,6 +3,7 @@ import { type MediaCarouselProps } from "./MediaCarousel/MediaCarousel";
|
|
|
3
3
|
export type MediaViewerCarouselProps = {
|
|
4
4
|
currentIndex: number;
|
|
5
5
|
dataE2eTestId?: string;
|
|
6
|
+
focusOnMount?: boolean;
|
|
6
7
|
isExpanded: boolean;
|
|
7
8
|
mediaAssets: MediaCarouselProps["mediaAssets"];
|
|
8
9
|
nextBtnAriaLabel?: string;
|
|
@@ -14,4 +15,4 @@ export type MediaViewerCarouselProps = {
|
|
|
14
15
|
toggleExpanded: VoidFunction;
|
|
15
16
|
toggleBtnAriaLabel?: string;
|
|
16
17
|
};
|
|
17
|
-
export declare function MediaViewerCarousel({ currentIndex, dataE2eTestId, isExpanded, mediaAssets, nextBtnAriaLabel, onClickNext, onClickPrevious, onClickThumbnail, prevBtnAriaLabel, skipArrowKeysListener, toggleExpanded, toggleBtnAriaLabel, ...ariaAttributes }: MediaViewerCarouselProps): React.ReactNode;
|
|
18
|
+
export declare function MediaViewerCarousel({ currentIndex, dataE2eTestId, isExpanded, focusOnMount, mediaAssets, nextBtnAriaLabel, onClickNext, onClickPrevious, onClickThumbnail, prevBtnAriaLabel, skipArrowKeysListener, toggleExpanded, toggleBtnAriaLabel, ...ariaAttributes }: MediaViewerCarouselProps): React.ReactNode;
|
|
@@ -1 +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";import{useBreakpoints}from"../../shared/useBreakpoints";import{Backdrop}from"../Utilities/Backdrop/Backdrop";let StyledBottomBar=styled("div",{target:"ec4qa7v0",label:"StyledBottomBar"})(({isExpanded,theme})=>({alignItems:"center",bottom:theme.variables.size.spacing.zero,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.m.value}px)`]:{justifyContent:"center"},[`@media (max-width: ${breakpoints.m.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludHMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUJyZWFrcG9pbnRzXCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcblxuY29uc3QgQk9UVE9NX0JBUl9IRUlHSFQgPSAxMjQ7XG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgPSAxNDA7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVCA9IDE2O1xuY29uc3QgVE9HR0xFX0JVVFRPTl9IRUlHSFRfTU9CSUxFID0gMzI7XG5cbmNvbnN0IFN0eWxlZEJvdHRvbUJhciA9IHN0eWxlZC5kaXY8e1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xufT4oKHsgaXNFeHBhbmRlZCwgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm8sXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICAgIHRyYW5zZm9ybTogaXNFeHBhbmRlZFxuICAgICAgPyBcInRyYW5zbGF0ZVkoMClcIlxuICAgICAgOiBgdHJhbnNsYXRlWSgke1xuICAgICAgICAgIEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSAtIFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRVxuICAgICAgICB9cHgpYCxcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUJhY2tkcm9wID0gc3R5bGVkKEJhY2tkcm9wKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMl0sXG4gIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tLnZhbHVlfXB4KWBdOiB7XG4gICAgbGVmdDogXCJjYWxjKDUwJSAtIDc1cHgpXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmhvdmVyLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgaXNNb2JpbGUgfSA9IHVzZUJyZWFrcG9pbnRzKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIShpc0V4cGFuZGVkICYmIGlzUmVhZHkpKSByZXR1cm47XG5cbiAgICAvLyB3aGVuIGV4cGFuZGluZyBib3R0b20gYmFyIHdhaXQgZm9yIHRoZSBhbmltYXRpb24gdG8gZmluaXNoIGJlZm9yZSBmb2N1c2luZ1xuICAgIGNvbnN0IHRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9LCAzNTApO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbiAgICB9O1xuICB9LCBbaXNFeHBhbmRlZCwgaXNSZWFkeV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCb3R0b21CYXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gaXNFeHBhbmRlZD17aXNFeHBhbmRlZH0+XG4gICAgICA8Q3VzdG9tQmFja2Ryb3AgaW52ZXJ0ZWQgLz5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvU3R5bGVkVG9nZ2xlQnV0dG9uPlxuICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICA8TWVkaWFDYXJvdXNlbFxuICAgICAgICBhY3RpdmVJdGVtUmVmPXthY3RpdmVJdGVtUmVmfVxuICAgICAgICBjdXJyZW50SW5kZXg9e2N1cnJlbnRJbmRleH1cbiAgICAgICAgbWVkaWFBc3NldHM9e21lZGlhQXNzZXRzfVxuICAgICAgICBuZXh0QnRuQXJpYUxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICBvbkNsaWNrTmV4dD17b25DbGlja05leHR9XG4gICAgICAgIG9uQ2xpY2tQcmV2aW91cz17b25DbGlja1ByZXZpb3VzfVxuICAgICAgICBvbkNsaWNrVGh1bWJuYWlsPXtvbkNsaWNrVGh1bWJuYWlsfVxuICAgICAgICBwcmV2QnRuQXJpYUxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICBzZXRJc1JlYWR5PXtzZXRJc1JlYWR5fVxuICAgICAgICBzaG93TmF2QnV0dG9ucz17IWlzTW9iaWxlICYmIG1lZGlhQXNzZXRzLmxlbmd0aCA+IDF9XG4gICAgICAgIHNraXBBcnJvd0tleXNMaXN0ZW5lcj17c2tpcEFycm93S2V5c0xpc3RlbmVyfVxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAvPlxuICAgIDwvU3R5bGVkQm90dG9tQmFyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCd0IifQ== */"),CustomBackdrop=styled(Backdrop,{target:"ec4qa7v1",label:"CustomBackdrop"})(({theme})=>({boxShadow:theme.values.elevation[2],borderTop:`1px solid ${theme.values.color.border.secondary.default}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludHMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUJyZWFrcG9pbnRzXCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcblxuY29uc3QgQk9UVE9NX0JBUl9IRUlHSFQgPSAxMjQ7XG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgPSAxNDA7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVCA9IDE2O1xuY29uc3QgVE9HR0xFX0JVVFRPTl9IRUlHSFRfTU9CSUxFID0gMzI7XG5cbmNvbnN0IFN0eWxlZEJvdHRvbUJhciA9IHN0eWxlZC5kaXY8e1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xufT4oKHsgaXNFeHBhbmRlZCwgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm8sXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICAgIHRyYW5zZm9ybTogaXNFeHBhbmRlZFxuICAgICAgPyBcInRyYW5zbGF0ZVkoMClcIlxuICAgICAgOiBgdHJhbnNsYXRlWSgke1xuICAgICAgICAgIEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSAtIFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRVxuICAgICAgICB9cHgpYCxcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUJhY2tkcm9wID0gc3R5bGVkKEJhY2tkcm9wKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMl0sXG4gIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tLnZhbHVlfXB4KWBdOiB7XG4gICAgbGVmdDogXCJjYWxjKDUwJSAtIDc1cHgpXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmhvdmVyLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgaXNNb2JpbGUgfSA9IHVzZUJyZWFrcG9pbnRzKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIShpc0V4cGFuZGVkICYmIGlzUmVhZHkpKSByZXR1cm47XG5cbiAgICAvLyB3aGVuIGV4cGFuZGluZyBib3R0b20gYmFyIHdhaXQgZm9yIHRoZSBhbmltYXRpb24gdG8gZmluaXNoIGJlZm9yZSBmb2N1c2luZ1xuICAgIGNvbnN0IHRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9LCAzNTApO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbiAgICB9O1xuICB9LCBbaXNFeHBhbmRlZCwgaXNSZWFkeV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCb3R0b21CYXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gaXNFeHBhbmRlZD17aXNFeHBhbmRlZH0+XG4gICAgICA8Q3VzdG9tQmFja2Ryb3AgaW52ZXJ0ZWQgLz5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvU3R5bGVkVG9nZ2xlQnV0dG9uPlxuICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICA8TWVkaWFDYXJvdXNlbFxuICAgICAgICBhY3RpdmVJdGVtUmVmPXthY3RpdmVJdGVtUmVmfVxuICAgICAgICBjdXJyZW50SW5kZXg9e2N1cnJlbnRJbmRleH1cbiAgICAgICAgbWVkaWFBc3NldHM9e21lZGlhQXNzZXRzfVxuICAgICAgICBuZXh0QnRuQXJpYUxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICBvbkNsaWNrTmV4dD17b25DbGlja05leHR9XG4gICAgICAgIG9uQ2xpY2tQcmV2aW91cz17b25DbGlja1ByZXZpb3VzfVxuICAgICAgICBvbkNsaWNrVGh1bWJuYWlsPXtvbkNsaWNrVGh1bWJuYWlsfVxuICAgICAgICBwcmV2QnRuQXJpYUxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICBzZXRJc1JlYWR5PXtzZXRJc1JlYWR5fVxuICAgICAgICBzaG93TmF2QnV0dG9ucz17IWlzTW9iaWxlICYmIG1lZGlhQXNzZXRzLmxlbmd0aCA+IDF9XG4gICAgICAgIHNraXBBcnJvd0tleXNMaXN0ZW5lcj17c2tpcEFycm93S2V5c0xpc3RlbmVyfVxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAvPlxuICAgIDwvU3R5bGVkQm90dG9tQmFyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1EdUIifQ== */"),StyledToggleButtonContainer=styled("div",{target:"ec4qa7v2",label:"StyledToggleButtonContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.zero,[`@media (max-width: ${breakpoints.m.value}px)`]:{left:"calc(50% - 75px)",width:"150px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludHMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUJyZWFrcG9pbnRzXCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcblxuY29uc3QgQk9UVE9NX0JBUl9IRUlHSFQgPSAxMjQ7XG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgPSAxNDA7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVCA9IDE2O1xuY29uc3QgVE9HR0xFX0JVVFRPTl9IRUlHSFRfTU9CSUxFID0gMzI7XG5cbmNvbnN0IFN0eWxlZEJvdHRvbUJhciA9IHN0eWxlZC5kaXY8e1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xufT4oKHsgaXNFeHBhbmRlZCwgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm8sXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICAgIHRyYW5zZm9ybTogaXNFeHBhbmRlZFxuICAgICAgPyBcInRyYW5zbGF0ZVkoMClcIlxuICAgICAgOiBgdHJhbnNsYXRlWSgke1xuICAgICAgICAgIEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSAtIFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRVxuICAgICAgICB9cHgpYCxcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUJhY2tkcm9wID0gc3R5bGVkKEJhY2tkcm9wKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMl0sXG4gIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tLnZhbHVlfXB4KWBdOiB7XG4gICAgbGVmdDogXCJjYWxjKDUwJSAtIDc1cHgpXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmhvdmVyLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgaXNNb2JpbGUgfSA9IHVzZUJyZWFrcG9pbnRzKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIShpc0V4cGFuZGVkICYmIGlzUmVhZHkpKSByZXR1cm47XG5cbiAgICAvLyB3aGVuIGV4cGFuZGluZyBib3R0b20gYmFyIHdhaXQgZm9yIHRoZSBhbmltYXRpb24gdG8gZmluaXNoIGJlZm9yZSBmb2N1c2luZ1xuICAgIGNvbnN0IHRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9LCAzNTApO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbiAgICB9O1xuICB9LCBbaXNFeHBhbmRlZCwgaXNSZWFkeV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCb3R0b21CYXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gaXNFeHBhbmRlZD17aXNFeHBhbmRlZH0+XG4gICAgICA8Q3VzdG9tQmFja2Ryb3AgaW52ZXJ0ZWQgLz5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvU3R5bGVkVG9nZ2xlQnV0dG9uPlxuICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICA8TWVkaWFDYXJvdXNlbFxuICAgICAgICBhY3RpdmVJdGVtUmVmPXthY3RpdmVJdGVtUmVmfVxuICAgICAgICBjdXJyZW50SW5kZXg9e2N1cnJlbnRJbmRleH1cbiAgICAgICAgbWVkaWFBc3NldHM9e21lZGlhQXNzZXRzfVxuICAgICAgICBuZXh0QnRuQXJpYUxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICBvbkNsaWNrTmV4dD17b25DbGlja05leHR9XG4gICAgICAgIG9uQ2xpY2tQcmV2aW91cz17b25DbGlja1ByZXZpb3VzfVxuICAgICAgICBvbkNsaWNrVGh1bWJuYWlsPXtvbkNsaWNrVGh1bWJuYWlsfVxuICAgICAgICBwcmV2QnRuQXJpYUxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICBzZXRJc1JlYWR5PXtzZXRJc1JlYWR5fVxuICAgICAgICBzaG93TmF2QnV0dG9ucz17IWlzTW9iaWxlICYmIG1lZGlhQXNzZXRzLmxlbmd0aCA+IDF9XG4gICAgICAgIHNraXBBcnJvd0tleXNMaXN0ZW5lcj17c2tpcEFycm93S2V5c0xpc3RlbmVyfVxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAvPlxuICAgIDwvU3R5bGVkQm90dG9tQmFyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEb0MifQ== */"),StyledToggleButton=styled("button",{target:"ec4qa7v3",label:"StyledToggleButton"})(({theme})=>({alignItems:"center",backgroundColor:theme.values.color.background.placeholder.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,"&:hover":{backgroundColor:theme.values.color.background.placeholder.hover},[`@media (max-width: ${breakpoints.m.value}px)`]:{height:32,justifyContent:"center",width:"100%"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludHMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUJyZWFrcG9pbnRzXCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcblxuY29uc3QgQk9UVE9NX0JBUl9IRUlHSFQgPSAxMjQ7XG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgPSAxNDA7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVCA9IDE2O1xuY29uc3QgVE9HR0xFX0JVVFRPTl9IRUlHSFRfTU9CSUxFID0gMzI7XG5cbmNvbnN0IFN0eWxlZEJvdHRvbUJhciA9IHN0eWxlZC5kaXY8e1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xufT4oKHsgaXNFeHBhbmRlZCwgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm8sXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICAgIHRyYW5zZm9ybTogaXNFeHBhbmRlZFxuICAgICAgPyBcInRyYW5zbGF0ZVkoMClcIlxuICAgICAgOiBgdHJhbnNsYXRlWSgke1xuICAgICAgICAgIEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSAtIFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRVxuICAgICAgICB9cHgpYCxcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUJhY2tkcm9wID0gc3R5bGVkKEJhY2tkcm9wKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMl0sXG4gIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tLnZhbHVlfXB4KWBdOiB7XG4gICAgbGVmdDogXCJjYWxjKDUwJSAtIDc1cHgpXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmhvdmVyLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgaXNNb2JpbGUgfSA9IHVzZUJyZWFrcG9pbnRzKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIShpc0V4cGFuZGVkICYmIGlzUmVhZHkpKSByZXR1cm47XG5cbiAgICAvLyB3aGVuIGV4cGFuZGluZyBib3R0b20gYmFyIHdhaXQgZm9yIHRoZSBhbmltYXRpb24gdG8gZmluaXNoIGJlZm9yZSBmb2N1c2luZ1xuICAgIGNvbnN0IHRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICB9LCAzNTApO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbiAgICB9O1xuICB9LCBbaXNFeHBhbmRlZCwgaXNSZWFkeV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCb3R0b21CYXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gaXNFeHBhbmRlZD17aXNFeHBhbmRlZH0+XG4gICAgICA8Q3VzdG9tQmFja2Ryb3AgaW52ZXJ0ZWQgLz5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvU3R5bGVkVG9nZ2xlQnV0dG9uPlxuICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICA8TWVkaWFDYXJvdXNlbFxuICAgICAgICBhY3RpdmVJdGVtUmVmPXthY3RpdmVJdGVtUmVmfVxuICAgICAgICBjdXJyZW50SW5kZXg9e2N1cnJlbnRJbmRleH1cbiAgICAgICAgbWVkaWFBc3NldHM9e21lZGlhQXNzZXRzfVxuICAgICAgICBuZXh0QnRuQXJpYUxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICBvbkNsaWNrTmV4dD17b25DbGlja05leHR9XG4gICAgICAgIG9uQ2xpY2tQcmV2aW91cz17b25DbGlja1ByZXZpb3VzfVxuICAgICAgICBvbkNsaWNrVGh1bWJuYWlsPXtvbkNsaWNrVGh1bWJuYWlsfVxuICAgICAgICBwcmV2QnRuQXJpYUxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICBzZXRJc1JlYWR5PXtzZXRJc1JlYWR5fVxuICAgICAgICBzaG93TmF2QnV0dG9ucz17IWlzTW9iaWxlICYmIG1lZGlhQXNzZXRzLmxlbmd0aCA+IDF9XG4gICAgICAgIHNraXBBcnJvd0tleXNMaXN0ZW5lcj17c2tpcEFycm93S2V5c0xpc3RlbmVyfVxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAvPlxuICAgIDwvU3R5bGVkQm90dG9tQmFyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFMkIifQ== */");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",skipArrowKeysListener=!1,toggleExpanded,toggleBtnAriaLabel="Click to expand or collapse the carousel",...ariaAttributes}){let activeItemRef=useRef(null),[isReady,setIsReady]=useState(!1),{isMobile}=useBreakpoints();return 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},React.createElement(CustomBackdrop,{inverted:!0}),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:"primary",size:"s"})))),React.createElement(MediaCarousel,{activeItemRef:activeItemRef,currentIndex:currentIndex,mediaAssets:mediaAssets,nextBtnAriaLabel:nextBtnAriaLabel,onClickNext:onClickNext,onClickPrevious:onClickPrevious,onClickThumbnail:onClickThumbnail,prevBtnAriaLabel:prevBtnAriaLabel,setIsReady:setIsReady,showNavButtons:!isMobile&&mediaAssets.length>1,skipArrowKeysListener:skipArrowKeysListener,...ariaAttributes}))}
|
|
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";import{useBreakpoints}from"../../shared/useBreakpoints";import{Backdrop}from"../Utilities/Backdrop/Backdrop";let StyledBottomBar=styled("div",{target:"e12dkh5j0",label:"StyledBottomBar"})(({isExpanded,theme})=>({alignItems:"center",bottom:theme.variables.size.spacing.zero,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.m.value}px)`]:{justifyContent:"center"},[`@media (max-width: ${breakpoints.m.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludHMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUJyZWFrcG9pbnRzXCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcblxuY29uc3QgQk9UVE9NX0JBUl9IRUlHSFQgPSAxMjQ7XG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgPSAxNDA7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVCA9IDE2O1xuY29uc3QgVE9HR0xFX0JVVFRPTl9IRUlHSFRfTU9CSUxFID0gMzI7XG5cbmNvbnN0IFN0eWxlZEJvdHRvbUJhciA9IHN0eWxlZC5kaXY8e1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xufT4oKHsgaXNFeHBhbmRlZCwgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm8sXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICAgIHRyYW5zZm9ybTogaXNFeHBhbmRlZFxuICAgICAgPyBcInRyYW5zbGF0ZVkoMClcIlxuICAgICAgOiBgdHJhbnNsYXRlWSgke1xuICAgICAgICAgIEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSAtIFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRVxuICAgICAgICB9cHgpYCxcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUJhY2tkcm9wID0gc3R5bGVkKEJhY2tkcm9wKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMl0sXG4gIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tLnZhbHVlfXB4KWBdOiB7XG4gICAgbGVmdDogXCJjYWxjKDUwJSAtIDc1cHgpXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmhvdmVyLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGZvY3VzT25Nb3VudD86IGJvb2xlYW47XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIGZvY3VzT25Nb3VudCA9IGZhbHNlLFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCA9IFwiQ2xpY2sgdG8gZ28gdG8gdGhlIG5leHQgaW1hZ2VcIixcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCA9IFwiQ2xpY2sgdG8gZ28gdG8gdGhlIHByZXZpb3VzIGltYWdlXCIsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lciA9IGZhbHNlLFxuICB0b2dnbGVFeHBhbmRlZCxcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBleHBhbmQgb3IgY29sbGFwc2UgdGhlIGNhcm91c2VsXCIsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBNZWRpYVZpZXdlckNhcm91c2VsUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBhY3RpdmVJdGVtUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgW2lzUmVhZHksIHNldElzUmVhZHldID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IGlzTW9iaWxlIH0gPSB1c2VCcmVha3BvaW50cygpO1xuICBjb25zdCBwcmV2aW91c0lzRXhwYW5kZWRSZWYgPSB1c2VSZWYoaXNFeHBhbmRlZCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB3YXNFeHBhbmRlZCA9IHByZXZpb3VzSXNFeHBhbmRlZFJlZi5jdXJyZW50O1xuICAgIHByZXZpb3VzSXNFeHBhbmRlZFJlZi5jdXJyZW50ID0gaXNFeHBhbmRlZDtcblxuICAgIC8vIE9ubHkgZm9jdXMgd2hlbiB0aGUgYm90dG9tIGJhciBpcyB0b2dnbGVkIGZyb20gY29sbGFwc2VkIHRvIGV4cGFuZGVkLFxuICAgIC8vIG5vdCBvbiB0aGUgaW5pdGlhbCBtb3VudC5cbiAgICBpZiAoIShpc0V4cGFuZGVkICYmIGlzUmVhZHkgJiYgIXdhc0V4cGFuZGVkKSkgcmV0dXJuO1xuXG4gICAgLy8gd2hlbiBleHBhbmRpbmcgYm90dG9tIGJhciB3YWl0IGZvciB0aGUgYW5pbWF0aW9uIHRvIGZpbmlzaCBiZWZvcmUgZm9jdXNpbmdcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfSwgMzUwKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjbGVhclRpbWVvdXQodGltZW91dCk7XG4gICAgfTtcbiAgfSwgW2lzRXhwYW5kZWQsIGlzUmVhZHldKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0V4cGFuZGVkICYmIGlzUmVhZHkgJiYgZm9jdXNPbk1vdW50KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleCwgaXNSZWFkeSwgZm9jdXNPbk1vdW50XSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQm90dG9tQmFyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9PlxuICAgICAgPEN1c3RvbUJhY2tkcm9wIGludmVydGVkIC8+XG4gICAgICA8U3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkVG9nZ2xlQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dG9nZ2xlQnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBzcGFjZT1cImxcIiB2U3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBuYW1lPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLWRvd25cIiA6IFwiY2hldnJvbi11cFwifVxuICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyPlxuICAgICAgPE1lZGlhQ2Fyb3VzZWxcbiAgICAgICAgYWN0aXZlSXRlbVJlZj17YWN0aXZlSXRlbVJlZn1cbiAgICAgICAgY3VycmVudEluZGV4PXtjdXJyZW50SW5kZXh9XG4gICAgICAgIG1lZGlhQXNzZXRzPXttZWRpYUFzc2V0c31cbiAgICAgICAgbmV4dEJ0bkFyaWFMYWJlbD17bmV4dEJ0bkFyaWFMYWJlbH1cbiAgICAgICAgb25DbGlja05leHQ9e29uQ2xpY2tOZXh0fVxuICAgICAgICBvbkNsaWNrUHJldmlvdXM9e29uQ2xpY2tQcmV2aW91c31cbiAgICAgICAgb25DbGlja1RodW1ibmFpbD17b25DbGlja1RodW1ibmFpbH1cbiAgICAgICAgcHJldkJ0bkFyaWFMYWJlbD17cHJldkJ0bkFyaWFMYWJlbH1cbiAgICAgICAgc2V0SXNSZWFkeT17c2V0SXNSZWFkeX1cbiAgICAgICAgc2hvd05hdkJ1dHRvbnM9eyFpc01vYmlsZSAmJiBtZWRpYUFzc2V0cy5sZW5ndGggPiAxfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZEJvdHRvbUJhcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQndCIn0= */"),CustomBackdrop=styled(Backdrop,{target:"e12dkh5j1",label:"CustomBackdrop"})(({theme})=>({boxShadow:theme.values.elevation[2],borderTop:`1px solid ${theme.values.color.border.secondary.default}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludHMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUJyZWFrcG9pbnRzXCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcblxuY29uc3QgQk9UVE9NX0JBUl9IRUlHSFQgPSAxMjQ7XG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgPSAxNDA7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVCA9IDE2O1xuY29uc3QgVE9HR0xFX0JVVFRPTl9IRUlHSFRfTU9CSUxFID0gMzI7XG5cbmNvbnN0IFN0eWxlZEJvdHRvbUJhciA9IHN0eWxlZC5kaXY8e1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xufT4oKHsgaXNFeHBhbmRlZCwgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm8sXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICAgIHRyYW5zZm9ybTogaXNFeHBhbmRlZFxuICAgICAgPyBcInRyYW5zbGF0ZVkoMClcIlxuICAgICAgOiBgdHJhbnNsYXRlWSgke1xuICAgICAgICAgIEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSAtIFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRVxuICAgICAgICB9cHgpYCxcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUJhY2tkcm9wID0gc3R5bGVkKEJhY2tkcm9wKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMl0sXG4gIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tLnZhbHVlfXB4KWBdOiB7XG4gICAgbGVmdDogXCJjYWxjKDUwJSAtIDc1cHgpXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmhvdmVyLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGZvY3VzT25Nb3VudD86IGJvb2xlYW47XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIGZvY3VzT25Nb3VudCA9IGZhbHNlLFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCA9IFwiQ2xpY2sgdG8gZ28gdG8gdGhlIG5leHQgaW1hZ2VcIixcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCA9IFwiQ2xpY2sgdG8gZ28gdG8gdGhlIHByZXZpb3VzIGltYWdlXCIsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lciA9IGZhbHNlLFxuICB0b2dnbGVFeHBhbmRlZCxcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBleHBhbmQgb3IgY29sbGFwc2UgdGhlIGNhcm91c2VsXCIsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBNZWRpYVZpZXdlckNhcm91c2VsUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBhY3RpdmVJdGVtUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgW2lzUmVhZHksIHNldElzUmVhZHldID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IGlzTW9iaWxlIH0gPSB1c2VCcmVha3BvaW50cygpO1xuICBjb25zdCBwcmV2aW91c0lzRXhwYW5kZWRSZWYgPSB1c2VSZWYoaXNFeHBhbmRlZCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB3YXNFeHBhbmRlZCA9IHByZXZpb3VzSXNFeHBhbmRlZFJlZi5jdXJyZW50O1xuICAgIHByZXZpb3VzSXNFeHBhbmRlZFJlZi5jdXJyZW50ID0gaXNFeHBhbmRlZDtcblxuICAgIC8vIE9ubHkgZm9jdXMgd2hlbiB0aGUgYm90dG9tIGJhciBpcyB0b2dnbGVkIGZyb20gY29sbGFwc2VkIHRvIGV4cGFuZGVkLFxuICAgIC8vIG5vdCBvbiB0aGUgaW5pdGlhbCBtb3VudC5cbiAgICBpZiAoIShpc0V4cGFuZGVkICYmIGlzUmVhZHkgJiYgIXdhc0V4cGFuZGVkKSkgcmV0dXJuO1xuXG4gICAgLy8gd2hlbiBleHBhbmRpbmcgYm90dG9tIGJhciB3YWl0IGZvciB0aGUgYW5pbWF0aW9uIHRvIGZpbmlzaCBiZWZvcmUgZm9jdXNpbmdcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfSwgMzUwKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjbGVhclRpbWVvdXQodGltZW91dCk7XG4gICAgfTtcbiAgfSwgW2lzRXhwYW5kZWQsIGlzUmVhZHldKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0V4cGFuZGVkICYmIGlzUmVhZHkgJiYgZm9jdXNPbk1vdW50KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleCwgaXNSZWFkeSwgZm9jdXNPbk1vdW50XSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQm90dG9tQmFyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9PlxuICAgICAgPEN1c3RvbUJhY2tkcm9wIGludmVydGVkIC8+XG4gICAgICA8U3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkVG9nZ2xlQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dG9nZ2xlQnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBzcGFjZT1cImxcIiB2U3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBuYW1lPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLWRvd25cIiA6IFwiY2hldnJvbi11cFwifVxuICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyPlxuICAgICAgPE1lZGlhQ2Fyb3VzZWxcbiAgICAgICAgYWN0aXZlSXRlbVJlZj17YWN0aXZlSXRlbVJlZn1cbiAgICAgICAgY3VycmVudEluZGV4PXtjdXJyZW50SW5kZXh9XG4gICAgICAgIG1lZGlhQXNzZXRzPXttZWRpYUFzc2V0c31cbiAgICAgICAgbmV4dEJ0bkFyaWFMYWJlbD17bmV4dEJ0bkFyaWFMYWJlbH1cbiAgICAgICAgb25DbGlja05leHQ9e29uQ2xpY2tOZXh0fVxuICAgICAgICBvbkNsaWNrUHJldmlvdXM9e29uQ2xpY2tQcmV2aW91c31cbiAgICAgICAgb25DbGlja1RodW1ibmFpbD17b25DbGlja1RodW1ibmFpbH1cbiAgICAgICAgcHJldkJ0bkFyaWFMYWJlbD17cHJldkJ0bkFyaWFMYWJlbH1cbiAgICAgICAgc2V0SXNSZWFkeT17c2V0SXNSZWFkeX1cbiAgICAgICAgc2hvd05hdkJ1dHRvbnM9eyFpc01vYmlsZSAmJiBtZWRpYUFzc2V0cy5sZW5ndGggPiAxfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZEJvdHRvbUJhcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHVCIn0= */"),StyledToggleButtonContainer=styled("div",{target:"e12dkh5j2",label:"StyledToggleButtonContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.zero,[`@media (max-width: ${breakpoints.m.value}px)`]:{left:"calc(50% - 75px)",width:"150px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludHMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUJyZWFrcG9pbnRzXCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcblxuY29uc3QgQk9UVE9NX0JBUl9IRUlHSFQgPSAxMjQ7XG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgPSAxNDA7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVCA9IDE2O1xuY29uc3QgVE9HR0xFX0JVVFRPTl9IRUlHSFRfTU9CSUxFID0gMzI7XG5cbmNvbnN0IFN0eWxlZEJvdHRvbUJhciA9IHN0eWxlZC5kaXY8e1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xufT4oKHsgaXNFeHBhbmRlZCwgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm8sXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICAgIHRyYW5zZm9ybTogaXNFeHBhbmRlZFxuICAgICAgPyBcInRyYW5zbGF0ZVkoMClcIlxuICAgICAgOiBgdHJhbnNsYXRlWSgke1xuICAgICAgICAgIEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSAtIFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRVxuICAgICAgICB9cHgpYCxcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUJhY2tkcm9wID0gc3R5bGVkKEJhY2tkcm9wKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMl0sXG4gIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tLnZhbHVlfXB4KWBdOiB7XG4gICAgbGVmdDogXCJjYWxjKDUwJSAtIDc1cHgpXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmhvdmVyLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGZvY3VzT25Nb3VudD86IGJvb2xlYW47XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIGZvY3VzT25Nb3VudCA9IGZhbHNlLFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCA9IFwiQ2xpY2sgdG8gZ28gdG8gdGhlIG5leHQgaW1hZ2VcIixcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCA9IFwiQ2xpY2sgdG8gZ28gdG8gdGhlIHByZXZpb3VzIGltYWdlXCIsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lciA9IGZhbHNlLFxuICB0b2dnbGVFeHBhbmRlZCxcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBleHBhbmQgb3IgY29sbGFwc2UgdGhlIGNhcm91c2VsXCIsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBNZWRpYVZpZXdlckNhcm91c2VsUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBhY3RpdmVJdGVtUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgW2lzUmVhZHksIHNldElzUmVhZHldID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IGlzTW9iaWxlIH0gPSB1c2VCcmVha3BvaW50cygpO1xuICBjb25zdCBwcmV2aW91c0lzRXhwYW5kZWRSZWYgPSB1c2VSZWYoaXNFeHBhbmRlZCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB3YXNFeHBhbmRlZCA9IHByZXZpb3VzSXNFeHBhbmRlZFJlZi5jdXJyZW50O1xuICAgIHByZXZpb3VzSXNFeHBhbmRlZFJlZi5jdXJyZW50ID0gaXNFeHBhbmRlZDtcblxuICAgIC8vIE9ubHkgZm9jdXMgd2hlbiB0aGUgYm90dG9tIGJhciBpcyB0b2dnbGVkIGZyb20gY29sbGFwc2VkIHRvIGV4cGFuZGVkLFxuICAgIC8vIG5vdCBvbiB0aGUgaW5pdGlhbCBtb3VudC5cbiAgICBpZiAoIShpc0V4cGFuZGVkICYmIGlzUmVhZHkgJiYgIXdhc0V4cGFuZGVkKSkgcmV0dXJuO1xuXG4gICAgLy8gd2hlbiBleHBhbmRpbmcgYm90dG9tIGJhciB3YWl0IGZvciB0aGUgYW5pbWF0aW9uIHRvIGZpbmlzaCBiZWZvcmUgZm9jdXNpbmdcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfSwgMzUwKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjbGVhclRpbWVvdXQodGltZW91dCk7XG4gICAgfTtcbiAgfSwgW2lzRXhwYW5kZWQsIGlzUmVhZHldKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0V4cGFuZGVkICYmIGlzUmVhZHkgJiYgZm9jdXNPbk1vdW50KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleCwgaXNSZWFkeSwgZm9jdXNPbk1vdW50XSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQm90dG9tQmFyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9PlxuICAgICAgPEN1c3RvbUJhY2tkcm9wIGludmVydGVkIC8+XG4gICAgICA8U3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkVG9nZ2xlQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dG9nZ2xlQnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBzcGFjZT1cImxcIiB2U3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBuYW1lPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLWRvd25cIiA6IFwiY2hldnJvbi11cFwifVxuICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyPlxuICAgICAgPE1lZGlhQ2Fyb3VzZWxcbiAgICAgICAgYWN0aXZlSXRlbVJlZj17YWN0aXZlSXRlbVJlZn1cbiAgICAgICAgY3VycmVudEluZGV4PXtjdXJyZW50SW5kZXh9XG4gICAgICAgIG1lZGlhQXNzZXRzPXttZWRpYUFzc2V0c31cbiAgICAgICAgbmV4dEJ0bkFyaWFMYWJlbD17bmV4dEJ0bkFyaWFMYWJlbH1cbiAgICAgICAgb25DbGlja05leHQ9e29uQ2xpY2tOZXh0fVxuICAgICAgICBvbkNsaWNrUHJldmlvdXM9e29uQ2xpY2tQcmV2aW91c31cbiAgICAgICAgb25DbGlja1RodW1ibmFpbD17b25DbGlja1RodW1ibmFpbH1cbiAgICAgICAgcHJldkJ0bkFyaWFMYWJlbD17cHJldkJ0bkFyaWFMYWJlbH1cbiAgICAgICAgc2V0SXNSZWFkeT17c2V0SXNSZWFkeX1cbiAgICAgICAgc2hvd05hdkJ1dHRvbnM9eyFpc01vYmlsZSAmJiBtZWRpYUFzc2V0cy5sZW5ndGggPiAxfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZEJvdHRvbUJhcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RG9DIn0= */"),StyledToggleButton=styled("button",{target:"e12dkh5j3",label:"StyledToggleButton"})(({theme})=>({alignItems:"center",backgroundColor:theme.values.color.background.placeholder.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,"&:hover":{backgroundColor:theme.values.color.background.placeholder.hover},[`@media (max-width: ${breakpoints.m.value}px)`]:{height:32,justifyContent:"center",width:"100%"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludHMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUJyZWFrcG9pbnRzXCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcblxuY29uc3QgQk9UVE9NX0JBUl9IRUlHSFQgPSAxMjQ7XG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgPSAxNDA7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVCA9IDE2O1xuY29uc3QgVE9HR0xFX0JVVFRPTl9IRUlHSFRfTU9CSUxFID0gMzI7XG5cbmNvbnN0IFN0eWxlZEJvdHRvbUJhciA9IHN0eWxlZC5kaXY8e1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xufT4oKHsgaXNFeHBhbmRlZCwgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm8sXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubS52YWx1ZX1weClgXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICAgIHRyYW5zZm9ybTogaXNFeHBhbmRlZFxuICAgICAgPyBcInRyYW5zbGF0ZVkoMClcIlxuICAgICAgOiBgdHJhbnNsYXRlWSgke1xuICAgICAgICAgIEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSAtIFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRVxuICAgICAgICB9cHgpYCxcbiAgICB6SW5kZXg6IDUsXG4gIH0sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUJhY2tkcm9wID0gc3R5bGVkKEJhY2tkcm9wKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMl0sXG4gIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tLnZhbHVlfXB4KWBdOiB7XG4gICAgbGVmdDogXCJjYWxjKDUwJSAtIDc1cHgpXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVG9nZ2xlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnBsYWNlaG9sZGVyLmhvdmVyLFxuICB9LFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGZvY3VzT25Nb3VudD86IGJvb2xlYW47XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIGZvY3VzT25Nb3VudCA9IGZhbHNlLFxuICBtZWRpYUFzc2V0cyxcbiAgbmV4dEJ0bkFyaWFMYWJlbCA9IFwiQ2xpY2sgdG8gZ28gdG8gdGhlIG5leHQgaW1hZ2VcIixcbiAgb25DbGlja05leHQsXG4gIG9uQ2xpY2tQcmV2aW91cyxcbiAgb25DbGlja1RodW1ibmFpbCxcbiAgcHJldkJ0bkFyaWFMYWJlbCA9IFwiQ2xpY2sgdG8gZ28gdG8gdGhlIHByZXZpb3VzIGltYWdlXCIsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lciA9IGZhbHNlLFxuICB0b2dnbGVFeHBhbmRlZCxcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBleHBhbmQgb3IgY29sbGFwc2UgdGhlIGNhcm91c2VsXCIsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBNZWRpYVZpZXdlckNhcm91c2VsUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBhY3RpdmVJdGVtUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgW2lzUmVhZHksIHNldElzUmVhZHldID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IGlzTW9iaWxlIH0gPSB1c2VCcmVha3BvaW50cygpO1xuICBjb25zdCBwcmV2aW91c0lzRXhwYW5kZWRSZWYgPSB1c2VSZWYoaXNFeHBhbmRlZCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB3YXNFeHBhbmRlZCA9IHByZXZpb3VzSXNFeHBhbmRlZFJlZi5jdXJyZW50O1xuICAgIHByZXZpb3VzSXNFeHBhbmRlZFJlZi5jdXJyZW50ID0gaXNFeHBhbmRlZDtcblxuICAgIC8vIE9ubHkgZm9jdXMgd2hlbiB0aGUgYm90dG9tIGJhciBpcyB0b2dnbGVkIGZyb20gY29sbGFwc2VkIHRvIGV4cGFuZGVkLFxuICAgIC8vIG5vdCBvbiB0aGUgaW5pdGlhbCBtb3VudC5cbiAgICBpZiAoIShpc0V4cGFuZGVkICYmIGlzUmVhZHkgJiYgIXdhc0V4cGFuZGVkKSkgcmV0dXJuO1xuXG4gICAgLy8gd2hlbiBleHBhbmRpbmcgYm90dG9tIGJhciB3YWl0IGZvciB0aGUgYW5pbWF0aW9uIHRvIGZpbmlzaCBiZWZvcmUgZm9jdXNpbmdcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfSwgMzUwKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjbGVhclRpbWVvdXQodGltZW91dCk7XG4gICAgfTtcbiAgfSwgW2lzRXhwYW5kZWQsIGlzUmVhZHldKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0V4cGFuZGVkICYmIGlzUmVhZHkgJiYgZm9jdXNPbk1vdW50KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleCwgaXNSZWFkeSwgZm9jdXNPbk1vdW50XSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQm90dG9tQmFyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9PlxuICAgICAgPEN1c3RvbUJhY2tkcm9wIGludmVydGVkIC8+XG4gICAgICA8U3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkVG9nZ2xlQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dG9nZ2xlQnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBzcGFjZT1cImxcIiB2U3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBuYW1lPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLWRvd25cIiA6IFwiY2hldnJvbi11cFwifVxuICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkVG9nZ2xlQnV0dG9uQ29udGFpbmVyPlxuICAgICAgPE1lZGlhQ2Fyb3VzZWxcbiAgICAgICAgYWN0aXZlSXRlbVJlZj17YWN0aXZlSXRlbVJlZn1cbiAgICAgICAgY3VycmVudEluZGV4PXtjdXJyZW50SW5kZXh9XG4gICAgICAgIG1lZGlhQXNzZXRzPXttZWRpYUFzc2V0c31cbiAgICAgICAgbmV4dEJ0bkFyaWFMYWJlbD17bmV4dEJ0bkFyaWFMYWJlbH1cbiAgICAgICAgb25DbGlja05leHQ9e29uQ2xpY2tOZXh0fVxuICAgICAgICBvbkNsaWNrUHJldmlvdXM9e29uQ2xpY2tQcmV2aW91c31cbiAgICAgICAgb25DbGlja1RodW1ibmFpbD17b25DbGlja1RodW1ibmFpbH1cbiAgICAgICAgcHJldkJ0bkFyaWFMYWJlbD17cHJldkJ0bkFyaWFMYWJlbH1cbiAgICAgICAgc2V0SXNSZWFkeT17c2V0SXNSZWFkeX1cbiAgICAgICAgc2hvd05hdkJ1dHRvbnM9eyFpc01vYmlsZSAmJiBtZWRpYUFzc2V0cy5sZW5ndGggPiAxfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZEJvdHRvbUJhcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRTJCIn0= */");export function MediaViewerCarousel({currentIndex,dataE2eTestId,isExpanded,focusOnMount=!1,mediaAssets,nextBtnAriaLabel="Click to go to the next image",onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel="Click to go to the previous image",skipArrowKeysListener=!1,toggleExpanded,toggleBtnAriaLabel="Click to expand or collapse the carousel",...ariaAttributes}){let activeItemRef=useRef(null),[isReady,setIsReady]=useState(!1),{isMobile}=useBreakpoints(),previousIsExpandedRef=useRef(isExpanded);return useEffect(()=>{let wasExpanded=previousIsExpandedRef.current;if(previousIsExpandedRef.current=isExpanded,!(isExpanded&&isReady&&!wasExpanded))return;let timeout=setTimeout(()=>{activeItemRef.current?.focus()},350);return()=>{clearTimeout(timeout)}},[isExpanded,isReady]),useEffect(()=>{isExpanded&&isReady&&focusOnMount&&activeItemRef.current?.focus()},[currentIndex,isReady,focusOnMount]),React.createElement(StyledBottomBar,{"data-e2e-test-id":dataE2eTestId,isExpanded:isExpanded},React.createElement(CustomBackdrop,{inverted:!0}),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:"primary",size:"s"})))),React.createElement(MediaCarousel,{activeItemRef:activeItemRef,currentIndex:currentIndex,mediaAssets:mediaAssets,nextBtnAriaLabel:nextBtnAriaLabel,onClickNext:onClickNext,onClickPrevious:onClickPrevious,onClickThumbnail:onClickThumbnail,prevBtnAriaLabel:prevBtnAriaLabel,setIsReady:setIsReady,showNavButtons:!isMobile&&mediaAssets.length>1,skipArrowKeysListener:skipArrowKeysListener,...ariaAttributes}))}
|