@skodaflow/web-library 4.1.0 → 4.2.0

package/organisms/carousel2/cardCarousel/cardCarousel.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useEmbla as e}from"../hooks/useEmbla.js";import{useDefaultProps as r}from"../hooks/useDefaultProps.js";import{Box as n,Stack as s}from"@mui/material";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../components/banner/banner.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import{Container as i}from"../../../components/container/container.js";import"../../../components/controls/controls.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../../components/icon/icon.js";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../../components/mobileStepper/mobileStepper.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/numbering/numbering.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"react";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../gallery/Gallery.js";import"../../gallery/GalleryItem.js";import"@mui/material/styles";import"../../../design/skoda/palette.theme.js";import"../../../design/skoda/components/tabs/tabs.theme.js";import"../../../design/skoda/components/autocomplete.theme.js";import"../../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../../design/skoda/theme.breakpoints.js";import"../../../design/skoda/theme.constants.js";import"../../../design/skoda/components/divider.theme.js";import"../../../design/skoda/components/drawer.theme.js";import"../../../design/skoda/components/icon.theme.js";import"../../../design/skoda/components/mobileStepper.theme.js";import"../../../design/skoda/components/modal.theme.js";import"../../../design/skoda/components/pagination.theme.js";import"../../../design/skoda/components/slider.theme.js";import"../../../design/skoda/components/snackbar.theme.js";import"../../../design/skoda/components/tooltip.theme.js";import"../../../design/skoda/components/accordion/accordionSummary.theme.js";import"react-use";import"../../cardOwnedVehicle/cardOwnedVehicle.js";import"../../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../cardPhotoFixed/cardPhotoFixed.js";import"../../cardPromoVehicle/cardPromoVehicleComponent.js";import"../../common/styled/cardStandardWrapperStyled.js";import"../../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../carousel/styledComponents/styledCarouselHorizontal.js";import"../../carousel/styledComponents/styledCarouselVertical.js";import"../../../utils/enum.js";import"../../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../maps/utils/mapIcons.js";import"../../maps/mapComponents/mapStyled.js";import"../../shortcutLink/shortcutLink.js";import"../../textCta/textCta.js";import"../../tile/tile.js";import"lodash/merge";import{ItemsContainer as m}from"../components/ItemsContainer.js";import{ViewPort as p}from"../components/ViewPort.js";import{NavButton as a}from"../components/NavButton.js";import{useContainerPeek as c}from"../hooks/useContainerPeek.js";import"../galleryCarousel/galleryContext.js";import"../galleryCarousel/galleryItemContext.js";import"../heroCarousel/heroCarouselContext.js";import{ScrollSnapDots as l}from"../components/ScrollSnapDots.js";import"../../notification/Notification.js";import"../../notification/NotificationCenter.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationItem.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../../layout/SideMenu/SideMenuItem.js";import"../../../layout/Footer/FooterNavItem.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../production/Button.js";const d=d=>{const j=r(d),[u,h]=e(j),{containerLeft:g,peekNextOnHover:b,peekPrevOnHover:k,resetPeek:y}=c(h,j.direction);return o(n,{className:"card-carousel",position:"relative",dir:j.direction,"data-testid":"CardCarousel","data-state":null==h?void 0:h.selectedScrollSnap(),children:[t(s,{component:i,spacing:3,fixed:!0,sx:{height:"100%"},children:o(p,{emblaRef:u,sx:{height:j.height,width:"100%"},children:[t(m,{sx:{left:g,gap:"24px","&>*":{flexBasis:"inherit",flexGrow:0,flexShrink:0}},children:j.children}),t(a,{color:"dark",direction:j.direction,emblaApi:h,type:"prev",onMouseEnter:k,onMouseLeave:y,sx:{top:0,bottom:"30px","& button":{backgroundColor:"#F1F1F1 !important"}}}),t(a,{color:"dark",direction:j.direction,emblaApi:h,type:"next",onMouseEnter:b,onMouseLeave:y,sx:{top:0,bottom:"30px","& button":{backgroundColor:"#F1F1F1 !important"}}})]})}),t(l,{emblaApi:h})]})};export{d as CardCarousel};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useEmbla as e}from"../hooks/useEmbla.js";import{useDefaultProps as r}from"../hooks/useDefaultProps.js";import{Box as n,Stack as i}from"@mui/material";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../components/banner/banner.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import{Container as s}from"../../../components/container/container.js";import"../../../components/controls/controls.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../../components/icon/icon.js";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../../components/mobileStepper/mobileStepper.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/numbering/numbering.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"react";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../gallery/Gallery.js";import"../../gallery/GalleryItem.js";import"@mui/material/styles";import"../../../design/skoda/palette.theme.js";import"../../../design/skoda/components/tabs/tabs.theme.js";import"../../../design/skoda/components/autocomplete.theme.js";import"../../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../../design/skoda/theme.breakpoints.js";import"../../../design/skoda/theme.constants.js";import"../../../design/skoda/components/divider.theme.js";import"../../../design/skoda/components/drawer.theme.js";import"../../../design/skoda/components/icon.theme.js";import"../../../design/skoda/components/mobileStepper.theme.js";import"../../../design/skoda/components/modal.theme.js";import"../../../design/skoda/components/pagination.theme.js";import"../../../design/skoda/components/slider.theme.js";import"../../../design/skoda/components/snackbar.theme.js";import"../../../design/skoda/components/tooltip.theme.js";import"../../../design/skoda/components/accordion/accordionSummary.theme.js";import"@mui/x-date-pickers/internals";import"react-use";import"../../cardOwnedVehicle/cardOwnedVehicle.js";import"../../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../cardPhotoFixed/cardPhotoFixed.js";import"../../cardPromoVehicle/cardPromoVehicleComponent.js";import"../../common/styled/cardStandardWrapperStyled.js";import"../../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../carousel/styledComponents/styledCarouselHorizontal.js";import"../../carousel/styledComponents/styledCarouselVertical.js";import"../../../utils/enum.js";import"../../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../maps/utils/mapIcons.js";import"../../maps/mapComponents/mapStyled.js";import"../../shortcutLink/shortcutLink.js";import"../../textCta/textCta.js";import"../../tile/tile.js";import"lodash/merge";import{ItemsContainer as m}from"../components/ItemsContainer.js";import{ViewPort as a}from"../components/ViewPort.js";import{NavButton as p}from"../components/NavButton.js";import{useContainerPeek as c}from"../hooks/useContainerPeek.js";import"../galleryCarousel/galleryContext.js";import"../galleryCarousel/galleryItemContext.js";import"../heroCarousel/heroCarouselContext.js";import{ScrollSnapDots as l}from"../components/ScrollSnapDots.js";import"../../notification/Notification.js";import"../../notification/NotificationCenter.js";import"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../../layout/SideMenu/SideMenuItem.js";import"../../../layout/Footer/FooterNavItem.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../production/Button.js";import"minimatch";const d=d=>{const j=r(d),[u,h]=e(j),{containerLeft:g,peekNextOnHover:b,peekPrevOnHover:k,resetPeek:y}=c(h,j.direction);return o(n,{className:"card-carousel",position:"relative",dir:j.direction,"data-testid":"CardCarousel","data-state":null==h?void 0:h.selectedScrollSnap(),sx:{overflow:"hidden"},children:[t(i,{component:s,spacing:3,fixed:!0,sx:{height:"100%"},children:o(a,{emblaRef:u,sx:{height:j.height,width:"100%"},children:[t(m,{sx:{left:g,gap:"24px","&>*":{flexBasis:"inherit",flexGrow:0,flexShrink:0}},children:j.children}),t(p,{color:"dark",direction:j.direction,emblaApi:h,type:"prev",onMouseEnter:k,onMouseLeave:y,sx:{top:0,bottom:"30px","& button":{backgroundColor:"#F1F1F1 !important"}}}),t(p,{color:"dark",direction:j.direction,emblaApi:h,type:"next",onMouseEnter:b,onMouseLeave:y,sx:{top:0,bottom:"30px","& button":{backgroundColor:"#F1F1F1 !important"}}})]})}),t(l,{emblaApi:h})]})};export{d as CardCarousel};
 //# sourceMappingURL=cardCarousel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"cardCarousel.js","sources":["../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":[null],"names":["CardCarousel","inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","Box","className","position","dir","selectedScrollSnap","children","_jsx","Stack","component","Container","spacing","fixed","sx","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"imLAea,MAAAA,EAA6CC,IAExD,MAAMC,EAAQC,EAAgBF,IAEvBG,EAAUC,GAAYC,EAASJ,IAEhCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WACxG,OACEC,EAACC,EACC,CAAAC,UAAU,gBACVC,SAAS,WACTC,IAAKf,EAAMU,UACC,cAAA,eACA,aAAAP,aAAA,EAAAA,EAAUa,qBAAoBC,SAAA,CAE1CC,EAACC,EAAK,CAACC,UAAWC,EAAWC,QAAS,EAAGC,OAAK,EAACC,GAAI,CAAEC,OAAQ,QAAQR,SACnEN,EAACe,EACC,CAAAxB,SAAUA,EACVsB,GAAI,CACFC,OAAQzB,EAAMyB,OACdE,MAAO,QACRV,SAAA,CAEDC,EAACU,EACC,CAAAJ,GAAI,CACFK,KAAMxB,EACNyB,IAAK,OACL,MAAO,CACLC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEfhB,SAEAjB,EAAMiB,WAGTC,EAACgB,EACC,CAAAC,MAAM,OACNzB,UAAWV,EAAMU,UACjBP,SAAUA,EACViC,KAAK,OACLC,aAAc9B,EACd+B,aAAc9B,EACdgB,GAAI,CACFe,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,yBAIvBvB,EAACgB,EAAS,CACRC,MAAM,OACNzB,UAAWV,EAAMU,UACjBP,SAAUA,EACViC,KAAK,OACLC,aAAc/B,EACdgC,aAAc9B,EACdgB,GAAI,CACFe,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,8BAO3BvB,EAACwB,EAAc,CAACvC,SAAUA,MAE5B"}
+{"version":3,"file":"cardCarousel.js","sources":["../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Stack } from '@mui/material';\nimport { Container } from '../../../components';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\nexport const CardCarousel = (inProps) => {\n    const props = useDefaultProps(inProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    return (_jsxs(Box, { className: \"card-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"CardCarousel\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), sx: { overflow: 'hidden' }, children: [_jsx(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: _jsxs(ViewPort, { emblaRef: emblaRef, sx: {\n                        height: props.height,\n                        width: '100%',\n                    }, children: [_jsx(ItemsContainer, { sx: {\n                                left: containerLeft,\n                                gap: '24px',\n                                '&>*': {\n                                    flexBasis: 'inherit',\n                                    flexGrow: 0,\n                                    flexShrink: 0,\n                                },\n                            }, children: props.children }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } })] }) }), _jsx(ScrollSnapDots, { emblaApi: emblaApi })] }));\n};\n//# sourceMappingURL=cardCarousel.js.map"],"names":["CardCarousel","inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"uzLAUY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,EAAgBF,IACvBG,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WACxG,OAAQC,EAAMC,EAAK,CAAEC,UAAW,gBAAiBC,SAAU,WAAYC,IAAKf,EAAMU,UAAW,cAAe,eAAgB,aAAcP,aAA2C,EAASA,EAASa,qBAAsBC,GAAI,CAAEC,SAAU,UAAYC,SAAU,CAACC,EAAKC,EAAO,CAAEC,UAAWC,EAAWC,QAAS,EAAGC,OAAO,EAAMR,GAAI,CAAES,OAAQ,QAAUP,SAAUR,EAAMgB,EAAU,CAAEzB,SAAUA,EAAUe,GAAI,CACzXS,OAAQ1B,EAAM0B,OACdE,MAAO,QACRT,SAAU,CAACC,EAAKS,EAAgB,CAAEZ,GAAI,CAC7Ba,KAAMzB,EACN0B,IAAK,OACL,MAAO,CACHC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEjBf,SAAUnB,EAAMmB,WAAaC,EAAKe,EAAW,CAAEC,MAAO,OAAQ1B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUkC,KAAM,OAAQC,aAAc/B,EAAiBgC,aAAc/B,EAAWS,GAAI,CACvLuB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,yBAEnBtB,EAAKe,EAAW,CAAEC,MAAO,OAAQ1B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUkC,KAAM,OAAQC,aAAchC,EAAiBiC,aAAc/B,EAAWS,GAAI,CAC7JuB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,8BAEZtB,EAAKuB,EAAgB,CAAExC,SAAUA,MAAiB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ItemsContainer.js","sources":["../../../../src/organisms/carousel2/components/ItemsContainer.tsx"],"sourcesContent":[null],"names":["ItemsContainer","_a","children","left","rest","__rest","_jsx","Box","Object","assign","sx","display","transition","userSelect","position","height","flexGrow","flexShrink","flexBasis"],"mappings":"2GAQa,MAAAA,EAAiDC,QAAAC,SAAEA,EAAQC,KAAEA,GAAIF,EAAKG,EAAIC,EAAAJ,EAAzB,qBAC5D,OACEK,EAACC,EACKC,OAAAC,OAAA,CAAA,EAAAL,GACJM,GAAEF,OAAAC,OAAA,CACAE,QAAS,OACTC,WAAY,WACZC,WAAY,OACZC,SAAU,WACVC,OAAQ,OACRZ,KAAMA,QAAAA,EAAQ,MACd,MAAO,CACLa,SAAU,EACVC,WAAY,EACZC,UAAW,SAEVd,EAAKM,IAAE,cAEA,qBAEXR,SAAAA,IAEH"}
+{"version":3,"file":"ItemsContainer.js","sources":["../../../../src/organisms/carousel2/components/ItemsContainer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nexport const ItemsContainer = (_a) => {\n    var { children, left } = _a, rest = __rest(_a, [\"children\", \"left\"]);\n    return (_jsx(Box, Object.assign({}, rest, { sx: Object.assign({ display: 'flex', transition: 'left .4s', userSelect: 'none', position: 'relative', height: '100%', left: left !== null && left !== void 0 ? left : '0px', '&>*': {\n                flexGrow: 0,\n                flexShrink: 0,\n                flexBasis: '100%',\n            } }, rest.sx), \"data-testid\": \"Carousel.container\", children: children })));\n};\n//# sourceMappingURL=ItemsContainer.js.map"],"names":["ItemsContainer","_a","children","left","rest","__rest","_jsx","Box","Object","assign","sx","display","transition","userSelect","position","height","flexGrow","flexShrink","flexBasis"],"mappings":"2GAGY,MAACA,EAAkBC,IAC3B,IAAIC,SAAEA,EAAQC,KAAEA,GAASF,EAAIG,EAAOC,EAAOJ,EAAI,CAAC,WAAY,SAC5D,OAAQK,EAAKC,EAAKC,OAAOC,OAAO,CAAE,EAAEL,EAAM,CAAEM,GAAIF,OAAOC,OAAO,CAAEE,QAAS,OAAQC,WAAY,WAAYC,WAAY,OAAQC,SAAU,WAAYC,OAAQ,OAAQZ,KAAMA,QAAmCA,EAAO,MAAO,MAAO,CACrNa,SAAU,EACVC,WAAY,EACZC,UAAW,SACVd,EAAKM,IAAK,cAAe,qBAAsBR,SAAUA,IAAc"}

package/organisms/carousel2/components/NavButton.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":[null],"names":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","noop","scrollPrev","scrollNext"],"mappings":"yuKAMA,MAoBaA,EAAuCC,QAAAC,SAClDA,EAAQC,KACRA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,UACZA,GAASR,EACNS,EAAIC,EAAAV,EAT2C,yFAWlD,MAAMW,EAAeC,EAAeX,EAAUO,EAAWN,IAElDW,EAAUC,GAAeC,GAAS,IACnCC,MAAEA,EAAKC,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAkBlB,EAAUC,EAAMM,EAAW,CACjGF,eACAC,iBAkBF,OAfAa,GAAU,KACR,GAAInB,EAAU,CACZ,MAAMoB,EAAW,KACf,MAAMC,EAAwB,SAATpB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAErEC,EAAwB,SAATvB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAG3EV,IADgC,QAAdN,EAAsBiB,EAAeH,GAChC,EAEzBrB,EAASyB,GAAG,SAAUL,GACtBA,GACD,IACA,CAACpB,EAAUC,EAAMM,IAGlBmB,EAACC,EAAG,CACFC,GAAI,CACFC,OAAQd,EAAQ,OAAgB,SAATd,EAxD7B,ybAEA,idAsDwF6B,GAExE,cAAA,eAEZC,SAAAL,EAACC,EAAGK,OAAAC,OAAA,CAAA,EACEzB,EAAI,CACRoB,GAAEI,OAAAC,OAAA,CACAC,SAAU,WACVC,IAAK,MACLC,OAAQ,MACRC,MAAO,MACPC,SAAU,OACVC,KAAe,SAATtC,EAAkB,WAAQ6B,EAChCU,MAAgB,SAATvC,EAAkB,WAAQ6B,EACjCW,OAAQ,CACNP,SAAU,sBACVK,KAAM,CACJG,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEjCU,MAAO,CACLE,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEjCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACVA,UAAW,6CAEbC,WAAY9B,EAAQ,cAAWe,IAE9BtB,EAAKoB,IAEVvB,aAAcW,EACdV,aAAcW,EAAgBc,SAE9BL,EAACoB,GACCC,YAAsB,SAAT9C,EAAkB,aAAe,cAC9C+C,gBAAiB9C,QAAAA,EAAS,QAC1B+C,UAAW9C,QAAAA,EAAS,UACpB+C,eAAgB9C,QAAAA,EAAW,WAC3B+C,gBAAiBzC,EACjB0C,WAAYxC,EACZyC,aAAc,aAIpB,EAGEnC,EAAoB,CACxBoC,EACArD,EACAM,EACAgD,KAKA,MAAOxC,EAAOyC,GAAY1C,GAAS,GAsBnC,MAAO,CAAEC,QAAOC,iBApBSyC,GAAY,WACnC,GAAIH,EAAK,CACP,MAAMjC,EAAwB,SAATpB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,gBAE3DC,EAAwB,SAATvB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,iBAEjC,QAAdhB,EAAsBiB,EAAeH,IAGrDmC,GAAS,EAEZ,EACyB,QAAzBzD,EAAAwD,aAAA,EAAAA,EAASlD,oBAAgB,IAAAN,EAAAA,EAAA2D,IAAO,GAChC,CAACJ,EAAKE,EAAUD,EAAStD,EAAMM,IAOAU,iBALTwC,GAAY,WACnCD,GAAS,IACiB,QAAzBzD,EAAAwD,aAAA,EAAAA,EAASjD,oBAAgB,IAAAP,EAAAA,EAAA2D,IAAO,GAChC,CAACH,EAASC,IAEuC,EAGhD7C,EAAiB,CAAC2C,EAAwB/C,EAA0BN,IACjEwD,GAAY,KACJ,SAATxD,IACY,QAAdM,EAAsB+C,EAAIK,aAAeL,EAAIM,cAGlC,SAAT3D,IACY,QAAdM,EAAsB+C,EAAIM,aAAeN,EAAIK,aAC9C,GACA,CAACL,EAAK/C,EAAWN"}
+{"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nimport noop from 'lodash/noop';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n    var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n    const handleScroll = useNavCallback(emblaApi, direction, type);\n    const [disabled, setDisabled] = useState(true);\n    const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n        onMouseEnter,\n        onMouseLeave,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n                const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n                setDisabled(!canScroll);\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi, type, direction]);\n    return (_jsx(Box, { sx: {\n            cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n        }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n                    position: 'absolute !important',\n                    left: {\n                        sm: type === 'prev' ? '15px' : undefined,\n                        xl: type === 'prev' ? '34px' : undefined,\n                    },\n                    right: {\n                        sm: type === 'next' ? '15px' : undefined,\n                        xl: type === 'next' ? '34px' : undefined,\n                    },\n                    top: '50%',\n                    transform: 'translate(0, -50%)',\n                    '&:active': {\n                        transform: 'translate(0, -50%) scale(0.95) !important',\n                    },\n                    visibility: hover ? 'hidden' : undefined,\n                } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n    const [hover, setHover] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n        var _a;\n        if (api) {\n            const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n            const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n            const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n            if (canScroll) {\n                setHover(true);\n            }\n        }\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseEnter) !== null && _a !== void 0 ? _a : noop)();\n    }, [api, setHover, options, type, direction]);\n    const handleMouseLeave = useCallback(() => {\n        var _a;\n        setHover(false);\n        ((_a = options === null || options === void 0 ? void 0 : options.onMouseLeave) !== null && _a !== void 0 ? _a : noop)();\n    }, [options, setHover]);\n    return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n    return useCallback(() => {\n        if (type === 'prev') {\n            direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n        }\n        if (type === 'next') {\n            direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n        }\n    }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","noop","scrollPrev","scrollNext"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Numbering.js","sources":["../../../../src/organisms/carousel2/components/Numbering.tsx"],"sourcesContent":[null],"names":["Numbering","_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","NumberingComponent","customSeparator","colorTheme"],"mappings":"kOAca,MAAAA,EAAuCC,IAAA,IAAAC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,GAAuBL,EAAVM,EAAQC,EAAAP,EAA1D,qDAClD,MAAOQ,EAAOC,GAAYC,EAAiB,IACpCC,EAAOC,GAAYF,EAAiB,GAgB3C,OAdAG,GAAU,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,EAACC,EAAGC,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,EACC,CAAAxB,MAAOA,EACPH,MAAOA,EACP4B,gBAAiBlC,QAAAA,EAAa,IAC9BmC,WAAYlC,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":["Numbering","_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","NumberingComponent","customSeparator","colorTheme"],"mappings":"kOAKY,MAACA,EAAaC,IACtB,IAAIC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,GAAaL,EAAIM,EAAWC,EAAOP,EAAI,CAAC,YAAa,YAAa,QAAS,OAAQ,aAC5H,MAAOQ,EAAOC,GAAYC,EAAS,IAC5BC,EAAOC,GAAYF,EAAS,GAcnC,OAbAG,GAAU,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,EAAKC,EAAKC,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,EAAKe,EAAoB,CAAEzB,MAAOA,EAAOH,MAAOA,EAAO6B,gBAAiBnC,QAA6CA,EAAY,IAAKoC,WAAYnC,EAAOC,KAAMA,MAAa"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollSnapDots.js","sources":["../../../../src/organisms/carousel2/components/ScrollSnapDots.tsx"],"sourcesContent":[null],"names":["ScrollSnapDots","emblaApi","scrollSnapList","setScrollSnapList","useState","currentSnapIndex","setCurrentSnapIndex","currentSnap","useMemo","_a","useEffect","console","log","internalEngine","e","on","off","selectedScrollSnap","_jsx","Box","sx","display","justifyContent","gap","marginTop","children","map","snap","width","height","borderRadius","backgroundColor"],"mappings":"+IAQaA,EAAgD,EAAGC,eAC9D,MAAOC,EAAgBC,GAAqBC,EAAwB,KAC7DC,EAAkBC,GAAuBF,EAAiB,GAC3DG,EAAcC,GAAQ,KAAM,IAAAC,EAAA,OAAoC,QAApCA,EAAAP,EAAeG,UAAqB,IAAAI,EAAAA,EAAA,CAAC,GAAE,CAACP,EAAgBG,IAyB1F,OAvBAK,GAAU,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,GAAU,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,EAACC,EAAG,CACFC,GAAI,CACFC,QAAS,OACTC,eAAgB,SAChBC,IAAK,MACLC,UAAW,QACZ,cACW,gBAEXC,SAAAvB,EAAewB,KAAKC,GACnBT,EAACC,EAAG,CAEFC,GAAI,CACFQ,MAAO,MACPC,OAAQ,MACRC,aAAc,MACdC,gBAAiBxB,EAAcoB,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":["ScrollSnapDots","emblaApi","scrollSnapList","setScrollSnapList","useState","currentSnapIndex","setCurrentSnapIndex","currentSnap","useMemo","_a","useEffect","console","log","internalEngine","e","on","off","selectedScrollSnap","_jsx","Box","sx","display","justifyContent","gap","marginTop","children","map","snap","width","height","borderRadius","backgroundColor"],"mappings":"yIAGY,MAACA,EAAiB,EAAGC,eAC7B,MAAOC,EAAgBC,GAAqBC,EAAS,KAC9CC,EAAkBC,GAAuBF,EAAS,GACnDG,EAAcC,GAAQ,KAAQ,IAAIC,EAAI,OAAmD,QAA3CA,EAAKP,EAAeG,UAAsC,IAAPI,EAAgBA,EAAK,CAAC,GAAK,CAACP,EAAgBG,IAsBnJ,OArBAK,GAAU,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,GAAU,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,EAAKC,EAAK,CAAEC,GAAI,CAChBC,QAAS,OACTC,eAAgB,SAChBC,IAAK,MACLC,UAAW,QACZ,cAAe,gBAAiBC,SAAUvB,EAAewB,KAAKC,GAAUT,EAAKC,EAAK,CAAEC,GAAI,CACnFQ,MAAO,MACPC,OAAQ,MACRC,aAAc,MACdC,gBAAiBxB,EAAcoB,EAAO,UAAY,YACjDA,MAAY"}

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

@@ -1 +1 @@
-{"version":3,"file":"ViewPort.js","sources":["../../../../src/organisms/carousel2/components/ViewPort.tsx"],"sourcesContent":[null],"names":["ViewPort","_a","children","emblaRef","rest","__rest","_jsx","Box","Object","assign","sx","overview","width","height","cursor","ref"],"mappings":"2GAUa,MAAAA,EAAqCC,QAAAC,SAAEA,EAAQC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAJ,EAA7B,yBAChD,OACEK,EAACC,EACKC,OAAAC,OAAA,CAAA,EAAAL,GACJM,GAAEF,OAAAC,OAAA,CACAE,SAAU,SACVC,MAAO,OACPC,OAAQ,OACRC,OAAQ,QACLV,EAAKM,IAEVK,IAAKZ,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":["ViewPort","_a","children","emblaRef","rest","__rest","_jsx","Box","Object","assign","sx","overview","width","height","cursor","ref"],"mappings":"2GAGY,MAACA,EAAYC,IACrB,IAAIC,SAAEA,EAAQC,SAAEA,GAAaF,EAAIG,EAAOC,EAAOJ,EAAI,CAAC,WAAY,aAChE,OAAQK,EAAKC,EAAKC,OAAOC,OAAO,CAAE,EAAEL,EAAM,CAAEM,GAAIF,OAAOC,OAAO,CAAEE,SAAU,SAAUC,MAAO,OAAQC,OAAQ,OAAQC,OAAQ,QAAUV,EAAKM,IAAKK,IAAKZ,EAAU,cAAe,oBAAqBD,SAAUA,IAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryItemText.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/GalleryItemText.tsx"],"sourcesContent":[null],"names":["GalleryItemText","children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","sx","letterSpacing"],"mappings":"yNAQaA,EAAkD,EAAGC,eAChE,MAAMC,MAAEA,GAAUC,EAAWC,GACvBC,EAAgBC,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,GAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,EAACC,EAAU,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":["GalleryItemText","children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","sx","letterSpacing"],"mappings":"mNAIY,MAACA,EAAkB,EAAGC,eAC9B,MAAMC,MAAEA,GAAUC,EAAWC,GACvBC,EAAgBC,GAAeC,GAAUA,EAAMC,YAAYC,KAAK,QAChEC,EAAYC,GAAQ,IAClBN,EACO,UAEM,UAAVH,EAAoB,OAAS,WACrC,CAACG,EAAeH,IACnB,OAAQU,EAAKC,EAAY,CAAEX,MAAOQ,EAAWI,GAAI,CACzCC,cAAe,qBAChB,cAAe,gBAAiBd,SAAUA,GAAa"}

package/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/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","GalleryCarousel","inProps","galleryProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"gyBAea,MAAAA,EAA+C,CAC1DC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACdC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEpBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,mBA6CCC,EAAmDC,IAC9D,MAAMC,EAAeC,EAAM,CAAE,EAAEb,EAAqBW,GAC9CG,EAAQC,EAAgBH,IAEvBI,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAElGtB,EAASuB,EAAkBX,EAAMZ,SAEhCwB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,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,EAAUX,EAAyB,CAACA,IACpCW,GAAU,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,EAACC,EAAsB,CAAAC,SACrBF,EAACG,EACC,CAAAC,GAAI,CAAEC,SAAU,UAChBC,UAAU,UAAS,cACP,kBACZC,IAAKxC,EAAMU,UACC,aAAAP,eAAAA,EAAUsC,qBAEtBN,SAAAO,EAACN,EAAG,CAACC,GAAI,CAAEM,SAAU,WAAYvD,SAAQwD,UAAWxD,GAClD+C,SAAA,CAAAO,EAACG,EAAQ,CAAC3C,SAAUA,EAClBiC,SAAA,CAAAF,EAACa,EAAc,CAACC,KAAM1C,EAAgB8B,SAAAnC,EAAMmC,WAC3CnC,EAAMX,gBACLqD,EAAAM,EAAA,CAAAb,SAAA,CACEF,EAACgB,EACC,CAAAvC,UAAWV,EAAMU,UACjBP,SAAUA,EACV+C,KAAK,OACLC,aAAc5C,EACd6C,aAAc5C,IAEhByB,EAACgB,EAAS,CACRvC,UAAWV,EAAMU,UACjBP,SAAUA,EACV+C,KAAK,OACLC,aAAc7C,EACd8C,aAAc5C,UAMtByB,EAACoB,EAAS,CACRhB,GAAI,CACFiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QAExCT,SAAUA,EACVoD,UAAWvD,EAAMwD,mBACjBlE,MAAOmE,EAAgBC,KACvBC,KAAMC,EAAeC,MACrBnD,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","GalleryCarousel","inProps","galleryProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"gyBAcY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,mBAEDC,EAAmBC,IAC5B,MAAMC,EAAeC,EAAM,CAAE,EAAEb,EAAqBW,GAC9CG,EAAQC,EAAgBH,IACvBI,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAUX,EAAyB,CAACA,IACpCW,GAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,EAAKC,EAAwB,CAAEC,SAAUF,EAAKG,EAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKxC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASsC,qBAAsBN,SAAUO,EAAMN,EAAK,CAAEC,GAAI,CAAEM,SAAU,WAAYvD,SAAQwD,UAAWxD,GAAU+C,SAAU,CAACO,EAAMG,EAAU,CAAE3C,SAAUA,EAAUiC,SAAU,CAACF,EAAKa,EAAgB,CAAEC,KAAM1C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBqD,EAAMM,EAAW,CAAEb,SAAU,CAACF,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc5C,EAAiB6C,aAAc5C,IAAcyB,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc7C,EAAiB8C,aAAc5C,UAAuByB,EAAKoB,EAAW,CAAEhB,GAAI,CACjzBiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUoD,UAAWvD,EAAMwD,mBAAoBlE,MAAOmE,EAAgBC,KAAMC,KAAMC,EAAeC,MAAOnD,UAAWV,EAAMU,kBAAwB"}

package/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/organisms/carousel2/galleryCarousel/galleryCarouselItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"galleryCarouselItem.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryCarouselItem.tsx"],"sourcesContent":[null],"names":["GalleryCarouselItem","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","Box","sx","flexBasis","width","maxWidth","children","_jsxs","ref","position","height","header","Stack","direction","spacing","sm","md","padding","zIndex","top","right","left","component","Object","assign","display","shadowStyle","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight","bottom","content","background"],"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":["GalleryCarouselItem","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","GalleryItemContext","Provider","value","color","children","Box","sx","flexBasis","width","maxWidth","_jsxs","ref","position","height","header","Stack","direction","spacing","sm","md","padding","zIndex","top","right","left","component","Object","assign","display","shadowStyle","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight","bottom","content","background"],"mappings":"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"}

package/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","setFooterHeight","color","setColor","GalleryContextProvider","children","useState","ctxValue","useMemo","_jsx","Provider","value"],"mappings":"oIAoBO,MAAMA,EAAiBC,EAAkC,CAC9DC,aAAc,EACdC,aAAc,EACdC,gBAAiBC,EACjBC,gBAAiBD,EACjBE,MAAO,OACPC,SAAUH,IAOCI,EAAgE,EAAGC,eAC9E,MAAOR,EAAcE,GAAmBO,EAAiB,IAClDR,EAAcG,GAAmBK,EAAiB,GAEnDC,EAAWC,GACf,KAAO,CACLX,eACAE,kBACAD,eACAG,kBACAC,MAAO,OACPC,SAAUH,KAEZ,CAACH,EAAcE,EAAiBD,EAAcG,IAGhD,OAAOQ,EAACd,EAAee,SAAQ,CAACC,MAAOJ,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","setFooterHeight","color","setColor","GalleryContextProvider","children","useState","ctxValue","useMemo","_jsx","Provider","value"],"mappings":"oIAGY,MAACA,EAAiBC,EAAc,CACxCC,aAAc,EACdC,aAAc,EACdC,gBAAiBC,EACjBC,gBAAiBD,EACjBE,MAAO,OACPC,SAAUH,IAEDI,EAAyB,EAAGC,eACrC,MAAOR,EAAcE,GAAmBO,EAAS,IAC1CR,EAAcG,GAAmBK,EAAS,GAC3CC,EAAWC,GAAQ,KAAO,CAC5BX,eACAE,kBACAD,eACAG,kBACAC,MAAO,OACPC,SAAUH,KACV,CAACH,EAAcE,EAAiBD,EAAcG,IAClD,OAAOQ,EAAKd,EAAee,SAAU,CAAEC,MAAOJ,EAAUF,SAAUA,GAAW"}

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

@@ -1 +1 @@
-{"version":3,"file":"galleryItemContext.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryItemContext.ts"],"sourcesContent":[null],"names":["GalleryItemContext","React","createContext","color"],"mappings":"qBAMa,MAAAA,EAAqBC,EAAMC,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","React","createContext","color"],"mappings":"qBACY,MAACA,EAAqBC,EAAMC,cAAc,CAClDC,MAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"galleryItemHeading.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryItemHeading.tsx"],"sourcesContent":[null],"names":["GalleryItemHeading","children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","variant","sx","letterSpacing"],"mappings":"yNAQaA,EAAwD,EAAGC,eACtE,MAAMC,MAAEA,GAAUC,EAAWC,GACvBC,EAAgBC,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,GAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,EAACC,EAAU,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":["GalleryItemHeading","children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","variant","sx","letterSpacing"],"mappings":"mNAIY,MAACA,EAAqB,EAAGC,eACjC,MAAMC,MAAEA,GAAUC,EAAWC,GACvBC,EAAgBC,GAAeC,GAAUA,EAAMC,YAAYC,KAAK,QAChEC,EAAYC,GAAQ,IAClBN,EACO,UAEM,UAAVH,EAAoB,OAAS,WACrC,CAACG,EAAeH,IACnB,OAAQU,EAAKC,EAAY,CAAEX,MAAOQ,EAAWI,QAAS,KAAMC,GAAI,CACxDC,cAAe,qBAChB,cAAe,mBAAoBf,SAAUA,GAAa"}

package/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/organisms/carousel2/heroCarousel/HeroCarouselSlide.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroCarouselSlide.js","sources":["../../../../src/organisms/carousel2/heroCarousel/HeroCarouselSlide.tsx"],"sourcesContent":[null],"names":["HeroCarouselSlide","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","containerRef","useRef","useActivateFooter","current","footer","_jsx","Box","ref","sx","flexBasis","_a","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","objectFit","src","alt","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off"],"mappings":"uTAea,MAAAA,EAAuDC,UAClE,MAAMC,EAAQC,IACRC,EAAWC,EAAkBJ,EAAMG,UACnCE,EAAWD,EAAkBJ,EAAMK,UAEnCC,EAAeC,EAAO,MAG5B,OAFAC,EAAkBF,EAAaG,QAAST,EAAMU,QAG5CC,EAACC,EAAG,CACFC,IAAKP,EACLQ,GAAI,CACF,KAAM,CACJC,kBAAWC,EAAAhB,EAAMiB,qBAAS,SAGlB,cAAA,iBAEZC,SAAAC,EAACP,EAAG,CACFQ,UAAU,UACVN,GAAI,CACFO,QAAS,OACTC,SAAU,WACVC,OAAQ,QAGVL,SAAA,CAAAP,EAAA,SAAA,CAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOC,QAASC,OAAQzB,EAASwB,KACjFhB,EAAQ,SAAA,CAAAa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOG,QAASD,OAAQzB,EAAS0B,KACjFlB,YAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOI,QAASF,OAAQzB,EAAS2B,KACjFnB,EAAA,SAAA,CAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOK,QAASH,OAAQzB,EAAS4B,KACjFpB,EAAQ,SAAA,CAAAa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOK,QAASH,OAAQzB,EAAS6B,KACjFrB,EAACC,EAAG,CACFQ,UAAU,MACVN,GAAI,CACFS,OAAQ,OACRN,MAAO,OACPgB,UAAW5B,QAAAA,EAAY,SAEzB6B,IAAK/B,EAAS6B,GACdG,IAAKnC,EAAMmC,UAIjB,EAGE3B,EAAoB,CAACF,EAA8BI,KACvD,MAAM0B,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAWC,GAE3CC,EAAiBC,GAAY,KACjC,GAAIL,EAAU,CACZ,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBpC,IAAiBsC,GACnBP,EAAgB3B,EAEnB,IACA,CAACA,EAAQ2B,EAAiBD,IAE7BU,GAAU,KACR,GAAIV,EAAU,CACZ,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACLX,EAASa,IAAI,SAAUF,EAAE,CAE5B,IACA,GAAGX,IAENU,EAAUN,EAAgB,CAACJ,GAAU"}
+{"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":["HeroCarouselSlide","props","_a","theme","useTheme","imageSrc","useResponsiveProp","imageFit","containerRef","useRef","useActivateFooter","current","footer","_jsx","Box","ref","sx","flexBasis","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","objectFit","src","alt","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off"],"mappings":"uTAKY,MAACA,EAAqBC,IAC9B,IAAIC,EACJ,MAAMC,EAAQC,IACRC,EAAWC,EAAkBL,EAAMI,UACnCE,EAAWD,EAAkBL,EAAMM,UACnCC,EAAeC,EAAO,MAE5B,OADAC,EAAkBF,EAAaG,QAASV,EAAMW,QACtCC,EAAKC,EAAK,CAAEC,IAAKP,EAAcQ,GAAI,CACnC,KAAM,CACFC,UAAkC,QAAtBf,EAAKD,EAAMiB,aAA0B,IAAPhB,EAAgBA,EAAK,SAEpE,cAAe,iBAAkBiB,SAAUC,EAAMN,EAAK,CAAEO,UAAW,UAAWL,GAAI,CAC7EM,QAAS,OACTC,SAAU,WACVC,OAAQ,QACTL,SAAU,CAACN,EAAK,SAAU,CAAEY,MAAO,eAAetB,EAAMuB,YAAYC,OAAOC,QAASC,OAAQxB,EAASuB,KAAOf,EAAK,SAAU,CAAEY,MAAO,eAAetB,EAAMuB,YAAYC,OAAOG,QAASD,OAAQxB,EAASyB,KAAOjB,EAAK,SAAU,CAAEY,MAAO,eAAetB,EAAMuB,YAAYC,OAAOI,QAASF,OAAQxB,EAAS0B,KAAOlB,EAAK,SAAU,CAAEY,MAAO,eAAetB,EAAMuB,YAAYC,OAAOK,QAASH,OAAQxB,EAAS2B,KAAOnB,EAAK,SAAU,CAAEY,MAAO,eAAetB,EAAMuB,YAAYC,OAAOK,QAASH,OAAQxB,EAAS4B,KAAOpB,EAAKC,EAAK,CAAEO,UAAW,MAAOL,GAAI,CACzgBQ,OAAQ,OACRN,MAAO,OACPgB,UAAW3B,QAA2CA,EAAW,SAClE4B,IAAK9B,EAAS4B,GAAIG,IAAKnC,EAAMmC,UAAe,EAE7D1B,EAAoB,CAACF,EAAcI,KACrC,MAAMyB,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAWC,GAC3CC,EAAiBC,GAAY,KAC/B,GAAIL,EAAU,CACV,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBnC,IAAiBqC,GACjBP,EAAgB1B,EAEvB,IACF,CAACA,EAAQ0B,EAAiBD,IAC7BU,GAAU,KACN,GAAIV,EAAU,CACV,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACHX,EAASa,IAAI,SAAUF,EAAE,CAEhC,IACF,GAAGX,IACNU,EAAUN,EAAgB,CAACJ,GAAU"}