@skodaflow/web-library 7.0.0 → 7.0.1

package/organisms/carousel2/components/NavButton.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\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":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","noop","scrollPrev","scrollNext"],"mappings":"u3IAMA,MAEaA,EAAaC,IACtB,IAAIC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,QAAEA,EAAOC,aAAEA,EAAYC,aAAEA,EAAYC,UAAEA,GAAcR,EAAIS,EAAOC,EAAOV,EAAI,CAAC,WAAY,OAAQ,QAAS,QAAS,UAAW,eAAgB,eAAgB,cAC/L,MAAMW,EAAeC,EAAeX,EAAUO,EAAWN,IAClDW,EAAUC,GAAeC,GAAS,IACnCC,MAAEA,EAAKC,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAkBlB,EAAUC,EAAMM,EAAW,CAC/FF,eACAC,iBAcJ,OAZAa,GAAU,KACN,GAAInB,EAAU,CACV,MAAMoB,EAAW,KACb,MAAMC,EAAwB,SAATpB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBACrEC,EAAwB,SAATvB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAE3EV,IADgC,QAAdN,EAAsBiB,EAAeH,GAChC,EAE3BrB,EAASyB,GAAG,SAAUL,GACtBA,GACH,IACF,CAACpB,EAAUC,EAAMM,IACZmB,EAAKC,EAAK,CAAEC,GAAI,CAChBC,OAAQd,EAAQ,OAAgB,SAATd,EAvBhB,ybACA,idAsB2E6B,GACnF,cAAe,eAAgBC,SAAUL,EAAKC,EAAKK,OAAOC,OAAO,CAAA,EAAIzB,EAAM,CAAEoB,GAAII,OAAOC,OAAO,CAAEC,SAAU,WAAYC,IAAK,MAAOC,OAAQ,MAAOC,MAAO,MAAOC,SAAU,OAAQC,KAAe,SAATtC,EAAkB,WAAQ6B,EAAWU,MAAgB,SAATvC,EAAkB,WAAQ6B,EAAWW,OAAQ,CACxQP,SAAU,sBACVK,KAAM,CACFG,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEnCU,MAAO,CACHE,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEnCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACRA,UAAW,6CAEfC,WAAY9B,EAAQ,cAAWe,IAC9BtB,EAAKoB,IAAKvB,aAAcW,EAAkBV,aAAcW,EAAkBc,SAAUL,EAAKoB,EAAY,CAAEC,YAAsB,SAAT9C,EAAkB,aAAe,cAAe+C,gBAAiB9C,QAAqCA,EAAQ,QAAS+C,UAAW9C,QAAqCA,EAAQ,UAAW+C,eAAgB9C,QAAyCA,EAAU,WAAY+C,gBAAiBzC,EAAc0C,WAAYxC,EAAUyC,aAAc,aAAkB,EAEjenC,EAAoB,CAACoC,EAAKrD,EAAMM,EAAWgD,KAC7C,MAAOxC,EAAOyC,GAAY1C,GAAS,GAkBnC,MAAO,CAAEC,QAAOC,iBAjBSyC,GAAY,KACjC,IAAI1D,EACJ,GAAIuD,EAAK,CACL,MAAMjC,EAAwB,SAATpB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,gBAC3DC,EAAwB,SAATvB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,iBACjC,QAAdhB,EAAsBiB,EAAeH,IAEnDmC,GAAS,EAEhB,EACkF,QAAjFzD,EAAKwD,aAAyC,EAASA,EAAQlD,oBAAiC,IAAPN,EAAgBA,EAAK2D,IAAO,GACxH,CAACJ,EAAKE,EAAUD,EAAStD,EAAMM,IAMAU,iBALTwC,GAAY,KACjC,IAAI1D,EACJyD,GAAS,IAC0E,QAAjFzD,EAAKwD,aAAyC,EAASA,EAAQjD,oBAAiC,IAAPP,EAAgBA,EAAK2D,IAAO,GACxH,CAACH,EAASC,IACuC,EAElD7C,EAAiB,CAAC2C,EAAK/C,EAAWN,IAC7BwD,GAAY,KACF,SAATxD,IACc,QAAdM,EAAsB+C,EAAIK,aAAeL,EAAIM,cAEpC,SAAT3D,IACc,QAAdM,EAAsB+C,EAAIM,aAAeN,EAAIK,aAChD,GACF,CAACL,EAAK/C,EAAWN"}
+{"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n    var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n    const handleScroll = useNavCallback(emblaApi, direction, type);\n    const [disabled, setDisabled] = useState(true);\n    const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n        onMouseEnter,\n        onMouseLeave,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n                setDisabled(!canScroll);\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, type, direction]);\n    return (_jsx(Box, { sx: {\n            cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n        }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n                    position: 'absolute !important',\n                    left: {\n                        sm: type === 'prev' ? '15px' : undefined,\n                        xl: type === 'prev' ? '34px' : undefined,\n                    },\n                    right: {\n                        sm: type === 'next' ? '15px' : undefined,\n                        xl: type === 'next' ? '34px' : undefined,\n                    },\n                    top: '50%',\n                    transform: 'translate(0, -50%)',\n                    '&:active': {\n                        transform: 'translate(0, -50%) scale(0.95) !important',\n                    },\n                    visibility: hover ? 'hidden' : undefined,\n                } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n    const [hover, setHover] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n        var _a;\n        if (api) {\n            const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n            const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n            const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n            if (canScroll) {\n                setHover(true);\n            }\n        }\n        (_a = options === null || options === void 0 ? void 0 : options.onMouseEnter) === null || _a === void 0 ? void 0 : _a.call(options);\n    }, [api, setHover, options, type, direction]);\n    const handleMouseLeave = useCallback(() => {\n        var _a;\n        setHover(false);\n        (_a = options === null || options === void 0 ? void 0 : options.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(options);\n    }, [options, setHover]);\n    return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n    return useCallback(() => {\n        if (type === 'prev') {\n            direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n        }\n        if (type === 'next') {\n            direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n        }\n    }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","call","scrollPrev","scrollNext"],"mappings":"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"}

package/organisms/carousel2/galleryCarousel/galleryCarousel.js

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

package/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};\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","GalleryCarousel","inProps","galleryProps","merge","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","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"gyBAcY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,mBAKDC,EAAmBC,IAC5B,MAAMC,EAAeC,EAAM,CAAE,EAAEb,EAAqBW,GAC9CG,EAAQC,EAAgBH,IACvBI,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,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,EAAUX,EAAyB,CAACA,IACpCW,GAAU,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,EAAKC,EAAwB,CAAEC,SAAUF,EAAKG,EAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKxC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASsC,qBAAsBN,SAAUO,EAAMN,EAAK,CAAEC,GAAI,CAAEM,SAAU,WAAYvD,SAAQwD,UAAWxD,GAAU+C,SAAU,CAACO,EAAMG,EAAU,CAAE3C,SAAUA,EAAUiC,SAAU,CAACF,EAAKa,EAAgB,CAAEC,KAAM1C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBqD,EAAMM,EAAW,CAAEb,SAAU,CAACF,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc5C,EAAiB6C,aAAc5C,IAAcyB,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc7C,EAAiB8C,aAAc5C,UAAuByB,EAAKoB,EAAW,CAAEhB,GAAI,CACjzBiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUoD,UAAWvD,EAAMwD,mBAAoBlE,MAAOmE,EAAgBC,KAAMC,KAAMC,EAAeC,MAAOnD,UAAWV,EAAMU,kBAAwB"}
+{"version":3,"file":"galleryCarousel.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n    align: 'start',\n    height: '100%',\n    controlOptions: {\n        color: 'light',\n        buttonPosition: '30%',\n        buttonAreaHeight: '30%',\n    },\n    maxSlideWidth: '100%',\n    isSlideDifferentWidth: true,\n    cssClass: 'gallery-variant',\n};\n/**\n * @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const GalleryCarousel = (inProps) => {\n    const galleryProps = Object.assign(Object.assign({}, GalleryDefaultProps), inProps);\n    const props = useDefaultProps(galleryProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    const height = useResponsiveProp(props.height);\n    const [numberingTopPos, setNumberingTopPos] = useState();\n    const updateNumberingPosition = useCallback(() => {\n        if (emblaApi) {\n            const nodes = emblaApi.slideNodes();\n            const slideIndex = emblaApi.slidesInView().pop();\n            const slide = nodes[slideIndex];\n            if (slide) {\n                const picture = slide.getElementsByTagName('picture').item(0);\n                if (picture) {\n                    const bottom = picture.getBoundingClientRect().bottom;\n                    setNumberingTopPos(bottom - 62);\n                }\n            }\n        }\n    }, [emblaApi, setNumberingTopPos]);\n    useEffect(updateNumberingPosition, [updateNumberingPosition]);\n    useEffect(() => {\n        const e = () => updateNumberingPosition();\n        window.addEventListener('resize', e);\n        if (emblaApi) {\n            emblaApi.on('scroll', e);\n        }\n        return () => {\n            window.removeEventListener('resize', e);\n            if (emblaApi) {\n                emblaApi.off('scroll', e);\n            }\n        };\n    }, [updateNumberingPosition, emblaApi]);\n    return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n                            top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n                            bottom: numberingTopPos ? 'inherit' : '24px',\n                        }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","GalleryCarousel","inProps","galleryProps","Object","assign","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"owBAaY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,mBAKDC,EAAmBC,IAC5B,MAAMC,EAAeC,OAAOC,OAAOD,OAAOC,OAAO,GAAId,GAAsBW,GACrEI,EAAQC,EAAgBJ,IACvBK,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAClGvB,EAASwB,EAAkBX,EAAMb,SAChCyB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,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,EAAUX,EAAyB,CAACA,IACpCW,GAAU,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,EAAKC,EAAwB,CAAEC,SAAUF,EAAKG,EAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKxC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASsC,qBAAsBN,SAAUO,EAAMN,EAAK,CAAEC,GAAI,CAAEM,SAAU,WAAYxD,SAAQyD,UAAWzD,GAAUgD,SAAU,CAACO,EAAMG,EAAU,CAAE3C,SAAUA,EAAUiC,SAAU,CAACF,EAAKa,EAAgB,CAAEC,KAAM1C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMZ,gBAAmBsD,EAAMM,EAAW,CAAEb,SAAU,CAACF,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc5C,EAAiB6C,aAAc5C,IAAcyB,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc7C,EAAiB8C,aAAc5C,UAAuByB,EAAKoB,EAAW,CAAEhB,GAAI,CACjzBiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUoD,UAAWvD,EAAMwD,mBAAoBnE,MAAOoE,EAAgBC,KAAMC,KAAMC,EAAeC,MAAOnD,UAAWV,EAAMU,kBAAwB"}

package/organisms/carousel2/galleryCarousel/galleryContext.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as o,useMemo as t}from"react";import i from"lodash/noop";const h=r({headerHeight:0,footerHeight:0,setHeaderHeight:i,setFooterHeight:i,color:"dark",setColor:i}),a=({children:r})=>{const[a,d]=o(0),[s,H]=o(0),c=t((()=>({headerHeight:a,setHeaderHeight:d,footerHeight:s,setFooterHeight:H,color:"dark",setColor:i})),[a,d,s,H]);return e(h.Provider,{value:c,children:r})};export{h as GalleryContext,a as GalleryContextProvider};
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as t,useMemo as o}from"react";const i=r({headerHeight:0,footerHeight:0,setHeaderHeight:()=>{},setFooterHeight:()=>{},color:"dark",setColor:()=>{}}),h=({children:r})=>{const[h,H]=t(0),[a,d]=t(0),s=o((()=>({headerHeight:h,setHeaderHeight:H,footerHeight:a,setFooterHeight:d,color:"dark",setColor:()=>{}})),[h,H,a,d]);return e(i.Provider,{value:s,children:r})};export{i as GalleryContext,h as GalleryContextProvider};
 //# sourceMappingURL=galleryContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"galleryContext.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, createContext, useMemo } from 'react';\nimport noop from 'lodash/noop';\nexport const GalleryContext = createContext({\n    headerHeight: 0,\n    footerHeight: 0,\n    setHeaderHeight: noop,\n    setFooterHeight: noop,\n    color: 'dark',\n    setColor: noop,\n});\nexport const GalleryContextProvider = ({ children }) => {\n    const [headerHeight, setHeaderHeight] = useState(0);\n    const [footerHeight, setFooterHeight] = useState(0);\n    const ctxValue = useMemo(() => ({\n        headerHeight,\n        setHeaderHeight,\n        footerHeight,\n        setFooterHeight,\n        color: 'dark',\n        setColor: noop,\n    }), [headerHeight, setHeaderHeight, footerHeight, setFooterHeight]);\n    return _jsx(GalleryContext.Provider, { value: ctxValue, children: children });\n};\n//# sourceMappingURL=galleryContext.js.map"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","noop","setFooterHeight","color","setColor","GalleryContextProvider","children","useState","ctxValue","useMemo","_jsx","Provider","value"],"mappings":"oIAGY,MAACA,EAAiBC,EAAc,CACxCC,aAAc,EACdC,aAAc,EACdC,gBAAiBC,EACjBC,gBAAiBD,EACjBE,MAAO,OACPC,SAAUH,IAEDI,EAAyB,EAAGC,eACrC,MAAOR,EAAcE,GAAmBO,EAAS,IAC1CR,EAAcG,GAAmBK,EAAS,GAC3CC,EAAWC,GAAQ,KAAO,CAC5BX,eACAE,kBACAD,eACAG,kBACAC,MAAO,OACPC,SAAUH,KACV,CAACH,EAAcE,EAAiBD,EAAcG,IAClD,OAAOQ,EAAKd,EAAee,SAAU,CAAEC,MAAOJ,EAAUF,SAAUA,GAAW"}
+{"version":3,"file":"galleryContext.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, createContext, useMemo } from 'react';\nexport const GalleryContext = createContext({\n    headerHeight: 0,\n    footerHeight: 0,\n    setHeaderHeight: () => { },\n    setFooterHeight: () => { },\n    color: 'dark',\n    setColor: () => { },\n});\nexport const GalleryContextProvider = ({ children }) => {\n    const [headerHeight, setHeaderHeight] = useState(0);\n    const [footerHeight, setFooterHeight] = useState(0);\n    const ctxValue = useMemo(() => ({\n        headerHeight,\n        setHeaderHeight,\n        footerHeight,\n        setFooterHeight,\n        color: 'dark',\n        setColor: () => { },\n    }), [headerHeight, setHeaderHeight, footerHeight, setFooterHeight]);\n    return _jsx(GalleryContext.Provider, { value: ctxValue, children: children });\n};\n//# sourceMappingURL=galleryContext.js.map"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","setFooterHeight","color","setColor","GalleryContextProvider","children","useState","ctxValue","useMemo","_jsx","Provider","value"],"mappings":"yGAEY,MAACA,EAAiBC,EAAc,CACxCC,aAAc,EACdC,aAAc,EACdC,gBAAiB,OACjBC,gBAAiB,OACjBC,MAAO,OACPC,SAAU,SAEDC,EAAyB,EAAGC,eACrC,MAAOP,EAAcE,GAAmBM,EAAS,IAC1CP,EAAcE,GAAmBK,EAAS,GAC3CC,EAAWC,GAAQ,KAAO,CAC5BV,eACAE,kBACAD,eACAE,kBACAC,MAAO,OACPC,SAAU,UACV,CAACL,EAAcE,EAAiBD,EAAcE,IAClD,OAAOQ,EAAKb,EAAec,SAAU,CAAEC,MAAOJ,EAAUF,SAAUA,GAAW"}

package/organisms/carousel2/heroCarousel/heroCarousel.js

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

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

package/organisms/carousel2/heroCarousel/heroCarouselContext.js

@@ -1,2 +1,2 @@
-import o from"lodash/noop";import{createContext as t}from"react";const r=t({activeFooter:null,setActiveFooter:o});export{r as HeroCarouselContext};
+import{createContext as t}from"react";const o=t({activeFooter:null,setActiveFooter:()=>{}});export{o as HeroCarouselContext};
 //# sourceMappingURL=heroCarouselContext.js.map

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

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

package/organisms/gallery/Gallery.js

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

package/organisms/gallery/Gallery.js.map

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

package/organisms/gallery/GalleryTrigger.js

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

package/organisms/gallery/GalleryTrigger.js.map

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

package/organisms/notification/Notification.js

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

package/organisms/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n    const theme = useTheme();\n    return (_jsxs(Box, { sx: {\n            background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n            padding: '24px 32px',\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '24px',\n            alignItems: 'center',\n            position: 'relative',\n        }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n                    display: { sm: 'flex', xs: 'none' },\n                    overflow: 'hidden',\n                    img: { width: '100%', height: '100%', objectFit: 'cover' },\n                }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n                    width: '100%',\n                    maxWidth: '100%',\n                    overflow: 'hidden',\n                    display: 'flex',\n                    gap: '8px',\n                    flexDirection: 'column',\n                }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { color: \"neutral\" }), _jsx(Box, { sx: {\n                                    whiteSpace: 'nowrap',\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n                                lineHeight: '16px',\n                                maxHeight: '32px',\n                                overflow: 'hidden',\n                                textOverflow: 'ellipsis',\n                                display: '-webkit-box',\n                                WebkitLineClamp: '2',\n                                WebkitBoxOrient: 'vertical',\n                            }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n                    position: 'absolute',\n                    right: '8px',\n                    top: '8px',\n                    '.sa-i': {\n                        height: '28px',\n                    },\n                }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx close\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: '50%',\n    width: '56px',\n    height: '56px',\n    background: theme.palette.onSurface.os200,\n    flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"opIAGY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEzB,MAAO,YAAcc,EAAKjB,EAAK,CAAEC,GAAI,CAC/H4B,WAAY,SACZR,SAAU,SACVS,aAAc,YACff,SAAUE,EAAKc,EAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBjB,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKc,EAAY,CAAE9B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVS,aAAc,WACdpB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcjB,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKc,EAAY,CAAEC,QAAS,aAAc7B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,sBAA4B,EAErInC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}
+{"version":3,"file":"Notification.js","sources":["../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n    const theme = useTheme();\n    return (_jsxs(Box, { sx: {\n            background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n            padding: '24px 32px',\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '24px',\n            alignItems: 'center',\n            position: 'relative',\n        }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n                    display: { sm: 'flex', xs: 'none' },\n                    overflow: 'hidden',\n                    img: { width: '100%', height: '100%', objectFit: 'cover' },\n                }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n                    width: '100%',\n                    maxWidth: '100%',\n                    overflow: 'hidden',\n                    display: 'flex',\n                    gap: '8px',\n                    flexDirection: 'column',\n                }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { color: \"neutral\" }), _jsx(Box, { sx: {\n                                    whiteSpace: 'nowrap',\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n                                lineHeight: '16px',\n                                maxHeight: '32px',\n                                overflow: 'hidden',\n                                textOverflow: 'ellipsis',\n                                display: '-webkit-box',\n                                WebkitLineClamp: '2',\n                                WebkitBoxOrient: 'vertical',\n                            }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n                    position: 'absolute',\n                    right: '8px',\n                    top: '8px',\n                    '.sa-i': {\n                        height: '28px',\n                    },\n                }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx close\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: '50%',\n    width: '56px',\n    height: '56px',\n    background: theme.palette.onSurface.os200,\n    flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"qkIAGY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEzB,MAAO,YAAcc,EAAKjB,EAAK,CAAEC,GAAI,CAC/H4B,WAAY,SACZR,SAAU,SACVS,aAAc,YACff,SAAUE,EAAKc,EAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBjB,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKc,EAAY,CAAE9B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVS,aAAc,WACdpB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcjB,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKc,EAAY,CAAEC,QAAS,aAAc7B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,sBAA4B,EAErInC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}

package/package.json

@@ -1 +1 @@
-{"name":"@skodaflow/web-library","version":"7.0.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SEE LICENSE IN eula.txt","peerDependencies":{"@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"dependencies":{"@googlemaps/markerclusterer":"1.0.27","@googlemaps/react-wrapper":"1.1.35","@mui/x-date-pickers":"6.11.0","@skodaflow/web-tokens":"2.4.1","country-flag-icons":"1.5.9","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","lodash":"4.17.21","minimatch":"9.0.3","react-keyed-flatten-children":"2.2.1","react-use":"17.4.0","use-keyboard-shortcut":"1.1.6"},"sideEffects":false,"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}
+{"name":"@skodaflow/web-library","version":"7.0.1","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SEE LICENSE IN eula.txt","peerDependencies":{"@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.2","@googlemaps/react-wrapper":"1.1.35","@mui/x-date-pickers":"6.18.4","@skodaflow/web-tokens":"2.4.2","country-flag-icons":"1.5.9","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","minimatch":"9.0.3","react-keyed-flatten-children":"2.2.1","react-use":"17.4.0","use-keyboard-shortcut":"1.1.6"},"sideEffects":false,"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}

package/utils/copyToClipboard/copyToClipboard.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copy provided value to the clipboard (ctrl + c)
+ *
+ * @param {string} text - value to copy
+ */
+export default function copyToClipboard(text: string): Promise<unknown>;

package/utils/useDebounce/useDebounce.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Returns value after a specified time period has passed without any further changes
+ *
+ * @param {T} value - value to be debounced
+ * @param {number} delay - wait time before updating debounce value
+ * @param {object} options - set of options to tweak behavior
+ * @param {boolean} options.instantClear - with !value, instantly update debouncedValue
+ * @returns {T} debouncedValue
+ */
+export default function useDebounce<T>(value: T, delay: number, options?: {
+    instantClear: boolean;
+}): T;