@skodaflow/web-library 4.0.3 → 4.2.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("../../../components/banner/banner.js"),require("../../../components/cardContainer/cardContainer.js"),require("../../../components/cardMenu/cardMenu.js"),require("../../../components/checkbox/checkbox.js"),require("../../../components/chip/chipImage/chipImage.js"),require("../../../components/chip/regular/chip.js"),require("../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container");var s=require("../../../components/controls/controls.js");require("../../../components/divider/divider.js"),require("../../../components/drawer/drawer.js"),require("../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../components/icon/icon.js"),require("../../../components/indicator/indicator.js"),require("../../../components/label/label.js"),require("../../../components/labelCO2/labelCO2.js"),require("../../../components/labelFeature/labelFeature.js"),require("../../../components/labelPromotional/labelPromotional.js"),require("../../../components/labelStatus/labelStatus.js"),require("../../../components/menu/menu.js"),require("../../../components/menuItem/menuItem.js"),require("../../../components/mobileStepper/mobileStepper.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/textInput/textInput.js"),require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/agGrid/agGrid.js"),require("../../../components/avatar/Avatar.js"),require("../../../components/iconButton/index.js"),require("../../../components/helperTextContent/index.js"),require("../../../components/alert/AlertButton.js"),require("../../gallery/Gallery.js"),require("../../gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../../design/skoda/palette.theme.js"),require("../../../design/skoda/components/tabs/tabs.theme.js"),require("../../../design/skoda/components/accordion.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("../../../design/skoda/components/divider.theme.js"),require("../../../design/skoda/components/drawer.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/slider.theme.js"),require("../../../design/skoda/components/snackbar.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/cardPromoVehicle.js"),require("../../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../carousel/styledComponents/styledCarouselHorizontal.js"),require("../../carousel/styledComponents/styledCarouselVertical.js"),require("../../../utils/enum.js"),require("../../heroImageCard/heroImageCard.js"),require("../../maps/maps.js"),require("../../shortcutLink/shortcutLink.js"),require("../../textCta/textCta.js"),require("../../tile/tile.js"),require("lodash/merge");var n=require("lodash/noop");function i(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("../../../layout/Header/HeaderButton.js"),require("../../../layout/Header/HeaderNavigationItem.js"),require("../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../layout/Header/HeaderOverheadItem.js"),require("../../../layout/SideMenu/SideMenuItem.js"),require("../../../layout/Footer/FooterNavItem.js"),require("../../../production/Button.js");var a=i(n);const u=(e,r,o,s)=>{const[n,i]=t.useState(!1);return{hover:n,handleMouseEnter:t.useCallback((()=>{var t;if(e){const t="prev"===r?e.canScrollPrev():e.canScrollNext(),s="next"===r?e.canScrollPrev():e.canScrollNext();("rtl"===o?s:t)&&i(!0)}(null!==(t=null==s?void 0:s.onMouseEnter)&&void 0!==t?t:a.default)()}),[e,i,s,r,o]),handleMouseLeave:t.useCallback((()=>{var e;i(!1),(null!==(e=null==s?void 0:s.onMouseLeave)&&void 0!==e?e:a.default)()}),[s,i])}},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:i,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(i,q,a),[h,M]=t.useState(!0),{hover:v,handleMouseEnter:I,handleMouseLeave:x}=u(i,a,q,{onMouseEnter:p,onMouseLeave:j});return t.useEffect((()=>{if(i){const e=()=>{const e="prev"===a?i.canScrollPrev():i.canScrollNext(),r="next"===a?i.canScrollPrev():i.canScrollNext();M(!("rtl"===q?r:e))};i.on("scroll",e),e()}}),[i,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:I,onMouseLeave:x,children:r.jsx(s.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("../../../components/banner/banner.js"),require("../../../components/cardContainer/cardContainer.js"),require("../../../components/cardMenu/cardMenu.js"),require("../../../components/checkbox/checkbox.js"),require("../../../components/chip/chipImage/chipImage.js"),require("../../../components/chip/regular/chip.js"),require("../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container");var i=require("../../../components/controls/controls.js");require("../../../components/divider/divider.js"),require("../../../components/drawer/drawer.js"),require("../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../components/icon/icon.js"),require("../../../components/indicator/indicator.js"),require("../../../components/label/label.js"),require("../../../components/labelCO2/labelCO2.js"),require("../../../components/labelFeature/labelFeature.js"),require("../../../components/labelPromotional/labelPromotional.js"),require("../../../components/labelStatus/labelStatus.js"),require("../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("../../../components/mobileStepper/mobileStepper.js"),require("../../../components/modal/modal.js"),require("../../../components/modal/modalTitle.js"),require("../../../components/numbering/numbering.js"),require("../../../components/pagination/pagination.js"),require("../../../components/progressBar/progressBar.js"),require("../../../components/radioButton/radioButton.js"),require("../../../components/selectInput/selectInput.js"),require("../../../components/slider/slider.js"),require("../../../components/snackbar/snackbar.js"),require("../../../components/stepper/stepper.js"),require("../../../components/tab/tab.js"),require("../../../components/tab/tabs.js"),require("../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../../components/textArea/textArea.js"),require("../../../components/common/styled/textFieldStyled.js"),require("../../../components/helperTextContent/index.js");var n=require("lodash/noop");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/agGrid/agGrid.js"),require("../../../components/avatar/Avatar.js"),require("../../../components/iconButton/index.js"),require("../../../components/alert/AlertButton.js"),require("../../gallery/Gallery.js"),require("../../gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../../design/skoda/palette.theme.js"),require("../../../design/skoda/components/tabs/tabs.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("../../../design/skoda/components/divider.theme.js"),require("../../../design/skoda/components/drawer.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/slider.theme.js"),require("../../../design/skoda/components/snackbar.theme.js"),require("../../../design/skoda/components/tooltip.theme.js"),require("../../../design/skoda/components/accordion/accordionSummary.theme.js"),require("@mui/x-date-pickers/internals"),require("react-use"),require("../../cardOwnedVehicle/cardOwnedVehicle.js"),require("../../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../cardPhotoFixed/cardPhotoFixed.js"),require("../../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../common/styled/cardStandardWrapperStyled.js"),require("../../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../carousel/styledComponents/styledCarouselHorizontal.js"),require("../../carousel/styledComponents/styledCarouselVertical.js"),require("../../../utils/enum.js"),require("../../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../maps/utils/mapIcons.js"),require("../../maps/mapComponents/mapStyled.js"),require("../../shortcutLink/shortcutLink.js"),require("../../textCta/textCta.js"),require("../../tile/tile.js"),require("lodash/merge"),require("../galleryCarousel/galleryContext.js"),require("../galleryCarousel/galleryItemContext.js"),require("../heroCarousel/heroCarouselContext.js"),require("../../notification/Notification.js"),require("../../notification/NotificationCenter.js"),require("../../../layout/Header/HeaderContext.js"),require("../../../layout/Header/HeaderButton.js"),require("../../../layout/Header/HeaderNavigationHero.js"),require("../../../layout/Header/HeaderNavigationLink.js"),require("../../../layout/Header/HeaderNavigationMenu.js"),require("../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../layout/Header/HeaderOverheadItem.js"),require("../../../layout/SideMenu/SideMenuItem.js"),require("../../../layout/Footer/FooterNavItem.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../../production/Button.js"),require("minimatch");var a=s(n);const u=(e,r,o,i)=>{const[n,s]=t.useState(!1);return{hover:n,handleMouseEnter:t.useCallback((()=>{var t;if(e){const t="prev"===r?e.canScrollPrev():e.canScrollNext(),i="next"===r?e.canScrollPrev():e.canScrollNext();("rtl"===o?i:t)&&s(!0)}(null!==(t=null==i?void 0:i.onMouseEnter)&&void 0!==t?t:a.default)()}),[e,s,i,r,o]),handleMouseLeave:t.useCallback((()=>{var e;s(!1),(null!==(e=null==i?void 0:i.onMouseLeave)&&void 0!==e?e:a.default)()}),[i,s])}},l=(e,r,o)=>t.useCallback((()=>{"prev"===o&&("ltr"===r?e.scrollPrev():e.scrollNext()),"next"===o&&("ltr"===r?e.scrollNext():e.scrollPrev())}),[e,r,o]);exports.NavButton=n=>{var{emblaApi:s,type:a,color:c,style:d,variant:m,onMouseEnter:p,onMouseLeave:j,direction:q}=n,g=e.__rest(n,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const b=l(s,q,a),[h,M]=t.useState(!0),{hover:v,handleMouseEnter:y,handleMouseLeave:x}=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:x,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%"})}))})};
 //# 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":[null],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","_a","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/components/Numbering.js.map

@@ -1 +1 @@
-{"version":3,"file":"Numbering.js","sources":["../../../../../../src/organisms/carousel2/components/Numbering.tsx"],"sourcesContent":[null],"names":["_a","direction","separator","color","size","emblaApi","boxProps","__rest","total","setTotal","useState","index","setIndex","useEffect","onSlide","totalA","slideNodes","length","indexA","selectedScrollSnap","on","_jsx","Box","Object","assign","sx","position","padding","borderRadius","userSelect","transition","left","undefined","right","backgroundColor","jsx","NumberingComponent","Numbering","customSeparator","colorTheme"],"mappings":"2LAcoDA,IAAA,IAAAC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,GAAuBL,EAAVM,EAAQC,EAAAA,OAAAP,EAA1D,qDAClD,MAAOQ,EAAOC,GAAYC,EAAQA,SAAS,IACpCC,EAAOC,GAAYF,EAAQA,SAAS,GAgB3C,OAdAG,EAAAA,WAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAU,KACd,MACMC,EADQV,EAASW,aACFC,OACfC,EAASb,EAASc,qBAAuB,EAC/CV,EAASM,GACTH,EAASM,EAAO,EAElBb,EAASe,GAAG,SAAUN,GACtBA,GACD,IACA,CAACT,IAGFgB,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,GACElB,EACJ,CAAAmB,GACEF,OAAAC,OAAA,CAAAE,SAAU,WACVC,QAAS,WACTC,aAAc,MACdC,WAAY,OACZC,WAAY,UACZC,KAAoB,QAAd9B,EAAsB,YAAS+B,EACrCC,MAAqB,QAAdhC,EAAsB,YAAS+B,EACtCE,gBAA2B,SAAV/B,EAAmB,YAAc,YAClD,mBAAoB,CAClBA,MAAO,sBAET,uBAAwB,CACtBA,MAAO,sBAET,mBAAoB,CAClBA,MAAiB,SAAVA,EAAmB,UAAY,YAErCG,EAASmB,IAEF,cAAA,8BAEZJ,EAACc,IAAAC,EAAkBC,UACjB,CAAA1B,MAAOA,EACPH,MAAOA,EACP8B,gBAAiBpC,QAAAA,EAAa,IAC9BqC,WAAYpC,EACZC,KAAMA,MAGV"}
+{"version":3,"file":"Numbering.js","sources":["../../../../../src/organisms/carousel2/components/Numbering.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useEffect, useState } from 'react';\nimport { Numbering as NumberingComponent } from '../../../components/numbering';\nexport const Numbering = (_a) => {\n    var { direction, separator, color, size, emblaApi } = _a, boxProps = __rest(_a, [\"direction\", \"separator\", \"color\", \"size\", \"emblaApi\"]);\n    const [total, setTotal] = useState(0);\n    const [index, setIndex] = useState(0);\n    useEffect(() => {\n        if (emblaApi) {\n            const onSlide = () => {\n                const nodes = emblaApi.slideNodes();\n                const totalA = nodes.length;\n                const indexA = emblaApi.selectedScrollSnap() + 1;\n                setTotal(totalA);\n                setIndex(indexA);\n            };\n            emblaApi.on('scroll', onSlide);\n            onSlide();\n        }\n    }, [emblaApi]);\n    return (_jsx(Box, Object.assign({}, boxProps, { sx: Object.assign({ position: 'absolute', padding: '5px 24px', borderRadius: '4px', userSelect: 'none', transition: 'all .4s', left: direction === 'rtl' ? '24px' : undefined, right: direction === 'ltr' ? '24px' : undefined, backgroundColor: color === 'dark' ? '#F3F3F31F' : '#1617180F', '.total-container': {\n                color: '#9E9FA0 !important',\n            }, '.separator-container': {\n                color: '#9E9FA0 !important',\n            }, '.index-container': {\n                color: color === 'dark' ? '#FFFFFF' : '#161718',\n            } }, boxProps.sx), \"data-testid\": \"Carousel.numbering\", children: _jsx(NumberingComponent, { index: index, total: total, customSeparator: separator !== null && separator !== void 0 ? separator : '/', colorTheme: color, size: size }) })));\n};\n//# sourceMappingURL=Numbering.js.map"],"names":["_a","direction","separator","color","size","emblaApi","boxProps","__rest","total","setTotal","useState","index","setIndex","useEffect","onSlide","totalA","slideNodes","length","indexA","selectedScrollSnap","on","_jsx","Box","Object","assign","sx","position","padding","borderRadius","userSelect","transition","left","undefined","right","backgroundColor","children","jsx","NumberingComponent","Numbering","customSeparator","colorTheme"],"mappings":"2LAK0BA,IACtB,IAAIC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,GAAaL,EAAIM,EAAWC,EAAAA,OAAOP,EAAI,CAAC,YAAa,YAAa,QAAS,OAAQ,aAC5H,MAAOQ,EAAOC,GAAYC,EAAQA,SAAC,IAC5BC,EAAOC,GAAYF,EAAQA,SAAC,GAcnC,OAbAG,EAAAA,WAAU,KACN,GAAIR,EAAU,CACV,MAAMS,EAAU,KACZ,MACMC,EADQV,EAASW,aACFC,OACfC,EAASb,EAASc,qBAAuB,EAC/CV,EAASM,GACTH,EAASM,EAAO,EAEpBb,EAASe,GAAG,SAAUN,GACtBA,GACH,IACF,CAACT,IACIgB,EAAAA,IAAKC,EAAAA,IAAKC,OAAOC,OAAO,GAAIlB,EAAU,CAAEmB,GAAIF,OAAOC,OAAO,CAAEE,SAAU,WAAYC,QAAS,WAAYC,aAAc,MAAOC,WAAY,OAAQC,WAAY,UAAWC,KAAoB,QAAd9B,EAAsB,YAAS+B,EAAWC,MAAqB,QAAdhC,EAAsB,YAAS+B,EAAWE,gBAA2B,SAAV/B,EAAmB,YAAc,YAAa,mBAAoB,CACvVA,MAAO,sBACR,uBAAwB,CACvBA,MAAO,sBACR,mBAAoB,CACnBA,MAAiB,SAAVA,EAAmB,UAAY,YACrCG,EAASmB,IAAK,cAAe,qBAAsBU,SAAUd,EAAIe,IAACC,EAAkBC,UAAE,CAAE3B,MAAOA,EAAOH,MAAOA,EAAO+B,gBAAiBrC,QAA6CA,EAAY,IAAKsC,WAAYrC,EAAOC,KAAMA,MAAa"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollSnapDots.js","sources":["../../../../../../src/organisms/carousel2/components/ScrollSnapDots.tsx"],"sourcesContent":[null],"names":["emblaApi","scrollSnapList","setScrollSnapList","useState","currentSnapIndex","setCurrentSnapIndex","currentSnap","useMemo","_a","useEffect","console","log","internalEngine","e","on","off","selectedScrollSnap","_jsx","jsx","Box","sx","display","justifyContent","gap","marginTop","children","map","snap","width","height","borderRadius","backgroundColor"],"mappings":"qHAQ6D,EAAGA,eAC9D,MAAOC,EAAgBC,GAAqBC,EAAQA,SAAgB,KAC7DC,EAAkBC,GAAuBF,EAAQA,SAAS,GAC3DG,EAAcC,EAAOA,SAAC,KAAM,IAAAC,EAAA,OAAoC,QAApCA,EAAAP,EAAeG,UAAqB,IAAAI,EAAAA,EAAA,CAAC,GAAE,CAACP,EAAgBG,IAyB1F,OAvBAK,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZU,QAAQC,IAAIX,EAASY,kBACrB,MAAMC,EAAI,IAAMX,EAAkBF,EAASC,kBAG3C,OAFAD,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,CAE5B,IACA,CAACb,EAAUE,IAEdO,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZ,MAAMa,EAAI,IAAMR,EAAoBL,EAASgB,sBAG7C,OAFAhB,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,CAE5B,IACA,CAACb,EAAUK,IAGZY,EAAAC,IAACC,MAAG,CACFC,GAAI,CACFC,QAAS,OACTC,eAAgB,SAChBC,IAAK,MACLC,UAAW,QACZ,cACW,gBAEXC,SAAAxB,EAAeyB,KAAKC,GACnBV,EAAAC,IAACC,MAAG,CAEFC,GAAI,CACFQ,MAAO,MACPC,OAAQ,MACRC,aAAc,MACdC,gBAAiBzB,EAAcqB,EAAO,UAAY,YAL/CA,MAUX"}
+{"version":3,"file":"ScrollSnapDots.js","sources":["../../../../../src/organisms/carousel2/components/ScrollSnapDots.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useEffect, useMemo, useState } from 'react';\nexport const ScrollSnapDots = ({ emblaApi }) => {\n    const [scrollSnapList, setScrollSnapList] = useState([]);\n    const [currentSnapIndex, setCurrentSnapIndex] = useState(0);\n    const currentSnap = useMemo(() => { var _a; return (_a = scrollSnapList[currentSnapIndex]) !== null && _a !== void 0 ? _a : 0; }, [scrollSnapList, currentSnapIndex]);\n    useEffect(() => {\n        if (emblaApi) {\n            console.log(emblaApi.internalEngine());\n            const e = () => setScrollSnapList(emblaApi.scrollSnapList());\n            emblaApi.on('reInit', e);\n            e();\n            return () => {\n                emblaApi.off('reInit', e);\n            };\n        }\n    }, [emblaApi, setScrollSnapList]);\n    useEffect(() => {\n        if (emblaApi) {\n            const e = () => setCurrentSnapIndex(emblaApi.selectedScrollSnap());\n            emblaApi.on('select', e);\n            e();\n            return () => {\n                emblaApi.off('select', e);\n            };\n        }\n    }, [emblaApi, setCurrentSnapIndex]);\n    return (_jsx(Box, { sx: {\n            display: 'flex',\n            justifyContent: 'center',\n            gap: '8px',\n            marginTop: '23px',\n        }, \"data-testid\": \"Carousel.dots\", children: scrollSnapList.map((snap) => (_jsx(Box, { sx: {\n                width: '8px',\n                height: '8px',\n                borderRadius: '50%',\n                backgroundColor: currentSnap < snap ? '#D8D8D8' : '#161718',\n            } }, snap))) }));\n};\n//# sourceMappingURL=ScrollSnapDots.js.map"],"names":["emblaApi","scrollSnapList","setScrollSnapList","useState","currentSnapIndex","setCurrentSnapIndex","currentSnap","useMemo","_a","useEffect","console","log","internalEngine","e","on","off","selectedScrollSnap","_jsx","jsx","Box","sx","display","justifyContent","gap","marginTop","children","map","snap","width","height","borderRadius","backgroundColor"],"mappings":"qHAG8B,EAAGA,eAC7B,MAAOC,EAAgBC,GAAqBC,EAAQA,SAAC,KAC9CC,EAAkBC,GAAuBF,EAAQA,SAAC,GACnDG,EAAcC,EAAOA,SAAC,KAAQ,IAAIC,EAAI,OAAmD,QAA3CA,EAAKP,EAAeG,UAAsC,IAAPI,EAAgBA,EAAK,CAAC,GAAK,CAACP,EAAgBG,IAsBnJ,OArBAK,EAAAA,WAAU,KACN,GAAIT,EAAU,CACVU,QAAQC,IAAIX,EAASY,kBACrB,MAAMC,EAAI,IAAMX,EAAkBF,EAASC,kBAG3C,OAFAD,EAASc,GAAG,SAAUD,GACtBA,IACO,KACHb,EAASe,IAAI,SAAUF,EAAE,CAEhC,IACF,CAACb,EAAUE,IACdO,EAAAA,WAAU,KACN,GAAIT,EAAU,CACV,MAAMa,EAAI,IAAMR,EAAoBL,EAASgB,sBAG7C,OAFAhB,EAASc,GAAG,SAAUD,GACtBA,IACO,KACHb,EAASe,IAAI,SAAUF,EAAE,CAEhC,IACF,CAACb,EAAUK,IACNY,EAAIC,IAACC,MAAK,CAAEC,GAAI,CAChBC,QAAS,OACTC,eAAgB,SAChBC,IAAK,MACLC,UAAW,QACZ,cAAe,gBAAiBC,SAAUxB,EAAeyB,KAAKC,GAAUV,EAAIC,IAACC,MAAK,CAAEC,GAAI,CACnFQ,MAAO,MACPC,OAAQ,MACRC,aAAc,MACdC,gBAAiBzB,EAAcqB,EAAO,UAAY,YACjDA,MAAY"}

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

@@ -1 +1 @@
-{"version":3,"file":"ViewPort.js","sources":["../../../../../../src/organisms/carousel2/components/ViewPort.tsx"],"sourcesContent":[null],"names":["_a","children","emblaRef","rest","__rest","_jsx","jsx","Box","Object","assign","sx","overview","width","height","cursor","ref"],"mappings":"+GAUkDA,QAAAC,SAAEA,EAAQC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAA7B,yBAChD,OACEK,EAACC,IAAAC,EAAGA,IACEC,OAAAC,OAAA,CAAA,EAAAN,GACJO,GAAEF,OAAAC,OAAA,CACAE,SAAU,SACVC,MAAO,OACPC,OAAQ,OACRC,OAAQ,QACLX,EAAKO,IAEVK,IAAKb,EACO,cAAA,6BAEXD,IAEH"}
+{"version":3,"file":"ViewPort.js","sources":["../../../../../src/organisms/carousel2/components/ViewPort.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nexport const ViewPort = (_a) => {\n    var { children, emblaRef } = _a, rest = __rest(_a, [\"children\", \"emblaRef\"]);\n    return (_jsx(Box, Object.assign({}, rest, { sx: Object.assign({ overview: 'hidden', width: '100%', height: '100%', cursor: 'grab' }, rest.sx), ref: emblaRef, \"data-testid\": \"Carousel.viewport\", children: children })));\n};\n//# sourceMappingURL=ViewPort.js.map"],"names":["_a","children","emblaRef","rest","__rest","_jsx","jsx","Box","Object","assign","sx","overview","width","height","cursor","ref"],"mappings":"+GAGyBA,IACrB,IAAIC,SAAEA,EAAQC,SAAEA,GAAaF,EAAIG,EAAOC,EAAMA,OAACJ,EAAI,CAAC,WAAY,aAChE,OAAQK,EAAIC,IAACC,EAAGA,IAAEC,OAAOC,OAAO,CAAE,EAAEN,EAAM,CAAEO,GAAIF,OAAOC,OAAO,CAAEE,SAAU,SAAUC,MAAO,OAAQC,OAAQ,OAAQC,OAAQ,QAAUX,EAAKO,IAAKK,IAAKb,EAAU,cAAe,oBAAqBD,SAAUA,IAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryItemText.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/GalleryItemText.tsx"],"sourcesContent":[null],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","sx","letterSpacing"],"mappings":"2JAQ+D,EAAGA,eAChE,MAAMC,MAAEA,GAAUC,EAAUA,WAACC,EAAkBA,oBACzCC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,EAAAA,SAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,MAACC,EAAUA,WAAA,CACTX,MAAOQ,EACPI,GAAI,CACFC,cAAe,qBAChB,cACW,gBAAed,SAE1BA,GAEH"}
+{"version":3,"file":"GalleryItemText.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/GalleryItemText.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Typography, useMediaQuery } from '@mui/material';\nimport { useContext, useMemo } from 'react';\nimport { GalleryItemContext } from './galleryItemContext';\nexport const GalleryItemText = ({ children }) => {\n    const { color } = useContext(GalleryItemContext);\n    const smallerThanMd = useMediaQuery((theme) => theme.breakpoints.down('md'));\n    const fontColor = useMemo(() => {\n        if (smallerThanMd) {\n            return '#161718';\n        }\n        return color === 'light' ? '#fff' : '#161718';\n    }, [smallerThanMd, color]);\n    return (_jsx(Typography, { color: fontColor, sx: {\n            letterSpacing: '0.02em !important',\n        }, \"data-testid\": \"Carousel.text\", children: children }));\n};\n//# sourceMappingURL=GalleryItemText.js.map"],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","jsx","Typography","sx","letterSpacing"],"mappings":"2JAI+B,EAAGA,eAC9B,MAAMC,MAAEA,GAAUC,EAAUA,WAACC,EAAkBA,oBACzCC,EAAgBC,EAAaA,eAAEC,GAAUA,EAAMC,YAAYC,KAAK,QAChEC,EAAYC,EAAAA,SAAQ,IAClBN,EACO,UAEM,UAAVH,EAAoB,OAAS,WACrC,CAACG,EAAeH,IACnB,OAAQU,EAAIC,IAACC,EAAUA,WAAE,CAAEZ,MAAOQ,EAAWK,GAAI,CACzCC,cAAe,qBAChB,cAAe,gBAAiBf,SAAUA,GAAa"}

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

@@ -4,39 +4,48 @@ import { ResponsiveType } from '../../../utils/ResponsiveType';
 export declare const GalleryDefaultProps: Partial<Carousel2Props>;
 export type GalleryCarouselProps = {
     /**
-     * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.
+     * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.
+     * @default false
      */
     autoPlay?: boolean;
     /**
      * Delay in ms between automatic slides
+     * @default 4000
      */
     autoPlayDelay?: number;
     /**
-     * Slide speeds
+     * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.
+     * @default 10
      */
     speed?: number;
     /**
-     * Direction carousel ltr or rtl. Default ltr.
+     * Direction of content.
+     * @default ltr
      */
     direction?: 'rtl' | 'ltr';
     /**
-     * Loop, if true the loop functionality will be added to the carousel. Default is false.
+     * Enables loop functionality, which can be used to continuously loop through all slides.
+     * @default false
      */
     loop?: boolean;
     /**
-     * Label of numbering length sliders.
+     * Separator of numbering component.
+     * @default /
      */
     numberingSeparator?: string;
     /**
-     * Carousel items
+     * Carousel slides. Any ReactNode can be used here, however `GalleryCarouselItem` component is suggested.
+     * @requires
      */
     children: React.ReactNode;
     /**
-     * StartIndex slide. Default is 0.
+     * Index of Slide that is active by default.
+     * @default 0
      */
     startIndex?: number;
     /**
      * Optional height of carousel, this prop is added to height style property
+     * @default undefined
      */
     height?: ResponsiveType<string>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"galleryCarousel.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":[null],"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":"gkBAea,MAAAA,EAA+C,CAC1DC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACdC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEpBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CA6CoDC,IAC9D,MAAMC,EAAeC,EAAKC,QAAC,CAAE,EAAEb,EAAqBU,GAC9CI,EAAQC,kBAAgBJ,IAEvBK,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WAElGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAEhCwB,EAAiBC,GAAsBC,EAAQA,WAChDC,EAA0BC,EAAAA,aAAY,KAC1C,GAAIb,EAAU,CACZ,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACT,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACX,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC7B,CACF,CACF,IACA,CAACrB,EAAUU,IAgBd,OAdAa,EAAAA,UAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACR,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACFA,EAAS2B,GAAG,SAAUH,GAEjB,KACLC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACFA,EAAS6B,IAAI,SAAUL,EACxB,CACF,GACA,CAACZ,EAAyBZ,IAE3B8B,MAACC,EAAAA,uBAAsB,CAAAC,SACrBF,EAACG,IAAAC,MACC,CAAAC,GAAI,CAAEC,SAAU,UAChBC,UAAU,UAAS,cACP,kBACZC,IAAKzC,EAAMU,UACC,aAAAP,eAAAA,EAAUuC,qBAEtBP,SAAAQ,EAAAC,KAACP,MAAG,CAACC,GAAI,CAAEO,SAAU,WAAYzD,SAAQ0D,UAAW1D,GAClD+C,SAAA,CAAAQ,EAAAA,KAACI,EAAQA,SAAA,CAAC7C,SAAUA,EAClBiC,SAAA,CAAAF,EAAAA,IAACe,EAAAA,eAAc,CAACC,KAAM5C,EAAgB8B,SAAAnC,EAAMmC,WAC3CnC,EAAMX,gBACLsD,EAAAC,KAAAM,WAAA,CAAAf,SAAA,CACEF,MAACkB,EAAAA,UACC,CAAAzC,UAAWV,EAAMU,UACjBP,SAAUA,EACViD,KAAK,OACLC,aAAc9C,EACd+C,aAAc9C,IAEhByB,EAAAA,IAACkB,EAASA,UAAA,CACRzC,UAAWV,EAAMU,UACjBP,SAAUA,EACViD,KAAK,OACLC,aAAc/C,EACdgD,aAAc9C,UAMtByB,EAAAA,IAACsB,EAASA,UAAA,CACRjB,GAAI,CACFkB,IAAK5C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QAExCT,SAAUA,EACVsD,UAAWzD,EAAM0D,mBACjBpE,MAAOqE,EAAeA,gBAACC,KACvBC,KAAMC,EAAAA,eAAeC,MACrBrD,UAAWV,EAAMU,kBAKzB"}
+{"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"}

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

@@ -2,12 +2,62 @@ import React from 'react';
 import { ResponsiveType } from '../../../utils/ResponsiveType';
 type FitType = 'contain' | 'cover' | 'fill' | 'scale-down' | 'none';
 export type GalleryCarouselItemProps = {
+    /**
+     * Link to image that should be displayed. This property can be responsive.
+     * @requires
+     * @example
+     * ```tsx
+     * <GalleryCarouselItem imageSrc="../image.png"/>
+     * <GalleryCarouselItem imageSrc={{
+     *    xs: "../xs-image.png",
+     *    sm: "../sm-image.png",
+     *    md: "../md-image.png",
+     *    lg: "../lg-image.png",
+     *    xl: "../xl-image.png"
+     * }}/>
+     * ```
+     */
     imageSrc: ResponsiveType<string>;
+    /**
+     * Css `object-fit` property
+     * @default cover
+     * @example
+     * ```tsx
+     * <GalleryCarouselItem imageFit="contain"/>
+     * <GalleryCarouselItem imageFit={{
+     *    xs: "contain",
+     *    sm: "cover",
+     *    md: "fill",
+     *    lg: "contain",
+     *    xl: "cover"
+     * }}/>
+     * ```
+     */
     imageFit?: ResponsiveType<FitType>;
+    /**
+     * Alternative text of image.
+     */
     alt?: string;
+    /**
+     * Header content of an Slide. This can be any ReactNode, however `GalleryItemHeading` component is recommended.
+     */
     header?: React.ReactNode;
+    /**
+     * Footer content of an Slide. This can be any ReactNode, however `GalleryItemFooter` component is recommended.
+     */
     footer?: React.ReactNode;
+    /**
+     * Width of an slide
+     * @example
+     * ```tsx
+     * <GalleryCarouselItem width="200px"/>
+     * ```
+     */
     width?: string;
+    /**
+     * Color that `header` and `footer` should have when overlapping rendered image.
+     * @default dark
+     */
     color?: 'dark' | 'light';
 };
 export declare const GalleryCarouselItem: React.FC<GalleryCarouselItemProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"galleryCarouselItem.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarouselItem.tsx"],"sourcesContent":[null],"names":["shadowStyle","content","display","zIndex","position","left","right","height","top","background","bottom","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","pictureHeight","setPictureHeight","useState","headerRef","useRef","footerRef","containerRef","isSm","useMediaQuery","themeA","breakpoints","only","isXs","updatePictureHeight","useCallback","h","_a","current","clientHeight","_c","_b","_e","_d","useEffect","e","window","addEventListener","removeEventListener","_jsx","GalleryItemContext","Provider","value","color","jsx","Box","sx","flexBasis","width","maxWidth","children","_jsxs","ref","header","Stack","direction","spacing","sm","md","padding","component","Object","assign","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight"],"mappings":"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"}
+{"version":3,"file":"galleryCarouselItem.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryCarouselItem.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, useTheme } from '@mui/system';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryItemContext } from './galleryItemContext';\nimport { Stack, useMediaQuery } from '@mui/material';\nexport const GalleryCarouselItem = (props) => {\n    var _a, _b, _c, _d;\n    const theme = useTheme();\n    const imageSrc = useResponsiveProp(props.imageSrc);\n    const imageFit = useResponsiveProp(props.imageFit);\n    const [pictureHeight, setPictureHeight] = useState('inherit');\n    const headerRef = useRef(null);\n    const footerRef = useRef(null);\n    const containerRef = useRef(null);\n    const isSm = useMediaQuery((themeA) => themeA.breakpoints.only('sm'));\n    const isXs = useMediaQuery((themeA) => themeA.breakpoints.only('xs'));\n    const updatePictureHeight = useCallback(() => {\n        var _a, _b, _c, _d, _e;\n        if (isSm || isXs) {\n            const containerHeight = (_a = containerRef.current.clientHeight) !== null && _a !== void 0 ? _a : 0;\n            const headerHeight = (_c = (_b = headerRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight) !== null && _c !== void 0 ? _c : 0;\n            const footerHeight = (_e = (_d = footerRef.current) === null || _d === void 0 ? void 0 : _d.clientHeight) !== null && _e !== void 0 ? _e : 0;\n            const h = containerHeight - (headerHeight + footerHeight);\n            setPictureHeight(`${h < 0 ? 0 : h}px`);\n        }\n        else {\n            setPictureHeight('inherit');\n        }\n    }, [isSm, isXs, setPictureHeight]);\n    useEffect(updatePictureHeight, [updatePictureHeight]);\n    useEffect(() => {\n        const e = () => updatePictureHeight();\n        window.addEventListener('resize', e);\n        return () => window.removeEventListener('resize', e);\n    }, [updatePictureHeight]);\n    return (_jsx(GalleryItemContext.Provider, { value: { color: (_a = props.color) !== null && _a !== void 0 ? _a : 'dark' }, children: _jsx(Box, { sx: {\n                flexBasis: (_b = props.width) !== null && _b !== void 0 ? _b : '100%',\n                maxWidth: (_c = props.width) !== null && _c !== void 0 ? _c : '100%',\n            }, \"data-testid\": \"Carousel.slide\", children: _jsxs(Box, { ref: containerRef, sx: {\n                    position: 'relative',\n                    width: (_d = props.width) !== null && _d !== void 0 ? _d : '100%',\n                    height: '100%',\n                }, children: [props.header && (_jsx(Stack, { ref: headerRef, direction: \"column\", spacing: 2, sx: {\n                            position: { sm: 'static', md: 'absolute' },\n                            padding: '24px',\n                            zIndex: 2,\n                            top: 0,\n                            right: 0,\n                            left: 0,\n                        }, children: props.header })), _jsxs(Box, { component: \"picture\", sx: Object.assign({ display: 'flex', position: 'relative', height: pictureHeight }, shadowStyle), children: [_jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.xl}px)`, srcSet: imageSrc.xl }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.lg}px)`, srcSet: imageSrc.lg }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.md}px)`, srcSet: imageSrc.md }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.sm }), _jsx(\"source\", { media: `(max-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.xs }), _jsx(Box, { component: \"img\", sx: {\n                                    height: '100%',\n                                    width: '100%',\n                                    objectFit: imageFit !== null && imageFit !== void 0 ? imageFit : 'cover',\n                                }, src: imageSrc.xs, alt: props.alt })] }), props.footer && (_jsx(Stack, { ref: footerRef, direction: \"column\", spacing: 2, sx: {\n                            position: { sm: 'static', md: 'absolute' },\n                            paddingRight: { md: '150px' },\n                            padding: '24px',\n                            zIndex: 1,\n                            bottom: 0,\n                            right: 0,\n                            left: 0,\n                        }, children: props.footer }))] }) }) }));\n};\nconst shadowStyle = {\n    '&::before, &::after': {\n        content: \"''\",\n        display: 'block',\n        zIndex: 1,\n        position: 'absolute',\n        left: 0,\n        right: 0,\n        height: '30%',\n    },\n    '::before': {\n        top: '0',\n        background: 'linear-gradient(0deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)',\n    },\n    '::after': {\n        bottom: '0',\n        background: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)',\n    },\n};\n//# sourceMappingURL=galleryCarouselItem.js.map"],"names":["shadowStyle","content","display","zIndex","position","left","right","height","top","background","bottom","props","_a","_b","_c","_d","theme","useTheme","imageSrc","useResponsiveProp","imageFit","pictureHeight","setPictureHeight","useState","headerRef","useRef","footerRef","containerRef","isSm","useMediaQuery","themeA","breakpoints","only","isXs","updatePictureHeight","useCallback","_e","h","current","clientHeight","useEffect","e","window","addEventListener","removeEventListener","_jsx","jsx","GalleryItemContext","Provider","value","color","children","Box","sx","flexBasis","width","maxWidth","_jsxs","ref","header","Stack","direction","spacing","sm","md","padding","component","Object","assign","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"galleryContext.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":[null],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","noop","default","setFooterHeight","color","setColor","children","useState","ctxValue","useMemo","_jsx","jsx","Provider","value"],"mappings":"sJAoBO,MAAMA,EAAiBC,EAAAA,cAAkC,CAC9DC,aAAc,EACdC,aAAc,EACdC,gBAAiBC,EAAIC,QACrBC,gBAAiBF,EAAIC,QACrBE,MAAO,OACPC,SAAUJ,EAAIC,kEAO6D,EAAGI,eAC9E,MAAOR,EAAcE,GAAmBO,EAAQA,SAAS,IAClDR,EAAcI,GAAmBI,EAAQA,SAAS,GAEnDC,EAAWC,EAAAA,SACf,KAAO,CACLX,eACAE,kBACAD,eACAI,kBACAC,MAAO,OACPC,SAAUJ,EAAIC,WAEhB,CAACJ,EAAcE,EAAiBD,EAAcI,IAGhD,OAAOO,EAAAC,IAACf,EAAegB,SAAQ,CAACC,MAAOL,EAAQF,SAAGA,GAAmC"}
+{"version":3,"file":"galleryContext.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, createContext, useMemo } from 'react';\nimport noop from 'lodash/noop';\nexport const GalleryContext = createContext({\n    headerHeight: 0,\n    footerHeight: 0,\n    setHeaderHeight: noop,\n    setFooterHeight: noop,\n    color: 'dark',\n    setColor: noop,\n});\nexport const GalleryContextProvider = ({ children }) => {\n    const [headerHeight, setHeaderHeight] = useState(0);\n    const [footerHeight, setFooterHeight] = useState(0);\n    const ctxValue = useMemo(() => ({\n        headerHeight,\n        setHeaderHeight,\n        footerHeight,\n        setFooterHeight,\n        color: 'dark',\n        setColor: noop,\n    }), [headerHeight, setHeaderHeight, footerHeight, setFooterHeight]);\n    return _jsx(GalleryContext.Provider, { value: ctxValue, children: children });\n};\n//# sourceMappingURL=galleryContext.js.map"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","noop","default","setFooterHeight","color","setColor","children","useState","ctxValue","useMemo","_jsx","jsx","Provider","value"],"mappings":"sJAGY,MAACA,EAAiBC,EAAAA,cAAc,CACxCC,aAAc,EACdC,aAAc,EACdC,gBAAiBC,EAAIC,QACrBC,gBAAiBF,EAAIC,QACrBE,MAAO,OACPC,SAAUJ,EAAIC,kEAEoB,EAAGI,eACrC,MAAOR,EAAcE,GAAmBO,EAAQA,SAAC,IAC1CR,EAAcI,GAAmBI,EAAQA,SAAC,GAC3CC,EAAWC,EAAAA,SAAQ,KAAO,CAC5BX,eACAE,kBACAD,eACAI,kBACAC,MAAO,OACPC,SAAUJ,EAAIC,WACd,CAACJ,EAAcE,EAAiBD,EAAcI,IAClD,OAAOO,EAAIC,IAACf,EAAegB,SAAU,CAAEC,MAAOL,EAAUF,SAAUA,GAAW"}

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

@@ -1 +1 @@
-{"version":3,"file":"galleryItemContext.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryItemContext.ts"],"sourcesContent":[null],"names":["GalleryItemContext","default","createContext","color"],"mappings":"gEAMa,MAAAA,sBAA0BC,QAACC,cAAsC,CAC5EC,MAAO"}
+{"version":3,"file":"galleryItemContext.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryItemContext.ts"],"sourcesContent":["import React from 'react';\nexport const GalleryItemContext = React.createContext({\n    color: 'dark',\n});\n//# sourceMappingURL=galleryItemContext.js.map"],"names":["GalleryItemContext","default","createContext","color"],"mappings":"gEACY,MAACA,sBAA0BC,QAACC,cAAc,CAClDC,MAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"galleryItemHeading.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryItemHeading.tsx"],"sourcesContent":[null],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","variant","sx","letterSpacing"],"mappings":"8JAQqE,EAAGA,eACtE,MAAMC,MAAEA,GAAUC,EAAUA,WAACC,EAAkBA,oBACzCC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,EAAAA,SAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,EAAAA,IAACC,EAAAA,WAAU,CACTX,MAAOQ,EACPI,QAAQ,KACRC,GAAI,CACFC,cAAe,qBAChB,cACW,mBAAkBf,SAE7BA,GAEH"}
+{"version":3,"file":"galleryItemHeading.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryItemHeading.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Typography, useMediaQuery } from '@mui/material';\nimport { useContext, useMemo } from 'react';\nimport { GalleryItemContext } from './galleryItemContext';\nexport const GalleryItemHeading = ({ children }) => {\n    const { color } = useContext(GalleryItemContext);\n    const smallerThanMd = useMediaQuery((theme) => theme.breakpoints.down('md'));\n    const fontColor = useMemo(() => {\n        if (smallerThanMd) {\n            return '#161718';\n        }\n        return color === 'light' ? '#fff' : '#161718';\n    }, [smallerThanMd, color]);\n    return (_jsx(Typography, { color: fontColor, variant: \"h1\", sx: {\n            letterSpacing: '0.02em !important',\n        }, \"data-testid\": \"Carousel.heading\", children: children }));\n};\n//# sourceMappingURL=galleryItemHeading.js.map"],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","variant","sx","letterSpacing"],"mappings":"8JAIkC,EAAGA,eACjC,MAAMC,MAAEA,GAAUC,EAAUA,WAACC,EAAkBA,oBACzCC,EAAgBC,EAAaA,eAAEC,GAAUA,EAAMC,YAAYC,KAAK,QAChEC,EAAYC,EAAAA,SAAQ,IAClBN,EACO,UAEM,UAAVH,EAAoB,OAAS,WACrC,CAACG,EAAeH,IACnB,OAAQU,EAAAA,IAAKC,EAAAA,WAAY,CAAEX,MAAOQ,EAAWI,QAAS,KAAMC,GAAI,CACxDC,cAAe,qBAChB,cAAe,mBAAoBf,SAAUA,GAAa"}

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

@@ -2,10 +2,63 @@ import React from 'react';
 import { ResponsiveType } from '../../../utils/ResponsiveType';
 type FitType = 'contain' | 'cover' | 'fill' | 'scale-down' | 'none';
 export type HeroCarouselSlideProps = {
-    width?: ResponsiveType<string>;
+    /**
+     * Link to image that should be displayed. This property can be responsive.
+     * @requires
+     * @example
+     * ```tsx
+     * <HeroCarouselSlide imageSrc="../image.png"/>
+     * <HeroCarouselSlide imageSrc={{
+     *    xs: "../xs-image.png",
+     *    sm: "../sm-image.png",
+     *    md: "../md-image.png",
+     *    lg: "../lg-image.png",
+     *    xl: "../xl-image.png"
+     * }}/>
+     * ```
+     */
     imageSrc: ResponsiveType<string>;
+    /**
+     * Width of slide component. This property can be responsive
+     * @default undefined
+     * @example
+     * ```tsx
+     * <HeroCarouselSlide width="500px"/>
+     * <HeroCarouselSlide imageSrc={{
+     *    xs: "100%",
+     *    sm: "500px",
+     *    md: "700px",
+     *    lg: "50%",
+     *    xl: "33%"
+     * }}/>
+     * ```
+     */
+    width?: ResponsiveType<string>;
+    /**
+     * Css `object-fit` property
+     * @default cover
+     * @example
+     * ```tsx
+     * <HeroCarouselSlide imageFit="contain"/>
+     * <HeroCarouselSlide imageFit={{
+     *    xs: "contain",
+     *    sm: "cover",
+     *    md: "fill",
+     *    lg: "contain",
+     *    xl: "cover"
+     * }}/>
+     * ```
+     */
     imageFit?: ResponsiveType<FitType>;
+    /**
+     * Alternative text of image.
+     * @default undefined
+     */
     alt?: string;
+    /**
+     * Footer content of an Slide, it can be any ReactNode. Footer is passed via context to `HeroCarousel` component
+     * @default undefined
+     */
     footer?: React.ReactNode;
 };
 export declare const HeroCarouselSlide: React.FC<HeroCarouselSlideProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"HeroCarouselSlide.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/HeroCarouselSlide.tsx"],"sourcesContent":[null],"names":["useActivateFooter","containerRef","footer","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","useRef","current","_jsx","Box","ref","sx","flexBasis","_a","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","jsx","lg","md","sm","xs","objectFit","src","alt"],"mappings":"kLAea,MA8CPA,EAAoB,CAACC,EAA8BC,KACvD,MAAMC,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAUA,WAACC,EAAmBA,qBAE9DC,EAAiBC,EAAAA,aAAY,KACjC,GAAIL,EAAU,CACZ,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBR,IAAiBU,GACnBP,EAAgBF,EAEnB,IACA,CAACA,EAAQE,EAAiBD,IAE7BU,EAAAA,WAAU,KACR,GAAIV,EAAU,CACZ,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACLX,EAASa,IAAI,SAAUF,EAAE,CAE5B,IACA,GAAGX,IAENU,EAAAA,UAAUN,EAAgB,CAACJ,GAAU,4BAtE6Bc,UAClE,MAAMC,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBJ,EAAMG,UACnCE,EAAWD,EAAAA,kBAAkBJ,EAAMK,UAEnCrB,EAAesB,SAAO,MAG5B,OAFAvB,EAAkBC,EAAauB,QAASP,EAAMf,QAG5CuB,MAACC,EAAGA,IAAA,CACFC,IAAK1B,EACL2B,GAAI,CACF,KAAM,CACJC,kBAAWC,EAAAb,EAAMc,qBAAS,SAGlB,cAAA,iBAEZC,SAAAC,EAAAA,KAACP,EAAAA,IAAG,CACFQ,UAAU,UACVN,GAAI,CACFO,QAAS,OACTC,SAAU,WACVC,OAAQ,QAGVL,SAAA,CAAAP,EAAAA,IAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOC,QAASC,OAAQtB,EAASqB,KACjFhB,EAAQkB,IAAA,SAAA,CAAAL,MAAO,eAAepB,EAAMqB,YAAYC,OAAOI,QAASF,OAAQtB,EAASwB,KACjFnB,EAAAA,cAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAASyB,KACjFpB,MAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOM,QAASJ,OAAQtB,EAAS0B,KACjFrB,EAAQkB,IAAA,SAAA,CAAAL,MAAO,eAAepB,EAAMqB,YAAYC,OAAOM,QAASJ,OAAQtB,EAAS2B,KACjFtB,EAAAA,IAACC,EAAAA,IAAG,CACFQ,UAAU,MACVN,GAAI,CACFS,OAAQ,OACRN,MAAO,OACPiB,UAAW1B,QAAAA,EAAY,SAEzB2B,IAAK7B,EAAS2B,GACdG,IAAKjC,EAAMiC,UAIjB"}
+{"version":3,"file":"HeroCarouselSlide.js","sources":["../../../../../src/organisms/carousel2/heroCarousel/HeroCarouselSlide.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, useTheme } from '@mui/material';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { HeroCarouselContext } from './heroCarouselContext';\nexport const HeroCarouselSlide = (props) => {\n    var _a;\n    const theme = useTheme();\n    const imageSrc = useResponsiveProp(props.imageSrc);\n    const imageFit = useResponsiveProp(props.imageFit);\n    const containerRef = useRef(null);\n    useActivateFooter(containerRef.current, props.footer);\n    return (_jsx(Box, { ref: containerRef, sx: {\n            '&&': {\n                flexBasis: (_a = props.width) !== null && _a !== void 0 ? _a : '100%',\n            },\n        }, \"data-testid\": \"Carousel.slide\", children: _jsxs(Box, { component: \"picture\", sx: {\n                display: 'flex',\n                position: 'relative',\n                height: '100%',\n            }, children: [_jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.xl}px)`, srcSet: imageSrc.xl }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.lg}px)`, srcSet: imageSrc.lg }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.md}px)`, srcSet: imageSrc.md }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.sm }), _jsx(\"source\", { media: `(max-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.xs }), _jsx(Box, { component: \"img\", sx: {\n                        height: '100%',\n                        width: '100%',\n                        objectFit: imageFit !== null && imageFit !== void 0 ? imageFit : 'cover',\n                    }, src: imageSrc.xs, alt: props.alt })] }) }));\n};\nconst useActivateFooter = (containerRef, footer) => {\n    const { emblaApi, setActiveFooter } = useContext(HeroCarouselContext);\n    const activateFooter = useCallback(() => {\n        if (emblaApi) {\n            const slideIndex = emblaApi.selectedScrollSnap();\n            const slides = emblaApi.slideNodes();\n            const activeSlide = slides[slideIndex];\n            if (containerRef === activeSlide) {\n                setActiveFooter(footer);\n            }\n        }\n    }, [footer, setActiveFooter, emblaApi]);\n    useEffect(() => {\n        if (emblaApi) {\n            const e = () => activateFooter();\n            emblaApi.on('select', e);\n            return () => {\n                emblaApi.off('select', e);\n            };\n        }\n    }, [!!emblaApi]);\n    useEffect(activateFooter, [emblaApi]);\n};\n//# sourceMappingURL=HeroCarouselSlide.js.map"],"names":["useActivateFooter","containerRef","footer","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off","props","_a","theme","useTheme","imageSrc","useResponsiveProp","imageFit","useRef","current","_jsx","jsx","Box","ref","sx","flexBasis","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","objectFit","src","alt"],"mappings":"kLAKY,MAqBNA,EAAoB,CAACC,EAAcC,KACrC,MAAMC,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAUA,WAACC,EAAmBA,qBAC9DC,EAAiBC,EAAAA,aAAY,KAC/B,GAAIL,EAAU,CACV,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBR,IAAiBU,GACjBP,EAAgBF,EAEvB,IACF,CAACA,EAAQE,EAAiBD,IAC7BU,EAAAA,WAAU,KACN,GAAIV,EAAU,CACV,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACHX,EAASa,IAAI,SAAUF,EAAE,CAEhC,IACF,GAAGX,IACNU,EAAAA,UAAUN,EAAgB,CAACJ,GAAU,4BA1CPc,IAC9B,IAAIC,EACJ,MAAMC,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,UACnCE,EAAWD,EAAAA,kBAAkBL,EAAMM,UACnCtB,EAAeuB,SAAO,MAE5B,OADAxB,EAAkBC,EAAawB,QAASR,EAAMf,QACtCwB,EAAIC,IAACC,EAAGA,IAAE,CAAEC,IAAK5B,EAAc6B,GAAI,CACnC,KAAM,CACFC,UAAkC,QAAtBb,EAAKD,EAAMe,aAA0B,IAAPd,EAAgBA,EAAK,SAEpE,cAAe,iBAAkBe,SAAUC,EAAAA,KAAMN,EAAAA,IAAK,CAAEO,UAAW,UAAWL,GAAI,CAC7EM,QAAS,OACTC,SAAU,WACVC,OAAQ,QACTL,SAAU,CAACP,EAAAA,IAAK,SAAU,CAAEa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOC,QAASC,OAAQtB,EAASqB,KAAOhB,EAAIC,IAAC,SAAU,CAAEY,MAAO,eAAepB,EAAMqB,YAAYC,OAAOG,QAASD,OAAQtB,EAASuB,KAAOlB,EAAAA,IAAK,SAAU,CAAEa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOI,QAASF,OAAQtB,EAASwB,KAAOnB,MAAK,SAAU,CAAEa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAASyB,KAAOpB,EAAIC,IAAC,SAAU,CAAEY,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAAS0B,KAAOrB,EAAAA,IAAKE,EAAAA,IAAK,CAAEO,UAAW,MAAOL,GAAI,CACzgBQ,OAAQ,OACRN,MAAO,OACPgB,UAAWzB,QAA2CA,EAAW,SAClE0B,IAAK5B,EAAS0B,GAAIG,IAAKjC,EAAMiC,UAAe"}

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

@@ -2,20 +2,54 @@ import React from 'react';
 import { ResponsiveType } from '../../../utils/ResponsiveType';
 export type HeroCarouselProps = {
     /**
-     * Delay in ms between automatic slides
+     * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.
+     * @default false
+     */
+    autoPlay?: boolean;
+    /**
+     * Delay in ms between automatic slides.
+     * @default 4000
      */
     autoPlayDelay?: number;
     /**
-     * Slide speeds
+     * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.
+     * @default 10
      */
     speed?: number;
+    /**
+     * Carousel slides. Any ReactNode can be used here, however `GalleryCarouselItem` component is suggested.
+     * @requires
+     */
     children: React.ReactNode;
+    /**
+     * Direction of content.
+     * @default ltr
+     */
     direction?: 'rtl' | 'ltr';
-    autoPlay?: boolean;
+    /**
+     * Separator of numbering component.
+     * @default /
+     */
     numberingSeparator?: string;
+    /**
+     * Index of Slide that is active by default.
+     * @default 0
+     */
     startIndex?: number;
+    /**
+     * Optional height of carousel, this prop is added to height style property.
+     * @default undefined
+     */
     height?: ResponsiveType<string>;
+    /**
+     * Heading of the carousel. Any ReactElement can be used, however `Typography` component is suggested.
+     * @default undefined
+     */
     heading?: React.ReactNode;
+    /**
+     * Enables numbering component, which shows number of active slide and number of total slides.
+     * @default false
+     */
     numbering?: boolean;
 };
 export declare const HeroCarousel: React.FC<HeroCarouselProps>;

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

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