@skodaflow/web-library 7.0.0 → 7.0.2

package/cjs/design/skoda/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../../src/design/skoda/theme.ts"],"sourcesContent":["import { createTheme } from '@mui/material/styles';\nimport { flowAccordion } from './components/accordion/accordion.theme';\nimport { flowAccordionSummary } from './components/accordion/accordionSummary.theme';\nimport { flowAutocomplete } from './components/autocomplete.theme';\nimport { flowBackdrop } from './components/backdrop.theme';\nimport { getFlowCssBaseline } from './components/baseline.theme';\nimport { flowBreadCrumbs } from './components/breadcrumbs.theme';\nimport { flowButton } from './components/button.theme';\nimport { flowButtonBase } from './components/buttonBase.theme';\nimport { flowCheckbox } from './components/checkbox.theme';\nimport { flowChip } from './components/chip.theme';\nimport { flowClock } from './components/datePickers/clock.theme';\nimport { flowDateTimePickerTabs } from './components/datePickers/dateTimePickerTabs.theme';\nimport { flowDateTimePickerToolbar } from './components/datePickers/dateTimePickerToolbar.theme';\nimport { flowDesktopDateTimePicker } from './components/datePickers/desktopDateTimePicker.theme';\nimport { flowDesktopTimePicker } from './components/datePickers/desktopTimePicker.theme';\nimport { flowMultiSectionDigitalClockSection } from './components/datePickers/multiSectionDigitalClockSection.theme';\nimport { flowPickersLayout } from './components/datePickers/pickersLayout.theme';\nimport { flowPickersToolbar } from './components/datePickers/pickersToolbar.theme';\nimport { flowPickersToolbarButton } from './components/datePickers/pickersToolbarButton.theme';\nimport { flowPickersToolbarText } from './components/datePickers/pickersToolbarText.theme';\nimport { flowTimeClock } from './components/datePickers/timeClock.theme';\nimport { flowTimePickerToolbar } from './components/datePickers/timePickerToolbar.theme';\nimport { flowDialog } from './components/dialog/dialog.theme';\nimport { flowDialogActions } from './components/dialog/dialogActions.theme';\nimport { flowDialogTitle } from './components/dialog/dialogTitle.theme';\nimport { flowDivider } from './components/divider.theme';\nimport { flowDrawer } from './components/drawer.theme';\nimport { flowFilledInput } from './components/form/filledInput.theme';\nimport { flowFormControl } from './components/form/formControl.theme';\nimport { flowFormControlLabel } from './components/form/formControlLabel.theme';\nimport { flowFormHelperText } from './components/form/formHelperText.theme';\nimport { flowFormLabel } from './components/form/formLabel.theme';\nimport { flowInput } from './components/form/input.theme';\nimport { flowInputAdornment } from './components/form/inputAdornment.theme';\nimport { flowInputBase } from './components/form/inputBase.theme';\nimport { flowInputLabel } from './components/form/inputLabel.theme';\nimport { flowRadio } from './components/form/radio.theme';\nimport { flowSelect } from './components/form/select.theme';\nimport { flowSlider } from './components/form/slider.theme';\nimport { flowSwitch } from './components/form/switch.theme';\nimport { flowTextField } from './components/form/textField.theme';\nimport { flowIcon } from './components/icon.theme';\nimport { flowIconButton } from './components/iconButton.theme';\nimport { flowContainer } from './components/layout/container.theme';\nimport { flowGrid } from './components/layout/grid.theme';\nimport { flowList } from './components/list.theme';\nimport { flowListItemText } from './components/listItemText.theme';\nimport { flowMenuItem } from './components/menuItem.theme';\nimport { flowMobileStepper } from './components/mobileStepper.theme';\nimport { flowModal } from './components/modal.theme';\nimport { flowPagination, flowPaginationItem } from './components/pagination.theme';\nimport { flowPaper } from './components/paper.theme';\nimport { flowPopover } from './components/popover.theme';\nimport { flowSnackbar } from './components/snackbar.theme';\nimport { flowStepConnector, flowStepLabel } from './components/stepper';\nimport { flowTab, flowTabs } from './components/tabs';\nimport { flowTooltip } from './components/tooltip.theme';\nimport { flowCard } from './organisms/card.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport './theme.extensions';\nimport { getTypographyOptions } from './theme.typography';\nimport { evaluateFeatureFlag } from '../../utils/useFeatureFlag/useFeatureFlag';\nexport function createSkodaTheme({ mode = 'light', breakpointsOptions = flowBreakpoints, widget = false, }) {\n    return createTheme({\n        breakpoints: breakpointsOptions,\n        palette: mode === 'dark' ? paletteDark : paletteLight,\n        typography: getTypographyOptions(breakpointsOptions, widget),\n        components: {\n            MuiContainer: flowContainer,\n            MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, widget),\n            MuiScopedCssBaseline: getFlowCssBaseline(breakpointsOptions, widget),\n            MuiIcon: flowIcon,\n            MuiButtonBase: flowButtonBase,\n            MuiButton: flowButton,\n            MuiIconButton: flowIconButton,\n            MuiSwitch: flowSwitch,\n            MuiCheckbox: flowCheckbox,\n            MuiRadio: flowRadio,\n            MuiSlider: flowSlider,\n            MuiTooltip: flowTooltip,\n            MuiDivider: flowDivider,\n            MuiGrid: flowGrid,\n            MuiChip: flowChip,\n            MuiPaper: flowPaper,\n            MuiTextField: flowTextField,\n            MuiSelect: flowSelect,\n            MuiMenuItem: flowMenuItem,\n            MuiTab: flowTab,\n            MuiTabs: flowTabs,\n            MuiCard: flowCard,\n            MuiPaginationItem: flowPaginationItem,\n            MuiPagination: flowPagination,\n            MuiSnackbar: flowSnackbar,\n            MuiModal: flowModal,\n            MuiBackdrop: flowBackdrop,\n            MuiDrawer: flowDrawer,\n            MuiAccordion: flowAccordion,\n            MuiMobileStepper: flowMobileStepper,\n            MuiInputBase: flowInputBase,\n            MuiInputLabel: flowInputLabel,\n            MuiInput: flowInput,\n            MuiFormControl: flowFormControl,\n            MuiFilledInput: flowFilledInput,\n            MuiFormLabel: flowFormLabel,\n            MuiFormControlLabel: flowFormControlLabel,\n            MuiInputAdornment: flowInputAdornment,\n            MuiFormHelperText: flowFormHelperText,\n            MuiDialogActions: flowDialogActions,\n            MuiDialog: flowDialog,\n            MuiDialogTitle: flowDialogTitle,\n            MuiList: flowList,\n            MuiListItemText: flowListItemText,\n            MuiPopover: flowPopover,\n            MuiAutocomplete: flowAutocomplete,\n            MuiBreadcrumbs: flowBreadCrumbs,\n            MuiPickersToolbar: flowPickersToolbar,\n            MuiPickersToolbarButton: flowPickersToolbarButton,\n            MuiDateTimePickerToolbar: flowDateTimePickerToolbar,\n            MuiDateTimePickerTabs: flowDateTimePickerTabs,\n            MuiMultiSectionDigitalClockSection: flowMultiSectionDigitalClockSection,\n            MuiAccordionSummary: flowAccordionSummary,\n            MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n            MuiDesktopTimePicker: flowDesktopTimePicker,\n            MuiPickersToolbarText: flowPickersToolbarText,\n            MuiPickersLayout: flowPickersLayout,\n            MuiTimePickerToolbar: flowTimePickerToolbar,\n            MuiTimeClock: flowTimeClock,\n            MuiClock: flowClock,\n            MuiStepConnector: flowStepConnector,\n            MuiStepLabel: flowStepLabel,\n        },\n    });\n}\nexport const theme = createSkodaTheme({});\n// ESM does not offer dynamic exports, therefore we just reserve darkTheme name and return regular theme\nexport const darkTheme = evaluateFeatureFlag('DARK_MODE') ? createSkodaTheme({ mode: 'dark' }) : theme;\n//# sourceMappingURL=theme.js.map"],"names":["createSkodaTheme","mode","breakpointsOptions","flowBreakpoints","widget","createTheme","breakpoints","palette","paletteDark","paletteLight","typography","getTypographyOptions","components","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","MuiIcon","flowIcon","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiGrid","flowGrid","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiSnackbar","flowSnackbar","MuiModal","flowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiMobileStepper","flowMobileStepper","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItemText","flowListItemText","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiPickersToolbar","flowPickersToolbar","MuiPickersToolbarButton","flowPickersToolbarButton","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiDateTimePickerTabs","flowDateTimePickerTabs","MuiMultiSectionDigitalClockSection","flowMultiSectionDigitalClockSection","MuiAccordionSummary","flowAccordionSummary","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiPickersToolbarText","flowPickersToolbarText","MuiPickersLayout","flowPickersLayout","MuiTimePickerToolbar","flowTimePickerToolbar","MuiTimeClock","flowTimeClock","MuiClock","flowClock","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","theme","darkTheme","evaluateFeatureFlag"],"mappings":"osGAiEO,SAASA,IAAiBC,KAAEA,GAAO,QAAOC,mBAAEA,GAAqBC,mBAAeC,OAAEA,IAAS,IAC9F,OAAOC,cAAY,CACfC,YAAaJ,GACbK,QAAkB,SAATN,GAAkBO,GAAAA,YAAcC,GAAYA,aACrDC,WAAYC,GAAAA,qBAAqBT,GAAoBE,IACrDQ,WAAY,CACRC,aAAcC,EAAaA,cAC3BC,eAAgBC,EAAAA,mBAAmBd,GAAoBE,IACvDa,qBAAsBD,EAAAA,mBAAmBd,GAAoBE,IAC7Dc,QAASC,EAAQA,SACjBC,cAAeC,EAAcA,eAC7BC,UAAWC,EAAUA,WACrBC,cAAeC,EAAcA,eAC7BC,UAAWC,EAAUA,WACrBC,YAAaC,EAAYA,aACzBC,SAAUC,EAASA,UACnBC,UAAWC,EAAUA,WACrBC,WAAYC,GAAWA,YACvBC,WAAYC,EAAWA,YACvBC,QAASC,EAAQA,SACjBC,QAASC,EAAQA,SACjBC,SAAUC,EAASA,UACnBC,aAAcC,EAAaA,cAC3BC,UAAWC,EAAUA,WACrBC,YAAaC,EAAYA,aACzBC,OAAQC,GAAOA,QACfC,QAASC,GAAQA,SACjBC,QAASC,GAAQA,SACjBC,kBAAmBC,EAAkBA,mBACrCC,cAAeC,EAAcA,eAC7BC,YAAaC,GAAYA,aACzBC,SAAUC,EAASA,UACnBC,YAAaC,EAAYA,aACzBC,UAAWC,EAAUA,WACrBC,aAAcC,EAAaA,cAC3BC,iBAAkBC,EAAiBA,kBACnCC,aAAcC,EAAaA,cAC3BC,cAAeC,EAAcA,eAC7BC,SAAUC,EAASA,UACnBC,eAAgBC,EAAeA,gBAC/BC,eAAgBC,EAAeA,gBAC/BC,aAAcC,EAAaA,cAC3BC,oBAAqBC,EAAoBA,qBACzCC,kBAAmBC,EAAkBA,mBACrCC,kBAAmBC,EAAkBA,mBACrCC,iBAAkBC,EAAiBA,kBACnCC,UAAWC,EAAUA,WACrBC,eAAgBC,EAAeA,gBAC/BC,QAASC,EAAQA,SACjBC,gBAAiBC,EAAgBA,iBACjCC,WAAYC,EAAWA,YACvBC,gBAAiBC,EAAgBA,iBACjCC,eAAgBC,EAAeA,gBAC/BC,kBAAmBC,EAAkBA,mBACrCC,wBAAyBC,EAAwBA,yBACjDC,yBAA0BC,EAAyBA,0BACnDC,sBAAuBC,EAAsBA,uBAC7CC,mCAAoCC,EAAmCA,oCACvEC,oBAAqBC,EAAoBA,qBACzCC,yBAA0BC,EAAyBA,0BACnDC,qBAAsBC,EAAqBA,sBAC3CC,sBAAuBC,EAAsBA,uBAC7CC,iBAAkBC,EAAiBA,kBACnCC,qBAAsBC,EAAqBA,sBAC3CC,aAAcC,EAAaA,cAC3BC,SAAUC,EAASA,UACnBC,iBAAkBC,GAAiBA,kBACnCC,aAAcC,GAAaA,gBAGvC,CACY,MAACC,GAAQxI,GAAiB,IAEzByI,GAAYC,GAAmBA,oBAAC,aAAe1I,GAAiB,CAAEC,KAAM,SAAYuI"}
+{"version":3,"file":"theme.js","sources":["../../../../src/design/skoda/theme.ts"],"sourcesContent":["import { createTheme } from '@mui/material/styles';\nimport { flowAccordion } from './components/accordion/accordion.theme';\nimport { flowAccordionSummary } from './components/accordion/accordionSummary.theme';\nimport { flowAutocomplete } from './components/autocomplete.theme';\nimport { flowBackdrop } from './components/backdrop.theme';\nimport { getFlowScopedCssBaseline, getFlowCssBaseline } from './components/baseline.theme';\nimport { flowBreadCrumbs } from './components/breadcrumbs.theme';\nimport { flowButton } from './components/button.theme';\nimport { flowButtonBase } from './components/buttonBase.theme';\nimport { flowCheckbox } from './components/checkbox.theme';\nimport { flowChip } from './components/chip.theme';\nimport { flowClock } from './components/datePickers/clock.theme';\nimport { flowDateTimePickerTabs } from './components/datePickers/dateTimePickerTabs.theme';\nimport { flowDateTimePickerToolbar } from './components/datePickers/dateTimePickerToolbar.theme';\nimport { flowDesktopDateTimePicker } from './components/datePickers/desktopDateTimePicker.theme';\nimport { flowDesktopTimePicker } from './components/datePickers/desktopTimePicker.theme';\nimport { flowMultiSectionDigitalClockSection } from './components/datePickers/multiSectionDigitalClockSection.theme';\nimport { flowPickersLayout } from './components/datePickers/pickersLayout.theme';\nimport { flowPickersToolbar } from './components/datePickers/pickersToolbar.theme';\nimport { flowPickersToolbarButton } from './components/datePickers/pickersToolbarButton.theme';\nimport { flowPickersToolbarText } from './components/datePickers/pickersToolbarText.theme';\nimport { flowTimeClock } from './components/datePickers/timeClock.theme';\nimport { flowTimePickerToolbar } from './components/datePickers/timePickerToolbar.theme';\nimport { flowDialog } from './components/dialog/dialog.theme';\nimport { flowDialogActions } from './components/dialog/dialogActions.theme';\nimport { flowDialogTitle } from './components/dialog/dialogTitle.theme';\nimport { flowDivider } from './components/divider.theme';\nimport { flowDrawer } from './components/drawer.theme';\nimport { flowFilledInput } from './components/form/filledInput.theme';\nimport { flowFormControl } from './components/form/formControl.theme';\nimport { flowFormControlLabel } from './components/form/formControlLabel.theme';\nimport { flowFormHelperText } from './components/form/formHelperText.theme';\nimport { flowFormLabel } from './components/form/formLabel.theme';\nimport { flowInput } from './components/form/input.theme';\nimport { flowInputAdornment } from './components/form/inputAdornment.theme';\nimport { flowInputBase } from './components/form/inputBase.theme';\nimport { flowInputLabel } from './components/form/inputLabel.theme';\nimport { flowRadio } from './components/form/radio.theme';\nimport { flowSelect } from './components/form/select.theme';\nimport { flowSlider } from './components/form/slider.theme';\nimport { flowSwitch } from './components/form/switch.theme';\nimport { flowTextField } from './components/form/textField.theme';\nimport { flowIcon } from './components/icon.theme';\nimport { flowIconButton } from './components/iconButton.theme';\nimport { flowContainer } from './components/layout/container.theme';\nimport { flowGrid } from './components/layout/grid.theme';\nimport { flowList } from './components/list.theme';\nimport { flowListItemText } from './components/listItemText.theme';\nimport { flowMenuItem } from './components/menuItem.theme';\nimport { flowMobileStepper } from './components/mobileStepper.theme';\nimport { flowModal } from './components/modal.theme';\nimport { flowPagination, flowPaginationItem } from './components/pagination.theme';\nimport { flowPaper } from './components/paper.theme';\nimport { flowPopover } from './components/popover.theme';\nimport { flowSnackbar } from './components/snackbar.theme';\nimport { flowStepConnector, flowStepLabel } from './components/stepper';\nimport { flowTab, flowTabs } from './components/tabs';\nimport { flowTooltip } from './components/tooltip.theme';\nimport { flowCard } from './organisms/card.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport './theme.extensions';\nimport { getTypographyOptions } from './theme.typography';\nimport { evaluateFeatureFlag } from '../../utils/useFeatureFlag/useFeatureFlag';\nexport function createSkodaTheme({ mode = 'light', breakpointsOptions = flowBreakpoints, widget = false, }) {\n    return createTheme({\n        breakpoints: breakpointsOptions,\n        palette: mode === 'dark' ? paletteDark : paletteLight,\n        typography: getTypographyOptions(breakpointsOptions, widget),\n        components: {\n            MuiContainer: flowContainer,\n            MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, widget),\n            MuiScopedCssBaseline: getFlowScopedCssBaseline(breakpointsOptions, widget),\n            MuiIcon: flowIcon,\n            MuiButtonBase: flowButtonBase,\n            MuiButton: flowButton,\n            MuiIconButton: flowIconButton,\n            MuiSwitch: flowSwitch,\n            MuiCheckbox: flowCheckbox,\n            MuiRadio: flowRadio,\n            MuiSlider: flowSlider,\n            MuiTooltip: flowTooltip,\n            MuiDivider: flowDivider,\n            MuiGrid: flowGrid,\n            MuiChip: flowChip,\n            MuiPaper: flowPaper,\n            MuiTextField: flowTextField,\n            MuiSelect: flowSelect,\n            MuiMenuItem: flowMenuItem,\n            MuiTab: flowTab,\n            MuiTabs: flowTabs,\n            MuiCard: flowCard,\n            MuiPaginationItem: flowPaginationItem,\n            MuiPagination: flowPagination,\n            MuiSnackbar: flowSnackbar,\n            MuiModal: flowModal,\n            MuiBackdrop: flowBackdrop,\n            MuiDrawer: flowDrawer,\n            MuiAccordion: flowAccordion,\n            MuiMobileStepper: flowMobileStepper,\n            MuiInputBase: flowInputBase,\n            MuiInputLabel: flowInputLabel,\n            MuiInput: flowInput,\n            MuiFormControl: flowFormControl,\n            MuiFilledInput: flowFilledInput,\n            MuiFormLabel: flowFormLabel,\n            MuiFormControlLabel: flowFormControlLabel,\n            MuiInputAdornment: flowInputAdornment,\n            MuiFormHelperText: flowFormHelperText,\n            MuiDialogActions: flowDialogActions,\n            MuiDialog: flowDialog,\n            MuiDialogTitle: flowDialogTitle,\n            MuiList: flowList,\n            MuiListItemText: flowListItemText,\n            MuiPopover: flowPopover,\n            MuiAutocomplete: flowAutocomplete,\n            MuiBreadcrumbs: flowBreadCrumbs,\n            MuiPickersToolbar: flowPickersToolbar,\n            MuiPickersToolbarButton: flowPickersToolbarButton,\n            MuiDateTimePickerToolbar: flowDateTimePickerToolbar,\n            MuiDateTimePickerTabs: flowDateTimePickerTabs,\n            MuiMultiSectionDigitalClockSection: flowMultiSectionDigitalClockSection,\n            MuiAccordionSummary: flowAccordionSummary,\n            MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n            MuiDesktopTimePicker: flowDesktopTimePicker,\n            MuiPickersToolbarText: flowPickersToolbarText,\n            MuiPickersLayout: flowPickersLayout,\n            MuiTimePickerToolbar: flowTimePickerToolbar,\n            MuiTimeClock: flowTimeClock,\n            MuiClock: flowClock,\n            MuiStepConnector: flowStepConnector,\n            MuiStepLabel: flowStepLabel,\n        },\n    });\n}\nexport const theme = createSkodaTheme({});\n// ESM does not offer dynamic exports, therefore we just reserve darkTheme name and return regular theme\nexport const darkTheme = evaluateFeatureFlag('DARK_MODE') ? createSkodaTheme({ mode: 'dark' }) : theme;\n//# sourceMappingURL=theme.js.map"],"names":["createSkodaTheme","mode","breakpointsOptions","flowBreakpoints","widget","createTheme","breakpoints","palette","paletteDark","paletteLight","typography","getTypographyOptions","components","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","getFlowScopedCssBaseline","MuiIcon","flowIcon","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiGrid","flowGrid","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiSnackbar","flowSnackbar","MuiModal","flowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiMobileStepper","flowMobileStepper","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItemText","flowListItemText","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiPickersToolbar","flowPickersToolbar","MuiPickersToolbarButton","flowPickersToolbarButton","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiDateTimePickerTabs","flowDateTimePickerTabs","MuiMultiSectionDigitalClockSection","flowMultiSectionDigitalClockSection","MuiAccordionSummary","flowAccordionSummary","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiPickersToolbarText","flowPickersToolbarText","MuiPickersLayout","flowPickersLayout","MuiTimePickerToolbar","flowTimePickerToolbar","MuiTimeClock","flowTimeClock","MuiClock","flowClock","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","theme","darkTheme","evaluateFeatureFlag"],"mappings":"osGAiEO,SAASA,IAAiBC,KAAEA,GAAO,QAAOC,mBAAEA,GAAqBC,mBAAeC,OAAEA,IAAS,IAC9F,OAAOC,cAAY,CACfC,YAAaJ,GACbK,QAAkB,SAATN,GAAkBO,GAAAA,YAAcC,GAAYA,aACrDC,WAAYC,GAAAA,qBAAqBT,GAAoBE,IACrDQ,WAAY,CACRC,aAAcC,EAAaA,cAC3BC,eAAgBC,EAAAA,mBAAmBd,GAAoBE,IACvDa,qBAAsBC,EAAAA,yBAAyBhB,GAAoBE,IACnEe,QAASC,EAAQA,SACjBC,cAAeC,EAAcA,eAC7BC,UAAWC,EAAUA,WACrBC,cAAeC,EAAcA,eAC7BC,UAAWC,EAAUA,WACrBC,YAAaC,EAAYA,aACzBC,SAAUC,EAASA,UACnBC,UAAWC,EAAUA,WACrBC,WAAYC,GAAWA,YACvBC,WAAYC,EAAWA,YACvBC,QAASC,EAAQA,SACjBC,QAASC,EAAQA,SACjBC,SAAUC,EAASA,UACnBC,aAAcC,EAAaA,cAC3BC,UAAWC,EAAUA,WACrBC,YAAaC,EAAYA,aACzBC,OAAQC,GAAOA,QACfC,QAASC,GAAQA,SACjBC,QAASC,GAAQA,SACjBC,kBAAmBC,EAAkBA,mBACrCC,cAAeC,EAAcA,eAC7BC,YAAaC,GAAYA,aACzBC,SAAUC,EAASA,UACnBC,YAAaC,EAAYA,aACzBC,UAAWC,EAAUA,WACrBC,aAAcC,EAAaA,cAC3BC,iBAAkBC,EAAiBA,kBACnCC,aAAcC,EAAaA,cAC3BC,cAAeC,EAAcA,eAC7BC,SAAUC,EAASA,UACnBC,eAAgBC,EAAeA,gBAC/BC,eAAgBC,EAAeA,gBAC/BC,aAAcC,EAAaA,cAC3BC,oBAAqBC,EAAoBA,qBACzCC,kBAAmBC,EAAkBA,mBACrCC,kBAAmBC,EAAkBA,mBACrCC,iBAAkBC,EAAiBA,kBACnCC,UAAWC,EAAUA,WACrBC,eAAgBC,EAAeA,gBAC/BC,QAASC,EAAQA,SACjBC,gBAAiBC,EAAgBA,iBACjCC,WAAYC,EAAWA,YACvBC,gBAAiBC,EAAgBA,iBACjCC,eAAgBC,EAAeA,gBAC/BC,kBAAmBC,EAAkBA,mBACrCC,wBAAyBC,EAAwBA,yBACjDC,yBAA0BC,EAAyBA,0BACnDC,sBAAuBC,EAAsBA,uBAC7CC,mCAAoCC,EAAmCA,oCACvEC,oBAAqBC,EAAoBA,qBACzCC,yBAA0BC,EAAyBA,0BACnDC,qBAAsBC,EAAqBA,sBAC3CC,sBAAuBC,EAAsBA,uBAC7CC,iBAAkBC,EAAiBA,kBACnCC,qBAAsBC,EAAqBA,sBAC3CC,aAAcC,EAAaA,cAC3BC,SAAUC,EAASA,UACnBC,iBAAkBC,GAAiBA,kBACnCC,aAAcC,GAAaA,gBAGvC,CACY,MAACC,GAAQzI,GAAiB,IAEzB0I,GAAYC,GAAmBA,oBAAC,aAAe3I,GAAiB,CAAEC,KAAM,SAAYwI"}

package/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./design/skoda/SkodaThemeProvider.js"),o=require("./design/skoda/SkodaThemeWidgetProvider.js"),r=require("./design/skoda/theme.js"),t=require("./components/accordion/accordion.js"),a=require("./components/backdrop/backdrop.js"),n=require("./components/button/button.js"),i=require("./components/banner/banner.js"),s=require("./components/cardContainer/cardContainer.js"),u=require("./components/cardMenu/cardMenu.js"),l=require("./components/checkbox/checkbox.js"),p=require("./components/chip/chipImage/chipImage.js"),d=require("./components/chip/regular/chip.js"),c=require("./components/chip/chipMultiselect/multiSelectChip.js"),m=require("./components/chip/chipDropdownChildren/chipDropdownChildren.js"),x=require("./components/controls/controls.js"),g=require("./components/divider/divider.js"),C=require("./components/drawer/drawer.js"),j=require("./components/flag/flag.js"),q=require("./components/grid/grid.js"),y=require("./components/icon/icon.js"),h=require("./components/icon/icon.definitions.js"),S=require("./components/indicator/indicator.js"),b=require("./components/label/label.js"),B=require("./components/labelCO2/labelCO2.js"),H=require("./components/labelFeature/labelFeature.js"),I=require("./components/labelPromotional/labelPromotional.js"),P=require("./components/labelStatus/labelStatus.js"),F=require("./components/menu/menu.js"),M=require("./components/menuItem/menuItem.js"),v=require("./components/mobileStepper/mobileStepper.js"),k=require("./components/mobileStepper/mobileStepperButton.js"),L=require("./components/modal/modal.js"),T=require("./components/modal/modalTitle.js"),N=require("./components/numbering/numbering.js"),f=require("./components/pagination/pagination.js"),w=require("./components/progressBar/progressBar.js"),G=require("./components/radioButton/radioButton.js"),A=require("./components/selectInput/selectInput.js"),O=require("./components/slider/slider.js"),D=require("./components/snackbar/snackbar.js"),U=require("./components/stepper/stepper.js"),V=require("./components/textArea/textArea.js"),W=require("./components/textInput/textInput.js"),z=require("./components/toggleSwitch/toggleSwitch.js"),E=require("./components/tooltip/tooltip.js"),R=require("./components/common/imageComponent.js"),Y=require("./components/avatar/Avatar.js"),J=require("./components/closeDialogButton/index.js"),K=require("./components/iconButton/index.js"),Q=require("./components/helperTextContent/index.js"),X=require("./components/alert/Alert.js"),Z=require("./components/alert/AlertButton.js"),$=require("./components/logo/Logo.js"),_=require("./organisms/gallery/Gallery.js"),ee=require("./organisms/gallery/GalleryItem.js"),oe=require("./organisms/gallery/GalleryTrigger.js"),re=require("./components/upload/UploadBox.js"),te=require("./components/upload/UploadField.js"),ae=require("./components/upload/UploadPreview.js"),ne=require("./components/upload/UploadProgress.js"),ie=require("./components/upload/UploadPreviewList.js"),se=require("./components/card/Card.js"),ue=require("@mui/material"),le=require("./organisms/cardOwnedVehicle/cardOwnedVehicle.js"),pe=require("./organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),de=require("./organisms/cardPhotoFixed/cardPhotoFixed.js"),ce=require("./organisms/cardPromoVehicle/cardPromoVehicle.js"),me=require("./organisms/cardTypeOnly/cardTypeOnly.js"),xe=require("./organisms/carousel/carousel.js"),ge=require("./organisms/heroImageCard/heroImageCard.js"),Ce=require("./organisms/maps/maps.js"),je=require("./organisms/shortcutLink/shortcutLink.js"),qe=require("./organisms/textCta/textCta.js"),ye=require("./organisms/tile/tile.js"),he=require("./organisms/carousel2/galleryCarousel/galleryCarousel.js"),Se=require("./organisms/carousel2/galleryCarousel/galleryCarouselItem.js"),be=require("./organisms/carousel2/galleryCarousel/galleryItemHeading.js"),Be=require("./organisms/carousel2/galleryCarousel/GalleryItemText.js"),He=require("./organisms/carousel2/heroCarousel/heroCarousel.js"),Ie=require("./organisms/carousel2/heroCarousel/HeroCarouselSlide.js"),Pe=require("./organisms/carousel2/cardCarousel/cardCarousel.js"),Fe=require("./organisms/notification/Notification.js"),Me=require("./organisms/notification/NotificationCenter.js"),ve=require("./organisms/notification/NotificationCenterCategory.js"),ke=require("./organisms/notification/NotificationCenterHeaderButton.js"),Le=require("./utils/enum.js"),Te=require("./utils/useClosure/useClosure.js"),Ne=require("./layout/Header/Header.js"),fe=require("./layout/Header/HeaderButton.js"),we=require("./layout/Header/HeaderLogo.js"),Ge=require("./layout/Header/HeaderNavigationHero.js"),Ae=require("./layout/Header/HeaderNavigationLink.js"),Oe=require("./layout/Header/HeaderNavigationMenu.js"),De=require("./layout/Header/HeaderSkodaLogo.js"),Ue=require("./layout/Header/PredefinedHeaderButtons.js"),Ve=require("./layout/Header/HeaderOverheadItem.js"),We=require("./layout/SideMenu/SideMenu.js"),ze=require("./layout/SideMenu/SideMenuItem.js"),Ee=require("./layout/Footer/Footer.js"),Re=require("./layout/Footer/FooterMenu.js"),Ye=require("./layout/Footer/FooterAccordion.js"),Je=require("./layout/Footer/FooterIconButton.js"),Ke=require("./layout/Footer/PredefinedFooterIconButtons.js"),Qe=require("./layout/Footer/FooterSectionContact.js"),Xe=require("./layout/Footer/FooterSectionMenu.js"),Ze=require("./layout/Footer/FooterLink.js"),$e=require("./layout/Error/ErrorContent.js"),_e=require("./layout/PageLayout/PageLayout.js"),eo=require("./layout/SecondaryNavigation/SecondaryNavigation.js"),oo=require("./layout/SecondaryNavigation/SecondaryNavigationCta.js"),ro=require("./layout/SecondaryNavigation/SecondaryNavigationItem.js"),to=require("./layout/cookieModal/CookieModal.js"),ao=require("./layout/cookieModal/CookieModalItem.js"),no=require("./layout/container/container.js"),io=require("./production/index.js");exports.SkodaThemeProvider=e.SkodaThemeProvider,exports.SkodaThemeWidgetProvider=o.SkodaThemeWidgetProvider,exports.darkTheme=r.darkTheme,exports.theme=r.theme,exports.Accordion=t.Accordion,exports.Backdrop=a.Backdrop,exports.Button=n.Button,Object.defineProperty(exports,"ButtonVariants",{enumerable:!0,get:function(){return n.ButtonVariants}}),exports.Banner=i.Banner,exports.CardContainer=s.CardContainer,exports.CardMenu=u.CardMenu,exports.Checkbox=l.Checkbox,exports.ChipImage=p.ChipImage,exports.Chip=d.Chip,exports.MultiSelectChip=c.MultiSelectChip,exports.ChipDropdownChildren=m.ChipDropdownChildren,exports.Controller=x.Controller,exports.Divider=g.Divider,exports.Drawer=C.Drawer,exports.Flag=j.Flag,exports.Grid=q.Grid,exports.Icon=y.Icon,exports.availableIcons=h.availableIcons,exports.iconDefinitions=h.iconDefinitions,exports.Indicator=S.Indicator,exports.Label=b.Label,exports.LabelCO2=B.LabelCO2,exports.LabelFeature=H.LabelFeature,exports.LabelPromotional=I.LabelPromotional,exports.LabelPromotionalStyled=I.LabelPromotionalStyled,exports.LabelStatus=P.LabelStatus,exports.Menu=F.Menu,exports.MenuItem=M.MenuItem,exports.MobileStepper=v.MobileStepper,exports.MobileStepperButton=k.MobileStepperButton,exports.MobileStepperButtonBack=k.MobileStepperButtonBack,exports.MobileStepperButtonNext=k.MobileStepperButtonNext,exports.Modal=L.Modal,exports.ModalTitle=T.ModalTitle,exports.Numbering=N.Numbering,exports.Pagination=f.Pagination,exports.ProgressBar=w.ProgressBar,exports.RadioButton=G.RadioButton,exports.SelectInput=A.SelectInput,exports.Slider=O.Slider,exports.Snackbar=D.Snackbar,exports.checkForIcon=D.checkForIcon,exports.Stepper=U.Stepper,exports.TextArea=V.TextArea,exports.TextInput=W.TextInput,exports.ToggleSwitch=z.ToggleSwitch,exports.Tooltip=E.Tooltip,exports.ImageComponent=R.default,exports.Avatar=Y.Avatar,exports.CloseDialogButton=J.CloseDialogButton,exports.IconButton=K.IconButton,exports.HelperTextContent=Q.HelperTextContent,exports.Alert=X.Alert,exports.AlertButton=Z.AlertButton,exports.Logo=$.Logo,exports.Gallery=_.Gallery,exports.GalleryItem=ee.GalleryItem,exports.GalleryHighlightSx=oe.GalleryHighlightSx,exports.GalleryTrigger=oe.GalleryTrigger,exports.UploadBox=re.UploadBox,exports.UploadField=te.UploadField,exports.UploadPreview=ae.UploadPreview,exports.UploadProgress=ne.UploadProgress,exports.UploadPreviewList=ie.UploadPreviewList,exports.Card=se.Card,Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return ue.Typography}}),exports.CardOwnedVehicle=le.CardOwnedVehicle,exports.CardPhotoAdjustable=pe.CardPhotoAdjustable,exports.CardPhotoFixed=de.CardPhotoFixed,exports.CardPromoVehicle=ce.CardPromoVehicle,exports.CardTypeOnly=me.CardTypeOnly,exports.Carousel=xe.Carousel,exports.emblaWidthSize=xe.emblaWidthSize,exports.getHoveredClass=xe.getHoveredClass,exports.handleScrollNext=xe.handleScrollNext,exports.handleScrollPrev=xe.handleScrollPrev,exports.handleScrollTo=xe.handleScrollTo,exports.HeroImageCard=ge.HeroImageCard,exports.Maps=Ce.Maps,exports.ShortcutLink=je.ShortcutLink,exports.TextCta=qe.TextCta,exports.Tile=ye.Tile,exports.GalleryCarousel=he.GalleryCarousel,exports.GalleryDefaultProps=he.GalleryDefaultProps,exports.GalleryCarouselItem=Se.GalleryCarouselItem,exports.GalleryItemHeading=be.GalleryItemHeading,exports.GalleryItemText=Be.GalleryItemText,exports.HeroCarousel=He.HeroCarousel,exports.HeroCarouselSlide=Ie.HeroCarouselSlide,exports.CardCarousel=Pe.CardCarousel,exports.Notification=Fe.Notification,exports.NotificationCenter=Me.NotificationCenter,exports.NotificationCenterCategory=ve.NotificationCenterCategory,exports.NotificationCenterHeaderButton=ke.NotificationCenterHeaderButton,Object.defineProperty(exports,"ColourSheme",{enumerable:!0,get:function(){return Le.ColourSheme}}),Object.defineProperty(exports,"NumberingColors",{enumerable:!0,get:function(){return Le.NumberingColors}}),Object.defineProperty(exports,"NumberingSizes",{enumerable:!0,get:function(){return Le.NumberingSizes}}),Object.defineProperty(exports,"Placement",{enumerable:!0,get:function(){return Le.Placement}}),Object.defineProperty(exports,"VariantType",{enumerable:!0,get:function(){return Le.VariantType}}),exports.useClosure=Te.useClosure,exports.Header=Ne.Header,exports.HeaderButton=fe.HeaderButton,exports.HeaderLogo=we.HeaderLogo,exports.HeaderNavigationHero=Ge.HeaderNavigationHero,exports.HeaderNavigationLink=Ae.HeaderNavigationLink,exports.HeaderNavigationMenu=Oe.HeaderNavigationMenu,exports.HeaderSkodaLogo=De.HeaderSkodaLogo,exports.HeaderBellButton=Ue.HeaderBellButton,exports.HeaderCartButton=Ue.HeaderCartButton,exports.HeaderCloseButton=Ue.HeaderCloseButton,exports.HeaderFaqButton=Ue.HeaderFaqButton,exports.HeaderHeartButton=Ue.HeaderHeartButton,exports.HeaderLanguageButton=Ue.HeaderLanguageButton,exports.HeaderLoginButton=Ue.HeaderLoginButton,exports.HeaderLogoutButton=Ue.HeaderLogoutButton,exports.HeaderMenuButton=Ue.HeaderMenuButton,exports.HeaderProfileButton=Ue.HeaderProfileButton,exports.HeaderSearchButton=Ue.HeaderSearchButton,exports.HeaderOverheadItem=Ve.HeaderOverheadItem,exports.SideMenu=We.SideMenu,exports.SideMenuItem=ze.SideMenuItem,exports.Footer=Ee.Footer,exports.FooterMenu=Re.FooterMenu,exports.FooterAccordion=Ye.FooterAccordion,exports.FooterIconButton=Je.FooterIconButton,exports.FacebookFooterIconButton=Ke.FacebookFooterIconButton,exports.InstagramFooterIconButton=Ke.InstagramFooterIconButton,exports.TwitterFooterIconButton=Ke.TwitterFooterIconButton,exports.YoutubeFooterIconButton=Ke.YoutubeFooterIconButton,exports.FooterSectionContact=Qe.FooterSectionContact,exports.FooterSectionMenu=Xe.FooterSectionMenu,exports.FooterLink=Ze.FooterLink,exports.ErrorContent=$e.ErrorContent,exports.PageLayout=_e.PageLayout,exports.SecondaryNavigation=eo.SecondaryNavigation,exports.SecondaryNavigationCta=oo.SecondaryNavigationCta,exports.SecondaryNavigationItem=ro.SecondaryNavigationItem,exports.CookieModal=to.CookieModal,exports.CookieModalItem=ao.CookieModalItem,exports.Container=no.Container,exports.Production=io;
+"use strict";var e=require("./design/skoda/SkodaThemeProvider.js"),o=require("./design/skoda/SkodaThemeWidgetProvider.js"),r=require("./design/skoda/theme.js"),t=require("./components/accordion/accordion.js"),a=require("./components/backdrop/backdrop.js"),n=require("./components/button/button.js"),i=require("./components/banner/banner.js"),s=require("./components/cardContainer/cardContainer.js"),u=require("./components/cardMenu/cardMenu.js"),l=require("./components/checkbox/checkbox.js"),p=require("./components/chip/chipImage/chipImage.js"),d=require("./components/chip/regular/chip.js"),c=require("./components/chip/chipMultiselect/multiSelectChip.js"),m=require("./components/chip/chipDropdownChildren/chipDropdownChildren.js"),x=require("./components/controls/controls.js"),g=require("./components/divider/divider.js"),j=require("./components/drawer/drawer.js"),C=require("./components/flag/flag.js"),q=require("./components/grid/grid.js"),y=require("./components/icon/icon.js"),b=require("./components/icon/icon.definitions.js"),h=require("./components/indicator/indicator.js"),S=require("./components/label/label.js"),B=require("./components/labelCO2/labelCO2.js"),H=require("./components/labelFeature/labelFeature.js"),I=require("./components/labelPromotional/labelPromotional.js"),P=require("./components/labelStatus/labelStatus.js"),F=require("./components/menu/menu.js"),M=require("./components/menuItem/menuItem.js"),v=require("./components/mobileStepper/mobileStepper.js"),k=require("./components/mobileStepper/mobileStepperButton.js"),T=require("./components/modal/modal.js"),f=require("./components/modal/modalTitle.js"),L=require("./components/numbering/numbering.js"),N=require("./components/pagination/pagination.js"),w=require("./components/progressBar/progressBar.js"),G=require("./components/radioButton/radioButton.js"),O=require("./components/selectInput/selectInput.js"),A=require("./components/slider/slider.js"),D=require("./components/snackbar/snackbar.js"),U=require("./components/stepper/stepper.js"),V=require("@mui/material"),W=require("./components/tabs/tabPanel.js"),z=require("./components/textArea/textArea.js"),E=require("./components/textInput/textInput.js"),R=require("./components/toggleSwitch/toggleSwitch.js"),Y=require("./components/tooltip/tooltip.js"),J=require("./components/common/imageComponent.js"),K=require("./components/avatar/Avatar.js"),Q=require("./components/closeDialogButton/index.js"),X=require("./components/iconButton/index.js"),Z=require("./components/helperTextContent/index.js"),$=require("./components/alert/Alert.js"),_=require("./components/alert/AlertButton.js"),ee=require("./components/logo/Logo.js"),oe=require("./organisms/gallery/Gallery.js"),re=require("./organisms/gallery/GalleryItem.js"),te=require("./organisms/gallery/GalleryTrigger.js"),ae=require("./components/upload/UploadBox.js"),ne=require("./components/upload/UploadField.js"),ie=require("./components/upload/UploadPreview.js"),se=require("./components/upload/UploadProgress.js"),ue=require("./components/upload/UploadPreviewList.js"),le=require("./components/card/Card.js"),pe=require("./organisms/cardOwnedVehicle/cardOwnedVehicle.js"),de=require("./organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),ce=require("./organisms/cardPhotoFixed/cardPhotoFixed.js"),me=require("./organisms/cardPromoVehicle/cardPromoVehicle.js"),xe=require("./organisms/cardTypeOnly/cardTypeOnly.js"),ge=require("./organisms/carousel/carousel.js"),je=require("./organisms/heroImageCard/heroImageCard.js"),Ce=require("./organisms/maps/maps.js"),qe=require("./organisms/shortcutLink/shortcutLink.js"),ye=require("./organisms/textCta/textCta.js"),be=require("./organisms/tile/tile.js"),he=require("./organisms/carousel2/galleryCarousel/galleryCarousel.js"),Se=require("./organisms/carousel2/galleryCarousel/galleryCarouselItem.js"),Be=require("./organisms/carousel2/galleryCarousel/galleryItemHeading.js"),He=require("./organisms/carousel2/galleryCarousel/GalleryItemText.js"),Ie=require("./organisms/carousel2/heroCarousel/heroCarousel.js"),Pe=require("./organisms/carousel2/heroCarousel/HeroCarouselSlide.js"),Fe=require("./organisms/carousel2/cardCarousel/cardCarousel.js"),Me=require("./organisms/notification/Notification.js"),ve=require("./organisms/notification/NotificationCenter.js"),ke=require("./organisms/notification/NotificationCenterCategory.js"),Te=require("./organisms/notification/NotificationCenterHeaderButton.js"),fe=require("./utils/enum.js"),Le=require("./utils/useClosure/useClosure.js"),Ne=require("./layout/Header/Header.js"),we=require("./layout/Header/HeaderButton.js"),Ge=require("./layout/Header/HeaderLogo.js"),Oe=require("./layout/Header/HeaderNavigationHero.js"),Ae=require("./layout/Header/HeaderNavigationLink.js"),De=require("./layout/Header/HeaderNavigationMenu.js"),Ue=require("./layout/Header/HeaderSkodaLogo.js"),Ve=require("./layout/Header/PredefinedHeaderButtons.js"),We=require("./layout/Header/HeaderOverheadItem.js"),ze=require("./layout/SideMenu/SideMenu.js"),Ee=require("./layout/SideMenu/SideMenuItem.js"),Re=require("./layout/Footer/Footer.js"),Ye=require("./layout/Footer/FooterMenu.js"),Je=require("./layout/Footer/FooterAccordion.js"),Ke=require("./layout/Footer/FooterIconButton.js"),Qe=require("./layout/Footer/PredefinedFooterIconButtons.js"),Xe=require("./layout/Footer/FooterSectionContact.js"),Ze=require("./layout/Footer/FooterSectionMenu.js"),$e=require("./layout/Footer/FooterLink.js"),_e=require("./layout/Error/ErrorContent.js"),eo=require("./layout/PageLayout/PageLayout.js"),oo=require("./layout/SecondaryNavigation/SecondaryNavigation.js"),ro=require("./layout/SecondaryNavigation/SecondaryNavigationCta.js"),to=require("./layout/SecondaryNavigation/SecondaryNavigationItem.js"),ao=require("./layout/cookieModal/CookieModal.js"),no=require("./layout/cookieModal/CookieModalItem.js"),io=require("./layout/container/container.js"),so=require("./production/index.js");exports.SkodaThemeProvider=e.SkodaThemeProvider,exports.SkodaThemeWidgetProvider=o.SkodaThemeWidgetProvider,exports.darkTheme=r.darkTheme,exports.theme=r.theme,exports.Accordion=t.Accordion,exports.Backdrop=a.Backdrop,exports.Button=n.Button,Object.defineProperty(exports,"ButtonVariants",{enumerable:!0,get:function(){return n.ButtonVariants}}),exports.Banner=i.Banner,exports.CardContainer=s.CardContainer,exports.CardMenu=u.CardMenu,exports.Checkbox=l.Checkbox,exports.ChipImage=p.ChipImage,exports.Chip=d.Chip,exports.MultiSelectChip=c.MultiSelectChip,exports.ChipDropdownChildren=m.ChipDropdownChildren,exports.Controller=x.Controller,exports.Divider=g.Divider,exports.Drawer=j.Drawer,exports.Flag=C.Flag,exports.Grid=q.Grid,exports.Icon=y.Icon,exports.availableIcons=b.availableIcons,exports.iconDefinitions=b.iconDefinitions,exports.Indicator=h.Indicator,exports.Label=S.Label,exports.LabelCO2=B.LabelCO2,exports.LabelFeature=H.LabelFeature,exports.LabelPromotional=I.LabelPromotional,exports.LabelPromotionalStyled=I.LabelPromotionalStyled,exports.LabelStatus=P.LabelStatus,exports.Menu=F.Menu,exports.MenuItem=M.MenuItem,exports.MobileStepper=v.MobileStepper,exports.MobileStepperButton=k.MobileStepperButton,exports.MobileStepperButtonBack=k.MobileStepperButtonBack,exports.MobileStepperButtonNext=k.MobileStepperButtonNext,exports.Modal=T.Modal,exports.ModalTitle=f.ModalTitle,exports.Numbering=L.Numbering,exports.Pagination=N.Pagination,exports.ProgressBar=w.ProgressBar,exports.RadioButton=G.RadioButton,exports.SelectInput=O.SelectInput,exports.Slider=A.Slider,exports.Snackbar=D.Snackbar,exports.checkForIcon=D.checkForIcon,exports.Stepper=U.Stepper,Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return V.Tab}}),Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return V.Tabs}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return V.Typography}}),exports.TabPanel=W.TabPanel,exports.TextArea=z.TextArea,exports.TextInput=E.TextInput,exports.ToggleSwitch=R.ToggleSwitch,exports.Tooltip=Y.Tooltip,exports.ImageComponent=J.default,exports.Avatar=K.Avatar,exports.CloseDialogButton=Q.CloseDialogButton,exports.IconButton=X.IconButton,exports.HelperTextContent=Z.HelperTextContent,exports.Alert=$.Alert,exports.AlertButton=_.AlertButton,exports.Logo=ee.Logo,exports.Gallery=oe.Gallery,exports.GalleryItem=re.GalleryItem,exports.GalleryHighlightSx=te.GalleryHighlightSx,exports.GalleryTrigger=te.GalleryTrigger,exports.UploadBox=ae.UploadBox,exports.UploadField=ne.UploadField,exports.UploadPreview=ie.UploadPreview,exports.UploadProgress=se.UploadProgress,exports.UploadPreviewList=ue.UploadPreviewList,exports.Card=le.Card,exports.CardOwnedVehicle=pe.CardOwnedVehicle,exports.CardPhotoAdjustable=de.CardPhotoAdjustable,exports.CardPhotoFixed=ce.CardPhotoFixed,exports.CardPromoVehicle=me.CardPromoVehicle,exports.CardTypeOnly=xe.CardTypeOnly,exports.Carousel=ge.Carousel,exports.emblaWidthSize=ge.emblaWidthSize,exports.getHoveredClass=ge.getHoveredClass,exports.handleScrollNext=ge.handleScrollNext,exports.handleScrollPrev=ge.handleScrollPrev,exports.handleScrollTo=ge.handleScrollTo,exports.HeroImageCard=je.HeroImageCard,exports.Maps=Ce.Maps,exports.ShortcutLink=qe.ShortcutLink,exports.TextCta=ye.TextCta,exports.Tile=be.Tile,exports.GalleryCarousel=he.GalleryCarousel,exports.GalleryDefaultProps=he.GalleryDefaultProps,exports.GalleryCarouselItem=Se.GalleryCarouselItem,exports.GalleryItemHeading=Be.GalleryItemHeading,exports.GalleryItemText=He.GalleryItemText,exports.HeroCarousel=Ie.HeroCarousel,exports.HeroCarouselSlide=Pe.HeroCarouselSlide,exports.CardCarousel=Fe.CardCarousel,exports.Notification=Me.Notification,exports.NotificationCenter=ve.NotificationCenter,exports.NotificationCenterCategory=ke.NotificationCenterCategory,exports.NotificationCenterHeaderButton=Te.NotificationCenterHeaderButton,Object.defineProperty(exports,"ColourSheme",{enumerable:!0,get:function(){return fe.ColourSheme}}),Object.defineProperty(exports,"NumberingColors",{enumerable:!0,get:function(){return fe.NumberingColors}}),Object.defineProperty(exports,"NumberingSizes",{enumerable:!0,get:function(){return fe.NumberingSizes}}),Object.defineProperty(exports,"Placement",{enumerable:!0,get:function(){return fe.Placement}}),Object.defineProperty(exports,"VariantType",{enumerable:!0,get:function(){return fe.VariantType}}),exports.useClosure=Le.useClosure,exports.Header=Ne.Header,exports.HeaderButton=we.HeaderButton,exports.HeaderLogo=Ge.HeaderLogo,exports.HeaderNavigationHero=Oe.HeaderNavigationHero,exports.HeaderNavigationLink=Ae.HeaderNavigationLink,exports.HeaderNavigationMenu=De.HeaderNavigationMenu,exports.HeaderSkodaLogo=Ue.HeaderSkodaLogo,exports.HeaderBellButton=Ve.HeaderBellButton,exports.HeaderCartButton=Ve.HeaderCartButton,exports.HeaderCloseButton=Ve.HeaderCloseButton,exports.HeaderFaqButton=Ve.HeaderFaqButton,exports.HeaderHeartButton=Ve.HeaderHeartButton,exports.HeaderLanguageButton=Ve.HeaderLanguageButton,exports.HeaderLoginButton=Ve.HeaderLoginButton,exports.HeaderLogoutButton=Ve.HeaderLogoutButton,exports.HeaderMenuButton=Ve.HeaderMenuButton,exports.HeaderProfileButton=Ve.HeaderProfileButton,exports.HeaderSearchButton=Ve.HeaderSearchButton,exports.HeaderOverheadItem=We.HeaderOverheadItem,exports.SideMenu=ze.SideMenu,exports.SideMenuItem=Ee.SideMenuItem,exports.Footer=Re.Footer,exports.FooterMenu=Ye.FooterMenu,exports.FooterAccordion=Je.FooterAccordion,exports.FooterIconButton=Ke.FooterIconButton,exports.FacebookFooterIconButton=Qe.FacebookFooterIconButton,exports.InstagramFooterIconButton=Qe.InstagramFooterIconButton,exports.TwitterFooterIconButton=Qe.TwitterFooterIconButton,exports.YoutubeFooterIconButton=Qe.YoutubeFooterIconButton,exports.FooterSectionContact=Xe.FooterSectionContact,exports.FooterSectionMenu=Ze.FooterSectionMenu,exports.FooterLink=$e.FooterLink,exports.ErrorContent=_e.ErrorContent,exports.PageLayout=eo.PageLayout,exports.SecondaryNavigation=oo.SecondaryNavigation,exports.SecondaryNavigationCta=ro.SecondaryNavigationCta,exports.SecondaryNavigationItem=to.SecondaryNavigationItem,exports.CookieModal=ao.CookieModal,exports.CookieModalItem=no.CookieModalItem,exports.Container=io.Container,exports.Production=so;
 //# sourceMappingURL=index.js.map

package/cjs/layout/Footer/FooterSectionMenu.d.ts

@@ -1,5 +1,9 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
 export type FooterSectionMenuProps = {
     children: ReactNode;
-};
-export declare const FooterSectionMenu: React.FC<FooterSectionMenuProps>;
+} & BoxProps;
+/**
+ * Renders 6 menu sections next to each other
+ */
+export declare function FooterSectionMenu({ children, sx, ...rest }: FooterSectionMenuProps): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Footer/FooterSectionMenu.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material/Unstable_Grid2"),i=require("@mui/material"),n=require("react-keyed-flatten-children");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(t),l=a(n);exports.FooterSectionMenu=t=>{const n=r.useMemo((()=>l.default(t.children)),[t.children]);return e.jsx(i.Box,{"data-testid":"FooterSectionMenu",children:e.jsx(u.default,{container:!0,spacing:3,sx:{margin:"-12px !important"},children:r.Children.map(n,(r=>e.jsx(u.default,{lg:2,xs:12,children:r})))})})};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material");exports.FooterSectionMenu=function(i){var{children:s,sx:n}=i,a=e.__rest(i,["children","sx"]);return t.jsx(r.Box,Object.assign({"data-testid":"FooterSectionMenu",sx:Object.assign({display:"grid",alignItems:"start",justifyContent:"stretch",gridTemplateColumns:{xs:"1fr",md:"repeat(6, 1fr)"},gap:2},n||{})},a,{children:s}))};
 //# sourceMappingURL=FooterSectionMenu.js.map

package/cjs/layout/Footer/FooterSectionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterSectionMenu.js","sources":["../../../../src/layout/Footer/FooterSectionMenu.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Children, useMemo } from 'react';\nimport Grid from '@mui/material/Unstable_Grid2';\nimport { Box } from '@mui/material';\nimport flattenChildren from 'react-keyed-flatten-children';\nexport const FooterSectionMenu = (props) => {\n    const childrenArray = useMemo(() => flattenChildren(props.children), [props.children]);\n    return (_jsx(Box, { \"data-testid\": \"FooterSectionMenu\", children: _jsx(Grid, { container: true, spacing: 3, sx: { margin: '-12px !important' }, children: Children.map(childrenArray, (item) => (_jsx(Grid, { lg: 2, xs: 12, children: item }))) }) }));\n};\n//# sourceMappingURL=FooterSectionMenu.js.map"],"names":["props","childrenArray","useMemo","flattenChildren","children","_jsx","Box","Grid","default","container","spacing","sx","margin","Children","map","item","lg","xs"],"mappings":"iRAKkCA,IAC9B,MAAMC,EAAgBC,WAAQ,IAAMC,UAAgBH,EAAMI,WAAW,CAACJ,EAAMI,WAC5E,OAAQC,EAAAA,IAAKC,EAAAA,IAAK,CAAE,cAAe,oBAAqBF,SAAUC,EAAAA,IAAKE,EAAIC,QAAE,CAAEC,WAAW,EAAMC,QAAS,EAAGC,GAAI,CAAEC,OAAQ,oBAAsBR,SAAUS,EAAAA,SAASC,IAAIb,GAAgBc,GAAUV,EAAAA,IAAKE,EAAAA,QAAM,CAAES,GAAI,EAAGC,GAAI,GAAIb,SAAUW,SAAiB"}
+{"version":3,"file":"FooterSectionMenu.js","sources":["../../../../src/layout/Footer/FooterSectionMenu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\n/**\n * Renders 6 menu sections next to each other\n */\nexport function FooterSectionMenu(_a) {\n    var { children, sx } = _a, rest = __rest(_a, [\"children\", \"sx\"]);\n    return (_jsx(Box, Object.assign({ \"data-testid\": \"FooterSectionMenu\", sx: Object.assign({ display: 'grid', alignItems: 'start', justifyContent: 'stretch', gridTemplateColumns: { xs: '1fr', md: 'repeat(6, 1fr)' }, gap: 2 }, (sx || {})) }, rest, { children: children })));\n}\n//# sourceMappingURL=FooterSectionMenu.js.map"],"names":["_a","children","sx","rest","__rest","_jsx","Box","Object","assign","display","alignItems","justifyContent","gridTemplateColumns","xs","md","gap"],"mappings":"wHAMO,SAA2BA,GAC9B,IAAIC,SAAEA,EAAQC,GAAEA,GAAOF,EAAIG,EAAOC,EAAMA,OAACJ,EAAI,CAAC,WAAY,OAC1D,OAAQK,EAAAA,IAAKC,EAAAA,IAAKC,OAAOC,OAAO,CAAE,cAAe,oBAAqBN,GAAIK,OAAOC,OAAO,CAAEC,QAAS,OAAQC,WAAY,QAASC,eAAgB,UAAWC,oBAAqB,CAAEC,GAAI,MAAOC,GAAI,kBAAoBC,IAAK,GAAMb,GAAM,CAAA,IAAQC,EAAM,CAAEF,SAAUA,IACpQ"}

package/cjs/layout/Header/HeaderButton.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),i=require("react"),s=require("../../components/icon/icon.js");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../design/skoda/theme.js"),require("@mui/material/styles"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../components/controls/controls.js"),require("../../components/numbering/numbering.js"),require("../../utils/enum.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("lodash/merge"),require("@mui/system"),require("lodash/noop"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("./HeaderContext.js"),require("./HeaderNavigationHero.js"),require("./HeaderNavigationLink.js"),require("./HeaderNavigationMenu.js"),require("./PredefinedHeaderButtons.js"),require("./HeaderOverheadItem.js"),require("../../components/icon/icon.definitions.js"),require("../SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("react-use"),require("../SecondaryNavigation/SecondaryNavigationCta.js"),require("../SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var n=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("minimatch");const t=i.forwardRef((function(i,t){const{icon:a,label:u,color:c,indicator:l}=i,m=e.__rest(i,["icon","label","color","indicator"]),p=o.useTheme();return r.jsx(o.Tooltip,{title:u,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:r.jsxs(o.IconButton,Object.assign({size:"large"},m,{ref:t,sx:{background:"grey"===c&&p.palette.surface.primary,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[l&&r.jsx(n.Indicator,{color:l,variant:"status"}),r.jsx(s.Icon,{name:a})]}))})}));exports.HeaderButton=t;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),i=require("react"),s=require("../../components/icon/icon.js");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../design/skoda/theme.js"),require("@mui/material/styles"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../components/controls/controls.js"),require("../../components/numbering/numbering.js"),require("../../utils/enum.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("@mui/system"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("./HeaderContext.js"),require("./HeaderNavigationHero.js"),require("./HeaderNavigationLink.js"),require("./HeaderNavigationMenu.js"),require("./PredefinedHeaderButtons.js"),require("./HeaderOverheadItem.js"),require("../../components/icon/icon.definitions.js"),require("../SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("../SecondaryNavigation/SecondaryNavigationCta.js"),require("../SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var n=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("minimatch");const t=i.forwardRef((function(i,t){const{icon:a,label:u,color:c,indicator:l}=i,m=e.__rest(i,["icon","label","color","indicator"]),p=o.useTheme();return r.jsx(o.Tooltip,{title:u,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:r.jsxs(o.IconButton,Object.assign({size:"large"},m,{ref:t,sx:{background:"grey"===c&&p.palette.surface.primary,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[l&&r.jsx(n.Indicator,{color:l,variant:"status"}),r.jsx(s.Icon,{name:a})]}))})}));exports.HeaderButton=t;
 //# sourceMappingURL=HeaderButton.js.map

package/cjs/layout/Header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n    const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n    const theme = useTheme();\n    return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n                background: color === 'grey' && theme.palette.surface.primary,\n                '.fwlIndicator': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.fwlIndicator::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","jsx","Indicator","variant","Icon","name"],"mappings":"09IAqBY,MAACA,EAAeC,EAAUA,YAftC,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAAA,OAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,EAAAA,WACd,OAAQC,MAAKC,EAAAA,QAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,OAAMC,EAAAA,WAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAIsB,IAACC,EAASA,UAAE,CAAE7B,MAAOC,EAAW6B,QAAS,WAAaxB,EAAIsB,IAACG,EAAIA,KAAE,CAAEC,KAAMlC,SACpH"}
+{"version":3,"file":"HeaderButton.js","sources":["../../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n    const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n    const theme = useTheme();\n    return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n                background: color === 'grey' && theme.palette.surface.primary,\n                '.fwlIndicator': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.fwlIndicator::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","jsx","Indicator","variant","Icon","name"],"mappings":"82IAqBY,MAACA,EAAeC,EAAUA,YAftC,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAAA,OAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,EAAAA,WACd,OAAQC,MAAKC,EAAAA,QAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,OAAMC,EAAAA,WAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAIsB,IAACC,EAASA,UAAE,CAAE7B,MAAOC,EAAW6B,QAAS,WAAaxB,EAAIsB,IAACG,EAAIA,KAAE,CAAEC,KAAMlC,SACpH"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),i=require("react-use");const n={"::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer":{width:0,height:0,display:"none"}};exports.SecondaryNavigation=({title:a,color:s,cta:c,navigationItems:o,inContainer:l})=>{const d=t.useMediaQuery((e=>e.breakpoints.up("md"))),{width:u}=i.useWindowSize(),x=r.useRef(null),h=r.useRef(null),p=r.useRef(null),f=r.useRef(null);return r.useEffect((()=>{if(h.current&&f.current&&d){let e=0;x.current&&(e+=x.current.clientWidth,e+=16),p.current&&(e+=p.current.clientWidth,e+=16);const t=f.current.clientWidth,r=Math.abs(e-t);h.current.style.width=`${r}px`}}),[x.current,h.current,p.current,f.current,u]),e.jsx(t.Box,{sx:{background:e=>"dark"===s?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===s?e.palette.common.white:e.palette.text.primary,borderBottom:e=>`1px solid ${e.palette.surface.secondary}`},"data-testid":"SecondaryNavigation",children:e.jsx(t.Box,{component:l&&t.Container,sx:{height:"100%",padding:!l&&"0 16px"},"data-testid":"SecondaryNavigation.wrapper",children:e.jsxs(t.Box,{ref:f,sx:{display:"flex",justifyContent:"space-between",height:{xs:"48px",md:"62px"}},children:[e.jsxs(t.Box,{sx:{display:"flex",flexShrink:0},children:[e.jsx(t.Typography,{ref:x,variant:"subheadline",sx:{minWidth:{sm:"170px",xs:void 0},marginRight:2,flexShrink:0,display:"flex",alignItems:"center"},"data-testid":"SecondaryNavigation.title",children:a}),d&&e.jsx(t.Box,{ref:h,sx:Object.assign({flexGrow:0,overflow:"hidden",overflowX:"scroll"},n),"data-testid":"SecondaryNavigation.items",children:e.jsx(t.Stack,{direction:"row",spacing:2,alignItems:"center",sx:{height:"100%"},children:o})})]}),e.jsx(t.Stack,{ref:p,direction:"row",spacing:2,alignItems:"center",justifyContent:"flex-end",sx:{height:"100%",marginLeft:"16px"},"data-testid":"SecondaryNavigation.cta",children:c})]})})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),i=require("../../components/common/hook/useWindowSize.js");const n={"::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer":{width:0,height:0,display:"none"}};exports.SecondaryNavigation=({title:a,color:s,cta:o,navigationItems:c,inContainer:l})=>{const d=t.useMediaQuery((e=>e.breakpoints.up("md"))),{width:u}=i.default(),x=r.useRef(null),h=r.useRef(null),p=r.useRef(null),f=r.useRef(null);return r.useEffect((()=>{if(h.current&&f.current&&d){let e=0;x.current&&(e+=x.current.clientWidth,e+=16),p.current&&(e+=p.current.clientWidth,e+=16);const t=f.current.clientWidth,r=Math.abs(e-t);h.current.style.width=`${r}px`}}),[x.current,h.current,p.current,f.current,u]),e.jsx(t.Box,{sx:{background:e=>"dark"===s?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===s?e.palette.common.white:e.palette.text.primary,borderBottom:e=>`1px solid ${e.palette.surface.secondary}`},"data-testid":"SecondaryNavigation",children:e.jsx(t.Box,{component:l&&t.Container,sx:{height:"100%",padding:!l&&"0 16px"},"data-testid":"SecondaryNavigation.wrapper",children:e.jsxs(t.Box,{ref:f,sx:{display:"flex",justifyContent:"space-between",height:{xs:"48px",md:"62px"}},children:[e.jsxs(t.Box,{sx:{display:"flex",flexShrink:0},children:[e.jsx(t.Typography,{ref:x,variant:"subheadline",sx:{minWidth:{sm:"170px",xs:void 0},marginRight:2,flexShrink:0,display:"flex",alignItems:"center"},"data-testid":"SecondaryNavigation.title",children:a}),d&&e.jsx(t.Box,{ref:h,sx:Object.assign({flexGrow:0,overflow:"hidden",overflowX:"scroll"},n),"data-testid":"SecondaryNavigation.items",children:e.jsx(t.Stack,{direction:"row",spacing:2,alignItems:"center",sx:{height:"100%"},children:c})})]}),e.jsx(t.Stack,{ref:p,direction:"row",spacing:2,alignItems:"center",justifyContent:"flex-end",sx:{height:"100%",marginLeft:"16px"},"data-testid":"SecondaryNavigation.cta",children:o})]})})})};
 //# sourceMappingURL=SecondaryNavigation.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigation.js","sources":["../../../../src/layout/SecondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { useEffect, useRef } from 'react';\nimport { useWindowSize } from 'react-use';\nexport const SecondaryNavigation = ({ title, color, cta, navigationItems, inContainer, }) => {\n    const isLargerThanMd = useMediaQuery((theme) => theme.breakpoints.up('md'));\n    const { width: windowWidth } = useWindowSize();\n    const titleRef = useRef(null);\n    const itemsRef = useRef(null);\n    const ctaButtonRef = useRef(null);\n    const wrapperRef = useRef(null);\n    useEffect(() => {\n        if (itemsRef.current && wrapperRef.current && isLargerThanMd) {\n            let widthToSubtract = 0;\n            if (titleRef.current) {\n                widthToSubtract += titleRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of title in px\n            }\n            if (ctaButtonRef.current) {\n                widthToSubtract += ctaButtonRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of cta in px\n            }\n            const wrapperWidth = wrapperRef.current.clientWidth;\n            const width = Math.abs(widthToSubtract - wrapperWidth);\n            itemsRef.current.style.width = `${width}px`;\n        }\n    }, [titleRef.current, itemsRef.current, ctaButtonRef.current, wrapperRef.current, windowWidth]);\n    return (_jsx(Box, { sx: {\n            background: (theme) => (color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white),\n            color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n            borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n        }, \"data-testid\": \"SecondaryNavigation\", children: _jsx(Box, { component: inContainer && Container, sx: {\n                height: '100%',\n                padding: !inContainer && '0 16px',\n            }, \"data-testid\": \"SecondaryNavigation.wrapper\", children: _jsxs(Box, { ref: wrapperRef, sx: {\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    height: { xs: '48px', md: '62px' },\n                }, children: [_jsxs(Box, { sx: { display: 'flex', flexShrink: 0 }, children: [_jsx(Typography, { ref: titleRef, variant: \"subheadline\", sx: {\n                                    minWidth: { sm: '170px', xs: undefined },\n                                    marginRight: 2,\n                                    flexShrink: 0,\n                                    display: 'flex',\n                                    alignItems: 'center',\n                                }, \"data-testid\": \"SecondaryNavigation.title\", children: title }), isLargerThanMd && (_jsx(Box, { ref: itemsRef, sx: Object.assign({ flexGrow: 0, overflow: 'hidden', overflowX: 'scroll' }, disableScrollbarSx), \"data-testid\": \"SecondaryNavigation.items\", children: _jsx(Stack, { direction: \"row\", spacing: 2, alignItems: \"center\", sx: { height: '100%' }, children: navigationItems }) }))] }), _jsx(Stack, { ref: ctaButtonRef, direction: \"row\", spacing: 2, alignItems: \"center\", justifyContent: \"flex-end\", sx: { height: '100%', marginLeft: '16px' }, \"data-testid\": \"SecondaryNavigation.cta\", children: cta })] }) }) }));\n};\nconst disableScrollbarSx = {\n    '::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer': {\n        width: 0,\n        height: 0,\n        display: 'none',\n    },\n};\n//# sourceMappingURL=SecondaryNavigation.js.map"],"names":["disableScrollbarSx","width","height","display","title","color","cta","navigationItems","inContainer","isLargerThanMd","useMediaQuery","theme","breakpoints","up","windowWidth","useWindowSize","titleRef","useRef","itemsRef","ctaButtonRef","wrapperRef","useEffect","current","widthToSubtract","clientWidth","wrapperWidth","Math","abs","style","_jsx","jsx","Box","sx","background","palette","onSurface","os900","common","white","text","primary","borderBottom","surface","secondary","children","component","Container","padding","_jsxs","ref","justifyContent","xs","md","flexShrink","Typography","variant","minWidth","sm","undefined","marginRight","alignItems","Object","assign","flexGrow","overflow","overflowX","Stack","direction","spacing","marginLeft"],"mappings":"qHAIY,MA0CNA,EAAqB,CACvB,wLAAyL,CACrLC,MAAO,EACPC,OAAQ,EACRC,QAAS,qCA9CkB,EAAGC,QAAOC,QAAOC,MAAKC,kBAAiBC,kBACtE,MAAMC,EAAiBC,EAAaA,eAAEC,GAAUA,EAAMC,YAAYC,GAAG,SAC7DZ,MAAOa,GAAgBC,EAAaA,gBACtCC,EAAWC,SAAO,MAClBC,EAAWD,SAAO,MAClBE,EAAeF,SAAO,MACtBG,EAAaH,SAAO,MAiB1B,OAhBAI,EAAAA,WAAU,KACN,GAAIH,EAASI,SAAWF,EAAWE,SAAWb,EAAgB,CAC1D,IAAIc,EAAkB,EAClBP,EAASM,UACTC,GAAmBP,EAASM,QAAQE,YACpCD,GAAmB,IAEnBJ,EAAaG,UACbC,GAAmBJ,EAAaG,QAAQE,YACxCD,GAAmB,IAEvB,MAAME,EAAeL,EAAWE,QAAQE,YAClCvB,EAAQyB,KAAKC,IAAIJ,EAAkBE,GACzCP,EAASI,QAAQM,MAAM3B,MAAQ,GAAGA,KACrC,IACF,CAACe,EAASM,QAASJ,EAASI,QAASH,EAAaG,QAASF,EAAWE,QAASR,IAC1Ee,EAAIC,IAACC,MAAK,CAAEC,GAAI,CAChBC,WAAatB,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQC,UAAUC,MAAQzB,EAAMuB,QAAQG,OAAOC,MAChGjC,MAAQM,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQG,OAAOC,MAAQ3B,EAAMuB,QAAQK,KAAKC,QACtFC,aAAe9B,GAAU,aAAaA,EAAMuB,QAAQQ,QAAQC,aAC7D,cAAe,sBAAuBC,SAAUf,EAAIC,IAACC,MAAK,CAAEc,UAAWrC,GAAesC,EAASA,UAAEd,GAAI,CAChG9B,OAAQ,OACR6C,SAAUvC,GAAe,UAC1B,cAAe,8BAA+BoC,SAAUI,EAAAA,KAAMjB,EAAAA,IAAK,CAAEkB,IAAK7B,EAAYY,GAAI,CACrF7B,QAAS,OACT+C,eAAgB,gBAChBhD,OAAQ,CAAEiD,GAAI,OAAQC,GAAI,SAC3BR,SAAU,CAACI,EAAAA,KAAMjB,EAAGA,IAAE,CAAEC,GAAI,CAAE7B,QAAS,OAAQkD,WAAY,GAAKT,SAAU,CAACf,EAAIC,IAACwB,aAAY,CAAEL,IAAKjC,EAAUuC,QAAS,cAAevB,GAAI,CACxHwB,SAAU,CAAEC,GAAI,QAASN,QAAIO,GAC7BC,YAAa,EACbN,WAAY,EACZlD,QAAS,OACTyD,WAAY,UACb,cAAe,4BAA6BhB,SAAUxC,IAAUK,GAAmBoB,MAAKE,EAAAA,IAAK,CAAEkB,IAAK/B,EAAUc,GAAI6B,OAAOC,OAAO,CAAEC,SAAU,EAAGC,SAAU,SAAUC,UAAW,UAAYjE,GAAqB,cAAe,4BAA6B4C,SAAUf,EAAAA,IAAKqC,EAAAA,MAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGR,WAAY,SAAU5B,GAAI,CAAE9B,OAAQ,QAAU0C,SAAUrC,SAA4BsB,EAAIC,IAACoC,EAAKA,MAAE,CAAEjB,IAAK9B,EAAcgD,UAAW,MAAOC,QAAS,EAAGR,WAAY,SAAUV,eAAgB,WAAYlB,GAAI,CAAE9B,OAAQ,OAAQmE,WAAY,QAAU,cAAe,0BAA2BzB,SAAUtC,UAAkB"}
+{"version":3,"file":"SecondaryNavigation.js","sources":["../../../../src/layout/SecondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\nexport const SecondaryNavigation = ({ title, color, cta, navigationItems, inContainer, }) => {\n    const isLargerThanMd = useMediaQuery((theme) => theme.breakpoints.up('md'));\n    const { width: windowWidth } = useWindowSize();\n    const titleRef = useRef(null);\n    const itemsRef = useRef(null);\n    const ctaButtonRef = useRef(null);\n    const wrapperRef = useRef(null);\n    useEffect(() => {\n        if (itemsRef.current && wrapperRef.current && isLargerThanMd) {\n            let widthToSubtract = 0;\n            if (titleRef.current) {\n                widthToSubtract += titleRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of title in px\n            }\n            if (ctaButtonRef.current) {\n                widthToSubtract += ctaButtonRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of cta in px\n            }\n            const wrapperWidth = wrapperRef.current.clientWidth;\n            const width = Math.abs(widthToSubtract - wrapperWidth);\n            itemsRef.current.style.width = `${width}px`;\n        }\n    }, [titleRef.current, itemsRef.current, ctaButtonRef.current, wrapperRef.current, windowWidth]);\n    return (_jsx(Box, { sx: {\n            background: (theme) => (color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white),\n            color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n            borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n        }, \"data-testid\": \"SecondaryNavigation\", children: _jsx(Box, { component: inContainer && Container, sx: {\n                height: '100%',\n                padding: !inContainer && '0 16px',\n            }, \"data-testid\": \"SecondaryNavigation.wrapper\", children: _jsxs(Box, { ref: wrapperRef, sx: {\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    height: { xs: '48px', md: '62px' },\n                }, children: [_jsxs(Box, { sx: { display: 'flex', flexShrink: 0 }, children: [_jsx(Typography, { ref: titleRef, variant: \"subheadline\", sx: {\n                                    minWidth: { sm: '170px', xs: undefined },\n                                    marginRight: 2,\n                                    flexShrink: 0,\n                                    display: 'flex',\n                                    alignItems: 'center',\n                                }, \"data-testid\": \"SecondaryNavigation.title\", children: title }), isLargerThanMd && (_jsx(Box, { ref: itemsRef, sx: Object.assign({ flexGrow: 0, overflow: 'hidden', overflowX: 'scroll' }, disableScrollbarSx), \"data-testid\": \"SecondaryNavigation.items\", children: _jsx(Stack, { direction: \"row\", spacing: 2, alignItems: \"center\", sx: { height: '100%' }, children: navigationItems }) }))] }), _jsx(Stack, { ref: ctaButtonRef, direction: \"row\", spacing: 2, alignItems: \"center\", justifyContent: \"flex-end\", sx: { height: '100%', marginLeft: '16px' }, \"data-testid\": \"SecondaryNavigation.cta\", children: cta })] }) }) }));\n};\nconst disableScrollbarSx = {\n    '::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer': {\n        width: 0,\n        height: 0,\n        display: 'none',\n    },\n};\n//# sourceMappingURL=SecondaryNavigation.js.map"],"names":["disableScrollbarSx","width","height","display","title","color","cta","navigationItems","inContainer","isLargerThanMd","useMediaQuery","theme","breakpoints","up","windowWidth","useWindowSize","default","titleRef","useRef","itemsRef","ctaButtonRef","wrapperRef","useEffect","current","widthToSubtract","clientWidth","wrapperWidth","Math","abs","style","_jsx","jsx","Box","sx","background","palette","onSurface","os900","common","white","text","primary","borderBottom","surface","secondary","children","component","Container","padding","_jsxs","ref","justifyContent","xs","md","flexShrink","Typography","variant","minWidth","sm","undefined","marginRight","alignItems","Object","assign","flexGrow","overflow","overflowX","Stack","direction","spacing","marginLeft"],"mappings":"yJAIY,MA0CNA,EAAqB,CACvB,wLAAyL,CACrLC,MAAO,EACPC,OAAQ,EACRC,QAAS,qCA9CkB,EAAGC,QAAOC,QAAOC,MAAKC,kBAAiBC,kBACtE,MAAMC,EAAiBC,EAAaA,eAAEC,GAAUA,EAAMC,YAAYC,GAAG,SAC7DZ,MAAOa,GAAgBC,EAAaC,UACtCC,EAAWC,SAAO,MAClBC,EAAWD,SAAO,MAClBE,EAAeF,SAAO,MACtBG,EAAaH,SAAO,MAiB1B,OAhBAI,EAAAA,WAAU,KACN,GAAIH,EAASI,SAAWF,EAAWE,SAAWd,EAAgB,CAC1D,IAAIe,EAAkB,EAClBP,EAASM,UACTC,GAAmBP,EAASM,QAAQE,YACpCD,GAAmB,IAEnBJ,EAAaG,UACbC,GAAmBJ,EAAaG,QAAQE,YACxCD,GAAmB,IAEvB,MAAME,EAAeL,EAAWE,QAAQE,YAClCxB,EAAQ0B,KAAKC,IAAIJ,EAAkBE,GACzCP,EAASI,QAAQM,MAAM5B,MAAQ,GAAGA,KACrC,IACF,CAACgB,EAASM,QAASJ,EAASI,QAASH,EAAaG,QAASF,EAAWE,QAAST,IAC1EgB,EAAIC,IAACC,MAAK,CAAEC,GAAI,CAChBC,WAAavB,GAAqB,SAAVN,EAAmBM,EAAMwB,QAAQC,UAAUC,MAAQ1B,EAAMwB,QAAQG,OAAOC,MAChGlC,MAAQM,GAAqB,SAAVN,EAAmBM,EAAMwB,QAAQG,OAAOC,MAAQ5B,EAAMwB,QAAQK,KAAKC,QACtFC,aAAe/B,GAAU,aAAaA,EAAMwB,QAAQQ,QAAQC,aAC7D,cAAe,sBAAuBC,SAAUf,EAAIC,IAACC,MAAK,CAAEc,UAAWtC,GAAeuC,EAASA,UAAEd,GAAI,CAChG/B,OAAQ,OACR8C,SAAUxC,GAAe,UAC1B,cAAe,8BAA+BqC,SAAUI,EAAAA,KAAMjB,EAAAA,IAAK,CAAEkB,IAAK7B,EAAYY,GAAI,CACrF9B,QAAS,OACTgD,eAAgB,gBAChBjD,OAAQ,CAAEkD,GAAI,OAAQC,GAAI,SAC3BR,SAAU,CAACI,EAAAA,KAAMjB,EAAGA,IAAE,CAAEC,GAAI,CAAE9B,QAAS,OAAQmD,WAAY,GAAKT,SAAU,CAACf,EAAIC,IAACwB,aAAY,CAAEL,IAAKjC,EAAUuC,QAAS,cAAevB,GAAI,CACxHwB,SAAU,CAAEC,GAAI,QAASN,QAAIO,GAC7BC,YAAa,EACbN,WAAY,EACZnD,QAAS,OACT0D,WAAY,UACb,cAAe,4BAA6BhB,SAAUzC,IAAUK,GAAmBqB,MAAKE,EAAAA,IAAK,CAAEkB,IAAK/B,EAAUc,GAAI6B,OAAOC,OAAO,CAAEC,SAAU,EAAGC,SAAU,SAAUC,UAAW,UAAYlE,GAAqB,cAAe,4BAA6B6C,SAAUf,EAAAA,IAAKqC,EAAAA,MAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGR,WAAY,SAAU5B,GAAI,CAAE/B,OAAQ,QAAU2C,SAAUtC,SAA4BuB,EAAIC,IAACoC,EAAKA,MAAE,CAAEjB,IAAK9B,EAAcgD,UAAW,MAAOC,QAAS,EAAGR,WAAY,SAAUV,eAAgB,WAAYlB,GAAI,CAAE/B,OAAQ,OAAQoE,WAAY,QAAU,cAAe,0BAA2BzB,SAAUvC,UAAkB"}

package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoAdjustable = forwardRef((props, ref) => {\n    return (_jsx(CardPhotoAdjustableStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoAdjustableStyled = styled(MuiCard) `\n  height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '180px';\n        case 'medium':\n            return '400px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\n\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '150px';\n        case 'medium':\n            return '240px';\n        case 'normal':\n            return '300px';\n        default:\n            return '';\n    }\n}};\n  }\n\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '200px';\n        case 'medium':\n            return '300px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\n  }\n\n  padding: 0;\n  .CardImagePicture {\n    display: block;\n  }\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\n\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n        return props.theme.palette.onSurface.os0;\n    }\n    else\n        return props.theme.palette.onSurface.os0;\n}};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\n\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\n\n\t.CardImageHeader {\n    width: 100%;\n  }\n  .CardImageHeader {\n    .Label {\n      margin: 0;\n    }\n    color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\n  }\n  .CardImageMedia {\n    position: relative;\n    height: auto;\n  }\n  .CardImageTextContainer {\n    padding: 24px;\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .CardImageText {\n    position: absolute;\n    .CardImageSubtitle {\n      font-weight: bold;\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .CardImageTitle {\n      font-size: 27px;\n      line-height: 32px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 30px;\n        line-height: 36px;\n      }\n    }\n  }\n  .CardImageButtonsContainerContent {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    flex-direction: column-reverse;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n    }\n  }\n  .CardImageButtonsContainer {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .LabelsOptional {\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 8px;\n    span:first-of-type {\n      margin-bottom: 4px;\n    }\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      span:first-of-type {\n        margin-bottom: 0;\n      }\n    }\n  }\n  .InfoVehicle {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 12px;\n    text-align: left;\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      margin-bottom: 0;\n      text-align: right;\n    }\n    margin-bottom: 16px;\n    .InfoVehicleTotal {\n      font-weight: bold;\n    }\n    .infoVehicleDealerInfoContainer {\n      display: inline-flex;\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        text-align: right;\n        margin-bottom: 0;\n        width: auto;\n      }\n    }\n    .infoVehicleDealerInfo {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n  }\n`;\n//# sourceMappingURL=cardPhotoAdjustable.js.map"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"0RAaY,MAACA,EAAsBC,EAAUA,YAAC,CAACC,EAAOC,IAC1CC,EAAIC,IAACC,EAA2B,CAAEH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAAA,QAAyBC,OAAOC,OAAO,CAAA,EAAIR,QAK5GI,EAA4BK,EAAAA,QAAOC,EAAOC,QAAE;YACrCX,IACT,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SAEL,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;uBAGmBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;cAClDhB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;uBAImBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;cAClDjB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;;;;;sBAQkBZ,GACZA,EAAMa,MAAMK,QAAQC,UAAUC;;WAG7BpB,GACmC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,aACxC,iBAAlCtB,EAAMK,SAASL,MAAMuB,SACdvB,EAAMa,MAAMK,QAAQM,KAAKC,SAEK,aAArCzB,EAAMK,SAASL,MAAMsB,aAA8BtB,EAAMK,SAASL,MAAMuB,SACjEvB,EAAMa,MAAMK,QAAQC,UAAUC;IAKxCpB,IACD,GAAIA,EAAMa,MAAMa,MAAMC,aAClB,MAAO,mBACV;;IAGA3B,IACD,GAAIA,EAAMK,SAASL,MAAM4B,eACrB,MAAO,qBACV;;;;;;;;;aAUS5B,GACgC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,YAClEtB,EAAMa,MAAMK,QAAQM,KAAKC,QAEK,aAArCzB,EAAMK,SAASL,MAAMsB,YACdtB,EAAMa,MAAMK,QAAQC,UAAUC,SADzC;;;;;;;;;;;;;;;;;;;;;2BAwBwBpB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC7B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C9B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3CjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzChB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9DhB,GACI+B,EAAAA,iCAAiC/B,EAAMK,SAASL,MAAMqB,aAAc;;MAGxErB,GACIgC,EAAAA,gCAAgChC,EAAMK,SAASL,MAAMsB,YAAa;;"}
+{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoAdjustable = forwardRef((props, ref) => {\n    return (_jsx(CardPhotoAdjustableStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoAdjustableStyled = styled(MuiCard) `\r\n  height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '180px';\n        case 'medium':\n            return '400px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\r\n\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '150px';\n        case 'medium':\n            return '240px';\n        case 'normal':\n            return '300px';\n        default:\n            return '';\n    }\n}};\r\n  }\r\n\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '200px';\n        case 'medium':\n            return '300px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\r\n  }\r\n\r\n  padding: 0;\r\n  .CardImagePicture {\r\n    display: block;\r\n  }\r\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\r\n\r\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n        return props.theme.palette.onSurface.os0;\n    }\n    else\n        return props.theme.palette.onSurface.os0;\n}};\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\r\n\t.CardImageHeader {\r\n    width: 100%;\r\n  }\r\n  .CardImageHeader {\r\n    .Label {\r\n      margin: 0;\r\n    }\r\n    color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\r\n  }\r\n  .CardImageMedia {\r\n    position: relative;\r\n    height: auto;\r\n  }\r\n  .CardImageTextContainer {\r\n    padding: 24px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  .CardImageText {\r\n    position: absolute;\r\n    .CardImageSubtitle {\r\n      font-weight: bold;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .CardImageTitle {\r\n      font-size: 27px;\r\n      line-height: 32px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 30px;\r\n        line-height: 36px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageButtonsContainerContent {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    flex-direction: column-reverse;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n  }\r\n  .CardImageButtons {\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .cta-button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n    }\r\n    .cta-button button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .LabelsOptional {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 8px;\r\n    span:first-of-type {\r\n      margin-bottom: 4px;\r\n    }\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      span:first-of-type {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n  .InfoVehicle {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    margin-bottom: 12px;\r\n    text-align: left;\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      margin-bottom: 0;\r\n      text-align: right;\r\n    }\r\n    margin-bottom: 16px;\r\n    .InfoVehicleTotal {\r\n      font-weight: bold;\r\n    }\r\n    .infoVehicleDealerInfoContainer {\r\n      display: inline-flex;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        text-align: right;\r\n        margin-bottom: 0;\r\n        width: auto;\r\n      }\r\n    }\r\n    .infoVehicleDealerInfo {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardPhotoAdjustable.js.map"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"0RAaY,MAACA,EAAsBC,EAAUA,YAAC,CAACC,EAAOC,IAC1CC,EAAIC,IAACC,EAA2B,CAAEH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAAA,QAAyBC,OAAOC,OAAO,CAAA,EAAIR,QAK5GI,EAA4BK,EAAAA,QAAOC,EAAOC,QAAE;YACrCX,IACT,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SAEL,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;uBAGmBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;cAClDhB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;uBAImBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;cAClDjB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;;;;;sBAQkBZ,GACZA,EAAMa,MAAMK,QAAQC,UAAUC;;WAG7BpB,GACmC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,aACxC,iBAAlCtB,EAAMK,SAASL,MAAMuB,SACdvB,EAAMa,MAAMK,QAAQM,KAAKC,SAEK,aAArCzB,EAAMK,SAASL,MAAMsB,aAA8BtB,EAAMK,SAASL,MAAMuB,SACjEvB,EAAMa,MAAMK,QAAQC,UAAUC;IAKxCpB,IACD,GAAIA,EAAMa,MAAMa,MAAMC,aAClB,MAAO,mBACV;;IAGA3B,IACD,GAAIA,EAAMK,SAASL,MAAM4B,eACrB,MAAO,qBACV;;;;;;;;;aAUS5B,GACgC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,YAClEtB,EAAMa,MAAMK,QAAQM,KAAKC,QAEK,aAArCzB,EAAMK,SAASL,MAAMsB,YACdtB,EAAMa,MAAMK,QAAQC,UAAUC,SADzC;;;;;;;;;;;;;;;;;;;;;2BAwBwBpB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC7B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C9B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3CjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzChB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9DhB,GACI+B,EAAAA,iCAAiC/B,EAAMK,SAASL,MAAMqB,aAAc;;MAGxErB,GACIgC,EAAAA,gCAAgChC,EAAMK,SAASL,MAAMsB,YAAa;;"}

package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoFixed.js","sources":["../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoFixed = forwardRef((props, ref) => {\n    const themeBreakpoint = useTheme();\n    const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n    return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoFixedsStyled = styled(MuiCard) `\n  background-color: ${(props) => {\n    return props.theme.palette.common.white;\n}};\n\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\n        return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n        return props.theme.palette.common.white;\n    }\n    else\n        return props.theme.palette.common.white;\n}};\n\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\n\n  /* Height of the component */\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    height: 440px;\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n    height: 400px;\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n    height: 440px;\n  }\n\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\n\n  .CardImageHeader {\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      max-width: 560px;\n    }\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 640px;\n    }\n  }\n\n  .CardImageHeader {\n    .VehicleEquipment {\n      margin: 0;\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 23px;\n        line-height: 28px;\n      }\n    }\n    color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\n  }\n\n  .CardImageText {\n    .CardImageSubtitleContainer {\n      display: inline-flex;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 100%;\n    }\n    .CardImageSubtitle {\n      font-size: 16px;\n      line-height: 24px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .CardImageTitle {\n      font-size: 23px;\n      line-height: 28px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 32px;\n        line-height: 38px;\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 36px;\n        line-height: 44px;\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\n      }\n    }\n  }\n  .CardImageButtonsContainer {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column-reverse;\n    flex-wrap: wrap-reverse;\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n    }\n  }\n  .CardImageButtonsGroup {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    width: 100%;\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n      width: auto;\n    }\n    .cta-button {\n      text-decoration: none;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        width: auto;\n      }\n      div {\n        width: 100%;\n      }\n      button {\n        width: 100%;\n        @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n          width: auto;\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  .LabelsOptional {\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 6px;\n  }\n  .infoText {\n    font-size: 14px;\n    margin-bottom: 12px;\n    margin-bottom: 12px;\n    width: 100%;\n    align-self: end;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      width: auto;\n      margin-bottom: 0;\n    }\n    .infoTextFirst {\n      font-weight: bold;\n      span {\n        font-weight: 300;\n      }\n    }\n    .infoTextThirdContainer {\n      display: inline-flex;\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        display: inline;\n        text-align: right;\n        margin-bottom: 0;\n        width: auto;\n      }\n    }\n    .infoTextThird {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n  }\n`;\n//# sourceMappingURL=cardPhotoFixed.js.map"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"uWAeY,MAACA,EAAiBC,EAAUA,YAAC,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,QAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAAA,IAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,MAAKG,EAAAA,QAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAAA,QAAOC,EAAOC,QAAE;sBACvBhB,GACZA,EAAMiB,MAAMC,QAAQC,OAAOC;;WAG1BpB,GACmC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,aACxC,iBAAlCtB,EAAMU,SAASV,MAAMuB,SACdvB,EAAMiB,MAAMC,QAAQC,OAAOK,OAEG,aAArCxB,EAAMU,SAASV,MAAMsB,aAA8BtB,EAAMU,SAASV,MAAMuB,SACjEvB,EAAMiB,MAAMC,QAAQC,OAAOC;;IAMrCpB,IACD,GAAIA,EAAMiB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmB1B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;uBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;uBAGzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;IAI5D9B,IACD,GAAIA,EAAMU,SAASV,MAAM+B,eACrB,MAAO,qBACV;;;;yBAKqB/B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;yBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;;;;;;;;2BAUvChC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;aAKvD7B,GACgC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,YAClEtB,EAAMiB,MAAMC,QAAQe,KAAKC,QAEK,aAArClC,EAAMU,SAASV,MAAMsB,YACdtB,EAAMiB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBpC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;;;;;2BAQzC9B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;UAG1D7B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;2BAGuBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;UAG1DhC,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;yBAUzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;2BAOvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;6BAQvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;MAc9D5B,GACIsC,EAAAA,iCAAiCtC,EAAMU,SAASV,MAAMqB,aAAc;;MAGxErB,GACIuC,EAAAA,gCAAgCvC,EAAMU,SAASV,MAAMsB,YAAa;;"}
+{"version":3,"file":"cardPhotoFixed.js","sources":["../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoFixed = forwardRef((props, ref) => {\n    const themeBreakpoint = useTheme();\n    const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n    return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoFixedsStyled = styled(MuiCard) `\r\n  background-color: ${(props) => {\n    return props.theme.palette.common.white;\n}};\r\n\r\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\n        return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n        return props.theme.palette.common.white;\n    }\n    else\n        return props.theme.palette.common.white;\n}};\r\n\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  /* Height of the component */\r\n  height: 500px;\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    height: 440px;\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n    height: 400px;\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n    height: 440px;\r\n  }\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\r\n  .CardImageHeader {\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      max-width: 560px;\r\n    }\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n      max-width: 640px;\r\n    }\r\n  }\r\n\r\n  .CardImageHeader {\r\n    .VehicleEquipment {\r\n      margin: 0;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 23px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\r\n  }\r\n\r\n  .CardImageText {\r\n    .CardImageSubtitleContainer {\r\n      display: inline-flex;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      width: 100%;\r\n    }\r\n    .CardImageSubtitle {\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .CardImageTitle {\r\n      font-size: 23px;\r\n      line-height: 28px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 32px;\r\n        line-height: 38px;\r\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 36px;\r\n        line-height: 44px;\r\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\r\n      }\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-direction: column-reverse;\r\n    flex-wrap: wrap-reverse;\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsGroup {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      width: auto;\r\n    }\r\n    .cta-button {\r\n      text-decoration: none;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        width: auto;\r\n      }\r\n      div {\r\n        width: 100%;\r\n      }\r\n      button {\r\n        width: 100%;\r\n        @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n          width: auto;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .LabelsOptional {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 6px;\r\n  }\r\n  .infoText {\r\n    font-size: 14px;\r\n    margin-bottom: 12px;\r\n    margin-bottom: 12px;\r\n    width: 100%;\r\n    align-self: end;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      width: auto;\r\n      margin-bottom: 0;\r\n    }\r\n    .infoTextFirst {\r\n      font-weight: bold;\r\n      span {\r\n        font-weight: 300;\r\n      }\r\n    }\r\n    .infoTextThirdContainer {\r\n      display: inline-flex;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        display: inline;\r\n        text-align: right;\r\n        margin-bottom: 0;\r\n        width: auto;\r\n      }\r\n    }\r\n    .infoTextThird {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardPhotoFixed.js.map"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"uWAeY,MAACA,EAAiBC,EAAUA,YAAC,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,QAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAAA,IAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,MAAKG,EAAAA,QAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAAA,QAAOC,EAAOC,QAAE;sBACvBhB,GACZA,EAAMiB,MAAMC,QAAQC,OAAOC;;WAG1BpB,GACmC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,aACxC,iBAAlCtB,EAAMU,SAASV,MAAMuB,SACdvB,EAAMiB,MAAMC,QAAQC,OAAOK,OAEG,aAArCxB,EAAMU,SAASV,MAAMsB,aAA8BtB,EAAMU,SAASV,MAAMuB,SACjEvB,EAAMiB,MAAMC,QAAQC,OAAOC;;IAMrCpB,IACD,GAAIA,EAAMiB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmB1B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;uBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;uBAGzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;IAI5D9B,IACD,GAAIA,EAAMU,SAASV,MAAM+B,eACrB,MAAO,qBACV;;;;yBAKqB/B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;yBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;;;;;;;;2BAUvChC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;aAKvD7B,GACgC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,YAClEtB,EAAMiB,MAAMC,QAAQe,KAAKC,QAEK,aAArClC,EAAMU,SAASV,MAAMsB,YACdtB,EAAMiB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBpC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;;;;;2BAQzC9B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;UAG1D7B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;2BAGuBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;UAG1DhC,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;yBAUzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;2BAOvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;6BAQvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;MAc9D5B,GACIsC,EAAAA,iCAAiCtC,EAAMU,SAASV,MAAMqB,aAAc;;MAGxErB,GACIuC,EAAAA,gCAAgCvC,EAAMU,SAASV,MAAMsB,YAAa;;"}

package/cjs/organisms/cardTypeOnly/cardTypeOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardTypeOnly.js","sources":["../../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardTypeOnly = forwardRef((props, ref) => {\n    return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, ref: ref, children: _jsx(CardTypeOnlyStyled, { children: _jsx(CardTypeOnlyComponent, Object.assign({ isCompact: true }, props)) }) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard) `\n  width: 100%;\n  box-shadow: none;\n  background-color: #f6f7f8ff !important;\n  padding: 24px;\n  min-height: 300px;\n  ${(props) => {\n    if (props.children.props.emptyCardText) {\n        return 'background-image: none';\n    }\n}};\n  background-repeat: no-repeat, repeat;\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\n\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\n\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\n\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\n\t.CardImageText {\n    text-align: center;\n    ${(props) => {\n    if (props.children.props.cardTypeOnlyText) {\n        return 'justify-content: center';\n    }\n}};\n    .CardImageSubtitle {\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .emptyCardText {\n      align-self: center;\n      margin-bottom: 17px;\n    }\n  }\n  .CardImageButtonsContainerContent {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    flex-direction: column-reverse;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n    }\n  }\n  .CardImageButtonsContainer {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  }\n  .CardImageButtons {\n    justify-content: center;\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .button-component {\n      width: 100%;\n      div {\n        width: 100%;\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n  }\n`;\n//# sourceMappingURL=cardTypeOnly.js.map"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","default","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8UAcY,MAACA,EAAeC,EAAUA,YAAC,CAACC,EAAOC,IACnCC,MAAKC,EAAAA,0BAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAoB,CAAED,SAAUH,EAAAA,IAAKK,EAAqBC,QAAEC,OAAOC,OAAO,CAAEC,WAAW,GAAQX,UAKtMM,EAAqBM,EAAAA,QAAOC,EAAOL,QAAE;;;;;;IAMtCR,IACD,GAAIA,EAAMK,SAASL,MAAMc,cACrB,MAAO,wBACV;;sBAGkBd,GACZA,EAAMe,MAAMC,QAAQC,UAAUC;;WAG7BlB,GACkC,aAAtCA,EAAMK,SAASL,MAAMmB,cAAoE,aAArCnB,EAAMK,SAASL,MAAMoB,YAClEpB,EAAMe,MAAMC,QAAQK,KAAKC,QAEU,aAArCtB,EAAMK,SAASL,MAAMoB,YACnBpB,EAAMe,MAAMC,QAAQC,UAAUC,SADpC;;IAKJlB,IACD,GAAIA,EAAMe,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;IAGAxB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACrB,MAAO,qBACV;;;MAIEJ,IACH,GAAIA,EAAMK,SAASL,MAAMyB,iBACrB,MAAO,yBACV;;;;2BAKuBzB,GAAUA,EAAMe,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C5B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;2BAGzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D7B,GACI8B,EAAAA,iCAAiC9B,EAAMK,SAASL,MAAMmB,aAAc;;MAGxEnB,GACI+B,EAAAA,gCAAgC/B,EAAMK,SAASL,MAAMoB,YAAa;;"}
+{"version":3,"file":"cardTypeOnly.js","sources":["../../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardTypeOnly = forwardRef((props, ref) => {\n    return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, ref: ref, children: _jsx(CardTypeOnlyStyled, { children: _jsx(CardTypeOnlyComponent, Object.assign({ isCompact: true }, props)) }) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard) `\r\n  width: 100%;\r\n  box-shadow: none;\r\n  background-color: #f6f7f8ff !important;\r\n  padding: 24px;\r\n  min-height: 300px;\r\n  ${(props) => {\n    if (props.children.props.emptyCardText) {\n        return 'background-image: none';\n    }\n}};\r\n  background-repeat: no-repeat, repeat;\r\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\r\n\r\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\r\n\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\t.CardImageText {\r\n    text-align: center;\r\n    ${(props) => {\n    if (props.children.props.cardTypeOnlyText) {\n        return 'justify-content: center';\n    }\n}};\r\n    .CardImageSubtitle {\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .emptyCardText {\r\n      align-self: center;\r\n      margin-bottom: 17px;\r\n    }\r\n  }\r\n  .CardImageButtonsContainerContent {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    flex-direction: column-reverse;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n  }\r\n  .CardImageButtons {\r\n    justify-content: center;\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .button-component {\r\n      width: 100%;\r\n      div {\r\n        width: 100%;\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardTypeOnly.js.map"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","default","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8UAcY,MAACA,EAAeC,EAAUA,YAAC,CAACC,EAAOC,IACnCC,MAAKC,EAAAA,0BAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAoB,CAAED,SAAUH,EAAAA,IAAKK,EAAqBC,QAAEC,OAAOC,OAAO,CAAEC,WAAW,GAAQX,UAKtMM,EAAqBM,EAAAA,QAAOC,EAAOL,QAAE;;;;;;IAMtCR,IACD,GAAIA,EAAMK,SAASL,MAAMc,cACrB,MAAO,wBACV;;sBAGkBd,GACZA,EAAMe,MAAMC,QAAQC,UAAUC;;WAG7BlB,GACkC,aAAtCA,EAAMK,SAASL,MAAMmB,cAAoE,aAArCnB,EAAMK,SAASL,MAAMoB,YAClEpB,EAAMe,MAAMC,QAAQK,KAAKC,QAEU,aAArCtB,EAAMK,SAASL,MAAMoB,YACnBpB,EAAMe,MAAMC,QAAQC,UAAUC,SADpC;;IAKJlB,IACD,GAAIA,EAAMe,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;IAGAxB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACrB,MAAO,qBACV;;;MAIEJ,IACH,GAAIA,EAAMK,SAASL,MAAMyB,iBACrB,MAAO,yBACV;;;;2BAKuBzB,GAAUA,EAAMe,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C5B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;2BAGzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D7B,GACI8B,EAAAA,iCAAiC9B,EAAMK,SAASL,MAAMmB,aAAc;;MAGxEnB,GACI+B,EAAAA,gCAAgC/B,EAAMK,SAASL,MAAMoB,YAAa;;"}

package/cjs/organisms/carousel2/components/NavButton.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),t=require("react");require("../../../components/accordion/accordion.js"),require("../../../components/backdrop/backdrop.js"),require("../../../components/button/button.js"),require("../../../design/skoda/theme.js"),require("@mui/material/styles"),require("../../cardOwnedVehicle/cardOwnedVehicle.js"),require("../../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../cardPhotoFixed/cardPhotoFixed.js"),require("../../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../common/styled/cardStandardWrapperStyled.js"),require("../../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../carousel/styledComponents/styledCarouselHorizontal.js"),require("../../carousel/styledComponents/styledCarouselVertical.js");var i=require("../../../components/controls/controls.js");require("../../../components/numbering/numbering.js"),require("../../../utils/enum.js"),require("../../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../maps/utils/mapIcons.js"),require("../../maps/mapComponents/mapStyled.js"),require("../../shortcutLink/shortcutLink.js"),require("../../textCta/textCta.js"),require("../../tile/tile.js"),require("lodash/merge"),require("@mui/system");var n=require("lodash/noop");function a(e){return e&&e.__esModule?e:{default:e}}require("../galleryCarousel/galleryContext.js"),require("../galleryCarousel/galleryItemContext.js"),require("../heroCarousel/heroCarouselContext.js"),require("../../notification/Notification.js"),require("../../notification/NotificationCenter.js"),require("../../../layout/Header/HeaderContext.js"),require("../../../layout/Header/HeaderButton.js"),require("../../../layout/Header/HeaderNavigationHero.js"),require("../../../layout/Header/HeaderNavigationLink.js"),require("../../../layout/Header/HeaderNavigationMenu.js"),require("../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../layout/Header/HeaderOverheadItem.js"),require("../../../components/icon/icon.js"),require("../../../components/icon/icon.definitions.js"),require("../../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("react-use"),require("../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../../production/Button/Button.js"),require("../../../components/cardContainer/cardContainer.js"),require("../../../components/cardMenu/cardMenu.js"),require("../../../components/checkbox/checkbox.js"),require("../../../components/chip/chipImage/chipImage.js"),require("../../../components/chip/regular/chip.js"),require("../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../../components/divider/divider.js"),require("../../../components/drawer/drawer.js"),require("../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../components/indicator/indicator.js"),require("../../../components/label/label.js"),require("../../../components/labelCO2/labelCO2.js"),require("../../../components/labelFeature/labelFeature.js"),require("../../../components/labelPromotional/labelPromotional.js"),require("../../../components/labelStatus/labelStatus.js"),require("../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../../components/mobileStepper/mobileStepperButton.js"),require("../../../components/modal/modal.js"),require("../../../components/modal/modalTitle.js"),require("../../../components/pagination/pagination.js"),require("../../../components/progressBar/progressBar.js"),require("../../../components/radioButton/radioButton.js"),require("../../../components/selectInput/selectInput.js"),require("../../../components/slider/slider.js"),require("../../../components/snackbar/snackbar.js"),require("../../../components/stepper/stepper.js"),require("../../../components/textArea/textArea.js"),require("../../../components/common/styled/textFieldStyled.js"),require("../../../components/helperTextContent/index.js"),require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/avatar/Avatar.js"),require("../../../components/iconButton/index.js"),require("../../../components/alert/AlertButton.js"),require("../../gallery/Gallery.js"),require("../../gallery/GalleryItem.js"),require("minimatch");var s=a(n);const l=(e,r,o,i)=>{const[n,a]=t.useState(!1);return{hover:n,handleMouseEnter:t.useCallback((()=>{var t;if(e){const t="prev"===r?e.canScrollPrev():e.canScrollNext(),i="next"===r?e.canScrollPrev():e.canScrollNext();("rtl"===o?i:t)&&a(!0)}(null!==(t=null==i?void 0:i.onMouseEnter)&&void 0!==t?t:s.default)()}),[e,a,i,r,o]),handleMouseLeave:t.useCallback((()=>{var e;a(!1),(null!==(e=null==i?void 0:i.onMouseLeave)&&void 0!==e?e:s.default)()}),[i,a])}},u=(e,r,o)=>t.useCallback((()=>{"prev"===o&&("ltr"===r?e.scrollPrev():e.scrollNext()),"next"===o&&("ltr"===r?e.scrollNext():e.scrollPrev())}),[e,r,o]);exports.NavButton=n=>{var{emblaApi:a,type:s,color:c,style:d,variant:m,onMouseEnter:p,onMouseLeave:j,direction:q}=n,g=e.__rest(n,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const M=u(a,q,s),[v,y]=t.useState(!0),{hover:x,handleMouseEnter:b,handleMouseLeave:I}=l(a,s,q,{onMouseEnter:p,onMouseLeave:j});return t.useEffect((()=>{if(a){const e=()=>{const e="prev"===s?a.canScrollPrev():a.canScrollNext(),r="next"===s?a.canScrollPrev():a.canScrollNext();y(!("rtl"===q?r:e))};a.on("scroll",e),e()}}),[a,s,q]),r.jsx(o.Box,{sx:{cursor:x?`url(${"next"===s?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:r.jsx(o.Box,Object.assign({},g,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===s?"0px":void 0,right:"next"===s?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===s?"15px":void 0,xl:"prev"===s?"34px":void 0},right:{sm:"next"===s?"15px":void 0,xl:"next"===s?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:x?"hidden":void 0}},g.sx),onMouseEnter:b,onMouseLeave:I,children:r.jsx(i.Controller,{controlType:"prev"===s?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=m?m:"standard",onClickCallback:M,isDisabled:v,customHeight:"100%"})}))})};
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),t=require("react");require("../../../components/accordion/accordion.js"),require("../../../components/backdrop/backdrop.js"),require("../../../components/button/button.js"),require("../../../design/skoda/theme.js"),require("@mui/material/styles"),require("../../cardOwnedVehicle/cardOwnedVehicle.js"),require("../../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../cardPhotoFixed/cardPhotoFixed.js"),require("../../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../common/styled/cardStandardWrapperStyled.js"),require("../../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../carousel/styledComponents/styledCarouselHorizontal.js"),require("../../carousel/styledComponents/styledCarouselVertical.js");var i=require("../../../components/controls/controls.js");require("../../../components/numbering/numbering.js"),require("../../../utils/enum.js"),require("../../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../maps/utils/mapIcons.js"),require("../../maps/mapComponents/mapStyled.js"),require("../../shortcutLink/shortcutLink.js"),require("../../textCta/textCta.js"),require("../../tile/tile.js"),require("@mui/system"),require("../galleryCarousel/galleryContext.js"),require("../galleryCarousel/galleryItemContext.js"),require("../heroCarousel/heroCarouselContext.js"),require("../../notification/Notification.js"),require("../../notification/NotificationCenter.js"),require("../../../layout/Header/HeaderContext.js"),require("../../../layout/Header/HeaderButton.js"),require("../../../layout/Header/HeaderNavigationHero.js"),require("../../../layout/Header/HeaderNavigationLink.js"),require("../../../layout/Header/HeaderNavigationMenu.js"),require("../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../layout/Header/HeaderOverheadItem.js"),require("../../../components/icon/icon.definitions.js"),require("../../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../../production/Button/Button.js"),require("../../../components/cardContainer/cardContainer.js"),require("../../../components/cardMenu/cardMenu.js"),require("../../../components/checkbox/checkbox.js"),require("../../../components/chip/chipImage/chipImage.js"),require("../../../components/chip/regular/chip.js"),require("../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../../components/divider/divider.js"),require("../../../components/drawer/drawer.js"),require("../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../components/indicator/indicator.js"),require("../../../components/label/label.js"),require("../../../components/labelCO2/labelCO2.js"),require("../../../components/labelFeature/labelFeature.js"),require("../../../components/labelPromotional/labelPromotional.js"),require("../../../components/labelStatus/labelStatus.js"),require("../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../../components/mobileStepper/mobileStepperButton.js"),require("../../../components/modal/modal.js"),require("../../../components/modal/modalTitle.js"),require("../../../components/pagination/pagination.js"),require("../../../components/progressBar/progressBar.js"),require("../../../components/radioButton/radioButton.js"),require("../../../components/selectInput/selectInput.js"),require("../../../components/slider/slider.js"),require("../../../components/snackbar/snackbar.js"),require("../../../components/stepper/stepper.js"),require("../../../components/textArea/textArea.js"),require("../../../components/common/styled/textFieldStyled.js"),require("../../../components/helperTextContent/index.js"),require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/avatar/Avatar.js"),require("../../../components/iconButton/index.js"),require("../../../components/alert/AlertButton.js"),require("../../gallery/Gallery.js"),require("../../gallery/GalleryItem.js"),require("minimatch");const a=(e,r,o,i)=>{const[a,n]=t.useState(!1);return{hover:a,handleMouseEnter:t.useCallback((()=>{var t;if(e){const t="prev"===r?e.canScrollPrev():e.canScrollNext(),i="next"===r?e.canScrollPrev():e.canScrollNext();("rtl"===o?i:t)&&n(!0)}null===(t=null==i?void 0:i.onMouseEnter)||void 0===t||t.call(i)}),[e,n,i,r,o]),handleMouseLeave:t.useCallback((()=>{var e;n(!1),null===(e=null==i?void 0:i.onMouseLeave)||void 0===e||e.call(i)}),[i,n])}},n=(e,r,o)=>t.useCallback((()=>{"prev"===o&&("ltr"===r?e.scrollPrev():e.scrollNext()),"next"===o&&("ltr"===r?e.scrollNext():e.scrollPrev())}),[e,r,o]);exports.NavButton=s=>{var{emblaApi:l,type:u,color:c,style:d,variant:m,onMouseEnter:p,onMouseLeave:j,direction:q}=s,g=e.__rest(s,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const M=n(l,q,u),[v,y]=t.useState(!0),{hover:x,handleMouseEnter:b,handleMouseLeave:I}=a(l,u,q,{onMouseEnter:p,onMouseLeave:j});return t.useEffect((()=>{if(l){const e=()=>{const e="prev"===u?l.canScrollPrev():l.canScrollNext(),r="next"===u?l.canScrollPrev():l.canScrollNext();y(!("rtl"===q?r:e))};l.on("scroll",e),e()}}),[l,u,q]),r.jsx(o.Box,{sx:{cursor:x?`url(${"next"===u?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:r.jsx(o.Box,Object.assign({},g,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===u?"0px":void 0,right:"next"===u?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===u?"15px":void 0,xl:"prev"===u?"34px":void 0},right:{sm:"next"===u?"15px":void 0,xl:"next"===u?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:x?"hidden":void 0}},g.sx),onMouseEnter:b,onMouseLeave:I,children:r.jsx(i.Controller,{controlType:"prev"===u?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=m?m:"standard",onClickCallback:M,isDisabled:v,customHeight:"100%"})}))})};
 //# sourceMappingURL=NavButton.js.map

package/cjs/organisms/carousel2/components/NavButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","sources":["../../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nimport noop from 'lodash/noop';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n    var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n    const handleScroll = useNavCallback(emblaApi, direction, type);\n    const [disabled, setDisabled] = useState(true);\n    const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n        onMouseEnter,\n        onMouseLeave,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n                setDisabled(!canScroll);\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, type, direction]);\n    return (_jsx(Box, { sx: {\n            cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n        }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n                    position: 'absolute !important',\n                    left: {\n                        sm: type === 'prev' ? '15px' : undefined,\n                        xl: type === 'prev' ? '34px' : undefined,\n                    },\n                    right: {\n                        sm: type === 'next' ? '15px' : undefined,\n                        xl: type === 'next' ? '34px' : undefined,\n                    },\n                    top: '50%',\n                    transform: 'translate(0, -50%)',\n                    '&:active': {\n                        transform: 'translate(0, -50%) scale(0.95) !important',\n                    },\n                    visibility: hover ? 'hidden' : undefined,\n                } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n    const [hover, setHover] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n        var _a;\n        if (api) {\n            const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n            const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n            const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n            if (canScroll) {\n                setHover(true);\n            }\n        }\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseEnter) !== null && _a !== void 0 ? _a : noop)();\n    }, [api, setHover, options, type, direction]);\n    const handleMouseLeave = useCallback(() => {\n        var _a;\n        setHover(false);\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseLeave) !== null && _a !== void 0 ? _a : noop)();\n    }, [options, setHover]);\n    return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n    return useCallback(() => {\n        if (type === 'prev') {\n            direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n        }\n        if (type === 'next') {\n            direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n        }\n    }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","_a","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","onMouseEnter","noop","handleMouseLeave","onMouseLeave","useNavCallback","scrollPrev","scrollNext","emblaApi","color","style","variant","rest","__rest","handleScroll","disabled","setDisabled","useEffect","onScroll","on","_jsx","jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight"],"mappings":"8nJAMA,MA0CMA,EAAoB,CAACC,EAAKC,EAAMC,EAAWC,KAC7C,MAAOC,EAAOC,GAAYC,EAAQA,UAAC,GAkBnC,MAAO,CAAEF,QAAOG,iBAjBSC,EAAAA,aAAY,KACjC,IAAIC,EACJ,GAAIT,EAAK,CACL,MAAMU,EAAwB,SAATT,EAAkBD,EAAIW,gBAAkBX,EAAIY,gBAC3DC,EAAwB,SAATZ,EAAkBD,EAAIW,gBAAkBX,EAAIY,iBACjC,QAAdV,EAAsBW,EAAeH,IAEnDL,GAAS,EAEhB,EACkF,QAAjFI,EAAKN,aAAyC,EAASA,EAAQW,oBAAiC,IAAPL,EAAgBA,EAAKM,EAAAA,UAAO,GACxH,CAACf,EAAKK,EAAUF,EAASF,EAAMC,IAMAc,iBALTR,EAAAA,aAAY,KACjC,IAAIC,EACJJ,GAAS,IAC0E,QAAjFI,EAAKN,aAAyC,EAASA,EAAQc,oBAAiC,IAAPR,EAAgBA,EAAKM,EAAAA,UAAO,GACxH,CAACZ,EAASE,IACuC,EAElDa,EAAiB,CAAClB,EAAKE,EAAWD,IAC7BO,EAAWA,aAAC,KACF,SAATP,IACc,QAAdC,EAAsBF,EAAImB,aAAenB,EAAIoB,cAEpC,SAATnB,IACc,QAAdC,EAAsBF,EAAIoB,aAAepB,EAAImB,aAChD,GACF,CAACnB,EAAKE,EAAWD,sBArEEQ,IACtB,IAAIY,SAAEA,EAAQpB,KAAEA,EAAIqB,MAAEA,EAAKC,MAAEA,EAAKC,QAAEA,EAAOV,aAAEA,EAAYG,aAAEA,EAAYf,UAAEA,GAAcO,EAAIgB,EAAOC,EAAMA,OAACjB,EAAI,CAAC,WAAY,OAAQ,QAAS,QAAS,UAAW,eAAgB,eAAgB,cAC/L,MAAMkB,EAAeT,EAAeG,EAAUnB,EAAWD,IAClD2B,EAAUC,GAAevB,EAAQA,UAAC,IACnCF,MAAEA,EAAKG,iBAAEA,EAAgBS,iBAAEA,GAAqBjB,EAAkBsB,EAAUpB,EAAMC,EAAW,CAC/FY,eACAG,iBAcJ,OAZAa,EAAAA,WAAU,KACN,GAAIT,EAAU,CACV,MAAMU,EAAW,KACb,MAAMrB,EAAwB,SAATT,EAAkBoB,EAASV,gBAAkBU,EAAST,gBACrEC,EAAwB,SAATZ,EAAkBoB,EAASV,gBAAkBU,EAAST,gBAE3EiB,IADgC,QAAd3B,EAAsBW,EAAeH,GAChC,EAE3BW,EAASW,GAAG,SAAUD,GACtBA,GACH,IACF,CAACV,EAAUpB,EAAMC,IACZ+B,EAAIC,IAACC,MAAK,CAAEC,GAAI,CAChBC,OAAQjC,EAAQ,OAAgB,SAATH,EAvBhB,ybACA,idAsB2EqC,GACnF,cAAe,eAAgBC,SAAUN,EAAIC,IAACC,EAAGA,IAAEK,OAAOC,OAAO,CAAA,EAAIhB,EAAM,CAAEW,GAAII,OAAOC,OAAO,CAAEC,SAAU,WAAYC,IAAK,MAAOC,OAAQ,MAAOC,MAAO,MAAOC,SAAU,OAAQC,KAAe,SAAT9C,EAAkB,WAAQqC,EAAWU,MAAgB,SAAT/C,EAAkB,WAAQqC,EAAWW,OAAQ,CACxQP,SAAU,sBACVK,KAAM,CACFG,GAAa,SAATjD,EAAkB,YAASqC,EAC/Ba,GAAa,SAATlD,EAAkB,YAASqC,GAEnCU,MAAO,CACHE,GAAa,SAATjD,EAAkB,YAASqC,EAC/Ba,GAAa,SAATlD,EAAkB,YAASqC,GAEnCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACRA,UAAW,6CAEfC,WAAYjD,EAAQ,cAAWkC,IAC9Bb,EAAKW,IAAKtB,aAAcP,EAAkBU,aAAcD,EAAkBuB,SAAUN,EAAIC,IAACoB,aAAY,CAAEC,YAAsB,SAATtD,EAAkB,aAAe,cAAeuD,gBAAiBlC,QAAqCA,EAAQ,QAASmC,UAAWlC,QAAqCA,EAAQ,UAAWmC,eAAgBlC,QAAyCA,EAAU,WAAYmC,gBAAiBhC,EAAciC,WAAYhC,EAAUiC,aAAc,aAAkB"}
+{"version":3,"file":"NavButton.js","sources":["../../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n    var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n    const handleScroll = useNavCallback(emblaApi, direction, type);\n    const [disabled, setDisabled] = useState(true);\n    const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n        onMouseEnter,\n        onMouseLeave,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n                setDisabled(!canScroll);\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, type, direction]);\n    return (_jsx(Box, { sx: {\n            cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n        }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n                    position: 'absolute !important',\n                    left: {\n                        sm: type === 'prev' ? '15px' : undefined,\n                        xl: type === 'prev' ? '34px' : undefined,\n                    },\n                    right: {\n                        sm: type === 'next' ? '15px' : undefined,\n                        xl: type === 'next' ? '34px' : undefined,\n                    },\n                    top: '50%',\n                    transform: 'translate(0, -50%)',\n                    '&:active': {\n                        transform: 'translate(0, -50%) scale(0.95) !important',\n                    },\n                    visibility: hover ? 'hidden' : undefined,\n                } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n    const [hover, setHover] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n        var _a;\n        if (api) {\n            const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n            const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n            const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n            if (canScroll) {\n                setHover(true);\n            }\n        }\n        (_a = options === null || options === void 0 ? void 0 : options.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(options);\n    }, [api, setHover, options, type, direction]);\n    const handleMouseLeave = useCallback(() => {\n        var _a;\n        setHover(false);\n        (_a = options === null || options === void 0 ? void 0 : options.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(options);\n    }, [options, setHover]);\n    return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n    return useCallback(() => {\n        if (type === 'prev') {\n            direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n        }\n        if (type === 'next') {\n            direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n        }\n    }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","_a","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","onMouseEnter","call","handleMouseLeave","onMouseLeave","useNavCallback","scrollPrev","scrollNext","emblaApi","color","style","variant","rest","__rest","handleScroll","disabled","setDisabled","useEffect","onScroll","on","_jsx","jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight"],"mappings":"k6IAKA,MA0CMA,EAAoB,CAACC,EAAKC,EAAMC,EAAWC,KAC7C,MAAOC,EAAOC,GAAYC,EAAQA,UAAC,GAkBnC,MAAO,CAAEF,QAAOG,iBAjBSC,EAAAA,aAAY,KACjC,IAAIC,EACJ,GAAIT,EAAK,CACL,MAAMU,EAAwB,SAATT,EAAkBD,EAAIW,gBAAkBX,EAAIY,gBAC3DC,EAAwB,SAATZ,EAAkBD,EAAIW,gBAAkBX,EAAIY,iBACjC,QAAdV,EAAsBW,EAAeH,IAEnDL,GAAS,EAEhB,CACiF,QAAjFI,EAAKN,aAAyC,EAASA,EAAQW,oBAAiC,IAAPL,GAAyBA,EAAGM,KAAKZ,EAAQ,GACpI,CAACH,EAAKK,EAAUF,EAASF,EAAMC,IAMAc,iBALTR,EAAAA,aAAY,KACjC,IAAIC,EACJJ,GAAS,GACyE,QAAjFI,EAAKN,aAAyC,EAASA,EAAQc,oBAAiC,IAAPR,GAAyBA,EAAGM,KAAKZ,EAAQ,GACpI,CAACA,EAASE,IACuC,EAElDa,EAAiB,CAAClB,EAAKE,EAAWD,IAC7BO,EAAWA,aAAC,KACF,SAATP,IACc,QAAdC,EAAsBF,EAAImB,aAAenB,EAAIoB,cAEpC,SAATnB,IACc,QAAdC,EAAsBF,EAAIoB,aAAepB,EAAImB,aAChD,GACF,CAACnB,EAAKE,EAAWD,sBArEEQ,IACtB,IAAIY,SAAEA,EAAQpB,KAAEA,EAAIqB,MAAEA,EAAKC,MAAEA,EAAKC,QAAEA,EAAOV,aAAEA,EAAYG,aAAEA,EAAYf,UAAEA,GAAcO,EAAIgB,EAAOC,EAAMA,OAACjB,EAAI,CAAC,WAAY,OAAQ,QAAS,QAAS,UAAW,eAAgB,eAAgB,cAC/L,MAAMkB,EAAeT,EAAeG,EAAUnB,EAAWD,IAClD2B,EAAUC,GAAevB,EAAQA,UAAC,IACnCF,MAAEA,EAAKG,iBAAEA,EAAgBS,iBAAEA,GAAqBjB,EAAkBsB,EAAUpB,EAAMC,EAAW,CAC/FY,eACAG,iBAcJ,OAZAa,EAAAA,WAAU,KACN,GAAIT,EAAU,CACV,MAAMU,EAAW,KACb,MAAMrB,EAAwB,SAATT,EAAkBoB,EAASV,gBAAkBU,EAAST,gBACrEC,EAAwB,SAATZ,EAAkBoB,EAASV,gBAAkBU,EAAST,gBAE3EiB,IADgC,QAAd3B,EAAsBW,EAAeH,GAChC,EAE3BW,EAASW,GAAG,SAAUD,GACtBA,GACH,IACF,CAACV,EAAUpB,EAAMC,IACZ+B,EAAIC,IAACC,MAAK,CAAEC,GAAI,CAChBC,OAAQjC,EAAQ,OAAgB,SAATH,EAvBhB,ybACA,idAsB2EqC,GACnF,cAAe,eAAgBC,SAAUN,EAAIC,IAACC,EAAGA,IAAEK,OAAOC,OAAO,CAAA,EAAIhB,EAAM,CAAEW,GAAII,OAAOC,OAAO,CAAEC,SAAU,WAAYC,IAAK,MAAOC,OAAQ,MAAOC,MAAO,MAAOC,SAAU,OAAQC,KAAe,SAAT9C,EAAkB,WAAQqC,EAAWU,MAAgB,SAAT/C,EAAkB,WAAQqC,EAAWW,OAAQ,CACxQP,SAAU,sBACVK,KAAM,CACFG,GAAa,SAATjD,EAAkB,YAASqC,EAC/Ba,GAAa,SAATlD,EAAkB,YAASqC,GAEnCU,MAAO,CACHE,GAAa,SAATjD,EAAkB,YAASqC,EAC/Ba,GAAa,SAATlD,EAAkB,YAASqC,GAEnCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACRA,UAAW,6CAEfC,WAAYjD,EAAQ,cAAWkC,IAC9Bb,EAAKW,IAAKtB,aAAcP,EAAkBU,aAAcD,EAAkBuB,SAAUN,EAAIC,IAACoB,aAAY,CAAEC,YAAsB,SAATtD,EAAkB,aAAe,cAAeuD,gBAAiBlC,QAAqCA,EAAQ,QAASmC,UAAWlC,QAAqCA,EAAQ,UAAWmC,eAAgBlC,QAAyCA,EAAU,WAAYmC,gBAAiBhC,EAAciC,WAAYhC,EAAUiC,aAAc,aAAkB"}

package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("lodash/merge"),i=require("../hooks/useDefaultProps.js"),s=require("../hooks/useEmbla.js"),o=require("../../../utils/enum.js"),n=require("@mui/system"),l=require("../components/ItemsContainer.js"),a=require("../components/ViewPort.js"),u=require("../components/NavButton.js"),c=require("../components/Numbering.js"),d=require("../hooks/useContainerPeek.js"),p=require("../../../utils/ResponsiveType.js"),m=require("./galleryContext.js");function h(e){return e&&e.__esModule?e:{default:e}}var x=h(t);const f={align:"start",height:"100%",controlOptions:{color:"light",buttonPosition:"30%",buttonAreaHeight:"30%"},maxSlideWidth:"100%",isSlideDifferentWidth:!0,cssClass:"gallery-variant"};exports.GalleryCarousel=t=>{const h=x.default({},f,t),g=i.useDefaultProps(h),[v,j]=s.useEmbla(g),{containerLeft:b,peekNextOnHover:q,peekPrevOnHover:y,resetPeek:C}=d.useContainerPeek(j,g.direction),P=p.useResponsiveProp(g.height),[N,E]=r.useState(),k=r.useCallback((()=>{if(j){const e=j.slideNodes()[j.slidesInView().pop()];if(e){const r=e.getElementsByTagName("picture").item(0);if(r){const e=r.getBoundingClientRect().bottom;E(e-62)}}}}),[j,E]);return r.useEffect(k,[k]),r.useEffect((()=>{const e=()=>k();return window.addEventListener("resize",e),j&&j.on("scroll",e),()=>{window.removeEventListener("resize",e),j&&j.off("scroll",e)}}),[k,j]),e.jsx(m.GalleryContextProvider,{children:e.jsx(n.Box,{sx:{overflow:"hidden"},className:"gallery","data-testid":"GalleryCarousel",dir:g.direction,"data-state":null==j?void 0:j.selectedScrollSnap(),children:e.jsxs(n.Box,{sx:{position:"relative",height:P,maxHeight:P},children:[e.jsxs(a.ViewPort,{emblaRef:v,children:[e.jsx(l.ItemsContainer,{left:b,children:g.children}),g.controlOptions&&e.jsxs(e.Fragment,{children:[e.jsx(u.NavButton,{direction:g.direction,emblaApi:j,type:"prev",onMouseEnter:y,onMouseLeave:C}),e.jsx(u.NavButton,{direction:g.direction,emblaApi:j,type:"next",onMouseEnter:q,onMouseLeave:C})]})]}),e.jsx(c.Numbering,{sx:{top:N?`${N}px`:"inherit",bottom:N?"inherit":"24px"},emblaApi:j,separator:g.numberingSeparator,color:o.NumberingColors.DARK,size:o.NumberingSizes.LARGE,direction:g.direction})]})})})},exports.GalleryDefaultProps=f;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../hooks/useDefaultProps.js"),i=require("../hooks/useEmbla.js"),s=require("../../../utils/enum.js"),o=require("@mui/system"),n=require("../components/ItemsContainer.js"),l=require("../components/ViewPort.js"),a=require("../components/NavButton.js"),u=require("../components/Numbering.js"),c=require("../hooks/useContainerPeek.js"),d=require("../../../utils/ResponsiveType.js"),p=require("./galleryContext.js");const m={align:"start",height:"100%",controlOptions:{color:"light",buttonPosition:"30%",buttonAreaHeight:"30%"},maxSlideWidth:"100%",isSlideDifferentWidth:!0,cssClass:"gallery-variant"};exports.GalleryCarousel=x=>{const h=Object.assign(Object.assign({},m),x),g=r.useDefaultProps(h),[j,v]=i.useEmbla(g),{containerLeft:b,peekNextOnHover:f,peekPrevOnHover:q,resetPeek:y}=c.useContainerPeek(v,g.direction),C=d.useResponsiveProp(g.height),[P,N]=t.useState(),E=t.useCallback((()=>{if(v){const e=v.slideNodes()[v.slidesInView().pop()];if(e){const t=e.getElementsByTagName("picture").item(0);if(t){const e=t.getBoundingClientRect().bottom;N(e-62)}}}}),[v,N]);return t.useEffect(E,[E]),t.useEffect((()=>{const e=()=>E();return window.addEventListener("resize",e),v&&v.on("scroll",e),()=>{window.removeEventListener("resize",e),v&&v.off("scroll",e)}}),[E,v]),e.jsx(p.GalleryContextProvider,{children:e.jsx(o.Box,{sx:{overflow:"hidden"},className:"gallery","data-testid":"GalleryCarousel",dir:g.direction,"data-state":null==v?void 0:v.selectedScrollSnap(),children:e.jsxs(o.Box,{sx:{position:"relative",height:C,maxHeight:C},children:[e.jsxs(l.ViewPort,{emblaRef:j,children:[e.jsx(n.ItemsContainer,{left:b,children:g.children}),g.controlOptions&&e.jsxs(e.Fragment,{children:[e.jsx(a.NavButton,{direction:g.direction,emblaApi:v,type:"prev",onMouseEnter:q,onMouseLeave:y}),e.jsx(a.NavButton,{direction:g.direction,emblaApi:v,type:"next",onMouseEnter:f,onMouseLeave:y})]})]}),e.jsx(u.Numbering,{sx:{top:P?`${P}px`:"inherit",bottom:P?"inherit":"24px"},emblaApi:v,separator:g.numberingSeparator,color:s.NumberingColors.DARK,size:s.NumberingSizes.LARGE,direction:g.direction})]})})})},exports.GalleryDefaultProps=m;
 //# sourceMappingURL=galleryCarousel.js.map