@skodaflow/web-library 7.0.1 → 7.0.2

package/layout/SecondaryNavigation/SecondaryNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigation.js","sources":["../../../src/layout/SecondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { useEffect, useRef } from 'react';\nimport { useWindowSize } from 'react-use';\nexport const SecondaryNavigation = ({ title, color, cta, navigationItems, inContainer, }) => {\n    const isLargerThanMd = useMediaQuery((theme) => theme.breakpoints.up('md'));\n    const { width: windowWidth } = useWindowSize();\n    const titleRef = useRef(null);\n    const itemsRef = useRef(null);\n    const ctaButtonRef = useRef(null);\n    const wrapperRef = useRef(null);\n    useEffect(() => {\n        if (itemsRef.current && wrapperRef.current && isLargerThanMd) {\n            let widthToSubtract = 0;\n            if (titleRef.current) {\n                widthToSubtract += titleRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of title in px\n            }\n            if (ctaButtonRef.current) {\n                widthToSubtract += ctaButtonRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of cta in px\n            }\n            const wrapperWidth = wrapperRef.current.clientWidth;\n            const width = Math.abs(widthToSubtract - wrapperWidth);\n            itemsRef.current.style.width = `${width}px`;\n        }\n    }, [titleRef.current, itemsRef.current, ctaButtonRef.current, wrapperRef.current, windowWidth]);\n    return (_jsx(Box, { sx: {\n            background: (theme) => (color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white),\n            color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n            borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n        }, \"data-testid\": \"SecondaryNavigation\", children: _jsx(Box, { component: inContainer && Container, sx: {\n                height: '100%',\n                padding: !inContainer && '0 16px',\n            }, \"data-testid\": \"SecondaryNavigation.wrapper\", children: _jsxs(Box, { ref: wrapperRef, sx: {\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    height: { xs: '48px', md: '62px' },\n                }, children: [_jsxs(Box, { sx: { display: 'flex', flexShrink: 0 }, children: [_jsx(Typography, { ref: titleRef, variant: \"subheadline\", sx: {\n                                    minWidth: { sm: '170px', xs: undefined },\n                                    marginRight: 2,\n                                    flexShrink: 0,\n                                    display: 'flex',\n                                    alignItems: 'center',\n                                }, \"data-testid\": \"SecondaryNavigation.title\", children: title }), isLargerThanMd && (_jsx(Box, { ref: itemsRef, sx: Object.assign({ flexGrow: 0, overflow: 'hidden', overflowX: 'scroll' }, disableScrollbarSx), \"data-testid\": \"SecondaryNavigation.items\", children: _jsx(Stack, { direction: \"row\", spacing: 2, alignItems: \"center\", sx: { height: '100%' }, children: navigationItems }) }))] }), _jsx(Stack, { ref: ctaButtonRef, direction: \"row\", spacing: 2, alignItems: \"center\", justifyContent: \"flex-end\", sx: { height: '100%', marginLeft: '16px' }, \"data-testid\": \"SecondaryNavigation.cta\", children: cta })] }) }) }));\n};\nconst disableScrollbarSx = {\n    '::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer': {\n        width: 0,\n        height: 0,\n        display: 'none',\n    },\n};\n//# sourceMappingURL=SecondaryNavigation.js.map"],"names":["SecondaryNavigation","title","color","cta","navigationItems","inContainer","isLargerThanMd","useMediaQuery","theme","breakpoints","up","width","windowWidth","useWindowSize","titleRef","useRef","itemsRef","ctaButtonRef","wrapperRef","useEffect","current","widthToSubtract","clientWidth","wrapperWidth","Math","abs","style","_jsx","Box","sx","background","palette","onSurface","os900","common","white","text","primary","borderBottom","surface","secondary","children","component","Container","height","padding","_jsxs","ref","display","justifyContent","xs","md","flexShrink","Typography","variant","minWidth","sm","undefined","marginRight","alignItems","Object","assign","flexGrow","overflow","overflowX","disableScrollbarSx","Stack","direction","spacing","marginLeft"],"mappings":"2OAIY,MAACA,EAAsB,EAAGC,QAAOC,QAAOC,MAAKC,kBAAiBC,kBACtE,MAAMC,EAAiBC,GAAeC,GAAUA,EAAMC,YAAYC,GAAG,SAC7DC,MAAOC,GAAgBC,IACzBC,EAAWC,EAAO,MAClBC,EAAWD,EAAO,MAClBE,EAAeF,EAAO,MACtBG,EAAaH,EAAO,MAiB1B,OAhBAI,GAAU,KACN,GAAIH,EAASI,SAAWF,EAAWE,SAAWd,EAAgB,CAC1D,IAAIe,EAAkB,EAClBP,EAASM,UACTC,GAAmBP,EAASM,QAAQE,YACpCD,GAAmB,IAEnBJ,EAAaG,UACbC,GAAmBJ,EAAaG,QAAQE,YACxCD,GAAmB,IAEvB,MAAME,EAAeL,EAAWE,QAAQE,YAClCX,EAAQa,KAAKC,IAAIJ,EAAkBE,GACzCP,EAASI,QAAQM,MAAMf,MAAQ,GAAGA,KACrC,IACF,CAACG,EAASM,QAASJ,EAASI,QAASH,EAAaG,QAASF,EAAWE,QAASR,IAC1Ee,EAAKC,EAAK,CAAEC,GAAI,CAChBC,WAAatB,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQC,UAAUC,MAAQzB,EAAMuB,QAAQG,OAAOC,MAChGjC,MAAQM,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQG,OAAOC,MAAQ3B,EAAMuB,QAAQK,KAAKC,QACtFC,aAAe9B,GAAU,aAAaA,EAAMuB,QAAQQ,QAAQC,aAC7D,cAAe,sBAAuBC,SAAUd,EAAKC,EAAK,CAAEc,UAAWrC,GAAesC,EAAWd,GAAI,CAChGe,OAAQ,OACRC,SAAUxC,GAAe,UAC1B,cAAe,8BAA+BoC,SAAUK,EAAMlB,EAAK,CAAEmB,IAAK7B,EAAYW,GAAI,CACrFmB,QAAS,OACTC,eAAgB,gBAChBL,OAAQ,CAAEM,GAAI,OAAQC,GAAI,SAC3BV,SAAU,CAACK,EAAMlB,EAAK,CAAEC,GAAI,CAAEmB,QAAS,OAAQI,WAAY,GAAKX,SAAU,CAACd,EAAK0B,EAAY,CAAEN,IAAKjC,EAAUwC,QAAS,cAAezB,GAAI,CACxH0B,SAAU,CAAEC,GAAI,QAASN,QAAIO,GAC7BC,YAAa,EACbN,WAAY,EACZJ,QAAS,OACTW,WAAY,UACb,cAAe,4BAA6BlB,SAAUxC,IAAUK,GAAmBqB,EAAKC,EAAK,CAAEmB,IAAK/B,EAAUa,GAAI+B,OAAOC,OAAO,CAAEC,SAAU,EAAGC,SAAU,SAAUC,UAAW,UAAYC,GAAqB,cAAe,4BAA6BxB,SAAUd,EAAKuC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGT,WAAY,SAAU9B,GAAI,CAAEe,OAAQ,QAAUH,SAAUrC,SAA4BuB,EAAKuC,EAAO,CAAEnB,IAAK9B,EAAckD,UAAW,MAAOC,QAAS,EAAGT,WAAY,SAAUV,eAAgB,WAAYpB,GAAI,CAAEe,OAAQ,OAAQyB,WAAY,QAAU,cAAe,0BAA2B5B,SAAUtC,UAAkB,EAEroB8D,EAAqB,CACvB,wLAAyL,CACrLtD,MAAO,EACPiC,OAAQ,EACRI,QAAS"}
+{"version":3,"file":"SecondaryNavigation.js","sources":["../../../src/layout/SecondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\nexport const SecondaryNavigation = ({ title, color, cta, navigationItems, inContainer, }) => {\n    const isLargerThanMd = useMediaQuery((theme) => theme.breakpoints.up('md'));\n    const { width: windowWidth } = useWindowSize();\n    const titleRef = useRef(null);\n    const itemsRef = useRef(null);\n    const ctaButtonRef = useRef(null);\n    const wrapperRef = useRef(null);\n    useEffect(() => {\n        if (itemsRef.current && wrapperRef.current && isLargerThanMd) {\n            let widthToSubtract = 0;\n            if (titleRef.current) {\n                widthToSubtract += titleRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of title in px\n            }\n            if (ctaButtonRef.current) {\n                widthToSubtract += ctaButtonRef.current.clientWidth;\n                widthToSubtract += 16; // horizontal margin of cta in px\n            }\n            const wrapperWidth = wrapperRef.current.clientWidth;\n            const width = Math.abs(widthToSubtract - wrapperWidth);\n            itemsRef.current.style.width = `${width}px`;\n        }\n    }, [titleRef.current, itemsRef.current, ctaButtonRef.current, wrapperRef.current, windowWidth]);\n    return (_jsx(Box, { sx: {\n            background: (theme) => (color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white),\n            color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n            borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n        }, \"data-testid\": \"SecondaryNavigation\", children: _jsx(Box, { component: inContainer && Container, sx: {\n                height: '100%',\n                padding: !inContainer && '0 16px',\n            }, \"data-testid\": \"SecondaryNavigation.wrapper\", children: _jsxs(Box, { ref: wrapperRef, sx: {\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    height: { xs: '48px', md: '62px' },\n                }, children: [_jsxs(Box, { sx: { display: 'flex', flexShrink: 0 }, children: [_jsx(Typography, { ref: titleRef, variant: \"subheadline\", sx: {\n                                    minWidth: { sm: '170px', xs: undefined },\n                                    marginRight: 2,\n                                    flexShrink: 0,\n                                    display: 'flex',\n                                    alignItems: 'center',\n                                }, \"data-testid\": \"SecondaryNavigation.title\", children: title }), isLargerThanMd && (_jsx(Box, { ref: itemsRef, sx: Object.assign({ flexGrow: 0, overflow: 'hidden', overflowX: 'scroll' }, disableScrollbarSx), \"data-testid\": \"SecondaryNavigation.items\", children: _jsx(Stack, { direction: \"row\", spacing: 2, alignItems: \"center\", sx: { height: '100%' }, children: navigationItems }) }))] }), _jsx(Stack, { ref: ctaButtonRef, direction: \"row\", spacing: 2, alignItems: \"center\", justifyContent: \"flex-end\", sx: { height: '100%', marginLeft: '16px' }, \"data-testid\": \"SecondaryNavigation.cta\", children: cta })] }) }) }));\n};\nconst disableScrollbarSx = {\n    '::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer': {\n        width: 0,\n        height: 0,\n        display: 'none',\n    },\n};\n//# sourceMappingURL=SecondaryNavigation.js.map"],"names":["SecondaryNavigation","title","color","cta","navigationItems","inContainer","isLargerThanMd","useMediaQuery","theme","breakpoints","up","width","windowWidth","useWindowSize","titleRef","useRef","itemsRef","ctaButtonRef","wrapperRef","useEffect","current","widthToSubtract","clientWidth","wrapperWidth","Math","abs","style","_jsx","Box","sx","background","palette","onSurface","os900","common","white","text","primary","borderBottom","surface","secondary","children","component","Container","height","padding","_jsxs","ref","display","justifyContent","xs","md","flexShrink","Typography","variant","minWidth","sm","undefined","marginRight","alignItems","Object","assign","flexGrow","overflow","overflowX","disableScrollbarSx","Stack","direction","spacing","marginLeft"],"mappings":"8PAIY,MAACA,EAAsB,EAAGC,QAAOC,QAAOC,MAAKC,kBAAiBC,kBACtE,MAAMC,EAAiBC,GAAeC,GAAUA,EAAMC,YAAYC,GAAG,SAC7DC,MAAOC,GAAgBC,IACzBC,EAAWC,EAAO,MAClBC,EAAWD,EAAO,MAClBE,EAAeF,EAAO,MACtBG,EAAaH,EAAO,MAiB1B,OAhBAI,GAAU,KACN,GAAIH,EAASI,SAAWF,EAAWE,SAAWd,EAAgB,CAC1D,IAAIe,EAAkB,EAClBP,EAASM,UACTC,GAAmBP,EAASM,QAAQE,YACpCD,GAAmB,IAEnBJ,EAAaG,UACbC,GAAmBJ,EAAaG,QAAQE,YACxCD,GAAmB,IAEvB,MAAME,EAAeL,EAAWE,QAAQE,YAClCX,EAAQa,KAAKC,IAAIJ,EAAkBE,GACzCP,EAASI,QAAQM,MAAMf,MAAQ,GAAGA,KACrC,IACF,CAACG,EAASM,QAASJ,EAASI,QAASH,EAAaG,QAASF,EAAWE,QAASR,IAC1Ee,EAAKC,EAAK,CAAEC,GAAI,CAChBC,WAAatB,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQC,UAAUC,MAAQzB,EAAMuB,QAAQG,OAAOC,MAChGjC,MAAQM,GAAqB,SAAVN,EAAmBM,EAAMuB,QAAQG,OAAOC,MAAQ3B,EAAMuB,QAAQK,KAAKC,QACtFC,aAAe9B,GAAU,aAAaA,EAAMuB,QAAQQ,QAAQC,aAC7D,cAAe,sBAAuBC,SAAUd,EAAKC,EAAK,CAAEc,UAAWrC,GAAesC,EAAWd,GAAI,CAChGe,OAAQ,OACRC,SAAUxC,GAAe,UAC1B,cAAe,8BAA+BoC,SAAUK,EAAMlB,EAAK,CAAEmB,IAAK7B,EAAYW,GAAI,CACrFmB,QAAS,OACTC,eAAgB,gBAChBL,OAAQ,CAAEM,GAAI,OAAQC,GAAI,SAC3BV,SAAU,CAACK,EAAMlB,EAAK,CAAEC,GAAI,CAAEmB,QAAS,OAAQI,WAAY,GAAKX,SAAU,CAACd,EAAK0B,EAAY,CAAEN,IAAKjC,EAAUwC,QAAS,cAAezB,GAAI,CACxH0B,SAAU,CAAEC,GAAI,QAASN,QAAIO,GAC7BC,YAAa,EACbN,WAAY,EACZJ,QAAS,OACTW,WAAY,UACb,cAAe,4BAA6BlB,SAAUxC,IAAUK,GAAmBqB,EAAKC,EAAK,CAAEmB,IAAK/B,EAAUa,GAAI+B,OAAOC,OAAO,CAAEC,SAAU,EAAGC,SAAU,SAAUC,UAAW,UAAYC,GAAqB,cAAe,4BAA6BxB,SAAUd,EAAKuC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGT,WAAY,SAAU9B,GAAI,CAAEe,OAAQ,QAAUH,SAAUrC,SAA4BuB,EAAKuC,EAAO,CAAEnB,IAAK9B,EAAckD,UAAW,MAAOC,QAAS,EAAGT,WAAY,SAAUV,eAAgB,WAAYpB,GAAI,CAAEe,OAAQ,OAAQyB,WAAY,QAAU,cAAe,0BAA2B5B,SAAUtC,UAAkB,EAEroB8D,EAAqB,CACvB,wLAAyL,CACrLtD,MAAO,EACPiC,OAAQ,EACRI,QAAS"}

package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoAdjustable = forwardRef((props, ref) => {\n    return (_jsx(CardPhotoAdjustableStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoAdjustableStyled = styled(MuiCard) `\n  height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '180px';\n        case 'medium':\n            return '400px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\n\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '150px';\n        case 'medium':\n            return '240px';\n        case 'normal':\n            return '300px';\n        default:\n            return '';\n    }\n}};\n  }\n\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '200px';\n        case 'medium':\n            return '300px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\n  }\n\n  padding: 0;\n  .CardImagePicture {\n    display: block;\n  }\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\n\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n        return props.theme.palette.onSurface.os0;\n    }\n    else\n        return props.theme.palette.onSurface.os0;\n}};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\n\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\n\n\t.CardImageHeader {\n    width: 100%;\n  }\n  .CardImageHeader {\n    .Label {\n      margin: 0;\n    }\n    color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\n  }\n  .CardImageMedia {\n    position: relative;\n    height: auto;\n  }\n  .CardImageTextContainer {\n    padding: 24px;\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .CardImageText {\n    position: absolute;\n    .CardImageSubtitle {\n      font-weight: bold;\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .CardImageTitle {\n      font-size: 27px;\n      line-height: 32px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 30px;\n        line-height: 36px;\n      }\n    }\n  }\n  .CardImageButtonsContainerContent {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    flex-direction: column-reverse;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n    }\n  }\n  .CardImageButtonsContainer {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .LabelsOptional {\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 8px;\n    span:first-of-type {\n      margin-bottom: 4px;\n    }\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      span:first-of-type {\n        margin-bottom: 0;\n      }\n    }\n  }\n  .InfoVehicle {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 12px;\n    text-align: left;\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      margin-bottom: 0;\n      text-align: right;\n    }\n    margin-bottom: 16px;\n    .InfoVehicleTotal {\n      font-weight: bold;\n    }\n    .infoVehicleDealerInfoContainer {\n      display: inline-flex;\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        text-align: right;\n        margin-bottom: 0;\n        width: auto;\n      }\n    }\n    .infoVehicleDealerInfo {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n  }\n`;\n//# sourceMappingURL=cardPhotoAdjustable.js.map"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8SAaY,MAACA,EAAsBC,GAAW,CAACC,EAAOC,IAC1CC,EAAKC,EAA2B,CAAEF,IAAKA,EAAKG,SAAUF,EAAKG,EAAyBC,OAAOC,OAAO,CAAA,EAAIP,QAK5GG,EAA4BK,EAAOC,EAAS;YACrCT,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SAEL,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;uBAGmBV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;cAClDd,IACX,OAAQA,EAAMI,SAASJ,MAAMU,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;uBAImBV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;cAClDf,IACX,OAAQA,EAAMI,SAASJ,MAAMU,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;;;;;sBAQkBV,GACZA,EAAMW,MAAMK,QAAQC,UAAUC;;WAG7BlB,GACmC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,aACxC,iBAAlCpB,EAAMI,SAASJ,MAAMqB,SACdrB,EAAMW,MAAMK,QAAQM,KAAKC,SAEK,aAArCvB,EAAMI,SAASJ,MAAMoB,aAA8BpB,EAAMI,SAASJ,MAAMqB,SACjErB,EAAMW,MAAMK,QAAQC,UAAUC;IAKxClB,IACD,GAAIA,EAAMW,MAAMa,MAAMC,aAClB,MAAO,mBACV;;IAGAzB,IACD,GAAIA,EAAMI,SAASJ,MAAM0B,eACrB,MAAO,qBACV;;;;;;;;;aAUS1B,GACgC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,YAClEpB,EAAMW,MAAMK,QAAQM,KAAKC,QAEK,aAArCvB,EAAMI,SAASJ,MAAMoB,YACdpB,EAAMW,MAAMK,QAAQC,UAAUC,SADzC;;;;;;;;;;;;;;;;;;;;;2BAwBwBlB,GAAUA,EAAMW,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC3B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C5B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3Cf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzCd,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9Dd,GACI6B,EAAiC7B,EAAMI,SAASJ,MAAMmB,aAAc;;MAGxEnB,GACI8B,EAAgC9B,EAAMI,SAASJ,MAAMoB,YAAa;;"}
+{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoAdjustable = forwardRef((props, ref) => {\n    return (_jsx(CardPhotoAdjustableStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoAdjustableStyled = styled(MuiCard) `\r\n  height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '180px';\n        case 'medium':\n            return '400px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\r\n\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '150px';\n        case 'medium':\n            return '240px';\n        case 'normal':\n            return '300px';\n        default:\n            return '';\n    }\n}};\r\n  }\r\n\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '200px';\n        case 'medium':\n            return '300px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\r\n  }\r\n\r\n  padding: 0;\r\n  .CardImagePicture {\r\n    display: block;\r\n  }\r\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\r\n\r\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n        return props.theme.palette.onSurface.os0;\n    }\n    else\n        return props.theme.palette.onSurface.os0;\n}};\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\r\n\t.CardImageHeader {\r\n    width: 100%;\r\n  }\r\n  .CardImageHeader {\r\n    .Label {\r\n      margin: 0;\r\n    }\r\n    color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\r\n  }\r\n  .CardImageMedia {\r\n    position: relative;\r\n    height: auto;\r\n  }\r\n  .CardImageTextContainer {\r\n    padding: 24px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  .CardImageText {\r\n    position: absolute;\r\n    .CardImageSubtitle {\r\n      font-weight: bold;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .CardImageTitle {\r\n      font-size: 27px;\r\n      line-height: 32px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 30px;\r\n        line-height: 36px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageButtonsContainerContent {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    flex-direction: column-reverse;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n  }\r\n  .CardImageButtons {\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .cta-button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n    }\r\n    .cta-button button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .LabelsOptional {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 8px;\r\n    span:first-of-type {\r\n      margin-bottom: 4px;\r\n    }\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      span:first-of-type {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n  .InfoVehicle {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    margin-bottom: 12px;\r\n    text-align: left;\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      margin-bottom: 0;\r\n      text-align: right;\r\n    }\r\n    margin-bottom: 16px;\r\n    .InfoVehicleTotal {\r\n      font-weight: bold;\r\n    }\r\n    .infoVehicleDealerInfoContainer {\r\n      display: inline-flex;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        text-align: right;\r\n        margin-bottom: 0;\r\n        width: auto;\r\n      }\r\n    }\r\n    .infoVehicleDealerInfo {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardPhotoAdjustable.js.map"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8SAaY,MAACA,EAAsBC,GAAW,CAACC,EAAOC,IAC1CC,EAAKC,EAA2B,CAAEF,IAAKA,EAAKG,SAAUF,EAAKG,EAAyBC,OAAOC,OAAO,CAAA,EAAIP,QAK5GG,EAA4BK,EAAOC,EAAS;YACrCT,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SAEL,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;uBAGmBV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;cAClDd,IACX,OAAQA,EAAMI,SAASJ,MAAMU,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;uBAImBV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;cAClDf,IACX,OAAQA,EAAMI,SAASJ,MAAMU,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;;;;;sBAQkBV,GACZA,EAAMW,MAAMK,QAAQC,UAAUC;;WAG7BlB,GACmC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,aACxC,iBAAlCpB,EAAMI,SAASJ,MAAMqB,SACdrB,EAAMW,MAAMK,QAAQM,KAAKC,SAEK,aAArCvB,EAAMI,SAASJ,MAAMoB,aAA8BpB,EAAMI,SAASJ,MAAMqB,SACjErB,EAAMW,MAAMK,QAAQC,UAAUC;IAKxClB,IACD,GAAIA,EAAMW,MAAMa,MAAMC,aAClB,MAAO,mBACV;;IAGAzB,IACD,GAAIA,EAAMI,SAASJ,MAAM0B,eACrB,MAAO,qBACV;;;;;;;;;aAUS1B,GACgC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,YAClEpB,EAAMW,MAAMK,QAAQM,KAAKC,QAEK,aAArCvB,EAAMI,SAASJ,MAAMoB,YACdpB,EAAMW,MAAMK,QAAQC,UAAUC,SADzC;;;;;;;;;;;;;;;;;;;;;2BAwBwBlB,GAAUA,EAAMW,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC3B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C5B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3Cf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzCd,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9Dd,GACI6B,EAAiC7B,EAAMI,SAASJ,MAAMmB,aAAc;;MAGxEnB,GACI8B,EAAgC9B,EAAMI,SAASJ,MAAMoB,YAAa;;"}

package/organisms/cardPhotoFixed/cardPhotoFixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoFixed.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoFixed = forwardRef((props, ref) => {\n    const themeBreakpoint = useTheme();\n    const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n    return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoFixedsStyled = styled(MuiCard) `\n  background-color: ${(props) => {\n    return props.theme.palette.common.white;\n}};\n\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\n        return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n        return props.theme.palette.common.white;\n    }\n    else\n        return props.theme.palette.common.white;\n}};\n\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\n\n  /* Height of the component */\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    height: 440px;\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n    height: 400px;\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n    height: 440px;\n  }\n\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\n\n  .CardImageHeader {\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      max-width: 560px;\n    }\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 640px;\n    }\n  }\n\n  .CardImageHeader {\n    .VehicleEquipment {\n      margin: 0;\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 23px;\n        line-height: 28px;\n      }\n    }\n    color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\n  }\n\n  .CardImageText {\n    .CardImageSubtitleContainer {\n      display: inline-flex;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 100%;\n    }\n    .CardImageSubtitle {\n      font-size: 16px;\n      line-height: 24px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .CardImageTitle {\n      font-size: 23px;\n      line-height: 28px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 32px;\n        line-height: 38px;\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 36px;\n        line-height: 44px;\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\n      }\n    }\n  }\n  .CardImageButtonsContainer {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column-reverse;\n    flex-wrap: wrap-reverse;\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n    }\n  }\n  .CardImageButtonsGroup {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    width: 100%;\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n      width: auto;\n    }\n    .cta-button {\n      text-decoration: none;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        width: auto;\n      }\n      div {\n        width: 100%;\n      }\n      button {\n        width: 100%;\n        @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n          width: auto;\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  .LabelsOptional {\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 6px;\n  }\n  .infoText {\n    font-size: 14px;\n    margin-bottom: 12px;\n    margin-bottom: 12px;\n    width: 100%;\n    align-self: end;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      width: auto;\n      margin-bottom: 0;\n    }\n    .infoTextFirst {\n      font-weight: bold;\n      span {\n        font-weight: 300;\n      }\n    }\n    .infoTextThirdContainer {\n      display: inline-flex;\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        display: inline;\n        text-align: right;\n        margin-bottom: 0;\n        width: auto;\n      }\n    }\n    .infoTextThird {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n  }\n`;\n//# sourceMappingURL=cardPhotoFixed.js.map"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"oYAeY,MAACA,EAAiBC,GAAW,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,EAAKG,EAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAOC,EAAS;sBACvBf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GACmC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SACdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEG,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACjEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAMrCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmBzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACrB,MAAO,qBACV;;;;yBAKqB9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACgC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YAClErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEK,aAArCjC,EAAMU,SAASV,MAAMqB,YACdrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACrB,MAAO,oCACV;;2BAGuBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACIqC,EAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAGxEpB,GACIsC,EAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}
+{"version":3,"file":"cardPhotoFixed.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoFixed = forwardRef((props, ref) => {\n    const themeBreakpoint = useTheme();\n    const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n    return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoFixedsStyled = styled(MuiCard) `\r\n  background-color: ${(props) => {\n    return props.theme.palette.common.white;\n}};\r\n\r\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\n        return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n        return props.theme.palette.common.white;\n    }\n    else\n        return props.theme.palette.common.white;\n}};\r\n\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  /* Height of the component */\r\n  height: 500px;\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    height: 440px;\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n    height: 400px;\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n    height: 440px;\r\n  }\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\r\n  .CardImageHeader {\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      max-width: 560px;\r\n    }\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n      max-width: 640px;\r\n    }\r\n  }\r\n\r\n  .CardImageHeader {\r\n    .VehicleEquipment {\r\n      margin: 0;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 23px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\r\n  }\r\n\r\n  .CardImageText {\r\n    .CardImageSubtitleContainer {\r\n      display: inline-flex;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      width: 100%;\r\n    }\r\n    .CardImageSubtitle {\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .CardImageTitle {\r\n      font-size: 23px;\r\n      line-height: 28px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 32px;\r\n        line-height: 38px;\r\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 36px;\r\n        line-height: 44px;\r\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\r\n      }\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-direction: column-reverse;\r\n    flex-wrap: wrap-reverse;\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsGroup {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      width: auto;\r\n    }\r\n    .cta-button {\r\n      text-decoration: none;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        width: auto;\r\n      }\r\n      div {\r\n        width: 100%;\r\n      }\r\n      button {\r\n        width: 100%;\r\n        @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n          width: auto;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .LabelsOptional {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 6px;\r\n  }\r\n  .infoText {\r\n    font-size: 14px;\r\n    margin-bottom: 12px;\r\n    margin-bottom: 12px;\r\n    width: 100%;\r\n    align-self: end;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      width: auto;\r\n      margin-bottom: 0;\r\n    }\r\n    .infoTextFirst {\r\n      font-weight: bold;\r\n      span {\r\n        font-weight: 300;\r\n      }\r\n    }\r\n    .infoTextThirdContainer {\r\n      display: inline-flex;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        display: inline;\r\n        text-align: right;\r\n        margin-bottom: 0;\r\n        width: auto;\r\n      }\r\n    }\r\n    .infoTextThird {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardPhotoFixed.js.map"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"oYAeY,MAACA,EAAiBC,GAAW,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,EAAKG,EAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAOC,EAAS;sBACvBf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GACmC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SACdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEG,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACjEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAMrCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmBzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACrB,MAAO,qBACV;;;;yBAKqB9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACgC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YAClErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEK,aAArCjC,EAAMU,SAASV,MAAMqB,YACdrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACrB,MAAO,oCACV;;2BAGuBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACIqC,EAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAGxEpB,GACIsC,EAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}

package/organisms/cardTypeOnly/cardTypeOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardTypeOnly.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardTypeOnly = forwardRef((props, ref) => {\n    return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, ref: ref, children: _jsx(CardTypeOnlyStyled, { children: _jsx(CardTypeOnlyComponent, Object.assign({ isCompact: true }, props)) }) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard) `\n  width: 100%;\n  box-shadow: none;\n  background-color: #f6f7f8ff !important;\n  padding: 24px;\n  min-height: 300px;\n  ${(props) => {\n    if (props.children.props.emptyCardText) {\n        return 'background-image: none';\n    }\n}};\n  background-repeat: no-repeat, repeat;\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\n\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\n\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\n\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\n\t.CardImageText {\n    text-align: center;\n    ${(props) => {\n    if (props.children.props.cardTypeOnlyText) {\n        return 'justify-content: center';\n    }\n}};\n    .CardImageSubtitle {\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .emptyCardText {\n      align-self: center;\n      margin-bottom: 17px;\n    }\n  }\n  .CardImageButtonsContainerContent {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    flex-direction: column-reverse;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n    }\n  }\n  .CardImageButtonsContainer {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  }\n  .CardImageButtons {\n    justify-content: center;\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .button-component {\n      width: 100%;\n      div {\n        width: 100%;\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n  }\n`;\n//# sourceMappingURL=cardTypeOnly.js.map"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"iYAcY,MAACA,EAAeC,GAAW,CAACC,EAAOC,IACnCC,EAAKC,EAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAKI,SAAUH,EAAKI,EAAoB,CAAED,SAAUH,EAAKK,EAAuBC,OAAOC,OAAO,CAAEC,WAAW,GAAQV,UAKtMM,EAAqBK,EAAOC,EAAS;;;;;;IAMtCZ,IACD,GAAIA,EAAMK,SAASL,MAAMa,cACrB,MAAO,wBACV;;sBAGkBb,GACZA,EAAMc,MAAMC,QAAQC,UAAUC;;WAG7BjB,GACkC,aAAtCA,EAAMK,SAASL,MAAMkB,cAAoE,aAArClB,EAAMK,SAASL,MAAMmB,YAClEnB,EAAMc,MAAMC,QAAQK,KAAKC,QAEU,aAArCrB,EAAMK,SAASL,MAAMmB,YACnBnB,EAAMc,MAAMC,QAAQC,UAAUC,SADpC;;IAKJjB,IACD,GAAIA,EAAMc,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;IAGAvB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACrB,MAAO,qBACV;;;MAIEJ,IACH,GAAIA,EAAMK,SAASL,MAAMwB,iBACrB,MAAO,yBACV;;;;2BAKuBxB,GAAUA,EAAMc,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C3B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;2BAGzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D5B,GACI6B,EAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAGxElB,GACI8B,EAAgC9B,EAAMK,SAASL,MAAMmB,YAAa;;"}
+{"version":3,"file":"cardTypeOnly.js","sources":["../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardTypeOnly = forwardRef((props, ref) => {\n    return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, ref: ref, children: _jsx(CardTypeOnlyStyled, { children: _jsx(CardTypeOnlyComponent, Object.assign({ isCompact: true }, props)) }) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard) `\r\n  width: 100%;\r\n  box-shadow: none;\r\n  background-color: #f6f7f8ff !important;\r\n  padding: 24px;\r\n  min-height: 300px;\r\n  ${(props) => {\n    if (props.children.props.emptyCardText) {\n        return 'background-image: none';\n    }\n}};\r\n  background-repeat: no-repeat, repeat;\r\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\r\n\r\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n    }\n}};\r\n\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\t.CardImageText {\r\n    text-align: center;\r\n    ${(props) => {\n    if (props.children.props.cardTypeOnlyText) {\n        return 'justify-content: center';\n    }\n}};\r\n    .CardImageSubtitle {\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .emptyCardText {\r\n      align-self: center;\r\n      margin-bottom: 17px;\r\n    }\r\n  }\r\n  .CardImageButtonsContainerContent {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    flex-direction: column-reverse;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n  }\r\n  .CardImageButtons {\r\n    justify-content: center;\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .button-component {\r\n      width: 100%;\r\n      div {\r\n        width: 100%;\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardTypeOnly.js.map"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"iYAcY,MAACA,EAAeC,GAAW,CAACC,EAAOC,IACnCC,EAAKC,EAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAKI,SAAUH,EAAKI,EAAoB,CAAED,SAAUH,EAAKK,EAAuBC,OAAOC,OAAO,CAAEC,WAAW,GAAQV,UAKtMM,EAAqBK,EAAOC,EAAS;;;;;;IAMtCZ,IACD,GAAIA,EAAMK,SAASL,MAAMa,cACrB,MAAO,wBACV;;sBAGkBb,GACZA,EAAMc,MAAMC,QAAQC,UAAUC;;WAG7BjB,GACkC,aAAtCA,EAAMK,SAASL,MAAMkB,cAAoE,aAArClB,EAAMK,SAASL,MAAMmB,YAClEnB,EAAMc,MAAMC,QAAQK,KAAKC,QAEU,aAArCrB,EAAMK,SAASL,MAAMmB,YACnBnB,EAAMc,MAAMC,QAAQC,UAAUC,SADpC;;IAKJjB,IACD,GAAIA,EAAMc,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;IAGAvB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACrB,MAAO,qBACV;;;MAIEJ,IACH,GAAIA,EAAMK,SAASL,MAAMwB,iBACrB,MAAO,yBACV;;;;2BAKuBxB,GAAUA,EAAMc,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C3B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;2BAGzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D5B,GACI6B,EAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAGxElB,GACI8B,EAAgC9B,EAAMK,SAASL,MAAMmB,YAAa;;"}

package/organisms/carousel2/components/NavButton.js

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

package/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';\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":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_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","api","options","setHover","useCallback","call","scrollPrev","scrollNext"],"mappings":"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"}
+{"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":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_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","api","options","setHover","useCallback","call","scrollPrev","scrollNext"],"mappings":"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"}

package/organisms/gallery/Gallery.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import"tslib";import{styled as r,Backdrop as i,Box as a,IconButton as n,Stack as l}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as s,useState as m,useEffect as p,useCallback as c}from"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import{useClosure as u}from"../../utils/useClosure/useClosure.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import j from"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import h from"use-keyboard-shortcut";const g=r=>{var i;const n=s((()=>r.galleryItems.length>1),[r.galleryItems]),{isOpen:g,onOpen:f,onClose:I}=u(!1),[v,S]=m(!0),[w,k]=m(!0),[H,G]=j({align:"center",axis:"x",startIndex:null!==(i=r.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:r.galleryItems.length>1});p((()=>{if(G){const e=()=>{S(!G.canScrollNext()),k(!G.canScrollPrev())};G.on("scroll",e),e()}}),[G]),p((()=>{r.galleryItems&&0!==r.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[r.galleryItems]);const N=c((()=>{r.galleryItems&&r.galleryItems.length>0&&f()}),[f,r.children]);return h(["Escape"],I),h(["ArrowRight"],(()=>null==G?void 0:G.scrollNext())),h(["ArrowLeft"],(()=>null==G?void 0:G.scrollPrev())),e(a,{"data-testid":"Gallery",children:[t(a,{component:"span",onClick:N,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:r.children}),t(y,{open:g,"data-testid":"Gallery.backdrop",children:g&&e(o,{children:[t(C,{ref:H,children:t(a,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==G?void 0:G.selectedScrollSnap(),children:r.galleryItems})}),t(b,{"data-testid":"Gallery.control",children:e(l,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[n&&t(x,{size:"large",disabled:w,onClick:()=>null==G?void 0:G.scrollPrev(),"data-testid":"Gallery.prev",children:t(d,{name:"arrow-left"})}),t(x,{size:"large",onClick:I,"data-testid":"Gallery.close",children:t(d,{name:"close"})}),n&&t(x,{size:"large",disabled:v,onClick:()=>null==G?void 0:G.scrollNext(),"data-testid":"Gallery.next",children:t(d,{name:"arrow-right"})})]})})]})})]})},y=r(i)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),C=r(a)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),b=r(a)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),x=r(n)((({theme:e})=>({color:e.palette.surface.primary})));export{g as Gallery};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import"tslib";import{styled as r,Backdrop as i,Box as a,IconButton as n,Stack as l}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as s,useState as m,useEffect as p,useCallback as c}from"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import{useClosure as u}from"../../utils/useClosure/useClosure.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import j from"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import h from"../../utils/useKeyboardShortcut/useKeyboardShortcut.js";const g=r=>{var i;const n=s((()=>r.galleryItems.length>1),[r.galleryItems]),{isOpen:g,onOpen:f,onClose:I}=u(!1),[v,S]=m(!0),[w,k]=m(!0),[H,G]=j({align:"center",axis:"x",startIndex:null!==(i=r.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:r.galleryItems.length>1});p((()=>{if(G){const e=()=>{S(!G.canScrollNext()),k(!G.canScrollPrev())};G.on("scroll",e),e()}}),[G]),p((()=>{r.galleryItems&&0!==r.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[r.galleryItems]);const N=c((()=>{r.galleryItems&&r.galleryItems.length>0&&f()}),[f,r.children]);return h({Escape:I,ArrowRight:null==G?void 0:G.scrollNext,ArrowLeft:null==G?void 0:G.scrollPrev},[!!G]),e(a,{"data-testid":"Gallery",children:[t(a,{component:"span",onClick:N,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:r.children}),t(y,{open:g,"data-testid":"Gallery.backdrop",children:g&&e(o,{children:[t(C,{ref:H,children:t(a,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==G?void 0:G.selectedScrollSnap(),children:r.galleryItems})}),t(b,{"data-testid":"Gallery.control",children:e(l,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[n&&t(x,{size:"large",disabled:w,onClick:()=>null==G?void 0:G.scrollPrev(),"data-testid":"Gallery.prev",children:t(d,{name:"arrow-left"})}),t(x,{size:"large",onClick:I,"data-testid":"Gallery.close",children:t(d,{name:"close"})}),n&&t(x,{size:"large",disabled:v,onClick:()=>null==G?void 0:G.scrollNext(),"data-testid":"Gallery.next",children:t(d,{name:"arrow-right"})})]})})]})})]})},y=r(i)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),C=r(a)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),b=r(a)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),x=r(n)((({theme:e})=>({color:e.palette.surface.primary})));export{g as Gallery};
 //# sourceMappingURL=Gallery.js.map

package/organisms/gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from 'use-keyboard-shortcut';\nexport const Gallery = (props) => {\n    var _a;\n    const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n    const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n    const [nextDisabled, setNextDisabled] = useState(true);\n    const [prevDisabled, setPrevDisabled] = useState(true);\n    const [emblaRef, emblaApi] = useEmblaCarousel({\n        align: 'center',\n        axis: 'x',\n        startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n        slidesToScroll: 1,\n        draggable: props.galleryItems.length > 1,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                setNextDisabled(!emblaApi.canScrollNext());\n                setPrevDisabled(!emblaApi.canScrollPrev());\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi]);\n    useEffect(() => {\n        if (!props.galleryItems || props.galleryItems.length === 0) {\n            console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n        }\n    }, [props.galleryItems]);\n    const onOpen = useCallback(() => {\n        if (props.galleryItems && props.galleryItems.length > 0) {\n            _onOpen();\n        }\n    }, [_onOpen, props.children]);\n    useKeyboardShortcut(['Escape'], onClose);\n    useKeyboardShortcut(['ArrowRight'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext());\n    useKeyboardShortcut(['ArrowLeft'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev());\n    return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n    backgroundColor: theme.palette.surface.quarternary,\n    paddingTop: '20px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n    width: '100%',\n    height: '85%',\n    overflow: 'hidden',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '& > div': {\n        width: '100%',\n        height: '100%',\n    },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n    width: '100%',\n    height: '15%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n    color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}
+{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '../../utils/useKeyboardShortcut/useKeyboardShortcut';\nexport const Gallery = (props) => {\n    var _a;\n    const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n    const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n    const [nextDisabled, setNextDisabled] = useState(true);\n    const [prevDisabled, setPrevDisabled] = useState(true);\n    const [emblaRef, emblaApi] = useEmblaCarousel({\n        align: 'center',\n        axis: 'x',\n        startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n        slidesToScroll: 1,\n        draggable: props.galleryItems.length > 1,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                setNextDisabled(!emblaApi.canScrollNext());\n                setPrevDisabled(!emblaApi.canScrollPrev());\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi]);\n    useEffect(() => {\n        if (!props.galleryItems || props.galleryItems.length === 0) {\n            console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n        }\n    }, [props.galleryItems]);\n    const onOpen = useCallback(() => {\n        if (props.galleryItems && props.galleryItems.length > 0) {\n            _onOpen();\n        }\n    }, [_onOpen, props.children]);\n    useKeyboardShortcut({\n        Escape: onClose,\n        ArrowRight: emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext,\n        ArrowLeft: emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev,\n    }, [!!emblaApi]);\n    return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n    backgroundColor: theme.palette.surface.quarternary,\n    paddingTop: '20px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n    width: '100%',\n    height: '85%',\n    overflow: 'hidden',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '& > div': {\n        width: '100%',\n        height: '100%',\n    },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n    width: '100%',\n    height: '15%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n    color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}

package/organisms/gallery/GalleryItem.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{styled as i,Box as n,useTheme as s,Container as c,Typography as m}from"@mui/material";import{useResponsiveProp as o}from"../../utils/ResponsiveType.js";import{useRef as a,useCallback as l,useEffect as p}from"react";import{useWindowSize as u}from"react-use";const d=i=>{var{description:d,alt:h}=i,f=e(i,["description","alt"]);const g=s(),v=o(f.imageSrc),{width:b}=u(),w=a(null),y=a(null),S=a(null),k=l((()=>{if(w.current&&y.current&&S.current){const e=w.current.clientHeight,t=S.current.clientHeight;y.current.style.maxHeight=Math.abs(e-t)+"px"}}),[]);return p(k),p((()=>k),[y.current,S.current,w.current,b]),t(x,{ref:w,"data-testid":"GalleryItem",children:[t(n,{ref:y,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[r("source",{media:`(min-width: ${g.breakpoints.values.xl}px)`,srcSet:v.xl}),r("source",{media:`(min-width: ${g.breakpoints.values.lg}px)`,srcSet:v.lg}),r("source",{media:`(min-width: ${g.breakpoints.values.md}px)`,srcSet:v.md}),r("source",{media:`(min-width: ${g.breakpoints.values.sm}px)`,srcSet:v.sm}),r("source",{media:`(max-width: ${g.breakpoints.values.sm}px)`,srcSet:v.xs}),r(n,{component:"img",src:v.xs,alt:h,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),d&&r(c,{ref:S,"data-testid":"GalleryItem.desc",children:"string"==typeof d?r(m,{sx:{color:g.palette.common.white,paddingTop:1,textAlign:"center"},children:d}):d})]})},x=i(n)((()=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"})));export{d as GalleryItem};
+import{__rest as e}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{styled as i,Box as n,useTheme as s,Container as o,Typography as c}from"@mui/material";import{useResponsiveProp as m}from"../../utils/ResponsiveType.js";import{useRef as a,useCallback as l,useEffect as p}from"react";import d from"../../components/common/hook/useWindowSize.js";const u=i=>{var{description:u,alt:h}=i,f=e(i,["description","alt"]);const g=s(),v=m(f.imageSrc),{width:w}=d(),b=a(null),y=a(null),S=a(null),k=l((()=>{if(b.current&&y.current&&S.current){const e=b.current.clientHeight,t=S.current.clientHeight;y.current.style.maxHeight=Math.abs(e-t)+"px"}}),[]);return p(k),p((()=>k),[y.current,S.current,b.current,w]),t(x,{ref:b,"data-testid":"GalleryItem",children:[t(n,{ref:y,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[r("source",{media:`(min-width: ${g.breakpoints.values.xl}px)`,srcSet:v.xl}),r("source",{media:`(min-width: ${g.breakpoints.values.lg}px)`,srcSet:v.lg}),r("source",{media:`(min-width: ${g.breakpoints.values.md}px)`,srcSet:v.md}),r("source",{media:`(min-width: ${g.breakpoints.values.sm}px)`,srcSet:v.sm}),r("source",{media:`(max-width: ${g.breakpoints.values.sm}px)`,srcSet:v.xs}),r(n,{component:"img",src:v.xs,alt:h,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),u&&r(o,{ref:S,"data-testid":"GalleryItem.desc",children:"string"==typeof u?r(c,{sx:{color:g.palette.common.white,paddingTop:1,textAlign:"center"},children:u}):u})]})},x=i(n)((()=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"})));export{u as GalleryItem};
 //# sourceMappingURL=GalleryItem.js.map

package/organisms/gallery/GalleryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryItem.js","sources":["../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport { useWindowSize } from 'react-use';\nexport const GalleryItem = (_a) => {\n    var { description, alt } = _a, props = __rest(_a, [\"description\", \"alt\"]);\n    const theme = useTheme();\n    const imageSrc = useResponsiveProp(props.imageSrc);\n    const { width: windowWidth } = useWindowSize();\n    const wrapperRef = useRef(null);\n    const imageRef = useRef(null);\n    const descRef = useRef(null);\n    const fixImageSize = useCallback(() => {\n        if (wrapperRef.current && imageRef.current && descRef.current) {\n            const wrapperHeight = wrapperRef.current.clientHeight;\n            const descHeight = descRef.current.clientHeight;\n            imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n        }\n    }, []);\n    useEffect(fixImageSize);\n    useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n    return (_jsxs(GalleryItemWrapper, { ref: wrapperRef, \"data-testid\": \"GalleryItem\", children: [_jsxs(Box, { ref: imageRef, component: \"picture\", sx: { maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }, children: [_jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.xl}px)`, srcSet: imageSrc.xl }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.lg}px)`, srcSet: imageSrc.lg }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.md}px)`, srcSet: imageSrc.md }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.sm }), _jsx(\"source\", { media: `(max-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.xs }), _jsx(Box, { component: \"img\", src: imageSrc.xs, alt: alt, sx: { maxHeight: '100%', maxWidth: '100%' } })] }), description && (_jsx(Container, { ref: descRef, \"data-testid\": \"GalleryItem.desc\", children: typeof description === 'string' ? (_jsx(Typography, { sx: { color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }, children: description })) : (description) }))] }));\n};\nconst GalleryItemWrapper = styled(Box)(() => ({\n    position: 'relative',\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n}));\n//# sourceMappingURL=GalleryItem.js.map"],"names":["GalleryItem","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","GalleryItemWrapper","ref","children","Box","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop","styled","position","height","display","flexDirection","justifyContent"],"mappings":"yVAMY,MAACA,EAAeC,IACxB,IAAIC,YAAEA,EAAWC,IAAEA,GAAQF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,cAAe,QAClE,MAAMK,EAAQC,IACRC,EAAWC,EAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,IACzBC,EAAaC,EAAO,MACpBC,EAAWD,EAAO,MAClBE,EAAUF,EAAO,MACjBG,EAAeC,GAAY,KAC7B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC3D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aACnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC7E,IACF,IAGH,OAFAK,EAAUV,GACVU,GAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAC9EiB,EAAMC,EAAoB,CAAEC,IAAKjB,EAAY,cAAe,cAAekB,SAAU,CAACH,EAAMI,EAAK,CAAEF,IAAKf,EAAUkB,UAAW,UAAWC,GAAI,CAAEV,UAAW,OAAQW,SAAU,OAAQC,UAAW,UAAYL,SAAU,CAACM,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOC,QAASC,OAAQlC,EAASiC,KAAOJ,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOG,QAASD,OAAQlC,EAASmC,KAAON,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOI,QAASF,OAAQlC,EAASoC,KAAOP,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASqC,KAAOR,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASsC,KAAOT,EAAKL,EAAK,CAAEC,UAAW,MAAOc,IAAKvC,EAASsC,GAAI3C,IAAKA,EAAK+B,GAAI,CAAEV,UAAW,OAAQW,SAAU,aAAiBjC,GAAgBmC,EAAKW,EAAW,CAAElB,IAAKd,EAAS,cAAe,mBAAoBe,SAAiC,iBAAhB7B,EAA4BmC,EAAKY,EAAY,CAAEf,GAAI,CAAEgB,MAAO5C,EAAM6C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAYL,SAAU7B,IAAc,MAA2B,EAEnkC2B,EAAqB0B,EAAOvB,EAAPuB,EAAY,KAAO,CAC1CC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB"}
+{"version":3,"file":"GalleryItem.js","sources":["../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\nexport const GalleryItem = (_a) => {\n    var { description, alt } = _a, props = __rest(_a, [\"description\", \"alt\"]);\n    const theme = useTheme();\n    const imageSrc = useResponsiveProp(props.imageSrc);\n    const { width: windowWidth } = useWindowSize();\n    const wrapperRef = useRef(null);\n    const imageRef = useRef(null);\n    const descRef = useRef(null);\n    const fixImageSize = useCallback(() => {\n        if (wrapperRef.current && imageRef.current && descRef.current) {\n            const wrapperHeight = wrapperRef.current.clientHeight;\n            const descHeight = descRef.current.clientHeight;\n            imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n        }\n    }, []);\n    useEffect(fixImageSize);\n    useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n    return (_jsxs(GalleryItemWrapper, { ref: wrapperRef, \"data-testid\": \"GalleryItem\", children: [_jsxs(Box, { ref: imageRef, component: \"picture\", sx: { maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }, children: [_jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.xl}px)`, srcSet: imageSrc.xl }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.lg}px)`, srcSet: imageSrc.lg }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.md}px)`, srcSet: imageSrc.md }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.sm }), _jsx(\"source\", { media: `(max-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.xs }), _jsx(Box, { component: \"img\", src: imageSrc.xs, alt: alt, sx: { maxHeight: '100%', maxWidth: '100%' } })] }), description && (_jsx(Container, { ref: descRef, \"data-testid\": \"GalleryItem.desc\", children: typeof description === 'string' ? (_jsx(Typography, { sx: { color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }, children: description })) : (description) }))] }));\n};\nconst GalleryItemWrapper = styled(Box)(() => ({\n    position: 'relative',\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n}));\n//# sourceMappingURL=GalleryItem.js.map"],"names":["GalleryItem","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","GalleryItemWrapper","ref","children","Box","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop","styled","position","height","display","flexDirection","justifyContent"],"mappings":"4WAMY,MAACA,EAAeC,IACxB,IAAIC,YAAEA,EAAWC,IAAEA,GAAQF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,cAAe,QAClE,MAAMK,EAAQC,IACRC,EAAWC,EAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,IACzBC,EAAaC,EAAO,MACpBC,EAAWD,EAAO,MAClBE,EAAUF,EAAO,MACjBG,EAAeC,GAAY,KAC7B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC3D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aACnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC7E,IACF,IAGH,OAFAK,EAAUV,GACVU,GAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAC9EiB,EAAMC,EAAoB,CAAEC,IAAKjB,EAAY,cAAe,cAAekB,SAAU,CAACH,EAAMI,EAAK,CAAEF,IAAKf,EAAUkB,UAAW,UAAWC,GAAI,CAAEV,UAAW,OAAQW,SAAU,OAAQC,UAAW,UAAYL,SAAU,CAACM,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOC,QAASC,OAAQlC,EAASiC,KAAOJ,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOG,QAASD,OAAQlC,EAASmC,KAAON,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOI,QAASF,OAAQlC,EAASoC,KAAOP,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASqC,KAAOR,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASsC,KAAOT,EAAKL,EAAK,CAAEC,UAAW,MAAOc,IAAKvC,EAASsC,GAAI3C,IAAKA,EAAK+B,GAAI,CAAEV,UAAW,OAAQW,SAAU,aAAiBjC,GAAgBmC,EAAKW,EAAW,CAAElB,IAAKd,EAAS,cAAe,mBAAoBe,SAAiC,iBAAhB7B,EAA4BmC,EAAKY,EAAY,CAAEf,GAAI,CAAEgB,MAAO5C,EAAM6C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAYL,SAAU7B,IAAc,MAA2B,EAEnkC2B,EAAqB0B,EAAOvB,EAAPuB,EAAY,KAAO,CAC1CC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB"}

package/organisms/gallery/GalleryTrigger.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import"tslib";import{Box as e}from"@mui/material";import"../../design/skoda/theme.js";import"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as r}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./Gallery.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}},n=n=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[t(e,{component:"span",sx:i,children:t(r,{name:"search-plus"})}),n.children]});export{i as GalleryHighlightSx,n as GalleryTrigger};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import"tslib";import{Box as e}from"@mui/material";import"../../design/skoda/theme.js";import"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as r}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./Gallery.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}},n=n=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[t(e,{component:"span",sx:i,children:t(r,{name:"search-plus"})}),n.children]});export{i as GalleryHighlightSx,n as GalleryTrigger};
 //# sourceMappingURL=GalleryTrigger.js.map

package/organisms/gallery/GalleryTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryTrigger.js","sources":["../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n    background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n    display: 'inline-block',\n    height: '100%',\n    '& .sa-i': {\n        position: 'absolute',\n        right: '8px',\n        top: '8px',\n        color: 'white',\n    },\n};\nexport const GalleryTrigger = (props) => {\n    return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Icon, { name: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","name"],"mappings":"2jIAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,UAGFC,EAAkBC,GACnBC,EAAMC,EAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBS,SAAU,CAACC,EAAKJ,EAAK,CAAEC,UAAW,OAAQC,GAAId,EAAoBe,SAAUC,EAAKC,EAAM,CAAEC,KAAM,kBAAqBR,EAAMK"}
+{"version":3,"file":"GalleryTrigger.js","sources":["../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n    background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n    display: 'inline-block',\n    height: '100%',\n    '& .sa-i': {\n        position: 'absolute',\n        right: '8px',\n        top: '8px',\n        color: 'white',\n    },\n};\nexport const GalleryTrigger = (props) => {\n    return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Icon, { name: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","name"],"mappings":"ogIAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,UAGFC,EAAkBC,GACnBC,EAAMC,EAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBS,SAAU,CAACC,EAAKJ,EAAK,CAAEC,UAAW,OAAQC,GAAId,EAAoBe,SAAUC,EAAKC,EAAM,CAAEC,KAAM,kBAAqBR,EAAMK"}

package/organisms/heroImageCard/heroImageCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroImageCard.js","sources":["../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const HeroImageCard = forwardRef((props, ref) => {\n    return (_jsx(HeroImageCardStyled, { ref: ref, children: _jsx(HeroImageCardComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst HeroImageCardStyled = styled(MuiCard) `\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n    else\n        return props.theme.palette.common.white;\n}};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n    }\n    else\n        return 'height: 440px';\n}}\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n    }\n    else\n        return 'height: 500px';\n}}\n  }\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\n  .CardImageText {\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 540px;\n    }\n    .CardImageTitle {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 38px;\n        line-height: 48px;\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 44px;\n        line-height: 52px;\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\n      }\n      color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n}};\n    }\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n  }\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"wSAaY,MAACA,EAAgBC,GAAW,CAACC,EAAOC,IACpCC,EAAKC,EAAqB,CAAEF,IAAKA,EAAKG,SAAUF,EAAKG,EAAwBC,OAAOC,OAAO,CAAA,EAAIP,QAKrGG,EAAsBK,EAAOC,EAAS;WAChCT,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,OAE7Bf,EAAMI,SAASJ,MAAMW,YACnBX,EAAMY,MAAMC,QAAQC,OAAOE;IAKrChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aAClB,MAAO,mBACV;;uBAGmBlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;uBAGStB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;IAGVtB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACrB,MAAO,qBACV;;yBAGqBxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;2BAGuBtB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;eAGWtB,GAC8B,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEG,aAArCf,EAAMI,SAASJ,MAAMW,YACdX,EAAMY,MAAMC,QAAQC,OAAOE,WADtC;;;;;yBAQsBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACI0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAGxEV,GACI2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}
+{"version":3,"file":"heroImageCard.js","sources":["../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const HeroImageCard = forwardRef((props, ref) => {\n    return (_jsx(HeroImageCardStyled, { ref: ref, children: _jsx(HeroImageCardComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst HeroImageCardStyled = styled(MuiCard) `\r\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    else if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n    else\n        return props.theme.palette.common.white;\n}};\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n  height: 500px;\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n    }\n    else\n        return 'height: 440px';\n}}\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n    ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n    }\n    else\n        return 'height: 500px';\n}}\r\n  }\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n  .CardImageText {\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n      max-width: 540px;\r\n    }\r\n    .CardImageTitle {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 38px;\r\n        line-height: 48px;\r\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 44px;\r\n        line-height: 52px;\r\n        ${(props) => {\n    if (props.children.props.cardVersion === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\r\n      }\r\n      color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.common.white;\n    }\n}};\r\n    }\r\n  }\r\n  .CardImageButtons {\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .cta-button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n    }\r\n    .cta-button button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"wSAaY,MAACA,EAAgBC,GAAW,CAACC,EAAOC,IACpCC,EAAKC,EAAqB,CAAEF,IAAKA,EAAKG,SAAUF,EAAKG,EAAwBC,OAAOC,OAAO,CAAA,EAAIP,QAKrGG,EAAsBK,EAAOC,EAAS;WAChCT,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,OAE7Bf,EAAMI,SAASJ,MAAMW,YACnBX,EAAMY,MAAMC,QAAQC,OAAOE;IAKrChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aAClB,MAAO,mBACV;;uBAGmBlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;uBAGStB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;IAGVtB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACrB,MAAO,qBACV;;yBAGqBxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;2BAGuBtB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;eAGWtB,GAC8B,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEG,aAArCf,EAAMI,SAASJ,MAAMW,YACdX,EAAMY,MAAMC,QAAQC,OAAOE,WADtC;;;;;yBAQsBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACI0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAGxEV,GACI2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}

package/organisms/maps/mapComponents/infoWindowConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"infoWindowConfig.js","sources":["../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n    `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street || ''}</p>\n<p>${city || ''}</p>\n </div>`;\nconst phoneSection = (phone) => phone\n    ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n    : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n    `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n   </div>\n   `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n    ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n  </div>`\n    : '';\nconst contentString = (params) => params\n    ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n    : '';\nconst infoWindow = (windowConfig) => {\n    return new google.maps.InfoWindow({\n        content: contentString(windowConfig),\n    });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n    if (infoWindowState) {\n        infoWindowState.close();\n    }\n    const currentInfoWindow = infoWindow({});\n    currentInfoWindow.open({\n        anchor: marker,\n        map: currentMap,\n    });\n    setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,EACHS,EAAcC,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAAShB,EAAcY"}
+{"version":3,"file":"infoWindowConfig.js","sources":["../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n    `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\r\n ${title}\r\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\r\n<p>${street || ''}</p>\r\n<p>${city || ''}</p>\r\n </div>`;\nconst phoneSection = (phone) => phone\n    ? `<div id=\"phoneNumber\">\r\n\t<a href=\"tel:${phone}\">${phone}</a>\r\n </div>`\n    : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n    `\r\n<div id=\"info-dealer-status\">\r\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\r\n   </div>\r\n   `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n    ? `<div id=\"detail-cta-container\">\r\n<span id=\"info-detail-cta\">${ctaLabel}</span>\r\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\r\n  </div>`\n    : '';\nconst contentString = (params) => params\n    ? `<div id=\"content\">\r\n\t${titleSection(params.title)}\r\n\t${streetSection(params.street, params.city)}\r\n\t${phoneSection(params.phone)}\r\n\t<div id=\"openStatus\">\r\n\t${openStatusSection(params.isOpen)}\r\n\t${distanceSection(params.distance)}\r\n\t</div>\r\n\t${ctaLabelSection(params.ctaLabel)}\r\n\t </div>`\n    : '';\nconst infoWindow = (windowConfig) => {\n    return new google.maps.InfoWindow({\n        content: contentString(windowConfig),\n    });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n    if (infoWindowState) {\n        infoWindowState.close();\n    }\n    const currentInfoWindow = infoWindow({});\n    currentInfoWindow.open({\n        anchor: marker,\n        map: currentMap,\n    });\n    setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,EACHS,EAAcC,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAAShB,EAAcY"}

package/organisms/notification/Notification.js

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"tslib";import{styled as e,Box as i,useTheme as r,Typography as a,Stack as n,IconButton as s,Icon as p}from"@mui/material";import"../../design/skoda/theme.js";import"react";import"@mui/material/styles";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"./NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../components/icon/icon.definitions.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as m}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../gallery/Gallery.js";import"../gallery/GalleryItem.js";import"minimatch";const l=e=>{const l=r();return t(i,{sx:{background:"grey"===e.color?l.palette.surface.primary:l.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[e.icon&&o(c,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:e.icon}),t(i,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[t(i,{display:"flex",alignItems:"center",children:[e.isNew&&o(m,{color:"neutral"}),o(i,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:o(a,{variant:"subheadline","data-testid":"Notification.headline",children:e.headline})})]}),o(i,{"data-testid":"Notification.description",children:"string"==typeof e.description?o(a,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:e.description}):e.description}),e.footer&&o(a,{variant:"disclaimer",color:l.palette.onSurface.os500,"data-testid":"Notification.footer",children:e.footer}),e.buttons&&o(n,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:e.buttons})]}),e.onDismiss&&o(s,{onClick:e.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:o(p,{fontSize:"small",className:"ballotx close"})})]})},c=e(i)((({theme:t})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:t.palette.onSurface.os200,flexShrink:0})));export{l as Notification};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"tslib";import{styled as e,Box as i,useTheme as r,Typography as a,Stack as n,IconButton as s,Icon as p}from"@mui/material";import"../../design/skoda/theme.js";import"react";import"@mui/material/styles";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"./NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../components/icon/icon.definitions.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as m}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../gallery/Gallery.js";import"../gallery/GalleryItem.js";import"minimatch";const l=e=>{const l=r();return t(i,{sx:{background:"grey"===e.color?l.palette.surface.primary:l.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[e.icon&&o(c,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:e.icon}),t(i,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[t(i,{display:"flex",alignItems:"center",children:[e.isNew&&o(m,{color:"neutral"}),o(i,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:o(a,{variant:"subheadline","data-testid":"Notification.headline",children:e.headline})})]}),o(i,{"data-testid":"Notification.description",children:"string"==typeof e.description?o(a,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:e.description}):e.description}),e.footer&&o(a,{variant:"disclaimer",color:l.palette.onSurface.os500,"data-testid":"Notification.footer",children:e.footer}),e.buttons&&o(n,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:e.buttons})]}),e.onDismiss&&o(s,{onClick:e.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:o(p,{fontSize:"small",className:"ballotx close"})})]})},c=e(i)((({theme:t})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:t.palette.onSurface.os200,flexShrink:0})));export{l as Notification};
 //# sourceMappingURL=Notification.js.map