@skodaflow/web-library 6.0.0 → 7.0.1

package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../../utils/utilities';\nexport var controlButtonsHover;\n(function (controlButtonsHover) {\n    controlButtonsHover[\"NEXT\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K\";\n    controlButtonsHover[\"PREV\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==\";\n})(controlButtonsHover || (controlButtonsHover = {}));\nexport const CarouselStyledHorizontal = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'isSlideDifferentWidth' &&\n        prop !== 'slidesItems' &&\n        prop !== 'slideToShow' &&\n        prop !== 'bulletTheme' &&\n        prop !== 'numberingSeparator' &&\n        prop !== 'numberingSlides' &&\n        prop !== 'startIndex' &&\n        prop !== 'cssClass' &&\n        prop !== 'buttonControls' &&\n        prop !== 'buttonAreaControlsHeight' &&\n        prop !== 'slideToScroll' &&\n        prop !== 'prevControlIcon' &&\n        prop !== 'nextControlIcon' &&\n        prop !== 'controlColor' &&\n        prop !== 'controlIconStyle' &&\n        prop !== 'controlVariant' &&\n        prop !== 'controlIconFontSize' &&\n        prop !== 'slideSelectedClass' &&\n        prop !== 'heightSlide' &&\n        prop !== 'bulletScroll' &&\n        prop !== 'bulletStyle',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& .embla': {\n            position: 'relative',\n            padding: '0px',\n            maxWidth: '100%',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n            boxSizing: 'border-box',\n            '& *': {\n                boxSizing: 'border-box',\n            },\n            [theme.breakpoints.up('md')]: {\n                '&.embla-container-next': {\n                    '& .embla__container': {\n                        left: props.align === 'center' ? '-6%' : '-3%',\n                    },\n                },\n                '&.embla-container-prev': {\n                    '& .embla__container': {\n                        left: props.align === 'center' ? '-2%' : '3%',\n                    },\n                },\n            },\n        }, '& .embla__viewport': {\n            overflow: 'hidden',\n            width: '100%',\n        }, '& .embla__viewport.is-draggable': {\n            cursor: 'move',\n        }, '& .embla__viewport.is-dragging': {\n            cursor: 'grabbing',\n        }, '& .embla__container': {\n            display: 'flex',\n            userSelect: 'none',\n            webkitTouchCallout: 'none',\n            khtmlUserSelect: 'none',\n            webkitTapHighlightColor: 'transparent',\n            marginLeft: '-24px',\n            transition: 'left .4s',\n            [theme.breakpoints.up('md')]: {\n                position: 'relative',\n                left: props.align === 'center' ? '-4%' : '0',\n            },\n        }, '& .embla__slide': {\n            position: 'relative',\n            flex: '0 0 auto',\n            paddingLeft: '24px',\n            [theme.breakpoints.down('md')]: {\n                width: props.isSlideDifferentWidth ? '' : '100%',\n            },\n        }, '& .embla__slide__inner': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n            display: props.isSlideDifferentWidth ? 'flex' : '',\n            '& img': {\n                maxWidth: '100%',\n                height: '100%',\n                objectFit: 'cover',\n            },\n        }, '& .embla__button': {\n            position: 'absolute',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            top: '0',\n            height: '100%',\n            zIndex: '2',\n            border: '0',\n            boxShadow: 'none',\n            backgroundColor: 'transparent',\n            cursor: 'auto',\n            borderRadius: 0,\n            '& .MuiIcon-fontSizeSmall': {\n                width: '24px',\n                height: '24px',\n            },\n            '& .MuiIcon-fontSizeMedium': {\n                width: '32px',\n                height: '32px',\n            },\n            '&:disabled': {\n                '& .MuiIcon-root': {\n                    color: theme.palette.disabled.primary,\n                },\n                '&:hover': {\n                    [theme.breakpoints.up('lg')]: {\n                        '& .MuiIcon-root': {\n                            backgroundColor: 'transparent',\n                        },\n                    },\n                },\n            },\n        }, '& .embla__button--prev': {\n            left: '0',\n            width: '12%',\n        }, '& .embla__button--prev.prev--hovered': {\n            [theme.breakpoints.up('lg')]: {\n                cursor: `url(${controlButtonsHover.PREV}), auto`,\n                '& button': {\n                    transform: 'scale(0)',\n                },\n            },\n        }, '& .embla__button--next': {\n            right: '0',\n            width: '12%',\n        }, '& .embla__button--next.next--hovered': {\n            [theme.breakpoints.up('lg')]: {\n                cursor: `url(${controlButtonsHover.NEXT}), auto`,\n                '& button': {\n                    transform: 'scale(0)',\n                },\n            },\n        }, '& .embla__progress': {\n            position: 'relative',\n            backgroundColor: 'transparent',\n            marginTop: props.numberingSlides === true ? '30px' : '10px',\n            maxWidth: '100%',\n            width: '100%',\n            height: '4px',\n            overflow: 'hidden',\n            borderRadius: '4px',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__progress__bar': {\n            position: 'absolute',\n            backgroundColor: theme.palette.onSurface.os200,\n            width: '100%',\n            top: '0',\n            bottom: '0',\n            left: '-100%',\n        }, '& .carousel_numbering': {\n            [theme.breakpoints.up('md')]: {\n                position: 'absolute',\n                right: '11%',\n            },\n            [theme.breakpoints.down('md')]: {\n                textAlign: 'center',\n            },\n        }, '& .embla__dots': {\n            display: 'flex',\n            listStyle: 'none',\n            justifyContent: 'center',\n            paddingTop: '10px',\n            '& .embla__dot': {\n                backgroundColor: 'transparent',\n                cursor: 'pointer',\n                position: 'relative',\n                padding: '0',\n                outline: '0',\n                border: '0',\n                width: '30px',\n                height: '30px',\n                marginRight: '7.5px',\n                marginLeft: '7.5px',\n                display: 'flex',\n                alignItems: 'center',\n                '&:after': {\n                    backgroundColor: flowColors.disabled.secondary,\n                    width: '50px',\n                    height: '4px',\n                    borderRadius: '2px',\n                    content: '\"\"',\n                },\n                '&.is-selected': {\n                    '&:after': {\n                        backgroundColor: flowColors.onSurface.os900,\n                        opacity: '1',\n                    },\n                },\n            },\n            '& .embla__dot_small': {\n                backgroundColor: 'transparent',\n                cursor: 'pointer',\n                position: 'relative',\n                padding: '0',\n                outline: '0',\n                border: '0',\n                width: '12px',\n                height: '6px',\n                marginRight: '6px',\n                marginLeft: '6px',\n                display: 'flex',\n                alignItems: 'center',\n                '&:after': {\n                    backgroundColor: ternaryCondition(props.bulletTheme, 'dark', flowColors.onSurface.os900, flowColors.surface.tertiary),\n                    width: '6px',\n                    height: '6px',\n                    borderRadius: '50%',\n                    content: '\"\"',\n                },\n                '&.is-selected': {\n                    '&:after': {\n                        backgroundColor: 'transparent',\n                        height: '12px',\n                        width: '12px',\n                        border: ternaryCondition(props.bulletTheme, 'dark', flowColors.onSurface.os900, flowColors.surface.tertiary),\n                        borderRadius: '50%',\n                        opacity: '1',\n                    },\n                },\n            },\n        } });\n    switch (props.slideToShow) {\n        case 1:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    paddingLeft: '24px',\n                    [theme.breakpoints.up('md')]: {\n                        flex: props.isSlideDifferentWidth ? '0 0 auto' : '0 0 100%',\n                        maxWidth: props.isSlideDifferentWidth === true ? ' 100%' : '80%',\n                    },\n                } }));\n        case 2:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 50%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n        case 3:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 33.33%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n        case 4:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 25%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n    }\n    return styles;\n});\n//# sourceMappingURL=styledCarouselHorizontal.js.map"],"names":["controlButtonsHover","CarouselStyledHorizontal","styled","default","shouldForwardProp","prop","_a","theme","props","__rest","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","boxSizing","breakpoints","up","left","align","overflow","width","cursor","display","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","transition","flex","paddingLeft","down","isSlideDifferentWidth","height","objectFit","alignItems","justifyContent","top","zIndex","border","boxShadow","backgroundColor","borderRadius","color","palette","disabled","primary","PREV","transform","right","NEXT","marginTop","numberingSlides","onSurface","os200","bottom","textAlign","listStyle","paddingTop","outline","flowColors","secondary","content","os900","opacity","ternaryCondition","bulletTheme","surface","tertiary","slideToShow"],"mappings":"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"}
+{"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport styled from '@emotion/styled';\nimport { paletteLight as flowColors } from '../../../design/skoda/paletteLight.theme';\nimport { ternaryCondition } from '../../../utils/utilities';\nexport var controlButtonsHover;\n(function (controlButtonsHover) {\n    controlButtonsHover[\"NEXT\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K\";\n    controlButtonsHover[\"PREV\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==\";\n})(controlButtonsHover || (controlButtonsHover = {}));\nexport const CarouselStyledHorizontal = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'isSlideDifferentWidth' &&\n        prop !== 'slidesItems' &&\n        prop !== 'slideToShow' &&\n        prop !== 'bulletTheme' &&\n        prop !== 'numberingSeparator' &&\n        prop !== 'numberingSlides' &&\n        prop !== 'startIndex' &&\n        prop !== 'cssClass' &&\n        prop !== 'buttonControls' &&\n        prop !== 'buttonAreaControlsHeight' &&\n        prop !== 'slideToScroll' &&\n        prop !== 'prevControlIcon' &&\n        prop !== 'nextControlIcon' &&\n        prop !== 'controlColor' &&\n        prop !== 'controlIconStyle' &&\n        prop !== 'controlVariant' &&\n        prop !== 'controlIconFontSize' &&\n        prop !== 'slideSelectedClass' &&\n        prop !== 'heightSlide' &&\n        prop !== 'bulletScroll' &&\n        prop !== 'bulletStyle',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& .embla': {\n            position: 'relative',\n            padding: '0px',\n            maxWidth: '100%',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n            boxSizing: 'border-box',\n            '& *': {\n                boxSizing: 'border-box',\n            },\n            [theme.breakpoints.up('md')]: {\n                '&.embla-container-next': {\n                    '& .embla__container': {\n                        left: props.align === 'center' ? '-6%' : '-3%',\n                    },\n                },\n                '&.embla-container-prev': {\n                    '& .embla__container': {\n                        left: props.align === 'center' ? '-2%' : '3%',\n                    },\n                },\n            },\n        }, '& .embla__viewport': {\n            overflow: 'hidden',\n            width: '100%',\n        }, '& .embla__viewport.is-draggable': {\n            cursor: 'move',\n        }, '& .embla__viewport.is-dragging': {\n            cursor: 'grabbing',\n        }, '& .embla__container': {\n            display: 'flex',\n            userSelect: 'none',\n            webkitTouchCallout: 'none',\n            khtmlUserSelect: 'none',\n            webkitTapHighlightColor: 'transparent',\n            marginLeft: '-24px',\n            transition: 'left .4s',\n            [theme.breakpoints.up('md')]: {\n                position: 'relative',\n                left: props.align === 'center' ? '-4%' : '0',\n            },\n        }, '& .embla__slide': {\n            position: 'relative',\n            flex: '0 0 auto',\n            paddingLeft: '24px',\n            [theme.breakpoints.down('md')]: {\n                width: props.isSlideDifferentWidth ? '' : '100%',\n            },\n        }, '& .embla__slide__inner': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n            display: props.isSlideDifferentWidth ? 'flex' : '',\n            '& img': {\n                maxWidth: '100%',\n                height: '100%',\n                objectFit: 'cover',\n            },\n        }, '& .embla__button': {\n            position: 'absolute',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            top: '0',\n            height: '100%',\n            zIndex: '2',\n            border: '0',\n            boxShadow: 'none',\n            backgroundColor: 'transparent',\n            cursor: 'auto',\n            borderRadius: 0,\n            '& .MuiIcon-fontSizeSmall': {\n                width: '24px',\n                height: '24px',\n            },\n            '& .MuiIcon-fontSizeMedium': {\n                width: '32px',\n                height: '32px',\n            },\n            '&:disabled': {\n                '& .MuiIcon-root': {\n                    color: theme.palette.disabled.primary,\n                },\n                '&:hover': {\n                    [theme.breakpoints.up('lg')]: {\n                        '& .MuiIcon-root': {\n                            backgroundColor: 'transparent',\n                        },\n                    },\n                },\n            },\n        }, '& .embla__button--prev': {\n            left: '0',\n            width: '12%',\n        }, '& .embla__button--prev.prev--hovered': {\n            [theme.breakpoints.up('lg')]: {\n                cursor: `url(${controlButtonsHover.PREV}), auto`,\n                '& button': {\n                    transform: 'scale(0)',\n                },\n            },\n        }, '& .embla__button--next': {\n            right: '0',\n            width: '12%',\n        }, '& .embla__button--next.next--hovered': {\n            [theme.breakpoints.up('lg')]: {\n                cursor: `url(${controlButtonsHover.NEXT}), auto`,\n                '& button': {\n                    transform: 'scale(0)',\n                },\n            },\n        }, '& .embla__progress': {\n            position: 'relative',\n            backgroundColor: 'transparent',\n            marginTop: props.numberingSlides === true ? '30px' : '10px',\n            maxWidth: '100%',\n            width: '100%',\n            height: '4px',\n            overflow: 'hidden',\n            borderRadius: '4px',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__progress__bar': {\n            position: 'absolute',\n            backgroundColor: theme.palette.onSurface.os200,\n            width: '100%',\n            top: '0',\n            bottom: '0',\n            left: '-100%',\n        }, '& .carousel_numbering': {\n            [theme.breakpoints.up('md')]: {\n                position: 'absolute',\n                right: '11%',\n            },\n            [theme.breakpoints.down('md')]: {\n                textAlign: 'center',\n            },\n        }, '& .embla__dots': {\n            display: 'flex',\n            listStyle: 'none',\n            justifyContent: 'center',\n            paddingTop: '10px',\n            '& .embla__dot': {\n                backgroundColor: 'transparent',\n                cursor: 'pointer',\n                position: 'relative',\n                padding: '0',\n                outline: '0',\n                border: '0',\n                width: '30px',\n                height: '30px',\n                marginRight: '7.5px',\n                marginLeft: '7.5px',\n                display: 'flex',\n                alignItems: 'center',\n                '&:after': {\n                    backgroundColor: flowColors.disabled.secondary,\n                    width: '50px',\n                    height: '4px',\n                    borderRadius: '2px',\n                    content: '\"\"',\n                },\n                '&.is-selected': {\n                    '&:after': {\n                        backgroundColor: flowColors.onSurface.os900,\n                        opacity: '1',\n                    },\n                },\n            },\n            '& .embla__dot_small': {\n                backgroundColor: 'transparent',\n                cursor: 'pointer',\n                position: 'relative',\n                padding: '0',\n                outline: '0',\n                border: '0',\n                width: '12px',\n                height: '6px',\n                marginRight: '6px',\n                marginLeft: '6px',\n                display: 'flex',\n                alignItems: 'center',\n                '&:after': {\n                    backgroundColor: ternaryCondition(props.bulletTheme, 'dark', flowColors.onSurface.os900, flowColors.surface.tertiary),\n                    width: '6px',\n                    height: '6px',\n                    borderRadius: '50%',\n                    content: '\"\"',\n                },\n                '&.is-selected': {\n                    '&:after': {\n                        backgroundColor: 'transparent',\n                        height: '12px',\n                        width: '12px',\n                        border: ternaryCondition(props.bulletTheme, 'dark', flowColors.onSurface.os900, flowColors.surface.tertiary),\n                        borderRadius: '50%',\n                        opacity: '1',\n                    },\n                },\n            },\n        } });\n    switch (props.slideToShow) {\n        case 1:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    paddingLeft: '24px',\n                    [theme.breakpoints.up('md')]: {\n                        flex: props.isSlideDifferentWidth ? '0 0 auto' : '0 0 100%',\n                        maxWidth: props.isSlideDifferentWidth === true ? ' 100%' : '80%',\n                    },\n                } }));\n        case 2:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 50%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n        case 3:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 33.33%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n        case 4:\n            return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n                    position: 'relative',\n                    flex: '0 0 100%',\n                    [theme.breakpoints.up('md')]: {\n                        flex: '0 0 25%',\n                    },\n                    paddingLeft: '24px',\n                } }));\n    }\n    return styles;\n});\n//# sourceMappingURL=styledCarouselHorizontal.js.map"],"names":["controlButtonsHover","CarouselStyledHorizontal","styled","default","shouldForwardProp","prop","_a","theme","props","__rest","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","boxSizing","breakpoints","up","left","align","overflow","width","cursor","display","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","transition","flex","paddingLeft","down","isSlideDifferentWidth","height","objectFit","alignItems","justifyContent","top","zIndex","border","boxShadow","backgroundColor","borderRadius","color","palette","disabled","primary","PREV","transform","right","NEXT","marginTop","numberingSlides","onSurface","os200","bottom","textAlign","listStyle","paddingTop","outline","flowColors","secondary","content","os900","opacity","ternaryCondition","bulletTheme","surface","tertiary","slideToShow"],"mappings":"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"}

package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@emotion/styled"),t=require("../../../design/skoda/palette.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default("div",{shouldForwardProp:e=>"isSlideDifferentWidth"!==e&&"slidesItems"!==e&&"slideToShow"!==e&&"bulletTheme"!==e&&"numberingSeparator"!==e&&"numberingSlides"!==e&&"startIndex"!==e&&"cssClass"!==e&&"buttonControls"!==e&&"buttonAreaControlsHeight"!==e&&"slideToScroll"!==e&&"prevControlIcon"!==e&&"nextControlIcon"!==e&&"controlColor"!==e&&"controlIconStyle"!==e&&"controlVariant"!==e&&"controlIconFontSize"!==e&&"slideSelectedClass"!==e&&"heightSlide"!==e&&"bulletScroll"!==e&&"bulletStyle"!==e})((({theme:e})=>{let o={};return o=Object.assign(Object.assign({},o),{"& .embla":{position:"relative",padding:"0px",maxWidth:"100%",marginLeft:"auto",marginRight:"auto"},"& .embla__viewport":{overflow:"hidden",width:"100%"},"& .embla__viewport.is-draggable":{cursor:"move grab"},"& .embla__viewport.is-dragging":{cursor:"grabbing"},"& .embla__container":{userSelect:"none",webkitTouchCallout:"none",khtmlUserSelect:"none",webkitTapHighlightColor:"transparent",marginTop:NaN,height:"450px"},"& .embla__slide":{position:"relative",overflow:"hidden",height:"100%",width:"100%",maxWidth:"100%","& *":{maxwidth:"100%"},"& .MuiButton-root":{[e.breakpoints.up("md")]:{width:"auto"}}},"& .embla__slide__inner":{position:"relative",overflow:"hidden",height:"100%"},"& .embla__slide__img":{position:"absolute",display:"block",top:" 50%",left:"50%",width:"auto",minHeight:"100%",minWidth:"100%",maxWidth:"none",transform:"translate(-50%, -50%)"},"& .embla__button":{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"0",height:"100%",zIndex:"2",border:"0",boxShadow:"none",backgroundColor:"transparent",cursor:"pointer","& .MuiIcon-fontSizeSmall":{width:"24px",height:"24px"},"& .MuiIcon-fontSizeMedium":{width:"32px",height:"32px"},"&:hover":{"& .MuiIcon-root":{borderRadius:"50%",backgroundColor:t.flowColors.onSurface.os100,transfrom:"translateY(-3px)"}},"&:disabled":{"& .MuiIcon-root":{color:e.palette.disabled.primary},"&:hover":{"& .MuiIcon-root":{backgroundColor:"transparent"}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--next":{right:"0",width:"20%"},"& .embla__progress":{position:"relative",backgroundColor:"transparent",marginTop:"10px",maxWidth:"100%",width:"100%",height:"4px",overflow:"hidden",borderRadius:"4px",marginLeft:"auto",marginRight:"auto"},"& .embla__progress__bar":{position:"absolute",backgroundColor:e.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"}}),o}));exports.CarouselStyledVertical=i;
+"use strict";var e=require("@emotion/styled"),t=require("../../../design/skoda/paletteLight.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default("div",{shouldForwardProp:e=>"isSlideDifferentWidth"!==e&&"slidesItems"!==e&&"slideToShow"!==e&&"bulletTheme"!==e&&"numberingSeparator"!==e&&"numberingSlides"!==e&&"startIndex"!==e&&"cssClass"!==e&&"buttonControls"!==e&&"buttonAreaControlsHeight"!==e&&"slideToScroll"!==e&&"prevControlIcon"!==e&&"nextControlIcon"!==e&&"controlColor"!==e&&"controlIconStyle"!==e&&"controlVariant"!==e&&"controlIconFontSize"!==e&&"slideSelectedClass"!==e&&"heightSlide"!==e&&"bulletScroll"!==e&&"bulletStyle"!==e})((({theme:e})=>{let o={};return o=Object.assign(Object.assign({},o),{"& .embla":{position:"relative",padding:"0px",maxWidth:"100%",marginLeft:"auto",marginRight:"auto"},"& .embla__viewport":{overflow:"hidden",width:"100%"},"& .embla__viewport.is-draggable":{cursor:"move grab"},"& .embla__viewport.is-dragging":{cursor:"grabbing"},"& .embla__container":{userSelect:"none",webkitTouchCallout:"none",khtmlUserSelect:"none",webkitTapHighlightColor:"transparent",marginTop:NaN,height:"450px"},"& .embla__slide":{position:"relative",overflow:"hidden",height:"100%",width:"100%",maxWidth:"100%","& *":{maxwidth:"100%"},"& .MuiButton-root":{[e.breakpoints.up("md")]:{width:"auto"}}},"& .embla__slide__inner":{position:"relative",overflow:"hidden",height:"100%"},"& .embla__slide__img":{position:"absolute",display:"block",top:" 50%",left:"50%",width:"auto",minHeight:"100%",minWidth:"100%",maxWidth:"none",transform:"translate(-50%, -50%)"},"& .embla__button":{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"0",height:"100%",zIndex:"2",border:"0",boxShadow:"none",backgroundColor:"transparent",cursor:"pointer","& .MuiIcon-fontSizeSmall":{width:"24px",height:"24px"},"& .MuiIcon-fontSizeMedium":{width:"32px",height:"32px"},"&:hover":{"& .MuiIcon-root":{borderRadius:"50%",backgroundColor:t.paletteLight.onSurface.os100,transfrom:"translateY(-3px)"}},"&:disabled":{"& .MuiIcon-root":{color:e.palette.disabled.primary},"&:hover":{"& .MuiIcon-root":{backgroundColor:"transparent"}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--next":{right:"0",width:"20%"},"& .embla__progress":{position:"relative",backgroundColor:"transparent",marginTop:"10px",maxWidth:"100%",width:"100%",height:"4px",overflow:"hidden",borderRadius:"4px",marginLeft:"auto",marginRight:"auto"},"& .embla__progress__bar":{position:"absolute",backgroundColor:e.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"}}),o}));exports.CarouselStyledVertical=i;
 //# sourceMappingURL=styledCarouselVertical.js.map

package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"styledCarouselVertical.js","sources":["../../../../../src/organisms/carousel/styledComponents/styledCarouselVertical.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nexport const CarouselStyledVertical = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'isSlideDifferentWidth' &&\n        prop !== 'slidesItems' &&\n        prop !== 'slideToShow' &&\n        prop !== 'bulletTheme' &&\n        prop !== 'numberingSeparator' &&\n        prop !== 'numberingSlides' &&\n        prop !== 'startIndex' &&\n        prop !== 'cssClass' &&\n        prop !== 'buttonControls' &&\n        prop !== 'buttonAreaControlsHeight' &&\n        prop !== 'slideToScroll' &&\n        prop !== 'prevControlIcon' &&\n        prop !== 'nextControlIcon' &&\n        prop !== 'controlColor' &&\n        prop !== 'controlIconStyle' &&\n        prop !== 'controlVariant' &&\n        prop !== 'controlIconFontSize' &&\n        prop !== 'slideSelectedClass' &&\n        prop !== 'heightSlide' &&\n        prop !== 'bulletScroll' &&\n        prop !== 'bulletStyle',\n})(({ theme }) => {\n    // const props = args as CarouselPropType;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& .embla': {\n            position: 'relative',\n            padding: '0px',\n            maxWidth: '100%',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__viewport': {\n            overflow: 'hidden',\n            width: '100%',\n        }, '& .embla__viewport.is-draggable': {\n            cursor: 'move grab',\n        }, '& .embla__viewport.is-dragging': {\n            cursor: 'grabbing',\n        }, '& .embla__container': {\n            //display: 'flex',\n            userSelect: 'none',\n            webkitTouchCallout: 'none',\n            khtmlUserSelect: 'none',\n            webkitTapHighlightColor: 'transparent',\n            marginTop: -'10px',\n            height: '450px',\n        }, '& .embla__slide': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            maxWidth: '100%',\n            '& *': {\n                maxwidth: '100%',\n            },\n            '& .MuiButton-root': {\n                [theme.breakpoints.up('md')]: {\n                    width: 'auto',\n                },\n            },\n        }, '& .embla__slide__inner': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n        }, '& .embla__slide__img': {\n            position: 'absolute',\n            display: 'block',\n            top: ' 50%',\n            left: '50%',\n            width: 'auto',\n            minHeight: '100%',\n            minWidth: '100%',\n            maxWidth: 'none',\n            transform: 'translate(-50%, -50%)',\n        }, '& .embla__button': {\n            position: 'absolute',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            top: '0',\n            height: '100%',\n            zIndex: '2',\n            border: '0',\n            boxShadow: 'none',\n            backgroundColor: 'transparent',\n            cursor: 'pointer',\n            '& .MuiIcon-fontSizeSmall': {\n                width: '24px',\n                height: '24px',\n            },\n            '& .MuiIcon-fontSizeMedium': {\n                width: '32px',\n                height: '32px',\n            },\n            '&:hover': {\n                '& .MuiIcon-root': {\n                    borderRadius: '50%',\n                    backgroundColor: flowColors.onSurface.os100,\n                    transfrom: 'translateY(-3px)',\n                },\n            },\n            '&:disabled': {\n                '& .MuiIcon-root': {\n                    color: theme.palette.disabled.primary,\n                },\n                '&:hover': {\n                    '& .MuiIcon-root': {\n                        backgroundColor: 'transparent',\n                    },\n                },\n            },\n        }, '& .embla__button--prev': {\n            left: '0',\n            width: '12%',\n        }, '& .embla__button--next': {\n            right: '0',\n            width: '20%',\n        }, '& .embla__progress': {\n            position: 'relative',\n            backgroundColor: 'transparent',\n            marginTop: '10px',\n            maxWidth: '100%',\n            width: '100%',\n            height: '4px',\n            overflow: 'hidden',\n            borderRadius: '4px',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__progress__bar': {\n            position: 'absolute',\n            backgroundColor: theme.palette.onSurface.os200,\n            width: '100%',\n            top: '0',\n            bottom: '0',\n            left: '-100%',\n        } });\n    return styles;\n});\n//# sourceMappingURL=styledCarouselVertical.js.map"],"names":["CarouselStyledVertical","default","shouldForwardProp","prop","styled","theme","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","overflow","width","cursor","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","marginTop","height","maxwidth","breakpoints","up","display","top","left","minHeight","minWidth","transform","alignItems","justifyContent","zIndex","border","boxShadow","backgroundColor","borderRadius","flowColors","onSurface","os100","transfrom","color","palette","disabled","primary","right","os200","bottom"],"mappings":"qJAEY,MAACA,OAA+BC,QAAC,MAAO,CAChDC,kBAAoBC,GAAkB,0BAATA,GAChB,gBAATA,GACS,gBAATA,GACS,gBAATA,GACS,uBAATA,GACS,oBAATA,GACS,eAATA,GACS,aAATA,GACS,mBAATA,GACS,6BAATA,GACS,kBAATA,GACS,oBAATA,GACS,oBAATA,GACS,iBAATA,GACS,qBAATA,GACS,mBAATA,GACS,wBAATA,GACS,uBAATA,GACS,gBAATA,GACS,iBAATA,GACS,gBAATA,GArB8BC,EAsBnC,EAAGC,YAEF,IAAIC,EAAS,CAAA,EAgHb,OA/GAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,WAAY,CACxDG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QACd,qBAAsB,CACrBC,SAAU,SACVC,MAAO,QACR,kCAAmC,CAClCC,OAAQ,aACT,iCAAkC,CACjCA,OAAQ,YACT,sBAAuB,CAEtBC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBC,UAAW,IACXC,OAAQ,SACT,kBAAmB,CAClBb,SAAU,WACVK,SAAU,SACVQ,OAAQ,OACRP,MAAO,OACPJ,SAAU,OACV,MAAO,CACHY,SAAU,QAEd,oBAAqB,CACjB,CAAClB,EAAMmB,YAAYC,GAAG,OAAQ,CAC1BV,MAAO,UAGhB,yBAA0B,CACzBN,SAAU,WACVK,SAAU,SACVQ,OAAQ,QACT,uBAAwB,CACvBb,SAAU,WACViB,QAAS,QACTC,IAAK,OACLC,KAAM,MACNb,MAAO,OACPc,UAAW,OACXC,SAAU,OACVnB,SAAU,OACVoB,UAAW,yBACZ,mBAAoB,CACnBtB,SAAU,WACViB,QAAS,OACTM,WAAY,SACZC,eAAgB,SAChBN,IAAK,IACLL,OAAQ,OACRY,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBrB,OAAQ,UACR,2BAA4B,CACxBD,MAAO,OACPO,OAAQ,QAEZ,4BAA6B,CACzBP,MAAO,OACPO,OAAQ,QAEZ,UAAW,CACP,kBAAmB,CACfgB,aAAc,MACdD,gBAAiBE,EAAAA,WAAWC,UAAUC,MACtCC,UAAW,qBAGnB,aAAc,CACV,kBAAmB,CACfC,MAAOtC,EAAMuC,QAAQC,SAASC,SAElC,UAAW,CACP,kBAAmB,CACfT,gBAAiB,kBAI9B,yBAA0B,CACzBT,KAAM,IACNb,MAAO,OACR,yBAA0B,CACzBgC,MAAO,IACPhC,MAAO,OACR,qBAAsB,CACrBN,SAAU,WACV4B,gBAAiB,cACjBhB,UAAW,OACXV,SAAU,OACVI,MAAO,OACPO,OAAQ,MACRR,SAAU,SACVwB,aAAc,MACd1B,WAAY,OACZC,YAAa,QACd,0BAA2B,CAC1BJ,SAAU,WACV4B,gBAAiBhC,EAAMuC,QAAQJ,UAAUQ,MACzCjC,MAAO,OACPY,IAAK,IACLsB,OAAQ,IACRrB,KAAM,WAEPtB,CAAM"}
+{"version":3,"file":"styledCarouselVertical.js","sources":["../../../../../src/organisms/carousel/styledComponents/styledCarouselVertical.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { paletteLight as flowColors } from '../../../design/skoda/paletteLight.theme';\nexport const CarouselStyledVertical = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'isSlideDifferentWidth' &&\n        prop !== 'slidesItems' &&\n        prop !== 'slideToShow' &&\n        prop !== 'bulletTheme' &&\n        prop !== 'numberingSeparator' &&\n        prop !== 'numberingSlides' &&\n        prop !== 'startIndex' &&\n        prop !== 'cssClass' &&\n        prop !== 'buttonControls' &&\n        prop !== 'buttonAreaControlsHeight' &&\n        prop !== 'slideToScroll' &&\n        prop !== 'prevControlIcon' &&\n        prop !== 'nextControlIcon' &&\n        prop !== 'controlColor' &&\n        prop !== 'controlIconStyle' &&\n        prop !== 'controlVariant' &&\n        prop !== 'controlIconFontSize' &&\n        prop !== 'slideSelectedClass' &&\n        prop !== 'heightSlide' &&\n        prop !== 'bulletScroll' &&\n        prop !== 'bulletStyle',\n})(({ theme }) => {\n    // const props = args as CarouselPropType;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& .embla': {\n            position: 'relative',\n            padding: '0px',\n            maxWidth: '100%',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__viewport': {\n            overflow: 'hidden',\n            width: '100%',\n        }, '& .embla__viewport.is-draggable': {\n            cursor: 'move grab',\n        }, '& .embla__viewport.is-dragging': {\n            cursor: 'grabbing',\n        }, '& .embla__container': {\n            //display: 'flex',\n            userSelect: 'none',\n            webkitTouchCallout: 'none',\n            khtmlUserSelect: 'none',\n            webkitTapHighlightColor: 'transparent',\n            marginTop: -'10px',\n            height: '450px',\n        }, '& .embla__slide': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            maxWidth: '100%',\n            '& *': {\n                maxwidth: '100%',\n            },\n            '& .MuiButton-root': {\n                [theme.breakpoints.up('md')]: {\n                    width: 'auto',\n                },\n            },\n        }, '& .embla__slide__inner': {\n            position: 'relative',\n            overflow: 'hidden',\n            height: '100%',\n        }, '& .embla__slide__img': {\n            position: 'absolute',\n            display: 'block',\n            top: ' 50%',\n            left: '50%',\n            width: 'auto',\n            minHeight: '100%',\n            minWidth: '100%',\n            maxWidth: 'none',\n            transform: 'translate(-50%, -50%)',\n        }, '& .embla__button': {\n            position: 'absolute',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            top: '0',\n            height: '100%',\n            zIndex: '2',\n            border: '0',\n            boxShadow: 'none',\n            backgroundColor: 'transparent',\n            cursor: 'pointer',\n            '& .MuiIcon-fontSizeSmall': {\n                width: '24px',\n                height: '24px',\n            },\n            '& .MuiIcon-fontSizeMedium': {\n                width: '32px',\n                height: '32px',\n            },\n            '&:hover': {\n                '& .MuiIcon-root': {\n                    borderRadius: '50%',\n                    backgroundColor: flowColors.onSurface.os100,\n                    transfrom: 'translateY(-3px)',\n                },\n            },\n            '&:disabled': {\n                '& .MuiIcon-root': {\n                    color: theme.palette.disabled.primary,\n                },\n                '&:hover': {\n                    '& .MuiIcon-root': {\n                        backgroundColor: 'transparent',\n                    },\n                },\n            },\n        }, '& .embla__button--prev': {\n            left: '0',\n            width: '12%',\n        }, '& .embla__button--next': {\n            right: '0',\n            width: '20%',\n        }, '& .embla__progress': {\n            position: 'relative',\n            backgroundColor: 'transparent',\n            marginTop: '10px',\n            maxWidth: '100%',\n            width: '100%',\n            height: '4px',\n            overflow: 'hidden',\n            borderRadius: '4px',\n            marginLeft: 'auto',\n            marginRight: 'auto',\n        }, '& .embla__progress__bar': {\n            position: 'absolute',\n            backgroundColor: theme.palette.onSurface.os200,\n            width: '100%',\n            top: '0',\n            bottom: '0',\n            left: '-100%',\n        } });\n    return styles;\n});\n//# sourceMappingURL=styledCarouselVertical.js.map"],"names":["CarouselStyledVertical","default","shouldForwardProp","prop","styled","theme","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","overflow","width","cursor","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","marginTop","height","maxwidth","breakpoints","up","display","top","left","minHeight","minWidth","transform","alignItems","justifyContent","zIndex","border","boxShadow","backgroundColor","borderRadius","flowColors","onSurface","os100","transfrom","color","palette","disabled","primary","right","os200","bottom"],"mappings":"0JAEY,MAACA,OAA+BC,QAAC,MAAO,CAChDC,kBAAoBC,GAAkB,0BAATA,GAChB,gBAATA,GACS,gBAATA,GACS,gBAATA,GACS,uBAATA,GACS,oBAATA,GACS,eAATA,GACS,aAATA,GACS,mBAATA,GACS,6BAATA,GACS,kBAATA,GACS,oBAATA,GACS,oBAATA,GACS,iBAATA,GACS,qBAATA,GACS,mBAATA,GACS,wBAATA,GACS,uBAATA,GACS,gBAATA,GACS,iBAATA,GACS,gBAATA,GArB8BC,EAsBnC,EAAGC,YAEF,IAAIC,EAAS,CAAA,EAgHb,OA/GAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,WAAY,CACxDG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QACd,qBAAsB,CACrBC,SAAU,SACVC,MAAO,QACR,kCAAmC,CAClCC,OAAQ,aACT,iCAAkC,CACjCA,OAAQ,YACT,sBAAuB,CAEtBC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBC,UAAW,IACXC,OAAQ,SACT,kBAAmB,CAClBb,SAAU,WACVK,SAAU,SACVQ,OAAQ,OACRP,MAAO,OACPJ,SAAU,OACV,MAAO,CACHY,SAAU,QAEd,oBAAqB,CACjB,CAAClB,EAAMmB,YAAYC,GAAG,OAAQ,CAC1BV,MAAO,UAGhB,yBAA0B,CACzBN,SAAU,WACVK,SAAU,SACVQ,OAAQ,QACT,uBAAwB,CACvBb,SAAU,WACViB,QAAS,QACTC,IAAK,OACLC,KAAM,MACNb,MAAO,OACPc,UAAW,OACXC,SAAU,OACVnB,SAAU,OACVoB,UAAW,yBACZ,mBAAoB,CACnBtB,SAAU,WACViB,QAAS,OACTM,WAAY,SACZC,eAAgB,SAChBN,IAAK,IACLL,OAAQ,OACRY,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBrB,OAAQ,UACR,2BAA4B,CACxBD,MAAO,OACPO,OAAQ,QAEZ,4BAA6B,CACzBP,MAAO,OACPO,OAAQ,QAEZ,UAAW,CACP,kBAAmB,CACfgB,aAAc,MACdD,gBAAiBE,EAAAA,aAAWC,UAAUC,MACtCC,UAAW,qBAGnB,aAAc,CACV,kBAAmB,CACfC,MAAOtC,EAAMuC,QAAQC,SAASC,SAElC,UAAW,CACP,kBAAmB,CACfT,gBAAiB,kBAI9B,yBAA0B,CACzBT,KAAM,IACNb,MAAO,OACR,yBAA0B,CACzBgC,MAAO,IACPhC,MAAO,OACR,qBAAsB,CACrBN,SAAU,WACV4B,gBAAiB,cACjBhB,UAAW,OACXV,SAAU,OACVI,MAAO,OACPO,OAAQ,MACRR,SAAU,SACVwB,aAAc,MACd1B,WAAY,OACZC,YAAa,QACd,0BAA2B,CAC1BJ,SAAU,WACV4B,gBAAiBhC,EAAMuC,QAAQJ,UAAUQ,MACzCjC,MAAO,OACPY,IAAK,IACLsB,OAAQ,IACRrB,KAAM,WAEPtB,CAAM"}

package/cjs/organisms/carousel2/cardCarousel/cardCarousel.d.ts

@@ -31,4 +31,7 @@ export type CardCarouselProps = {
      */
     startIndex?: number;
 };
+/**
+ * @deprecated this component does not meet quality standards and will be removed in the future
+ */
 export declare const CardCarousel: React.FC<CardCarouselProps>;

package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardCarousel.js","sources":["../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Container, Stack } from '@mui/material';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\nexport const CardCarousel = (inProps) => {\n    const props = useDefaultProps(inProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    return (_jsxs(Box, { className: \"card-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"CardCarousel\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), sx: { overflow: 'hidden' }, children: [_jsx(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: _jsxs(ViewPort, { emblaRef: emblaRef, sx: {\n                        height: props.height,\n                        width: '100%',\n                    }, children: [_jsx(ItemsContainer, { sx: {\n                                left: containerLeft,\n                                gap: '24px',\n                                '&>*': {\n                                    flexBasis: 'inherit',\n                                    flexGrow: 0,\n                                    flexShrink: 0,\n                                },\n                            }, children: props.children }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } })] }) }), _jsx(ScrollSnapDots, { emblaApi: emblaApi })] }));\n};\n//# sourceMappingURL=cardCarousel.js.map"],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"8XAS6BA,IACzB,MAAMC,EAAQC,kBAAgBF,IACvBG,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WACxG,OAAQC,EAAKC,KAACC,MAAK,CAAEC,UAAW,gBAAiBC,SAAU,WAAYC,IAAKhB,EAAMU,UAAW,cAAe,eAAgB,aAAcP,aAA2C,EAASA,EAASc,qBAAsBC,GAAI,CAAEC,SAAU,UAAYC,SAAU,CAACC,MAAKC,EAAAA,MAAO,CAAEC,UAAWC,EAASA,UAAEC,QAAS,EAAGC,OAAO,EAAMR,GAAI,CAAES,OAAQ,QAAUP,SAAUT,OAAMiB,EAAAA,SAAU,CAAE1B,SAAUA,EAAUgB,GAAI,CACzXS,OAAQ3B,EAAM2B,OACdE,MAAO,QACRT,SAAU,CAACC,EAAAA,IAAKS,EAAcA,eAAE,CAAEZ,GAAI,CAC7Ba,KAAM1B,EACN2B,IAAK,OACL,MAAO,CACHC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEjBf,SAAUpB,EAAMoB,WAAaC,EAAIe,IAACC,YAAW,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAcjC,EAAiBkC,aAAcjC,EAAWU,GAAI,CACvLwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,yBAEnBvB,EAAAA,IAAKgB,EAASA,UAAE,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAclC,EAAiBmC,aAAcjC,EAAWU,GAAI,CAC7JwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,8BAEZvB,EAAIe,IAACS,iBAAgB,CAAE1C,SAAUA,MAAiB"}
+{"version":3,"file":"cardCarousel.js","sources":["../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Container, Stack } from '@mui/material';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\n/**\n * @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const CardCarousel = (inProps) => {\n    const props = useDefaultProps(inProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    return (_jsxs(Box, { className: \"card-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"CardCarousel\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), sx: { overflow: 'hidden' }, children: [_jsx(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: _jsxs(ViewPort, { emblaRef: emblaRef, sx: {\n                        height: props.height,\n                        width: '100%',\n                    }, children: [_jsx(ItemsContainer, { sx: {\n                                left: containerLeft,\n                                gap: '24px',\n                                '&>*': {\n                                    flexBasis: 'inherit',\n                                    flexGrow: 0,\n                                    flexShrink: 0,\n                                },\n                            }, children: props.children }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } })] }) }), _jsx(ScrollSnapDots, { emblaApi: emblaApi })] }));\n};\n//# sourceMappingURL=cardCarousel.js.map"],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"8XAY6BA,IACzB,MAAMC,EAAQC,kBAAgBF,IACvBG,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WACxG,OAAQC,EAAKC,KAACC,MAAK,CAAEC,UAAW,gBAAiBC,SAAU,WAAYC,IAAKhB,EAAMU,UAAW,cAAe,eAAgB,aAAcP,aAA2C,EAASA,EAASc,qBAAsBC,GAAI,CAAEC,SAAU,UAAYC,SAAU,CAACC,MAAKC,EAAAA,MAAO,CAAEC,UAAWC,EAASA,UAAEC,QAAS,EAAGC,OAAO,EAAMR,GAAI,CAAES,OAAQ,QAAUP,SAAUT,OAAMiB,EAAAA,SAAU,CAAE1B,SAAUA,EAAUgB,GAAI,CACzXS,OAAQ3B,EAAM2B,OACdE,MAAO,QACRT,SAAU,CAACC,EAAAA,IAAKS,EAAcA,eAAE,CAAEZ,GAAI,CAC7Ba,KAAM1B,EACN2B,IAAK,OACL,MAAO,CACHC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEjBf,SAAUpB,EAAMoB,WAAaC,EAAIe,IAACC,YAAW,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAcjC,EAAiBkC,aAAcjC,EAAWU,GAAI,CACvLwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,yBAEnBvB,EAAAA,IAAKgB,EAASA,UAAE,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAclC,EAAiBmC,aAAcjC,EAAWU,GAAI,CAC7JwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,8BAEZvB,EAAIe,IAACS,iBAAgB,CAAE1C,SAAUA,MAAiB"}

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("@mui/material/styles"),require("../../../design/skoda/palette.theme.js"),require("../../../design/skoda/components/accordion/accordionSummary.theme.js"),require("../../../design/skoda/components/autocomplete.theme.js"),require("../../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../../design/skoda/theme.breakpoints.js"),require("../../../design/skoda/theme.constants.js"),require("@mui/x-date-pickers/internals"),require("../../../design/skoda/components/divider.theme.js"),require("../../../design/skoda/components/drawer.theme.js"),require("../../../design/skoda/components/form/slider.theme.js"),require("../../../design/skoda/components/icon.theme.js"),require("../../../design/skoda/components/mobileStepper.theme.js"),require("../../../design/skoda/components/modal.theme.js"),require("../../../design/skoda/components/pagination.theme.js"),require("../../../design/skoda/components/snackbar.theme.js"),require("../../../design/skoda/components/stepper/stepIcon/errorStepIcon.js"),require("../../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js"),require("../../../design/skoda/components/tabs/tabs.theme.js"),require("../../../design/skoda/components/tooltip.theme.js"),require("react-use"),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");var n=require("lodash/noop");function s(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("../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),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("@mui/material/Container"),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/tab/tab.js"),require("../../../components/tab/tabs.js"),require("../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../../components/textArea/textArea.js"),require("../../../components/common/styled/textFieldStyled.js"),require("../../../components/helperTextContent/index.js"),require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/agGrid/agGrid.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 a=s(n);const u=(e,r,o,i)=>{const[n,s]=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)&&s(!0)}(null!==(t=null==i?void 0:i.onMouseEnter)&&void 0!==t?t:a.default)()}),[e,s,i,r,o]),handleMouseLeave:t.useCallback((()=>{var e;s(!1),(null!==(e=null==i?void 0:i.onMouseLeave)&&void 0!==e?e:a.default)()}),[i,s])}},l=(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:s,type:a,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 b=l(s,q,a),[h,M]=t.useState(!0),{hover:v,handleMouseEnter:y,handleMouseLeave:I}=u(s,a,q,{onMouseEnter:p,onMouseLeave:j});return t.useEffect((()=>{if(s){const e=()=>{const e="prev"===a?s.canScrollPrev():s.canScrollNext(),r="next"===a?s.canScrollPrev():s.canScrollNext();M(!("rtl"===q?r:e))};s.on("scroll",e),e()}}),[s,a,q]),r.jsx(o.Box,{sx:{cursor:v?`url(${"next"===a?"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"===a?"0px":void 0,right:"next"===a?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===a?"15px":void 0,xl:"prev"===a?"34px":void 0},right:{sm:"next"===a?"15px":void 0,xl:"next"===a?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:v?"hidden":void 0}},g.sx),onMouseEnter:y,onMouseLeave:I,children:r.jsx(i.Controller,{controlType:"prev"===a?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=m?m:"standard",onClickCallback:b,isDisabled:h,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("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");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":"y/LAMA,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":"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"}

package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts

@@ -49,4 +49,7 @@ export type GalleryCarouselProps = {
      */
     height?: ResponsiveType<string>;
 };
+/**
+ * @deprecated this component does not meet quality standards and will be removed in the future
+ */
 export declare const GalleryCarousel: React.FC<GalleryCarouselProps>;

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

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

@@ -1 +1 @@
-{"version":3,"file":"galleryCarousel.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport merge from 'lodash/merge';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n    align: 'start',\n    height: '100%',\n    controlOptions: {\n        color: 'light',\n        buttonPosition: '30%',\n        buttonAreaHeight: '30%',\n    },\n    maxSlideWidth: '100%',\n    isSlideDifferentWidth: true,\n    cssClass: 'gallery-variant',\n};\nexport const GalleryCarousel = (inProps) => {\n    const galleryProps = merge({}, GalleryDefaultProps, inProps);\n    const props = useDefaultProps(galleryProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    const height = useResponsiveProp(props.height);\n    const [numberingTopPos, setNumberingTopPos] = useState();\n    const updateNumberingPosition = useCallback(() => {\n        if (emblaApi) {\n            const nodes = emblaApi.slideNodes();\n            const slideIndex = emblaApi.slidesInView().pop();\n            const slide = nodes[slideIndex];\n            if (slide) {\n                const picture = slide.getElementsByTagName('picture').item(0);\n                if (picture) {\n                    const bottom = picture.getBoundingClientRect().bottom;\n                    setNumberingTopPos(bottom - 62);\n                }\n            }\n        }\n    }, [emblaApi, setNumberingTopPos]);\n    useEffect(updateNumberingPosition, [updateNumberingPosition]);\n    useEffect(() => {\n        const e = () => updateNumberingPosition();\n        window.addEventListener('resize', e);\n        if (emblaApi) {\n            emblaApi.on('scroll', e);\n        }\n        return () => {\n            window.removeEventListener('resize', e);\n            if (emblaApi) {\n                emblaApi.off('scroll', e);\n            }\n        };\n    }, [updateNumberingPosition, emblaApi]);\n    return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n                            top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n                            bottom: numberingTopPos ? 'inherit' : '24px',\n                        }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","inProps","galleryProps","merge","default","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","jsx","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"gkBAcY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CAEkBC,IAC5B,MAAMC,EAAeC,EAAKC,QAAC,CAAE,EAAEb,EAAqBU,GAC9CI,EAAQC,kBAAgBJ,IACvBK,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,EAAQA,WAChDC,EAA0BC,EAAAA,aAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAAA,UAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,MAAKC,EAAAA,uBAAwB,CAAEC,SAAUF,EAAIG,IAACC,MAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKzC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASuC,qBAAsBP,SAAUQ,EAAKC,KAACP,MAAK,CAAEC,GAAI,CAAEO,SAAU,WAAYzD,SAAQ0D,UAAW1D,GAAU+C,SAAU,CAACQ,EAAAA,KAAMI,EAAQA,SAAE,CAAE7C,SAAUA,EAAUiC,SAAU,CAACF,EAAAA,IAAKe,EAAAA,eAAgB,CAAEC,KAAM5C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBsD,EAAKC,KAACM,WAAW,CAAEf,SAAU,CAACF,MAAKkB,EAAAA,UAAW,CAAEzC,UAAWV,EAAMU,UAAWP,SAAUA,EAAUiD,KAAM,OAAQC,aAAc9C,EAAiB+C,aAAc9C,IAAcyB,EAAAA,IAAKkB,EAASA,UAAE,CAAEzC,UAAWV,EAAMU,UAAWP,SAAUA,EAAUiD,KAAM,OAAQC,aAAc/C,EAAiBgD,aAAc9C,UAAuByB,EAAAA,IAAKsB,EAASA,UAAE,CAAEjB,GAAI,CACjzBkB,IAAK5C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUsD,UAAWzD,EAAM0D,mBAAoBpE,MAAOqE,EAAeA,gBAACC,KAAMC,KAAMC,EAAAA,eAAeC,MAAOrD,UAAWV,EAAMU,kBAAwB"}
+{"version":3,"file":"galleryCarousel.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n    align: 'start',\n    height: '100%',\n    controlOptions: {\n        color: 'light',\n        buttonPosition: '30%',\n        buttonAreaHeight: '30%',\n    },\n    maxSlideWidth: '100%',\n    isSlideDifferentWidth: true,\n    cssClass: 'gallery-variant',\n};\n/**\n * @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const GalleryCarousel = (inProps) => {\n    const galleryProps = Object.assign(Object.assign({}, GalleryDefaultProps), inProps);\n    const props = useDefaultProps(galleryProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    const height = useResponsiveProp(props.height);\n    const [numberingTopPos, setNumberingTopPos] = useState();\n    const updateNumberingPosition = useCallback(() => {\n        if (emblaApi) {\n            const nodes = emblaApi.slideNodes();\n            const slideIndex = emblaApi.slidesInView().pop();\n            const slide = nodes[slideIndex];\n            if (slide) {\n                const picture = slide.getElementsByTagName('picture').item(0);\n                if (picture) {\n                    const bottom = picture.getBoundingClientRect().bottom;\n                    setNumberingTopPos(bottom - 62);\n                }\n            }\n        }\n    }, [emblaApi, setNumberingTopPos]);\n    useEffect(updateNumberingPosition, [updateNumberingPosition]);\n    useEffect(() => {\n        const e = () => updateNumberingPosition();\n        window.addEventListener('resize', e);\n        if (emblaApi) {\n            emblaApi.on('scroll', e);\n        }\n        return () => {\n            window.removeEventListener('resize', e);\n            if (emblaApi) {\n                emblaApi.off('scroll', e);\n            }\n        };\n    }, [updateNumberingPosition, emblaApi]);\n    return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n                            top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n                            bottom: numberingTopPos ? 'inherit' : '24px',\n                        }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","inProps","galleryProps","Object","assign","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","jsx","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"weAaY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CAKkBC,IAC5B,MAAMC,EAAeC,OAAOC,OAAOD,OAAOC,OAAO,GAAIb,GAAsBU,GACrEI,EAAQC,kBAAgBJ,IACvBK,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,EAAQA,WAChDC,EAA0BC,EAAAA,aAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAAA,UAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,MAAKC,EAAAA,uBAAwB,CAAEC,SAAUF,EAAIG,IAACC,MAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKzC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASuC,qBAAsBP,SAAUQ,EAAKC,KAACP,MAAK,CAAEC,GAAI,CAAEO,SAAU,WAAYzD,SAAQ0D,UAAW1D,GAAU+C,SAAU,CAACQ,EAAAA,KAAMI,EAAQA,SAAE,CAAE7C,SAAUA,EAAUiC,SAAU,CAACF,EAAAA,IAAKe,EAAAA,eAAgB,CAAEC,KAAM5C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBsD,EAAKC,KAACM,WAAW,CAAEf,SAAU,CAACF,MAAKkB,EAAAA,UAAW,CAAEzC,UAAWV,EAAMU,UAAWP,SAAUA,EAAUiD,KAAM,OAAQC,aAAc9C,EAAiB+C,aAAc9C,IAAcyB,EAAAA,IAAKkB,EAASA,UAAE,CAAEzC,UAAWV,EAAMU,UAAWP,SAAUA,EAAUiD,KAAM,OAAQC,aAAc/C,EAAiBgD,aAAc9C,UAAuByB,EAAAA,IAAKsB,EAASA,UAAE,CAAEjB,GAAI,CACjzBkB,IAAK5C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUsD,UAAWzD,EAAM0D,mBAAoBpE,MAAOqE,EAAeA,gBAACC,KAAMC,KAAMC,EAAAA,eAAeC,MAAOrD,UAAWV,EAAMU,kBAAwB"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react");function r(e){return e&&e.__esModule?e:{default:e}}var o=r(require("lodash/noop"));const a=t.createContext({headerHeight:0,footerHeight:0,setHeaderHeight:o.default,setFooterHeight:o.default,color:"dark",setColor:o.default});exports.GalleryContext=a,exports.GalleryContextProvider=({children:r})=>{const[s,i]=t.useState(0),[l,u]=t.useState(0),d=t.useMemo((()=>({headerHeight:s,setHeaderHeight:i,footerHeight:l,setFooterHeight:u,color:"dark",setColor:o.default})),[s,i,l,u]);return e.jsx(a.Provider,{value:d,children:r})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react");const r=t.createContext({headerHeight:0,footerHeight:0,setHeaderHeight:()=>{},setFooterHeight:()=>{},color:"dark",setColor:()=>{}});exports.GalleryContext=r,exports.GalleryContextProvider=({children:o})=>{const[s,i]=t.useState(0),[a,h]=t.useState(0),l=t.useMemo((()=>({headerHeight:s,setHeaderHeight:i,footerHeight:a,setFooterHeight:h,color:"dark",setColor:()=>{}})),[s,i,a,h]);return e.jsx(r.Provider,{value:l,children:o})};
 //# sourceMappingURL=galleryContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"galleryContext.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, createContext, useMemo } from 'react';\nimport noop from 'lodash/noop';\nexport const GalleryContext = createContext({\n    headerHeight: 0,\n    footerHeight: 0,\n    setHeaderHeight: noop,\n    setFooterHeight: noop,\n    color: 'dark',\n    setColor: noop,\n});\nexport const GalleryContextProvider = ({ children }) => {\n    const [headerHeight, setHeaderHeight] = useState(0);\n    const [footerHeight, setFooterHeight] = useState(0);\n    const ctxValue = useMemo(() => ({\n        headerHeight,\n        setHeaderHeight,\n        footerHeight,\n        setFooterHeight,\n        color: 'dark',\n        setColor: noop,\n    }), [headerHeight, setHeaderHeight, footerHeight, setFooterHeight]);\n    return _jsx(GalleryContext.Provider, { value: ctxValue, children: children });\n};\n//# sourceMappingURL=galleryContext.js.map"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","noop","default","setFooterHeight","color","setColor","children","useState","ctxValue","useMemo","_jsx","jsx","Provider","value"],"mappings":"sJAGY,MAACA,EAAiBC,EAAAA,cAAc,CACxCC,aAAc,EACdC,aAAc,EACdC,gBAAiBC,EAAIC,QACrBC,gBAAiBF,EAAIC,QACrBE,MAAO,OACPC,SAAUJ,EAAIC,kEAEoB,EAAGI,eACrC,MAAOR,EAAcE,GAAmBO,EAAQA,SAAC,IAC1CR,EAAcI,GAAmBI,EAAQA,SAAC,GAC3CC,EAAWC,EAAAA,SAAQ,KAAO,CAC5BX,eACAE,kBACAD,eACAI,kBACAC,MAAO,OACPC,SAAUJ,EAAIC,WACd,CAACJ,EAAcE,EAAiBD,EAAcI,IAClD,OAAOO,EAAIC,IAACf,EAAegB,SAAU,CAAEC,MAAOL,EAAUF,SAAUA,GAAW"}
+{"version":3,"file":"galleryContext.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, createContext, useMemo } from 'react';\nexport const GalleryContext = createContext({\n    headerHeight: 0,\n    footerHeight: 0,\n    setHeaderHeight: () => { },\n    setFooterHeight: () => { },\n    color: 'dark',\n    setColor: () => { },\n});\nexport const GalleryContextProvider = ({ children }) => {\n    const [headerHeight, setHeaderHeight] = useState(0);\n    const [footerHeight, setFooterHeight] = useState(0);\n    const ctxValue = useMemo(() => ({\n        headerHeight,\n        setHeaderHeight,\n        footerHeight,\n        setFooterHeight,\n        color: 'dark',\n        setColor: () => { },\n    }), [headerHeight, setHeaderHeight, footerHeight, setFooterHeight]);\n    return _jsx(GalleryContext.Provider, { value: ctxValue, children: children });\n};\n//# sourceMappingURL=galleryContext.js.map"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","setFooterHeight","color","setColor","children","useState","ctxValue","useMemo","_jsx","jsx","Provider","value"],"mappings":"mEAEY,MAACA,EAAiBC,EAAAA,cAAc,CACxCC,aAAc,EACdC,aAAc,EACdC,gBAAiB,OACjBC,gBAAiB,OACjBC,MAAO,OACPC,SAAU,iEAEwB,EAAGC,eACrC,MAAON,EAAcE,GAAmBK,EAAQA,SAAC,IAC1CN,EAAcE,GAAmBI,EAAQA,SAAC,GAC3CC,EAAWC,EAAAA,SAAQ,KAAO,CAC5BT,eACAE,kBACAD,eACAE,kBACAC,MAAO,OACPC,SAAU,UACV,CAACL,EAAcE,EAAiBD,EAAcE,IAClD,OAAOO,EAAIC,IAACb,EAAec,SAAU,CAAEC,MAAOL,EAAUF,SAAUA,GAAW"}

package/cjs/organisms/carousel2/heroCarousel/heroCarousel.d.ts

@@ -52,4 +52,7 @@ export type HeroCarouselProps = {
      */
     numbering?: boolean;
 };
+/**
+ * @deprecated this component does not meet quality standards and will be removed in the future
+ */
 export declare const HeroCarousel: React.FC<HeroCarouselProps>;

package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../hooks/useDefaultProps.js"),i=require("../hooks/useEmbla.js"),n=require("../components/ViewPort.js"),o=require("../components/ItemsContainer.js"),s=require("../hooks/useContainerPeek.js"),a=require("../components/NavButton.js"),l=require("@mui/material"),u=require("../components/Numbering.js"),d=require("../../../utils/enum.js"),c=require("lodash/merge"),h=require("./heroCarouselContext.js");function p(e){return e&&e.__esModule?e:{default:e}}var x=p(c);const m={direction:"ltr"},g=(e,r,i,n)=>{const o=l.useMediaQuery((e=>e.breakpoints.only("sm"))),s=l.useMediaQuery((e=>e.breakpoints.only("xs"))),[a,u]=t.useState(),[d,c]=t.useState(),h=t.useCallback((()=>{var t,o;if(e){const e=i.getBoundingClientRect(),s=null==r?void 0:r.getBoundingClientRect();u({md:`${"ltr"===n?e.right:e.left-90}px`,sm:("ltr"===n?e.right-50:e.left-50)+"px",xs:`${"ltr"===n?e.right-100:e.left+10}px`}),c({sm:`${e.height+(null!==(t=null==s?void 0:s.height)&&void 0!==t?t:0)+20}px`,xs:e.height+(null!==(o=null==s?void 0:s.height)&&void 0!==o?o:0)-25+"px"})}}),[e,c,u,o,s,window.innerWidth,n]);return t.useEffect(h,[h]),t.useEffect((()=>{const t=()=>h();return window.addEventListener("resize",t),e&&e.on("select",t),()=>{window.removeEventListener("resize",t),e&&e.off("select",t)}}),[h,e]),{top:d,left:a,right:"inherit",backgroundColor:s?"#000000BF !important":"transparent",".total-container":{color:s?"##9E9FA0 !important":"#5A5B5C !important"},".separator-container":{color:"#E4E4E4 !important"},".index-container":{color:s?"#FFFFFF !important":"#161718 !important"}}};exports.HeroCarousel=c=>{const p=x.default({},m,c),v=r.useDefaultProps(p),[f,j]=i.useEmbla(v),b=t.useRef(null),C=t.useRef(null),{containerLeft:w,peekNextOnHover:y,peekPrevOnHover:k,resetPeek:q}=s.useContainerPeek(j,v.direction),[E,B]=t.useState(null),F=g(j,b.current,C.current,v.direction);return e.jsx(h.HeroCarouselContext.Provider,{value:{emblaApi:j,activeFooter:E,setActiveFooter:B},children:e.jsxs(l.Box,{className:"hero-carousel",position:"relative",dir:v.direction,"data-testid":"HeroCarousel","data-state":null==j?void 0:j.slidesInView(),sx:{overflow:"hidden"},children:[e.jsxs(l.Stack,{component:l.Container,spacing:3,fixed:!0,sx:{height:"100%"},children:[p.heading&&e.jsx(l.Box,{ref:b,"data-testid":"HeroCarousel.heading",children:"string"==typeof p.heading?e.jsx(l.Typography,{variant:"h1",children:p.heading}):p.heading}),e.jsxs(n.ViewPort,{emblaRef:e=>{f(e),C.current=e},sx:{width:{xl:"85%",md:"85%",sm:"95%",xs:"100%"},height:v.height},children:[e.jsx(o.ItemsContainer,{left:w,sx:{gap:"24px"},children:v.children}),e.jsx(a.NavButton,{direction:v.direction,emblaApi:j,type:"prev",onMouseEnter:k,onMouseLeave:q,sx:{width:"21%",button:{visibility:"hidden"}}}),e.jsx(a.NavButton,{direction:v.direction,emblaApi:j,type:"next",onMouseEnter:y,onMouseLeave:q,sx:{width:"30%",button:{visibility:"hidden"}}})]}),E&&e.jsx(l.Box,{sx:{width:{xl:"860px",lg:"740px",md:"100%"},paddingRight:{lg:"0px",sm:"130px"}},"data-testid":"HeroCarousel.footer",children:"string"==typeof E?e.jsx(l.Typography,{children:E}):E})]}),!1!==p.numbering&&e.jsx(u.Numbering,{sx:F,emblaApi:j,separator:v.numberingSeparator,color:d.NumberingColors.DARK,size:d.NumberingSizes.LARGE,direction:v.direction})]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../hooks/useDefaultProps.js"),i=require("../hooks/useEmbla.js"),n=require("../components/ViewPort.js"),o=require("../components/ItemsContainer.js"),s=require("../hooks/useContainerPeek.js"),a=require("../components/NavButton.js"),l=require("@mui/material"),u=require("../components/Numbering.js"),d=require("../../../utils/enum.js"),c=require("./heroCarouselContext.js");const h={direction:"ltr"},p=(e,r,i,n)=>{const o=l.useMediaQuery((e=>e.breakpoints.only("sm"))),s=l.useMediaQuery((e=>e.breakpoints.only("xs"))),[a,u]=t.useState(),[d,c]=t.useState(),h=t.useCallback((()=>{var t,o;if(e){const e=i.getBoundingClientRect(),s=null==r?void 0:r.getBoundingClientRect();u({md:`${"ltr"===n?e.right:e.left-90}px`,sm:("ltr"===n?e.right-50:e.left-50)+"px",xs:`${"ltr"===n?e.right-100:e.left+10}px`}),c({sm:`${e.height+(null!==(t=null==s?void 0:s.height)&&void 0!==t?t:0)+20}px`,xs:e.height+(null!==(o=null==s?void 0:s.height)&&void 0!==o?o:0)-25+"px"})}}),[e,c,u,o,s,window.innerWidth,n]);return t.useEffect(h,[h]),t.useEffect((()=>{const t=()=>h();return window.addEventListener("resize",t),e&&e.on("select",t),()=>{window.removeEventListener("resize",t),e&&e.off("select",t)}}),[h,e]),{top:d,left:a,right:"inherit",backgroundColor:s?"#000000BF !important":"transparent",".total-container":{color:s?"##9E9FA0 !important":"#5A5B5C !important"},".separator-container":{color:"#E4E4E4 !important"},".index-container":{color:s?"#FFFFFF !important":"#161718 !important"}}};exports.HeroCarousel=x=>{const m=Object.assign(Object.assign({},h),x),g=r.useDefaultProps(m),[v,f]=i.useEmbla(g),j=t.useRef(null),b=t.useRef(null),{containerLeft:C,peekNextOnHover:w,peekPrevOnHover:y,resetPeek:k}=s.useContainerPeek(f,g.direction),[E,q]=t.useState(null),B=p(f,j.current,b.current,g.direction);return e.jsx(c.HeroCarouselContext.Provider,{value:{emblaApi:f,activeFooter:E,setActiveFooter:q},children:e.jsxs(l.Box,{className:"hero-carousel",position:"relative",dir:g.direction,"data-testid":"HeroCarousel","data-state":null==f?void 0:f.slidesInView(),sx:{overflow:"hidden"},children:[e.jsxs(l.Stack,{component:l.Container,spacing:3,fixed:!0,sx:{height:"100%"},children:[m.heading&&e.jsx(l.Box,{ref:j,"data-testid":"HeroCarousel.heading",children:"string"==typeof m.heading?e.jsx(l.Typography,{variant:"h1",children:m.heading}):m.heading}),e.jsxs(n.ViewPort,{emblaRef:e=>{v(e),b.current=e},sx:{width:{xl:"85%",md:"85%",sm:"95%",xs:"100%"},height:g.height},children:[e.jsx(o.ItemsContainer,{left:C,sx:{gap:"24px"},children:g.children}),e.jsx(a.NavButton,{direction:g.direction,emblaApi:f,type:"prev",onMouseEnter:y,onMouseLeave:k,sx:{width:"21%",button:{visibility:"hidden"}}}),e.jsx(a.NavButton,{direction:g.direction,emblaApi:f,type:"next",onMouseEnter:w,onMouseLeave:k,sx:{width:"30%",button:{visibility:"hidden"}}})]}),E&&e.jsx(l.Box,{sx:{width:{xl:"860px",lg:"740px",md:"100%"},paddingRight:{lg:"0px",sm:"130px"}},"data-testid":"HeroCarousel.footer",children:"string"==typeof E?e.jsx(l.Typography,{children:E}):E})]}),!1!==m.numbering&&e.jsx(u.Numbering,{sx:B,emblaApi:f,separator:g.numberingSeparator,color:d.NumberingColors.DARK,size:d.NumberingSizes.LARGE,direction:g.direction})]})})};
 //# sourceMappingURL=heroCarousel.js.map

package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroCarousel.js","sources":["../../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport merge from 'lodash/merge';\nimport { HeroCarouselContext } from './heroCarouselContext';\nconst HeroDefaultProps = {\n    direction: 'ltr',\n};\nexport const HeroCarousel = (inProps) => {\n    const heroProps = merge({}, HeroDefaultProps, inProps);\n    const props = useDefaultProps(heroProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const headingRef = useRef(null);\n    const viewportRef = useRef(null);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    const [activeFooter, setActiveFooter] = useState(null);\n    const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n    return (_jsx(HeroCarouselContext.Provider, { value: { emblaApi, activeFooter, setActiveFooter }, children: _jsxs(Box, { className: \"hero-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"HeroCarousel\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.slidesInView(), sx: { overflow: 'hidden' }, children: [_jsxs(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: [heroProps.heading && (_jsx(Box, { ref: headingRef, \"data-testid\": \"HeroCarousel.heading\", children: typeof heroProps.heading === 'string' ? (_jsx(Typography, { variant: \"h1\", children: heroProps.heading })) : (heroProps.heading) })), _jsxs(ViewPort, { emblaRef: (e) => {\n                                emblaRef(e);\n                                viewportRef.current = e;\n                            }, sx: {\n                                width: {\n                                    xl: '85%',\n                                    md: '85%',\n                                    sm: '95%',\n                                    xs: '100%',\n                                },\n                                height: props.height,\n                            }, children: [_jsx(ItemsContainer, { left: containerLeft, sx: {\n                                        gap: '24px',\n                                    }, children: props.children }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n                                        width: '21%',\n                                        button: { visibility: 'hidden' },\n                                    } }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n                                        width: '30%',\n                                        button: { visibility: 'hidden' },\n                                    } })] }), activeFooter && (_jsx(Box, { sx: {\n                                width: {\n                                    xl: '860px',\n                                    lg: '740px',\n                                    md: '100%',\n                                },\n                                paddingRight: {\n                                    lg: '0px',\n                                    sm: '130px',\n                                },\n                            }, \"data-testid\": \"HeroCarousel.footer\", children: typeof activeFooter === 'string' ? _jsx(Typography, { children: activeFooter }) : activeFooter }))] }), heroProps.numbering !== false && (_jsx(Numbering, { sx: numberingStyles, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction }))] }) }));\n};\n/* eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (emblaApi, headingRef, viewportRef, direction) => {\n    const isSm = useMediaQuery((theme) => theme.breakpoints.only('sm'));\n    const isXs = useMediaQuery((theme) => theme.breakpoints.only('xs'));\n    const [x, setX] = useState();\n    const [y, setY] = useState();\n    const updateNumberingPosition = useCallback(() => {\n        var _a, _b;\n        if (emblaApi) {\n            const viewport = viewportRef.getBoundingClientRect();\n            const heading = headingRef === null || headingRef === void 0 ? void 0 : headingRef.getBoundingClientRect();\n            setX({\n                md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n                sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n                xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n            });\n            setY({\n                sm: `${viewport.height + ((_a = heading === null || heading === void 0 ? void 0 : heading.height) !== null && _a !== void 0 ? _a : 0) + 20}px`,\n                xs: `${viewport.height + ((_b = heading === null || heading === void 0 ? void 0 : heading.height) !== null && _b !== void 0 ? _b : 0) - 25}px`,\n            });\n        }\n    }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n    useEffect(updateNumberingPosition, [updateNumberingPosition]);\n    useEffect(() => {\n        const e = () => updateNumberingPosition();\n        window.addEventListener('resize', e);\n        if (emblaApi) {\n            emblaApi.on('select', e);\n        }\n        return () => {\n            window.removeEventListener('resize', e);\n            if (emblaApi) {\n                emblaApi.off('select', e);\n            }\n        };\n    }, [updateNumberingPosition, emblaApi]);\n    return {\n        top: y,\n        left: x,\n        right: 'inherit',\n        backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n        '.total-container': {\n            color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n        },\n        '.separator-container': {\n            color: '#E4E4E4 !important',\n        },\n        '.index-container': {\n            color: isXs ? '#FFFFFF !important' : '#161718 !important',\n        },\n    };\n};\n//# sourceMappingURL=heroCarousel.js.map"],"names":["HeroDefaultProps","direction","useNumberingStyles","emblaApi","headingRef","viewportRef","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","useState","y","setY","updateNumberingPosition","useCallback","_a","_b","viewport","getBoundingClientRect","heading","md","right","left","sm","xs","height","window","innerWidth","useEffect","e","addEventListener","on","removeEventListener","off","top","backgroundColor","color","inProps","heroProps","merge","default","props","useDefaultProps","emblaRef","useEmbla","useRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","numberingStyles","current","_jsx","jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","ref","Typography","variant","jsxs","ViewPort","width","xl","ItemsContainer","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"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"}
+{"version":3,"file":"heroCarousel.js","sources":["../../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { HeroCarouselContext } from './heroCarouselContext';\nconst HeroDefaultProps = {\n    direction: 'ltr',\n};\n/**\n * @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const HeroCarousel = (inProps) => {\n    const heroProps = Object.assign(Object.assign({}, HeroDefaultProps), inProps);\n    const props = useDefaultProps(heroProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const headingRef = useRef(null);\n    const viewportRef = useRef(null);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    const [activeFooter, setActiveFooter] = useState(null);\n    const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n    return (_jsx(HeroCarouselContext.Provider, { value: { emblaApi, activeFooter, setActiveFooter }, children: _jsxs(Box, { className: \"hero-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"HeroCarousel\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.slidesInView(), sx: { overflow: 'hidden' }, children: [_jsxs(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: [heroProps.heading && (_jsx(Box, { ref: headingRef, \"data-testid\": \"HeroCarousel.heading\", children: typeof heroProps.heading === 'string' ? (_jsx(Typography, { variant: \"h1\", children: heroProps.heading })) : (heroProps.heading) })), _jsxs(ViewPort, { emblaRef: (e) => {\n                                emblaRef(e);\n                                viewportRef.current = e;\n                            }, sx: {\n                                width: {\n                                    xl: '85%',\n                                    md: '85%',\n                                    sm: '95%',\n                                    xs: '100%',\n                                },\n                                height: props.height,\n                            }, children: [_jsx(ItemsContainer, { left: containerLeft, sx: {\n                                        gap: '24px',\n                                    }, children: props.children }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n                                        width: '21%',\n                                        button: { visibility: 'hidden' },\n                                    } }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n                                        width: '30%',\n                                        button: { visibility: 'hidden' },\n                                    } })] }), activeFooter && (_jsx(Box, { sx: {\n                                width: {\n                                    xl: '860px',\n                                    lg: '740px',\n                                    md: '100%',\n                                },\n                                paddingRight: {\n                                    lg: '0px',\n                                    sm: '130px',\n                                },\n                            }, \"data-testid\": \"HeroCarousel.footer\", children: typeof activeFooter === 'string' ? _jsx(Typography, { children: activeFooter }) : activeFooter }))] }), heroProps.numbering !== false && (_jsx(Numbering, { sx: numberingStyles, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction }))] }) }));\n};\n/* eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (emblaApi, headingRef, viewportRef, direction) => {\n    const isSm = useMediaQuery((theme) => theme.breakpoints.only('sm'));\n    const isXs = useMediaQuery((theme) => theme.breakpoints.only('xs'));\n    const [x, setX] = useState();\n    const [y, setY] = useState();\n    const updateNumberingPosition = useCallback(() => {\n        var _a, _b;\n        if (emblaApi) {\n            const viewport = viewportRef.getBoundingClientRect();\n            const heading = headingRef === null || headingRef === void 0 ? void 0 : headingRef.getBoundingClientRect();\n            setX({\n                md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n                sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n                xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n            });\n            setY({\n                sm: `${viewport.height + ((_a = heading === null || heading === void 0 ? void 0 : heading.height) !== null && _a !== void 0 ? _a : 0) + 20}px`,\n                xs: `${viewport.height + ((_b = heading === null || heading === void 0 ? void 0 : heading.height) !== null && _b !== void 0 ? _b : 0) - 25}px`,\n            });\n        }\n    }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n    useEffect(updateNumberingPosition, [updateNumberingPosition]);\n    useEffect(() => {\n        const e = () => updateNumberingPosition();\n        window.addEventListener('resize', e);\n        if (emblaApi) {\n            emblaApi.on('select', e);\n        }\n        return () => {\n            window.removeEventListener('resize', e);\n            if (emblaApi) {\n                emblaApi.off('select', e);\n            }\n        };\n    }, [updateNumberingPosition, emblaApi]);\n    return {\n        top: y,\n        left: x,\n        right: 'inherit',\n        backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n        '.total-container': {\n            color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n        },\n        '.separator-container': {\n            color: '#E4E4E4 !important',\n        },\n        '.index-container': {\n            color: isXs ? '#FFFFFF !important' : '#161718 !important',\n        },\n    };\n};\n//# sourceMappingURL=heroCarousel.js.map"],"names":["HeroDefaultProps","direction","useNumberingStyles","emblaApi","headingRef","viewportRef","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","useState","y","setY","updateNumberingPosition","useCallback","_a","_b","viewport","getBoundingClientRect","heading","md","right","left","sm","xs","height","window","innerWidth","useEffect","e","addEventListener","on","removeEventListener","off","top","backgroundColor","color","inProps","heroProps","Object","assign","props","useDefaultProps","emblaRef","useEmbla","useRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","numberingStyles","current","_jsx","jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","ref","Typography","variant","jsxs","ViewPort","width","xl","ItemsContainer","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"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"}

package/cjs/organisms/carousel2/heroCarousel/heroCarouselContext.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("lodash/noop"),t=require("react");function r(e){return e&&e.__esModule?e:{default:e}}var o=r(e);const u=t.createContext({activeFooter:null,setActiveFooter:o.default});exports.HeroCarouselContext=u;
+"use strict";const e=require("react").createContext({activeFooter:null,setActiveFooter:()=>{}});exports.HeroCarouselContext=e;
 //# sourceMappingURL=heroCarouselContext.js.map

package/cjs/organisms/carousel2/heroCarousel/heroCarouselContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroCarouselContext.js","sources":["../../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":["import noop from 'lodash/noop';\nimport { createContext } from 'react';\nexport const HeroCarouselContext = createContext({\n    activeFooter: null,\n    setActiveFooter: noop,\n});\n//# sourceMappingURL=heroCarouselContext.js.map"],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter","noop","default"],"mappings":"2HAEY,MAACA,EAAsBC,EAAAA,cAAc,CAC7CC,aAAc,KACdC,gBAAiBC,EAAIC"}
+{"version":3,"file":"heroCarouselContext.js","sources":["../../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":["import { createContext } from 'react';\nexport const HeroCarouselContext = createContext({\n    activeFooter: null,\n    setActiveFooter: () => { },\n});\n//# sourceMappingURL=heroCarouselContext.js.map"],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter"],"mappings":"aACY,MAACA,mBAAsBC,cAAc,CAC7CC,aAAc,KACdC,gBAAiB"}

package/cjs/organisms/gallery/Gallery.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("tslib"),require("@mui/x-date-pickers/internals"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/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("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),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/numbering/numbering.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/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./GalleryItem.js"),require("minimatch"),require("../../utils/enum.js");var s=require("../../utils/useClosure/useClosure.js");require("../../design/skoda/components/form/slider.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/stepper/stepIcon/errorStepIcon.js"),require("../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("react-use"),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");var n=require("embla-carousel-react");require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.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("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/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("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button/Button.js");var i=require("use-keyboard-shortcut");function a(e){return e&&e.__esModule?e:{default:e}}var l=a(n),u=a(i);const c=t.styled(t.Backdrop)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),d=t.styled(t.Box)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),m=t.styled(t.Box)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),p=t.styled(t.IconButton)((({theme:e})=>({color:e.palette.surface.primary})));exports.Gallery=n=>{var i;const a=r.useMemo((()=>n.galleryItems.length>1),[n.galleryItems]),{isOpen:q,onOpen:j,onClose:g}=s.useClosure(!1),[h,y]=r.useState(!0),[x,b]=r.useState(!0),[k,C]=l.default({align:"center",axis:"x",startIndex:null!==(i=n.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:n.galleryItems.length>1});r.useEffect((()=>{if(C){const e=()=>{y(!C.canScrollNext()),b(!C.canScrollPrev())};C.on("scroll",e),e()}}),[C]),r.useEffect((()=>{n.galleryItems&&0!==n.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[n.galleryItems]);const f=r.useCallback((()=>{n.galleryItems&&n.galleryItems.length>0&&j()}),[j,n.children]);return u.default(["Escape"],g),u.default(["ArrowRight"],(()=>null==C?void 0:C.scrollNext())),u.default(["ArrowLeft"],(()=>null==C?void 0:C.scrollPrev())),e.jsxs(t.Box,{"data-testid":"Gallery",children:[e.jsx(t.Box,{component:"span",onClick:f,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:n.children}),e.jsx(c,{open:q,"data-testid":"Gallery.backdrop",children:q&&e.jsxs(e.Fragment,{children:[e.jsx(d,{ref:k,children:e.jsx(t.Box,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==C?void 0:C.selectedScrollSnap(),children:n.galleryItems})}),e.jsx(m,{"data-testid":"Gallery.control",children:e.jsxs(t.Stack,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[a&&e.jsx(p,{size:"large",disabled:x,onClick:()=>null==C?void 0:C.scrollPrev(),"data-testid":"Gallery.prev",children:e.jsx(o.Icon,{name:"arrow-left"})}),e.jsx(p,{size:"large",onClick:g,"data-testid":"Gallery.close",children:e.jsx(o.Icon,{name:"close"})}),a&&e.jsx(p,{size:"large",disabled:h,onClick:()=>null==C?void 0:C.scrollNext(),"data-testid":"Gallery.next",children:e.jsx(o.Icon,{name:"arrow-right"})})]})})]})})]})};
+"use strict";var e=require("react/jsx-runtime");require("tslib");var r=require("@mui/material");require("../../design/skoda/theme.js");var t=require("react");require("@mui/material/styles"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/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/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),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/numbering/numbering.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("./GalleryItem.js"),require("minimatch"),require("../../utils/enum.js");var a=require("../../utils/useClosure/useClosure.js");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");var i=require("embla-carousel-react");require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.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("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/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("../../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");var s=require("use-keyboard-shortcut");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(i),u=n(s);const c=r.styled(r.Backdrop)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),d=r.styled(r.Box)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),m=r.styled(r.Box)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),p=r.styled(r.IconButton)((({theme:e})=>({color:e.palette.surface.primary})));exports.Gallery=i=>{var s;const n=t.useMemo((()=>i.galleryItems.length>1),[i.galleryItems]),{isOpen:q,onOpen:j,onClose:y}=a.useClosure(!1),[h,g]=t.useState(!0),[x,C]=t.useState(!0),[b,f]=l.default({align:"center",axis:"x",startIndex:null!==(s=i.startIndex)&&void 0!==s?s:0,slidesToScroll:1,draggable:i.galleryItems.length>1});t.useEffect((()=>{if(f){const e=()=>{g(!f.canScrollNext()),C(!f.canScrollPrev())};f.on("scroll",e),e()}}),[f]),t.useEffect((()=>{i.galleryItems&&0!==i.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[i.galleryItems]);const v=t.useCallback((()=>{i.galleryItems&&i.galleryItems.length>0&&j()}),[j,i.children]);return u.default(["Escape"],y),u.default(["ArrowRight"],(()=>null==f?void 0:f.scrollNext())),u.default(["ArrowLeft"],(()=>null==f?void 0:f.scrollPrev())),e.jsxs(r.Box,{"data-testid":"Gallery",children:[e.jsx(r.Box,{component:"span",onClick:v,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:i.children}),e.jsx(c,{open:q,"data-testid":"Gallery.backdrop",children:q&&e.jsxs(e.Fragment,{children:[e.jsx(d,{ref:b,children:e.jsx(r.Box,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==f?void 0:f.selectedScrollSnap(),children:i.galleryItems})}),e.jsx(m,{"data-testid":"Gallery.control",children:e.jsxs(r.Stack,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[n&&e.jsx(p,{size:"large",disabled:x,onClick:()=>null==f?void 0:f.scrollPrev(),"data-testid":"Gallery.prev",children:e.jsx(o.Icon,{name:"arrow-left"})}),e.jsx(p,{size:"large",onClick:y,"data-testid":"Gallery.close",children:e.jsx(o.Icon,{name:"close"})}),n&&e.jsx(p,{size:"large",disabled:h,onClick:()=>null==f?void 0:f.scrollNext(),"data-testid":"Gallery.next",children:e.jsx(o.Icon,{name:"arrow-right"})})]})})]})})]})};
 //# sourceMappingURL=Gallery.js.map