@skodaflow/web-library 5.0.0 → 7.0.0

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

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

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

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

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

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

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { EmblaOptionsType } from 'embla-carousel-react';
 import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
 import { ResponsiveType } from '../../utils/ResponsiveType';
+import { IconNameProp } from '@/src/components';
 export type Carousel2Props = {
     /**
      * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.
@@ -98,11 +99,11 @@ export type Carousel2Props = {
         /**
          * previous control icon.
          */
-        prevIcon?: string;
+        prevIcon?: IconNameProp;
         /**
          * next control icon.
          */
-        nextIcon?: string;
+        nextIcon?: IconNameProp;
         /**
          * Definition of height or clickable area for buttons next and prev. value should be in "px" or "%".
          */

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","sources":["../../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nimport noop from 'lodash/noop';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n    var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n    const handleScroll = useNavCallback(emblaApi, direction, type);\n    const [disabled, setDisabled] = useState(true);\n    const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n        onMouseEnter,\n        onMouseLeave,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n                setDisabled(!canScroll);\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, type, direction]);\n    return (_jsx(Box, { sx: {\n            cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n        }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n                    position: 'absolute !important',\n                    left: {\n                        sm: type === 'prev' ? '15px' : undefined,\n                        xl: type === 'prev' ? '34px' : undefined,\n                    },\n                    right: {\n                        sm: type === 'next' ? '15px' : undefined,\n                        xl: type === 'next' ? '34px' : undefined,\n                    },\n                    top: '50%',\n                    transform: 'translate(0, -50%)',\n                    '&:active': {\n                        transform: 'translate(0, -50%) scale(0.95) !important',\n                    },\n                    visibility: hover ? 'hidden' : undefined,\n                } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n    const [hover, setHover] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n        var _a;\n        if (api) {\n            const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n            const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n            const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n            if (canScroll) {\n                setHover(true);\n            }\n        }\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseEnter) !== null && _a !== void 0 ? _a : noop)();\n    }, [api, setHover, options, type, direction]);\n    const handleMouseLeave = useCallback(() => {\n        var _a;\n        setHover(false);\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseLeave) !== null && _a !== void 0 ? _a : noop)();\n    }, [options, setHover]);\n    return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n    return useCallback(() => {\n        if (type === 'prev') {\n            direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n        }\n        if (type === 'next') {\n            direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n        }\n    }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","_a","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","onMouseEnter","noop","handleMouseLeave","onMouseLeave","useNavCallback","scrollPrev","scrollNext","emblaApi","color","style","variant","rest","__rest","handleScroll","disabled","setDisabled","useEffect","onScroll","on","_jsx","jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight"],"mappings":"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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';\nimport noop from 'lodash/noop';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n    var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n    const handleScroll = useNavCallback(emblaApi, direction, type);\n    const [disabled, setDisabled] = useState(true);\n    const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n        onMouseEnter,\n        onMouseLeave,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n                setDisabled(!canScroll);\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, type, direction]);\n    return (_jsx(Box, { sx: {\n            cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n        }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n                    position: 'absolute !important',\n                    left: {\n                        sm: type === 'prev' ? '15px' : undefined,\n                        xl: type === 'prev' ? '34px' : undefined,\n                    },\n                    right: {\n                        sm: type === 'next' ? '15px' : undefined,\n                        xl: type === 'next' ? '34px' : undefined,\n                    },\n                    top: '50%',\n                    transform: 'translate(0, -50%)',\n                    '&:active': {\n                        transform: 'translate(0, -50%) scale(0.95) !important',\n                    },\n                    visibility: hover ? 'hidden' : undefined,\n                } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n    const [hover, setHover] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n        var _a;\n        if (api) {\n            const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n            const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n            const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n            if (canScroll) {\n                setHover(true);\n            }\n        }\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseEnter) !== null && _a !== void 0 ? _a : noop)();\n    }, [api, setHover, options, type, direction]);\n    const handleMouseLeave = useCallback(() => {\n        var _a;\n        setHover(false);\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseLeave) !== null && _a !== void 0 ? _a : noop)();\n    }, [options, setHover]);\n    return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n    return useCallback(() => {\n        if (type === 'prev') {\n            direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n        }\n        if (type === 'next') {\n            direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n        }\n    }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","_a","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","onMouseEnter","noop","handleMouseLeave","onMouseLeave","useNavCallback","scrollPrev","scrollNext","emblaApi","color","style","variant","rest","__rest","handleScroll","disabled","setDisabled","useEffect","onScroll","on","_jsx","jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight"],"mappings":"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"}

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

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

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

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

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

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

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

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

package/cjs/organisms/common/menuCardComponent/menuCardComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../../components/icon/icon.js"),s=require("@emotion/styled"),o=require("../../../components/cardMenu/cardMenu.js");function i(e){return e&&e.__esModule?e:{default:e}}const u=i(s).default("div")((()=>{let e={};return e=Object.assign(Object.assign({},e),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),e}));exports.default=s=>{var i=e.__rest(s,[]);const[a,c]=t.useState(!1),l=t.useRef(null),p=t.useCallback((()=>c(!0)),[]),d=t.useCallback((()=>c(!1)),[]);return r.jsxs(u,{className:"menuCardComponent",children:[r.jsx(n.Icon,{ref:l,onClick:p,className:"more-vertical"}),r.jsx(o.CardMenu,Object.assign({},i,{open:a,onClose:d,anchorRef:l}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../../components/icon/icon.js");require("../../../components/icon/icon.definitions.js");var i=require("@emotion/styled"),o=require("../../../components/cardMenu/cardMenu.js");function s(e){return e&&e.__esModule?e:{default:e}}const u=s(i).default("div")((()=>{let e={};return e=Object.assign(Object.assign({},e),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),e}));exports.default=i=>{var s=e.__rest(i,[]);const[c,a]=t.useState(!1),l=t.useRef(null),p=t.useCallback((()=>a(!0)),[]),d=t.useCallback((()=>a(!1)),[]);return r.jsxs(u,{className:"menuCardComponent",children:[r.jsx(n.Icon,{ref:l,onClick:p,name:"vertical"}),r.jsx(o.CardMenu,Object.assign({},s,{open:c,onClose:d,anchorRef:l}))]})};
 //# sourceMappingURL=menuCardComponent.js.map

package/cjs/organisms/common/menuCardComponent/menuCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuCardComponent.js","sources":["../../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { Icon } from '../../../components/icon';\nimport styled from '@emotion/styled';\nimport { CardMenu } from '../../../components/cardMenu/cardMenu';\nconst MenuCardComponent = (_a) => {\n    var props = __rest(_a, []);\n    const [isOpen, setIsOpen] = useState(false);\n    const anchorRef = useRef(null);\n    const setOpen = useCallback(() => setIsOpen(true), []);\n    const setClosed = useCallback(() => setIsOpen(false), []);\n    return (_jsxs(MenuCardStyled, { className: \"menuCardComponent\", children: [_jsx(Icon, { ref: anchorRef, onClick: setOpen, className: \"more-vertical\" }), _jsx(CardMenu, Object.assign({}, props, { open: isOpen, onClose: setClosed, anchorRef: anchorRef }))] }));\n};\nconst MenuCardStyled = styled('div')(() => {\n    let style = {};\n    style = Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 4, cursor: 'pointer', top: '24px', width: '20px', height: '30px', right: '24px', '& > .MuiIcon-root': {\n            width: '20px',\n            height: '30px',\n            fontSize: '20px',\n        }, '& > div': {\n            marginRight: '40px',\n        } });\n    return style;\n});\nexport default MenuCardComponent;\n//# sourceMappingURL=menuCardComponent.js.map"],"names":["MenuCardStyled","styled","style","Object","assign","position","zIndex","cursor","top","width","height","right","fontSize","marginRight","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","className","children","_jsx","Icon","ref","onClick","CardMenu","open","onClose"],"mappings":"iUAMK,MAQCA,OAAiBC,QAAO,MAAPA,EAAc,KACjC,IAAIC,EAAQ,CAAA,EAQZ,OAPAA,EAAQC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAQ,CAAEG,SAAU,WAAYC,OAAQ,EAAGC,OAAQ,UAAWC,IAAK,OAAQC,MAAO,OAAQC,OAAQ,OAAQC,MAAO,OAAQ,oBAAqB,CAC9KF,MAAO,OACPC,OAAQ,OACRE,SAAU,QACX,UAAW,CACVC,YAAa,UAEdX,CAAK,oBAjBWY,IACvB,IAAIC,EAAQC,EAAAA,OAAOF,EAAI,IACvB,MAAOG,EAAQC,GAAaC,EAAQA,UAAC,GAC/BC,EAAYC,SAAO,MACnBC,EAAUC,EAAAA,aAAY,IAAML,GAAU,IAAO,IAC7CM,EAAYD,EAAAA,aAAY,IAAML,GAAU,IAAQ,IACtD,OAAQO,EAAAA,KAAMzB,EAAgB,CAAE0B,UAAW,oBAAqBC,SAAU,CAACC,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,IAAKV,EAAWW,QAAST,EAASI,UAAW,kBAAoBE,EAAAA,IAAKI,EAAAA,SAAU7B,OAAOC,OAAO,CAAA,EAAIW,EAAO,CAAEkB,KAAMhB,EAAQiB,QAASV,EAAWJ,UAAWA,OAAmB"}
+{"version":3,"file":"menuCardComponent.js","sources":["../../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { Icon } from '../../../components/icon';\nimport styled from '@emotion/styled';\nimport { CardMenu } from '../../../components/cardMenu/cardMenu';\nconst MenuCardComponent = (_a) => {\n    var props = __rest(_a, []);\n    const [isOpen, setIsOpen] = useState(false);\n    const anchorRef = useRef(null);\n    const setOpen = useCallback(() => setIsOpen(true), []);\n    const setClosed = useCallback(() => setIsOpen(false), []);\n    return (_jsxs(MenuCardStyled, { className: \"menuCardComponent\", children: [_jsx(Icon, { ref: anchorRef, onClick: setOpen, name: \"vertical\" }), _jsx(CardMenu, Object.assign({}, props, { open: isOpen, onClose: setClosed, anchorRef: anchorRef }))] }));\n};\nconst MenuCardStyled = styled('div')(() => {\n    let style = {};\n    style = Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 4, cursor: 'pointer', top: '24px', width: '20px', height: '30px', right: '24px', '& > .MuiIcon-root': {\n            width: '20px',\n            height: '30px',\n            fontSize: '20px',\n        }, '& > div': {\n            marginRight: '40px',\n        } });\n    return style;\n});\nexport default MenuCardComponent;\n//# sourceMappingURL=menuCardComponent.js.map"],"names":["MenuCardStyled","styled","style","Object","assign","position","zIndex","cursor","top","width","height","right","fontSize","marginRight","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","className","children","_jsx","Icon","ref","onClick","name","CardMenu","open","onClose"],"mappings":"6XAMK,MAQCA,OAAiBC,QAAO,MAAPA,EAAc,KACjC,IAAIC,EAAQ,CAAA,EAQZ,OAPAA,EAAQC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAQ,CAAEG,SAAU,WAAYC,OAAQ,EAAGC,OAAQ,UAAWC,IAAK,OAAQC,MAAO,OAAQC,OAAQ,OAAQC,MAAO,OAAQ,oBAAqB,CAC9KF,MAAO,OACPC,OAAQ,OACRE,SAAU,QACX,UAAW,CACVC,YAAa,UAEdX,CAAK,oBAjBWY,IACvB,IAAIC,EAAQC,EAAAA,OAAOF,EAAI,IACvB,MAAOG,EAAQC,GAAaC,EAAQA,UAAC,GAC/BC,EAAYC,SAAO,MACnBC,EAAUC,EAAAA,aAAY,IAAML,GAAU,IAAO,IAC7CM,EAAYD,EAAAA,aAAY,IAAML,GAAU,IAAQ,IACtD,OAAQO,EAAAA,KAAMzB,EAAgB,CAAE0B,UAAW,oBAAqBC,SAAU,CAACC,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,IAAKV,EAAWW,QAAST,EAASU,KAAM,aAAeJ,EAAAA,IAAKK,EAAAA,SAAU9B,OAAOC,OAAO,CAAA,EAAIW,EAAO,CAAEmB,KAAMjB,EAAQkB,QAASX,EAAWJ,UAAWA,OAAmB"}

package/cjs/organisms/gallery/Gallery.js

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

package/cjs/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, { className: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { className: \"ballotx\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { className: \"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":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","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","jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","jsx","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","className"],"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 '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":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","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","jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","jsx","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"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"}

package/cjs/organisms/gallery/GalleryTrigger.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material");require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("tslib"),require("@mui/x-date-pickers/internals"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./Gallery.js"),require("./GalleryItem.js"),require("minimatch"),require("../../design/skoda/components/form/slider.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/stepper/stepIcon/errorStepIcon.js"),require("../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("react-use"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../notification/NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button/Button.js");const s={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"}};exports.GalleryHighlightSx=s,exports.GalleryTrigger=t=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:s,children:e.jsx(r.Box,{component:o.Icon,className:"search-plus"})}),t.children]});
+"use strict";var e=require("react/jsx-runtime");require("tslib");var r=require("@mui/material");require("../../design/skoda/theme.js"),require("react"),require("@mui/material/styles"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./Gallery.js"),require("./GalleryItem.js"),require("minimatch"),require("../../utils/enum.js"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("@mui/system"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../notification/NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("react-use"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js");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"}};exports.GalleryHighlightSx=i,exports.GalleryTrigger=t=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:i,children:e.jsx(r.Box,{component:o.Icon,name:"search-plus"})}),t.children]});
 //# sourceMappingURL=GalleryTrigger.js.map

package/cjs/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(Box, { component: Icon, className: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","className"],"mappings":"kqLAGY,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,8DAGgBC,GACnBC,EAAAA,KAAMC,EAAAA,IAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBQ,SAAU,CAACC,EAAAA,IAAKJ,EAAGA,IAAE,CAAEC,UAAW,OAAQC,GAAIb,EAAoBc,SAAUC,EAAIC,IAACL,EAAGA,IAAE,CAAEC,UAAWK,EAAIA,KAAEC,UAAW,kBAAqBT,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(Box, { component: Icon, name: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","name"],"mappings":"82IAGY,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,8DAGgBC,GACnBC,EAAAA,KAAMC,EAAAA,IAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBQ,SAAU,CAACC,EAAAA,IAAKJ,EAAGA,IAAE,CAAEC,UAAW,OAAQC,GAAIb,EAAoBc,SAAUC,EAAIC,IAACL,EAAGA,IAAE,CAAEC,UAAWK,EAAIA,KAAEC,KAAM,kBAAqBT,EAAMK"}

package/cjs/organisms/heroImageCard/videoCardController.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../components/icon/icon.js"),i=require("@emotion/styled"),n=require("@mui/material/styles");function o(e){return e&&e.__esModule?e:{default:e}}const s=o(i).default("div")((({theme:e})=>{let t={};return t={[e.breakpoints.up("md")]:Object.assign(Object.assign({},t),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[e.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},t}));exports.default=({videoRef:i,playPauseCallback:o})=>{const[a,l]=t.useState(!1),u=t.useRef(null),p=n.useTheme(),c=t.useCallback((e=>{a?(o&&o("play",e),i.current.play()):(o&&o("pause",e),i.current.pause()),l(!a)}),[a,o,i]);return t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md&&(i.current.pause(),l(!0))}),[i,p.breakpoints.values.md]),t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md?a?(u.current.style.transitionDelay="0s",u.current.style.opacity=1):(u.current.style.transitionDelay="2s",u.current.style.opacity=0):(u.current.style.transitionDelay="0s",u.current.style.opacity=1)}),[a,p.breakpoints.values.md]),e.jsx(s,{ref:u,onClick:e=>c(e),children:e.jsx("div",{children:e.jsx(r.Icon,{className:a?"play-right":"pause"})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");var i=require("@emotion/styled"),n=require("@mui/material/styles");function o(e){return e&&e.__esModule?e:{default:e}}const s=o(i).default("div")((({theme:e})=>{let t={};return t={[e.breakpoints.up("md")]:Object.assign(Object.assign({},t),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[e.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},t}));exports.default=({videoRef:i,playPauseCallback:o})=>{const[a,u]=t.useState(!1),l=t.useRef(null),p=n.useTheme(),c=t.useCallback((e=>{a?(o&&o("play",e),i.current.play()):(o&&o("pause",e),i.current.pause()),u(!a)}),[a,o,i]);return t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md&&(i.current.pause(),u(!0))}),[i,p.breakpoints.values.md]),t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md?a?(l.current.style.transitionDelay="0s",l.current.style.opacity=1):(l.current.style.transitionDelay="2s",l.current.style.opacity=0):(l.current.style.transitionDelay="0s",l.current.style.opacity=1)}),[a,p.breakpoints.values.md]),e.jsx(s,{ref:l,onClick:e=>c(e),children:e.jsx("div",{children:e.jsx(r.Icon,{name:a?"play":"pause"})})})};
 //# sourceMappingURL=videoCardController.js.map