@skodaflow/web-library 6.0.0 → 7.0.0

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/organisms/gallery/Gallery.js

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

package/cjs/organisms/gallery/Gallery.js.map

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

package/cjs/organisms/gallery/GalleryTrigger.js

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

package/cjs/organisms/gallery/GalleryTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryTrigger.js","sources":["../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n    background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n    display: 'inline-block',\n    height: '100%',\n    '& .sa-i': {\n        position: 'absolute',\n        right: '8px',\n        top: '8px',\n        color: 'white',\n    },\n};\nexport const GalleryTrigger = (props) => {\n    return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Box, { component: Icon, className: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","className"],"mappings":"0qLAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAGgBC,GACnBC,EAAAA,KAAMC,EAAAA,IAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBQ,SAAU,CAACC,EAAAA,IAAKJ,EAAGA,IAAE,CAAEC,UAAW,OAAQC,GAAIb,EAAoBc,SAAUC,EAAIC,IAACL,EAAGA,IAAE,CAAEC,UAAWK,EAAIA,KAAEC,UAAW,kBAAqBT,EAAMK"}
+{"version":3,"file":"GalleryTrigger.js","sources":["../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n    background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n    display: 'inline-block',\n    height: '100%',\n    '& .sa-i': {\n        position: 'absolute',\n        right: '8px',\n        top: '8px',\n        color: 'white',\n    },\n};\nexport const GalleryTrigger = (props) => {\n    return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Box, { component: Icon, name: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","name"],"mappings":"82IAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAGgBC,GACnBC,EAAAA,KAAMC,EAAAA,IAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBQ,SAAU,CAACC,EAAAA,IAAKJ,EAAGA,IAAE,CAAEC,UAAW,OAAQC,GAAIb,EAAoBc,SAAUC,EAAIC,IAACL,EAAGA,IAAE,CAAEC,UAAWK,EAAIA,KAAEC,KAAM,kBAAqBT,EAAMK"}

package/cjs/organisms/maps/mapComponents/mapComponent.d.ts

@@ -15,5 +15,5 @@ interface MapProps extends google.maps.MapOptions {
     center?: any;
     zoom?: any;
 }
-declare const Map: React.FC<MapProps>;
-export default Map;
+declare const MapComponent: React.FC<MapProps>;
+export default MapComponent;

package/cjs/organisms/maps/mapComponents/mapComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapComponent.js","sources":["../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\nconst Map = (_a) => {\n    var { onClick, onDragEnd, children, style, handleCurrentMap, enableMoveSearch, setInfoWindow, currentInfoWindow, registeredMarkers = [] } = _a, options = __rest(_a, [\"onClick\", \"onDragEnd\", \"children\", \"style\", \"handleCurrentMap\", \"enableMoveSearch\", \"setInfoWindow\", \"currentInfoWindow\", \"registeredMarkers\"]);\n    const ref = useRef(null);\n    const [map, setMap] = useState();\n    const [geolocationMarker, setGeolocationMarker] = useState(null);\n    const { handleClusterRender } = useMap();\n    const [clusterSetted, setClusterSetted] = useState(false);\n    const [currentCluster, setCurrentCluster] = useState(null);\n    const [clickedCluster, setClickedCluster] = useState(false);\n    useEffect(() => {\n        if (ref.current && !map) {\n            const config = mapConfig(options);\n            const newMap = new window.google.maps.Map(ref.current, Object.assign({}, config));\n            const newMarker = new google.maps.Marker({\n                position: options.center,\n                map: map,\n                icon: null,\n            });\n            setGeolocationMarker(newMarker);\n            handleControls(newMap, newMarker);\n            setMap(newMap);\n            handleCurrentMap(newMap);\n        }\n    }, [ref, map, handleCurrentMap, options]);\n    useEffect(() => {\n        if (map && !currentInfoWindow) {\n            const infoWindowMap = infoWindow({\n                map,\n            });\n            setInfoWindow(infoWindowMap);\n        }\n    }, [map, setInfoWindow, currentInfoWindow]);\n    useEffect(() => {\n        if (map && geolocationMarker && navigator.geolocation) {\n            navigator.geolocation.getCurrentPosition(function (currentPosition) {\n                const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n                geolocationMarker.setOptions({\n                    position,\n                    icon: MapIconVariant.LIVE_POSITION_ON,\n                    map,\n                });\n                map.setCenter(position);\n            }, () => {\n                geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n            });\n        }\n    }, [map, geolocationMarker]);\n    useEffect(() => {\n        if (map && onClick) {\n            map.addListener('click', onClick);\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'click');\n            }\n        };\n    }, [map, onClick]);\n    useEffect(() => {\n        if (map && onDragEnd) {\n            enableMoveSearch\n                ? map.addListener('dragend', () => onDragEnd(map))\n                : google.maps.event.clearListeners(map, 'dragend');\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'dragend');\n            }\n        };\n    }, [map, onDragEnd, enableMoveSearch]);\n    useEffect(() => {\n        if (map) {\n            if (options.zoom) {\n                map.setZoom(options.zoom);\n            }\n            if (options.center) {\n                map.setCenter(options.center);\n            }\n        }\n    }, [map, options.zoom, options.center]);\n    useEffect(() => {\n        if (clusterSetted && currentCluster) {\n            currentCluster.clearMarkers();\n            currentCluster.addMarkers(registeredMarkers);\n        }\n    }, [currentCluster, registeredMarkers, clusterSetted]);\n    useEffect(() => {\n        let cluster = null;\n        if (map && !clusterSetted) {\n            cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n            setClusterSetted(true);\n            setCurrentCluster(cluster);\n        }\n    }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n    useEffect(() => {\n        if (clickedCluster) {\n            currentInfoWindow.close();\n            setClickedCluster(false);\n        }\n    }, [clickedCluster, currentInfoWindow]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { ref: ref, style: style }), React.Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    // set the map prop on the child component\n                    return React.cloneElement(child, { map });\n                }\n            })] }));\n};\nexport default Map;\n//# sourceMappingURL=mapComponent.js.map"],"names":["_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_Fragment","_jsx","React","default","Children","child","isValidElement","cloneElement"],"mappings":"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"}
+{"version":3,"file":"mapComponent.js","sources":["../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\nconst MapComponent = (_a) => {\n    var { onClick, onDragEnd, children, style, handleCurrentMap, enableMoveSearch, setInfoWindow, currentInfoWindow, registeredMarkers = [] } = _a, options = __rest(_a, [\"onClick\", \"onDragEnd\", \"children\", \"style\", \"handleCurrentMap\", \"enableMoveSearch\", \"setInfoWindow\", \"currentInfoWindow\", \"registeredMarkers\"]);\n    const ref = useRef(null);\n    const [map, setMap] = useState();\n    const [geolocationMarker, setGeolocationMarker] = useState(null);\n    const { handleClusterRender } = useMap();\n    const [clusterSetted, setClusterSetted] = useState(false);\n    const [currentCluster, setCurrentCluster] = useState(null);\n    const [clickedCluster, setClickedCluster] = useState(false);\n    useEffect(() => {\n        if (ref.current && !map) {\n            const config = mapConfig(options);\n            const newMap = new window.google.maps.Map(ref.current, Object.assign({}, config));\n            const newMarker = new google.maps.Marker({\n                position: options.center,\n                map: map,\n                icon: null,\n            });\n            setGeolocationMarker(newMarker);\n            handleControls(newMap, newMarker);\n            setMap(newMap);\n            handleCurrentMap(newMap);\n        }\n    }, [ref, map, handleCurrentMap, options]);\n    useEffect(() => {\n        if (map && !currentInfoWindow) {\n            const infoWindowMap = infoWindow({\n                map,\n            });\n            setInfoWindow(infoWindowMap);\n        }\n    }, [map, setInfoWindow, currentInfoWindow]);\n    useEffect(() => {\n        if (map && geolocationMarker && navigator.geolocation) {\n            navigator.geolocation.getCurrentPosition(function (currentPosition) {\n                const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n                geolocationMarker.setOptions({\n                    position,\n                    icon: MapIconVariant.LIVE_POSITION_ON,\n                    map,\n                });\n                map.setCenter(position);\n            }, () => {\n                geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n            });\n        }\n    }, [map, geolocationMarker]);\n    useEffect(() => {\n        if (map && onClick) {\n            map.addListener('click', onClick);\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'click');\n            }\n        };\n    }, [map, onClick]);\n    useEffect(() => {\n        if (map && onDragEnd) {\n            enableMoveSearch\n                ? map.addListener('dragend', () => onDragEnd(map))\n                : google.maps.event.clearListeners(map, 'dragend');\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'dragend');\n            }\n        };\n    }, [map, onDragEnd, enableMoveSearch]);\n    useEffect(() => {\n        if (map) {\n            if (options.zoom) {\n                map.setZoom(options.zoom);\n            }\n            if (options.center) {\n                map.setCenter(options.center);\n            }\n        }\n    }, [map, options.zoom, options.center]);\n    useEffect(() => {\n        if (clusterSetted && currentCluster) {\n            currentCluster.clearMarkers();\n            currentCluster.addMarkers(registeredMarkers);\n        }\n    }, [currentCluster, registeredMarkers, clusterSetted]);\n    useEffect(() => {\n        let cluster = null;\n        if (map && !clusterSetted) {\n            cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n            setClusterSetted(true);\n            setCurrentCluster(cluster);\n        }\n    }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n    useEffect(() => {\n        if (clickedCluster) {\n            currentInfoWindow.close();\n            setClickedCluster(false);\n        }\n    }, [clickedCluster, currentInfoWindow]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { ref: ref, style: style }), React.Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    // set the map prop on the child component\n                    return React.cloneElement(child, { map });\n                }\n            })] }));\n};\nexport default MapComponent;\n//# sourceMappingURL=mapComponent.js.map"],"names":["_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_Fragment","_jsx","React","default","Children","child","isValidElement","cloneElement"],"mappings":"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"}

package/cjs/organisms/maps/mapComponents/mapStyled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../../design/skoda/palette.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default("div")((()=>{let e={};return e={width:"inherit",height:"100%","& .gm-style-iw.gm-style-iw-c":{minWidth:"335px",width:"335px",minHeight:"248px",padding:"24px 14px 24px 24px !important","&::after":{display:"none"},"& button.gm-ui-hover-effect":{display:"none !important"},"& #content":{"& h4":{fontSize:"24px",margin:0},"& > #streetInfo":{marginTop:"10px"},"& > #phoneNumber":{marginTop:"10px","& > a":{color:t.flowColors.info.main,fontSize:"16px",fontWeight:"400"}},"& > #openStatus":{display:"flex",marginTop:"10px",flexDirection:"row",fontSize:"16px",fontWeight:"400","& > #info-dealer-status":{width:"100%","& > #info-dealer-closed":{color:t.flowColors.alert.main},"& > #info-dealer-opened":{color:t.flowColors.brand.primary}}},"& > #detail-cta-container":{marginTop:"16px",cursor:"pointer",width:"110px","& > #info-detail-cta":{fontSize:"16px",fontWeight:400}},"& p":{margin:0,fontSize:"16px",lineHeight:"24px"}}}},e}));exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../../design/skoda/paletteLight.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}const n=i(e).default("div")((()=>{let e={};return e={width:"inherit",height:"100%","& .gm-style-iw.gm-style-iw-c":{minWidth:"335px",width:"335px",minHeight:"248px",padding:"24px 14px 24px 24px !important","&::after":{display:"none"},"& button.gm-ui-hover-effect":{display:"none !important"},"& #content":{"& h4":{fontSize:"24px",margin:0},"& > #streetInfo":{marginTop:"10px"},"& > #phoneNumber":{marginTop:"10px","& > a":{color:t.paletteLight.info.main,fontSize:"16px",fontWeight:"400"}},"& > #openStatus":{display:"flex",marginTop:"10px",flexDirection:"row",fontSize:"16px",fontWeight:"400","& > #info-dealer-status":{width:"100%","& > #info-dealer-closed":{color:t.paletteLight.alert.main},"& > #info-dealer-opened":{color:t.paletteLight.brand.primary}}},"& > #detail-cta-container":{marginTop:"16px",cursor:"pointer",width:"110px","& > #info-detail-cta":{fontSize:"16px",fontWeight:400}},"& p":{margin:0,fontSize:"16px",lineHeight:"24px"}}}},e}));exports.default=n;
 //# sourceMappingURL=mapStyled.js.map

package/cjs/organisms/maps/mapComponents/mapStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapStyled.js","sources":["../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')(() => {\n    let styles = {};\n    styles = {\n        width: 'inherit',\n        height: '100%',\n        '& .gm-style-iw.gm-style-iw-c': {\n            minWidth: '335px',\n            width: '335px',\n            minHeight: '248px',\n            padding: '24px 14px 24px 24px !important',\n            '&::after': {\n                display: 'none',\n            },\n            '& button.gm-ui-hover-effect': {\n                display: 'none !important',\n            },\n            '& #content': {\n                '& h4': {\n                    fontSize: '24px',\n                    margin: 0,\n                },\n                '& > #streetInfo': {\n                    marginTop: '10px',\n                },\n                '& > #phoneNumber': {\n                    marginTop: '10px',\n                    '& > a': {\n                        color: flowColors.info['main'],\n                        fontSize: '16px',\n                        fontWeight: '400',\n                    },\n                },\n                '& > #openStatus': {\n                    display: 'flex',\n                    marginTop: '10px',\n                    flexDirection: 'row',\n                    fontSize: '16px',\n                    fontWeight: '400',\n                    '& > #info-dealer-status': {\n                        width: '100%',\n                        '& > #info-dealer-closed': {\n                            color: flowColors.alert['main'],\n                        },\n                        '& > #info-dealer-opened': {\n                            color: flowColors.brand.primary,\n                        },\n                    },\n                },\n                '& > #detail-cta-container': {\n                    marginTop: '16px',\n                    cursor: 'pointer',\n                    width: '110px',\n                    '& > #info-detail-cta': {\n                        fontSize: '16px',\n                        fontWeight: 400,\n                    },\n                },\n                '& p': {\n                    margin: 0,\n                    fontSize: '16px',\n                    lineHeight: '24px',\n                },\n            },\n        },\n    };\n    return styles;\n});\nexport default MapStyled;\n//# sourceMappingURL=mapStyled.js.map"],"names":["MapStyled","styled","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"4MAKK,MAACA,OAAYC,QAAO,MAAPA,EAAc,KAC5B,IAAIC,EAAS,CAAA,EAgEb,OA/DAA,EAAS,CACLC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC5BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACRC,QAAS,QAEb,8BAA+B,CAC3BA,QAAS,mBAEb,aAAc,CACV,OAAQ,CACJC,SAAU,OACVC,OAAQ,GAEZ,kBAAmB,CACfC,UAAW,QAEf,mBAAoB,CAChBA,UAAW,OACX,QAAS,CACLC,MAAOC,EAAAA,WAAWC,KAAW,KAC7BL,SAAU,OACVM,WAAY,QAGpB,kBAAmB,CACfP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACvBZ,MAAO,OACP,0BAA2B,CACvBS,MAAOC,EAAAA,WAAWI,MAAY,MAElC,0BAA2B,CACvBL,MAAOC,EAAAA,WAAWK,MAAMC,WAIpC,4BAA6B,CACzBR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACpBM,SAAU,OACVM,WAAY,MAGpB,MAAO,CACHL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAKrBnB,CAAM"}
+{"version":3,"file":"mapStyled.js","sources":["../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { paletteLight as flowColors } from '../../../design/skoda/paletteLight.theme';\n/**\n * @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')(() => {\n    let styles = {};\n    styles = {\n        width: 'inherit',\n        height: '100%',\n        '& .gm-style-iw.gm-style-iw-c': {\n            minWidth: '335px',\n            width: '335px',\n            minHeight: '248px',\n            padding: '24px 14px 24px 24px !important',\n            '&::after': {\n                display: 'none',\n            },\n            '& button.gm-ui-hover-effect': {\n                display: 'none !important',\n            },\n            '& #content': {\n                '& h4': {\n                    fontSize: '24px',\n                    margin: 0,\n                },\n                '& > #streetInfo': {\n                    marginTop: '10px',\n                },\n                '& > #phoneNumber': {\n                    marginTop: '10px',\n                    '& > a': {\n                        color: flowColors.info['main'],\n                        fontSize: '16px',\n                        fontWeight: '400',\n                    },\n                },\n                '& > #openStatus': {\n                    display: 'flex',\n                    marginTop: '10px',\n                    flexDirection: 'row',\n                    fontSize: '16px',\n                    fontWeight: '400',\n                    '& > #info-dealer-status': {\n                        width: '100%',\n                        '& > #info-dealer-closed': {\n                            color: flowColors.alert['main'],\n                        },\n                        '& > #info-dealer-opened': {\n                            color: flowColors.brand.primary,\n                        },\n                    },\n                },\n                '& > #detail-cta-container': {\n                    marginTop: '16px',\n                    cursor: 'pointer',\n                    width: '110px',\n                    '& > #info-detail-cta': {\n                        fontSize: '16px',\n                        fontWeight: 400,\n                    },\n                },\n                '& p': {\n                    margin: 0,\n                    fontSize: '16px',\n                    lineHeight: '24px',\n                },\n            },\n        },\n    };\n    return styles;\n});\nexport default MapStyled;\n//# sourceMappingURL=mapStyled.js.map"],"names":["MapStyled","styled","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"iNAKK,MAACA,OAAYC,QAAO,MAAPA,EAAc,KAC5B,IAAIC,EAAS,CAAA,EAgEb,OA/DAA,EAAS,CACLC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC5BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACRC,QAAS,QAEb,8BAA+B,CAC3BA,QAAS,mBAEb,aAAc,CACV,OAAQ,CACJC,SAAU,OACVC,OAAQ,GAEZ,kBAAmB,CACfC,UAAW,QAEf,mBAAoB,CAChBA,UAAW,OACX,QAAS,CACLC,MAAOC,EAAAA,aAAWC,KAAW,KAC7BL,SAAU,OACVM,WAAY,QAGpB,kBAAmB,CACfP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACvBZ,MAAO,OACP,0BAA2B,CACvBS,MAAOC,EAAAA,aAAWI,MAAY,MAElC,0BAA2B,CACvBL,MAAOC,EAAAA,aAAWK,MAAMC,WAIpC,4BAA6B,CACzBR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACpBM,SAAU,OACVM,WAAY,MAGpB,MAAO,CACHL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAKrBnB,CAAM"}

package/cjs/organisms/notification/Notification.js

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

package/cjs/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":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","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"],"mappings":"moLAGY,MA0CNA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACxCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlDaC,IACzB,MAAMZ,EAAQa,EAAAA,WACd,OAAQC,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CACjBT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACb,EAAMc,MAASC,EAAIC,IAAC/B,EAAS,CAAEmB,GAAI,CACpEf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cAAe,oBAAqBR,SAAUb,EAAMc,OAAUZ,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CAC9EX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAChBG,SAAU,CAACX,EAAKC,KAAChB,MAAK,CAAEE,QAAS,OAAQE,WAAY,SAAUsB,SAAU,CAACb,EAAMuB,OAASR,EAAAA,IAAKS,EAASA,UAAE,CAAEnB,MAAO,YAAcU,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CAC/HqB,WAAY,SACZN,SAAU,SACVO,aAAc,YACfb,SAAUE,EAAIC,IAACW,aAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBf,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACW,EAAUA,WAAE,CAAEvB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcf,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACW,aAAY,CAAEC,QAAS,aAAcvB,MAAOjB,EAAMQ,QAAQC,UAAUuC,MAAO,cAAe,sBAAuBvB,SAAUb,EAAMmC,SAAYnC,EAAMqC,SAAYtB,EAAAA,IAAKuB,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB3B,SAAUb,EAAMqC,aAAiBrC,EAAMyC,WAAc1B,EAAAA,IAAK2B,EAAAA,WAAY,CAAEC,QAAS3C,EAAMyC,UAAWG,KAAM,QAASxC,GAAI,CACzdQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACLpD,OAAQ,SAEb,cAAe,uBAAwBmB,SAAUE,EAAIC,IAAC+B,EAAIA,KAAE,CAAEC,SAAU,QAASC,UAAW,sBAA4B"}
+{"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":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","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"],"mappings":"u0IAGY,MA0CNA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACxCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlDaC,IACzB,MAAMZ,EAAQa,EAAAA,WACd,OAAQC,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CACjBT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACb,EAAMc,MAASC,EAAIC,IAAC/B,EAAS,CAAEmB,GAAI,CACpEf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cAAe,oBAAqBR,SAAUb,EAAMc,OAAUZ,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CAC9EX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAChBG,SAAU,CAACX,EAAKC,KAAChB,MAAK,CAAEE,QAAS,OAAQE,WAAY,SAAUsB,SAAU,CAACb,EAAMuB,OAASR,EAAAA,IAAKS,EAASA,UAAE,CAAEnB,MAAO,YAAcU,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CAC/HqB,WAAY,SACZN,SAAU,SACVO,aAAc,YACfb,SAAUE,EAAIC,IAACW,aAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBf,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACW,EAAUA,WAAE,CAAEvB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcf,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACW,aAAY,CAAEC,QAAS,aAAcvB,MAAOjB,EAAMQ,QAAQC,UAAUuC,MAAO,cAAe,sBAAuBvB,SAAUb,EAAMmC,SAAYnC,EAAMqC,SAAYtB,EAAAA,IAAKuB,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB3B,SAAUb,EAAMqC,aAAiBrC,EAAMyC,WAAc1B,EAAAA,IAAK2B,EAAAA,WAAY,CAAEC,QAAS3C,EAAMyC,UAAWG,KAAM,QAASxC,GAAI,CACzdQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACLpD,OAAQ,SAEb,cAAe,uBAAwBmB,SAAUE,EAAIC,IAAC+B,EAAIA,KAAE,CAAEC,SAAU,QAASC,UAAW,sBAA4B"}