@skodaflow/web-library 4.1.0 → 5.0.0

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

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

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

@@ -1,5 +1,34 @@
 import React from 'react';
 export type CardCarouselProps = {
+    /**
+     * 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;
+    /**
+     * 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 of content.
+     * @default ltr
+     */
+    direction?: 'rtl' | 'ltr';
+    /**
+     * Carousel slides. Any ReactNode can be used here.
+     * @requires
+     */
     children: React.ReactNode;
+    /**
+     * Index of Slide that is active by default.
+     * @default 0
+     */
+    startIndex?: number;
 };
 export declare const CardCarousel: React.FC<CardCarouselProps>;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"cardCarousel.js","sources":["../../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":[null],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","children","_jsx","Stack","component","Container","spacing","fixed","sx","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"gyLAe0DA,IAExD,MAAMC,EAAQC,kBAAgBF,IAEvBG,EAAUC,GAAYC,EAAQA,SAACJ,IAEhCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WACxG,OACEC,EAACC,KAAAC,EAAGA,IACF,CAAAC,UAAU,gBACVC,SAAS,WACTC,IAAKhB,EAAMU,UACC,cAAA,eACA,aAAAP,aAAA,EAAAA,EAAUc,qBAAoBC,SAAA,CAE1CC,MAACC,EAAAA,MAAK,CAACC,UAAWC,EAAAA,UAAWC,QAAS,EAAGC,OAAK,EAACC,GAAI,CAAEC,OAAQ,QAAQR,SACnEP,EAAAA,KAACgB,EAAAA,SACC,CAAAzB,SAAUA,EACVuB,GAAI,CACFC,OAAQ1B,EAAM0B,OACdE,MAAO,QACRV,SAAA,CAEDC,EAAAA,IAACU,EAAcA,eACb,CAAAJ,GAAI,CACFK,KAAMzB,EACN0B,IAAK,OACL,MAAO,CACLC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEfhB,SAEAlB,EAAMkB,WAGTC,EAACgB,IAAAC,YACC,CAAAC,MAAM,OACN3B,UAAWV,EAAMU,UACjBP,SAAUA,EACVmC,KAAK,OACLC,aAAchC,EACdiC,aAAchC,EACdiB,GAAI,CACFgB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,yBAIvBxB,EAAAA,IAACiB,EAASA,UAAA,CACRC,MAAM,OACN3B,UAAWV,EAAMU,UACjBP,SAAUA,EACVmC,KAAK,OACLC,aAAcjC,EACdkC,aAAchC,EACdiB,GAAI,CACFgB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,8BAO3BxB,EAAAgB,IAACS,iBAAc,CAACzC,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, Container, Stack } from '@mui/material';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\nexport const CardCarousel = (inProps) => {\n    const props = useDefaultProps(inProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    return (_jsxs(Box, { className: \"card-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"CardCarousel\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), sx: { overflow: 'hidden' }, children: [_jsx(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: _jsxs(ViewPort, { emblaRef: emblaRef, sx: {\n                        height: props.height,\n                        width: '100%',\n                    }, children: [_jsx(ItemsContainer, { sx: {\n                                left: containerLeft,\n                                gap: '24px',\n                                '&>*': {\n                                    flexBasis: 'inherit',\n                                    flexGrow: 0,\n                                    flexShrink: 0,\n                                },\n                            }, children: props.children }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n                                top: 0,\n                                bottom: '30px',\n                                '& button': {\n                                    backgroundColor: '#F1F1F1 !important',\n                                },\n                            } })] }) }), _jsx(ScrollSnapDots, { emblaApi: emblaApi })] }));\n};\n//# sourceMappingURL=cardCarousel.js.map"],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"8XAS6BA,IACzB,MAAMC,EAAQC,kBAAgBF,IACvBG,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WACxG,OAAQC,EAAKC,KAACC,MAAK,CAAEC,UAAW,gBAAiBC,SAAU,WAAYC,IAAKhB,EAAMU,UAAW,cAAe,eAAgB,aAAcP,aAA2C,EAASA,EAASc,qBAAsBC,GAAI,CAAEC,SAAU,UAAYC,SAAU,CAACC,MAAKC,EAAAA,MAAO,CAAEC,UAAWC,EAASA,UAAEC,QAAS,EAAGC,OAAO,EAAMR,GAAI,CAAES,OAAQ,QAAUP,SAAUT,OAAMiB,EAAAA,SAAU,CAAE1B,SAAUA,EAAUgB,GAAI,CACzXS,OAAQ3B,EAAM2B,OACdE,MAAO,QACRT,SAAU,CAACC,EAAAA,IAAKS,EAAcA,eAAE,CAAEZ,GAAI,CAC7Ba,KAAM1B,EACN2B,IAAK,OACL,MAAO,CACHC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEjBf,SAAUpB,EAAMoB,WAAaC,EAAIe,IAACC,YAAW,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAcjC,EAAiBkC,aAAcjC,EAAWU,GAAI,CACvLwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,yBAEnBvB,EAAAA,IAAKgB,EAASA,UAAE,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAclC,EAAiBmC,aAAcjC,EAAWU,GAAI,CAC7JwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,8BAEZvB,EAAIe,IAACS,iBAAgB,CAAE1C,SAAUA,MAAiB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ItemsContainer.js","sources":["../../../../../../src/organisms/carousel2/components/ItemsContainer.tsx"],"sourcesContent":[null],"names":["_a","children","left","rest","__rest","_jsx","jsx","Box","Object","assign","sx","display","transition","userSelect","position","height","flexGrow","flexShrink","flexBasis"],"mappings":"qHAQ8DA,QAAAC,SAAEA,EAAQC,KAAEA,GAAIF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAzB,qBAC5D,OACEK,EAACC,IAAAC,EAAGA,IACEC,OAAAC,OAAA,CAAA,EAAAN,GACJO,GAAEF,OAAAC,OAAA,CACAE,QAAS,OACTC,WAAY,WACZC,WAAY,OACZC,SAAU,WACVC,OAAQ,OACRb,KAAMA,QAAAA,EAAQ,MACd,MAAO,CACLc,SAAU,EACVC,WAAY,EACZC,UAAW,SAEVf,EAAKO,IAAE,cAEA,qBAEXT,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":["_a","children","left","rest","__rest","_jsx","jsx","Box","Object","assign","sx","display","transition","userSelect","position","height","flexGrow","flexShrink","flexBasis"],"mappings":"qHAG+BA,IAC3B,IAAIC,SAAEA,EAAQC,KAAEA,GAASF,EAAIG,EAAOC,EAAMA,OAACJ,EAAI,CAAC,WAAY,SAC5D,OAAQK,EAAIC,IAACC,EAAGA,IAAEC,OAAOC,OAAO,CAAE,EAAEN,EAAM,CAAEO,GAAIF,OAAOC,OAAO,CAAEE,QAAS,OAAQC,WAAY,WAAYC,WAAY,OAAQC,SAAU,WAAYC,OAAQ,OAAQb,KAAMA,QAAmCA,EAAO,MAAO,MAAO,CACrNc,SAAU,EACVC,WAAY,EACZC,UAAW,SACVf,EAAKO,IAAK,cAAe,qBAAsBT,SAAUA,IAAc"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"galleryCarousel.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":[null],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","inProps","galleryProps","merge","default","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","jsx","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"gkBAea,MAAAA,EAA+C,CAC1DC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACdC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEpBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CA6CoDC,IAC9D,MAAMC,EAAeC,EAAKC,QAAC,CAAE,EAAEb,EAAqBU,GAC9CI,EAAQC,kBAAgBJ,IAEvBK,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WAElGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAEhCwB,EAAiBC,GAAsBC,EAAQA,WAChDC,EAA0BC,EAAAA,aAAY,KAC1C,GAAIb,EAAU,CACZ,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACT,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACX,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC7B,CACF,CACF,IACA,CAACrB,EAAUU,IAgBd,OAdAa,EAAAA,UAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACR,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACFA,EAAS2B,GAAG,SAAUH,GAEjB,KACLC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACFA,EAAS6B,IAAI,SAAUL,EACxB,CACF,GACA,CAACZ,EAAyBZ,IAE3B8B,MAACC,EAAAA,uBAAsB,CAAAC,SACrBF,EAACG,IAAAC,MACC,CAAAC,GAAI,CAAEC,SAAU,UAChBC,UAAU,UAAS,cACP,kBACZC,IAAKzC,EAAMU,UACC,aAAAP,eAAAA,EAAUuC,qBAEtBP,SAAAQ,EAAAC,KAACP,MAAG,CAACC,GAAI,CAAEO,SAAU,WAAYzD,SAAQ0D,UAAW1D,GAClD+C,SAAA,CAAAQ,EAAAA,KAACI,EAAQA,SAAA,CAAC7C,SAAUA,EAClBiC,SAAA,CAAAF,EAAAA,IAACe,EAAAA,eAAc,CAACC,KAAM5C,EAAgB8B,SAAAnC,EAAMmC,WAC3CnC,EAAMX,gBACLsD,EAAAC,KAAAM,WAAA,CAAAf,SAAA,CACEF,MAACkB,EAAAA,UACC,CAAAzC,UAAWV,EAAMU,UACjBP,SAAUA,EACViD,KAAK,OACLC,aAAc9C,EACd+C,aAAc9C,IAEhByB,EAAAA,IAACkB,EAASA,UAAA,CACRzC,UAAWV,EAAMU,UACjBP,SAAUA,EACViD,KAAK,OACLC,aAAc/C,EACdgD,aAAc9C,UAMtByB,EAAAA,IAACsB,EAASA,UAAA,CACRjB,GAAI,CACFkB,IAAK5C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QAExCT,SAAUA,EACVsD,UAAWzD,EAAM0D,mBACjBpE,MAAOqE,EAAeA,gBAACC,KACvBC,KAAMC,EAAAA,eAAeC,MACrBrD,UAAWV,EAAMU,kBAKzB"}
+{"version":3,"file":"galleryCarousel.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport merge from 'lodash/merge';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n    align: 'start',\n    height: '100%',\n    controlOptions: {\n        color: 'light',\n        buttonPosition: '30%',\n        buttonAreaHeight: '30%',\n    },\n    maxSlideWidth: '100%',\n    isSlideDifferentWidth: true,\n    cssClass: 'gallery-variant',\n};\nexport const GalleryCarousel = (inProps) => {\n    const galleryProps = merge({}, GalleryDefaultProps, inProps);\n    const props = useDefaultProps(galleryProps);\n    const [emblaRef, emblaApi] = useEmbla(props);\n    const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n    const height = useResponsiveProp(props.height);\n    const [numberingTopPos, setNumberingTopPos] = useState();\n    const updateNumberingPosition = useCallback(() => {\n        if (emblaApi) {\n            const nodes = emblaApi.slideNodes();\n            const slideIndex = emblaApi.slidesInView().pop();\n            const slide = nodes[slideIndex];\n            if (slide) {\n                const picture = slide.getElementsByTagName('picture').item(0);\n                if (picture) {\n                    const bottom = picture.getBoundingClientRect().bottom;\n                    setNumberingTopPos(bottom - 62);\n                }\n            }\n        }\n    }, [emblaApi, setNumberingTopPos]);\n    useEffect(updateNumberingPosition, [updateNumberingPosition]);\n    useEffect(() => {\n        const e = () => updateNumberingPosition();\n        window.addEventListener('resize', e);\n        if (emblaApi) {\n            emblaApi.on('scroll', e);\n        }\n        return () => {\n            window.removeEventListener('resize', e);\n            if (emblaApi) {\n                emblaApi.off('scroll', e);\n            }\n        };\n    }, [updateNumberingPosition, emblaApi]);\n    return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n                            top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n                            bottom: numberingTopPos ? 'inherit' : '24px',\n                        }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","inProps","galleryProps","merge","default","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","jsx","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"gkBAcY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CAEkBC,IAC5B,MAAMC,EAAeC,EAAKC,QAAC,CAAE,EAAEb,EAAqBU,GAC9CI,EAAQC,kBAAgBJ,IACvBK,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,EAAQA,WAChDC,EAA0BC,EAAAA,aAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAAA,UAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,MAAKC,EAAAA,uBAAwB,CAAEC,SAAUF,EAAIG,IAACC,MAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKzC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASuC,qBAAsBP,SAAUQ,EAAKC,KAACP,MAAK,CAAEC,GAAI,CAAEO,SAAU,WAAYzD,SAAQ0D,UAAW1D,GAAU+C,SAAU,CAACQ,EAAAA,KAAMI,EAAQA,SAAE,CAAE7C,SAAUA,EAAUiC,SAAU,CAACF,EAAAA,IAAKe,EAAAA,eAAgB,CAAEC,KAAM5C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBsD,EAAKC,KAACM,WAAW,CAAEf,SAAU,CAACF,MAAKkB,EAAAA,UAAW,CAAEzC,UAAWV,EAAMU,UAAWP,SAAUA,EAAUiD,KAAM,OAAQC,aAAc9C,EAAiB+C,aAAc9C,IAAcyB,EAAAA,IAAKkB,EAASA,UAAE,CAAEzC,UAAWV,EAAMU,UAAWP,SAAUA,EAAUiD,KAAM,OAAQC,aAAc/C,EAAiBgD,aAAc9C,UAAuByB,EAAAA,IAAKsB,EAASA,UAAE,CAAEjB,GAAI,CACjzBkB,IAAK5C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUsD,UAAWzD,EAAM0D,mBAAoBpE,MAAOqE,EAAeA,gBAACC,KAAMC,KAAMC,EAAAA,eAAeC,MAAOrD,UAAWV,EAAMU,kBAAwB"}

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

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

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

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

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

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

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

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

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

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

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

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