npm - @skodaflow/web-library - Versions diffs - 5.0.0 → 7.0.0 - Mend

@skodaflow/web-library 5.0.0 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (649) hide show

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

	@@ -1 +1 @@
1	- {"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":["CardCarousel","inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"~~4gBASY~~,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,EAAgBF,IACvBG,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WACxG,OAAQC,EAAMC,EAAK,CAAEC,UAAW,gBAAiBC,SAAU,WAAYC,IAAKf,EAAMU,UAAW,cAAe,eAAgB,aAAcP,aAA2C,EAASA,EAASa,qBAAsBC,GAAI,CAAEC,SAAU,UAAYC,SAAU,CAACC,EAAKC,EAAO,CAAEC,UAAWC,EAAWC,QAAS,EAAGC,OAAO,EAAMR,GAAI,CAAES,OAAQ,QAAUP,SAAUR,EAAMgB,EAAU,CAAEzB,SAAUA,EAAUe,GAAI,CACzXS,OAAQ1B,EAAM0B,OACdE,MAAO,QACRT,SAAU,CAACC,EAAKS,EAAgB,CAAEZ,GAAI,CAC7Ba,KAAMzB,EACN0B,IAAK,OACL,MAAO,CACHC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEjBf,SAAUnB,EAAMmB,WAAaC,EAAKe,EAAW,CAAEC,MAAO,OAAQ1B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUkC,KAAM,OAAQC,aAAc/B,EAAiBgC,aAAc/B,EAAWS,GAAI,CACvLuB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,yBAEnBtB,EAAKe,EAAW,CAAEC,MAAO,OAAQ1B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUkC,KAAM,OAAQC,aAAchC,EAAiBiC,aAAc/B,EAAWS,GAAI,CAC7JuB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,8BAEZtB,EAAKuB,EAAgB,CAAExC,SAAUA,MAAiB"}
1	+ {"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';\n/*\n @deprecated this component does not meet quality standards and will be removed in the future\n /\nexport const CardCarousel = (inProps) => {\n const props = useDefaultProps(inProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n return (_jsxs(Box, { className: \"card-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"CardCarousel\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), sx: { overflow: 'hidden' }, children: [_jsx(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: _jsxs(ViewPort, { emblaRef: emblaRef, sx: {\n height: props.height,\n width: '100%',\n }, children: [_jsx(ItemsContainer, { sx: {\n left: containerLeft,\n gap: '24px',\n '&>': {\n flexBasis: 'inherit',\n flexGrow: 0,\n flexShrink: 0,\n },\n }, children: props.children }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n top: 0,\n bottom: '30px',\n '& button': {\n backgroundColor: '#F1F1F1 !important',\n },\n } }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n top: 0,\n bottom: '30px',\n '& button': {\n backgroundColor: '#F1F1F1 !important',\n },\n } })] }) }), _jsx(ScrollSnapDots, { emblaApi: emblaApi })] }));\n};\n//# sourceMappingURL=cardCarousel.js.map"],"names":["CardCarousel","inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"4gBAYY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,EAAgBF,IACvBG,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WACxG,OAAQC,EAAMC,EAAK,CAAEC,UAAW,gBAAiBC,SAAU,WAAYC,IAAKf,EAAMU,UAAW,cAAe,eAAgB,aAAcP,aAA2C,EAASA,EAASa,qBAAsBC,GAAI,CAAEC,SAAU,UAAYC,SAAU,CAACC,EAAKC,EAAO,CAAEC,UAAWC,EAAWC,QAAS,EAAGC,OAAO,EAAMR,GAAI,CAAES,OAAQ,QAAUP,SAAUR,EAAMgB,EAAU,CAAEzB,SAAUA,EAAUe,GAAI,CACzXS,OAAQ1B,EAAM0B,OACdE,MAAO,QACRT,SAAU,CAACC,EAAKS,EAAgB,CAAEZ,GAAI,CAC7Ba,KAAMzB,EACN0B,IAAK,OACL,MAAO,CACHC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEjBf,SAAUnB,EAAMmB,WAAaC,EAAKe,EAAW,CAAEC,MAAO,OAAQ1B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUkC,KAAM,OAAQC,aAAc/B,EAAiBgC,aAAc/B,EAAWS,GAAI,CACvLuB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,yBAEnBtB,EAAKe,EAAW,CAAEC,MAAO,OAAQ1B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUkC,KAAM,OAAQC,aAAchC,EAAiBiC,aAAc/B,EAAWS,GAAI,CAC7JuB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,8BAEZtB,EAAKuB,EAAgB,CAAExC,SAAUA,MAAiB"}

package/organisms/carousel2/carousel2.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { EmblaOptionsType } from 'embla-carousel-react';
 import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
 import { ResponsiveType } from '../../utils/ResponsiveType';
+import { IconNameProp } from '@/src/components';
 export type Carousel2Props = {
     /**
      * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.
@@ -98,11 +99,11 @@ export type Carousel2Props = {
         /**
          * previous control icon.
          */
-        prevIcon?: string;
+        prevIcon?: IconNameProp;
         /**
          * next control icon.
          */
-        nextIcon?: string;
+        nextIcon?: IconNameProp;
         /**
          * Definition of height or clickable area for buttons next and prev. value should be in "px" or "%".
          */

package/organisms/carousel2/components/NavButton.js CHANGED Viewed

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

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

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

package/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts CHANGED Viewed

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

package/organisms/carousel2/galleryCarousel/galleryCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryCarousel.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport merge from 'lodash/merge';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n align: 'start',\n height: '100%',\n controlOptions: {\n color: 'light',\n buttonPosition: '30%',\n buttonAreaHeight: '30%',\n },\n maxSlideWidth: '100%',\n isSlideDifferentWidth: true,\n cssClass: 'gallery-variant',\n};\nexport const GalleryCarousel = (inProps) => {\n const galleryProps = merge({}, GalleryDefaultProps, inProps);\n const props = useDefaultProps(galleryProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const height = useResponsiveProp(props.height);\n const [numberingTopPos, setNumberingTopPos] = useState();\n const updateNumberingPosition = useCallback(() => {\n if (emblaApi) {\n const nodes = emblaApi.slideNodes();\n const slideIndex = emblaApi.slidesInView().pop();\n const slide = nodes[slideIndex];\n if (slide) {\n const picture = slide.getElementsByTagName('picture').item(0);\n if (picture) {\n const bottom = picture.getBoundingClientRect().bottom;\n setNumberingTopPos(bottom - 62);\n }\n }\n }\n }, [emblaApi, setNumberingTopPos]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('scroll', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('scroll', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n bottom: numberingTopPos ? 'inherit' : '24px',\n }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","GalleryCarousel","inProps","galleryProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"gyBAcY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,~~mBAEDC~~,EAAmBC,IAC5B,MAAMC,EAAeC,EAAM,CAAE,EAAEb,EAAqBW,GAC9CG,EAAQC,EAAgBH,IACvBI,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAUX,EAAyB,CAACA,IACpCW,GAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,EAAKC,EAAwB,CAAEC,SAAUF,EAAKG,EAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKxC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASsC,qBAAsBN,SAAUO,EAAMN,EAAK,CAAEC,GAAI,CAAEM,SAAU,WAAYvD,SAAQwD,UAAWxD,GAAU+C,SAAU,CAACO,EAAMG,EAAU,CAAE3C,SAAUA,EAAUiC,SAAU,CAACF,EAAKa,EAAgB,CAAEC,KAAM1C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBqD,EAAMM,EAAW,CAAEb,SAAU,CAACF,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc5C,EAAiB6C,aAAc5C,IAAcyB,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc7C,EAAiB8C,aAAc5C,UAAuByB,EAAKoB,EAAW,CAAEhB,GAAI,CACjzBiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUoD,UAAWvD,EAAMwD,mBAAoBlE,MAAOmE,EAAgBC,KAAMC,KAAMC,EAAeC,MAAOnD,UAAWV,EAAMU,kBAAwB"}
1	+ {"version":3,"file":"galleryCarousel.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport merge from 'lodash/merge';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n align: 'start',\n height: '100%',\n controlOptions: {\n color: 'light',\n buttonPosition: '30%',\n buttonAreaHeight: '30%',\n },\n maxSlideWidth: '100%',\n isSlideDifferentWidth: true,\n cssClass: 'gallery-variant',\n};\n/*\n @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const GalleryCarousel = (inProps) => {\n const galleryProps = merge({}, GalleryDefaultProps, inProps);\n const props = useDefaultProps(galleryProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const height = useResponsiveProp(props.height);\n const [numberingTopPos, setNumberingTopPos] = useState();\n const updateNumberingPosition = useCallback(() => {\n if (emblaApi) {\n const nodes = emblaApi.slideNodes();\n const slideIndex = emblaApi.slidesInView().pop();\n const slide = nodes[slideIndex];\n if (slide) {\n const picture = slide.getElementsByTagName('picture').item(0);\n if (picture) {\n const bottom = picture.getBoundingClientRect().bottom;\n setNumberingTopPos(bottom - 62);\n }\n }\n }\n }, [emblaApi, setNumberingTopPos]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('scroll', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('scroll', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n bottom: numberingTopPos ? 'inherit' : '24px',\n }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","GalleryCarousel","inProps","galleryProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"gyBAcY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,mBAKDC,EAAmBC,IAC5B,MAAMC,EAAeC,EAAM,CAAE,EAAEb,EAAqBW,GAC9CG,EAAQC,EAAgBH,IACvBI,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAUX,EAAyB,CAACA,IACpCW,GAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,EAAKC,EAAwB,CAAEC,SAAUF,EAAKG,EAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKxC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASsC,qBAAsBN,SAAUO,EAAMN,EAAK,CAAEC,GAAI,CAAEM,SAAU,WAAYvD,SAAQwD,UAAWxD,GAAU+C,SAAU,CAACO,EAAMG,EAAU,CAAE3C,SAAUA,EAAUiC,SAAU,CAACF,EAAKa,EAAgB,CAAEC,KAAM1C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBqD,EAAMM,EAAW,CAAEb,SAAU,CAACF,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc5C,EAAiB6C,aAAc5C,IAAcyB,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc7C,EAAiB8C,aAAc5C,UAAuByB,EAAKoB,EAAW,CAAEhB,GAAI,CACjzBiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUoD,UAAWvD,EAAMwD,mBAAoBlE,MAAOmE,EAAgBC,KAAMC,KAAMC,EAAeC,MAAOnD,UAAWV,EAAMU,kBAAwB"}

package/organisms/carousel2/heroCarousel/heroCarousel.d.ts CHANGED Viewed

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

package/organisms/carousel2/heroCarousel/heroCarousel.js.map CHANGED Viewed

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

package/organisms/common/menuCardComponent/menuCardComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as i}from"react";import{Icon as s}from"../../../components/icon/icon.js";import m from"@emotion/styled";import{CardMenu as p}from"../../../components/cardMenu/cardMenu.js";const c=m=>{var c=o(m,[]);const[l,d]=e(!1),u=n(null),x=i((()=>d(!0)),[]),f=i((()=>d(!1)),[]);return t(a,{className:"menuCardComponent",children:[r(s,{ref:u,onClick:x,className:"more-vertical"}),r(p,Object.assign({},c,{open:l,onClose:f,anchorRef:u}))]})},a=m("div")((()=>{let o={};return o=Object.assign(Object.assign({},o),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),o}));export{c as default};
+import{__rest as o}from"tslib";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as i,useRef as e,useCallback as r}from"react";import{Icon as s}from"../../../components/icon/icon.js";import"../../../components/icon/icon.definitions.js";import p from"@emotion/styled";import{CardMenu as c}from"../../../components/cardMenu/cardMenu.js";const m=p=>{var m=o(p,[]);const[d,l]=i(!1),f=e(null),u=r((()=>l(!0)),[]),x=r((()=>l(!1)),[]);return t(a,{className:"menuCardComponent",children:[n(s,{ref:f,onClick:u,name:"vertical"}),n(c,Object.assign({},m,{open:d,onClose:x,anchorRef:f}))]})},a=p("div")((()=>{let o={};return o=Object.assign(Object.assign({},o),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),o}));export{m as default};
 //# sourceMappingURL=menuCardComponent.js.map

package/organisms/common/menuCardComponent/menuCardComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuCardComponent.js","sources":["../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { Icon } from '../../../components/icon';\nimport styled from '@emotion/styled';\nimport { CardMenu } from '../../../components/cardMenu/cardMenu';\nconst MenuCardComponent = (_a) => {\n var props = __rest(_a, []);\n const [isOpen, setIsOpen] = useState(false);\n const anchorRef = useRef(null);\n const setOpen = useCallback(() => setIsOpen(true), []);\n const setClosed = useCallback(() => setIsOpen(false), []);\n return (_jsxs(MenuCardStyled, { className: \"menuCardComponent\", children: [_jsx(Icon, { ref: anchorRef, onClick: setOpen, ~~className~~: \"~~more-~~vertical\" }), _jsx(CardMenu, Object.assign({}, props, { open: isOpen, onClose: setClosed, anchorRef: anchorRef }))] }));\n};\nconst MenuCardStyled = styled('div')(() => {\n let style = {};\n style = Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 4, cursor: 'pointer', top: '24px', width: '20px', height: '30px', right: '24px', '& > .MuiIcon-root': {\n width: '20px',\n height: '30px',\n fontSize: '20px',\n }, '& > div': {\n marginRight: '40px',\n } });\n return style;\n});\nexport default MenuCardComponent;\n//# sourceMappingURL=menuCardComponent.js.map"],"names":["MenuCardComponent","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","MenuCardStyled","className","children","_jsx","Icon","ref","onClick","CardMenu","Object","assign","open","onClose","styled","style","position","zIndex","cursor","top","width","height","right","fontSize","marginRight"],"mappings":"~~0SAMK~~,MAACA,EAAqBC,IACvB,IAAIC,EAAQC,EAAOF,EAAI,IACvB,MAAOG,EAAQC,GAAaC,GAAS,GAC/BC,EAAYC,EAAO,MACnBC,EAAUC,GAAY,IAAML,GAAU,IAAO,IAC7CM,EAAYD,GAAY,IAAML,GAAU,IAAQ,IACtD,OAAQO,EAAMC,EAAgB,CAAEC,UAAW,oBAAqBC,SAAU,CAACC,EAAKC,EAAM,CAAEC,IAAKX,EAAWY,QAASV,~~EAASK~~,~~UAAW~~,~~kBAAoBE~~,~~EAAKI~~,EAAUC,OAAOC,OAAO,CAAA,~~EAAIpB~~,EAAO,~~CAAEqB~~,~~KAAMnB~~,~~EAAQoB~~,~~QAASb~~,EAAWJ,UAAWA,OAAmB,~~EAEjQM~~,~~EAAiBY~~,EAAO,MAAPA,EAAc,KACjC,IAAIC,EAAQ,CAAA,EAQZ,OAPAA,EAAQL,OAAOC,OAAOD,OAAOC,OAAO,GAAII,GAAQ,CAAEC,SAAU,WAAYC,OAAQ,EAAGC,OAAQ,UAAWC,IAAK,OAAQC,MAAO,OAAQC,OAAQ,OAAQC,MAAO,OAAQ,oBAAqB,CAC9KF,MAAO,OACPC,OAAQ,OACRE,SAAU,QACX,UAAW,CACVC,YAAa,UAEdT,CAAK"}
1	+ {"version":3,"file":"menuCardComponent.js","sources":["../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { Icon } from '../../../components/icon';\nimport styled from '@emotion/styled';\nimport { CardMenu } from '../../../components/cardMenu/cardMenu';\nconst MenuCardComponent = (_a) => {\n var props = __rest(_a, []);\n const [isOpen, setIsOpen] = useState(false);\n const anchorRef = useRef(null);\n const setOpen = useCallback(() => setIsOpen(true), []);\n const setClosed = useCallback(() => setIsOpen(false), []);\n return (_jsxs(MenuCardStyled, { className: \"menuCardComponent\", children: [_jsx(Icon, { ref: anchorRef, onClick: setOpen, name: \"vertical\" }), _jsx(CardMenu, Object.assign({}, props, { open: isOpen, onClose: setClosed, anchorRef: anchorRef }))] }));\n};\nconst MenuCardStyled = styled('div')(() => {\n let style = {};\n style = Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 4, cursor: 'pointer', top: '24px', width: '20px', height: '30px', right: '24px', '& > .MuiIcon-root': {\n width: '20px',\n height: '30px',\n fontSize: '20px',\n }, '& > div': {\n marginRight: '40px',\n } });\n return style;\n});\nexport default MenuCardComponent;\n//# sourceMappingURL=menuCardComponent.js.map"],"names":["MenuCardComponent","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","MenuCardStyled","className","children","_jsx","Icon","ref","onClick","name","CardMenu","Object","assign","open","onClose","styled","style","position","zIndex","cursor","top","width","height","right","fontSize","marginRight"],"mappings":"+VAMK,MAACA,EAAqBC,IACvB,IAAIC,EAAQC,EAAOF,EAAI,IACvB,MAAOG,EAAQC,GAAaC,GAAS,GAC/BC,EAAYC,EAAO,MACnBC,EAAUC,GAAY,IAAML,GAAU,IAAO,IAC7CM,EAAYD,GAAY,IAAML,GAAU,IAAQ,IACtD,OAAQO,EAAMC,EAAgB,CAAEC,UAAW,oBAAqBC,SAAU,CAACC,EAAKC,EAAM,CAAEC,IAAKX,EAAWY,QAASV,EAASW,KAAM,aAAeJ,EAAKK,EAAUC,OAAOC,OAAO,CAAA,EAAIrB,EAAO,CAAEsB,KAAMpB,EAAQqB,QAASd,EAAWJ,UAAWA,OAAmB,EAEvPM,EAAiBa,EAAO,MAAPA,EAAc,KACjC,IAAIC,EAAQ,CAAA,EAQZ,OAPAA,EAAQL,OAAOC,OAAOD,OAAOC,OAAO,GAAII,GAAQ,CAAEC,SAAU,WAAYC,OAAQ,EAAGC,OAAQ,UAAWC,IAAK,OAAQC,MAAO,OAAQC,OAAQ,OAAQC,MAAO,OAAQ,oBAAqB,CAC9KF,MAAO,OACPC,OAAQ,OACRE,SAAU,QACX,UAAW,CACVC,YAAa,UAEdT,CAAK"}

package/organisms/gallery/Gallery.js CHANGED Viewed

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

package/organisms/gallery/Gallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from 'use-keyboard-shortcut';\nexport const Gallery = (props) => {\n var _a;\n const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n const [nextDisabled, setNextDisabled] = useState(true);\n const [prevDisabled, setPrevDisabled] = useState(true);\n const [emblaRef, emblaApi] = useEmblaCarousel({\n align: 'center',\n axis: 'x',\n startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n slidesToScroll: 1,\n draggable: props.galleryItems.length > 1,\n });\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n setNextDisabled(!emblaApi.canScrollNext());\n setPrevDisabled(!emblaApi.canScrollPrev());\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi]);\n useEffect(() => {\n if (!props.galleryItems \|\| props.galleryItems.length === 0) {\n console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n }\n }, [props.galleryItems]);\n const onOpen = useCallback(() => {\n if (props.galleryItems && props.galleryItems.length > 0) {\n _onOpen();\n }\n }, [_onOpen, props.children]);\n useKeyboardShortcut(['Escape'], onClose);\n useKeyboardShortcut(['ArrowRight'], () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext());\n useKeyboardShortcut(['ArrowLeft'], () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev());\n return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { ~~className~~: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { ~~className~~: \"~~ballotx~~\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { ~~className~~: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n backgroundColor: theme.palette.surface.quarternary,\n paddingTop: '20px',\n display: 'flex',\n justifyContent: 'space-between',\n flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n width: '100%',\n height: '85%',\n overflow: 'hidden',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n '& > div': {\n width: '100%',\n height: '100%',\n },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n width: '100%',\n height: '15%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","~~className~~","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"~~+iLAMY~~,MAACA,EAAWC,IACpB,IAAIC,EACJ,MAAMC,EAAiBC,GAAQ,IAAMH,EAAMI,aAAaC,OAAS,GAAG,CAACL,EAAMI,gBACrEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,GAAW,IACjDC,EAAcC,GAAmBC,GAAS,IAC1CC,EAAcC,GAAmBF,GAAS,IAC1CG,EAAUC,GAAYC,EAAiB,CAC1CC,MAAO,SACPC,KAAM,IACNC,WAAwC,QAA3BpB,EAAKD,EAAMqB,kBAA+B,IAAPpB,EAAgBA,EAAK,EACrEqB,eAAgB,EAChBC,UAAWvB,EAAMI,aAAaC,OAAS,IAE3CmB,GAAU,KACN,GAAIP,EAAU,CACV,MAAMQ,EAAW,KACbb,GAAiBK,EAASS,iBAC1BX,GAAiBE,EAASU,gBAAgB,EAE9CV,EAASW,GAAG,SAAUH,GACtBA,GACH,IACF,CAACR,IACJO,GAAU,KACDxB,EAAMI,cAA8C,IAA9BJ,EAAMI,aAAaC,QAC1CwB,QAAQC,KAAK,6FAChB,GACF,CAAC9B,EAAMI,eACV,MAAMG,EAASwB,GAAY,KACnB/B,EAAMI,cAAgBJ,EAAMI,aAAaC,OAAS,GAClDG,GACH,GACF,CAACA,EAASR,EAAMgC,WAInB,OAHAC,EAAoB,CAAC,UAAWxB,GAChCwB,EAAoB,CAAC,eAAe,IAAMhB,aAA2C,EAASA,EAASiB,eACvGD,EAAoB,CAAC,cAAc,IAAMhB,aAA2C,EAASA,EAASkB,eAC9FC,EAAMC,EAAK,CAAE,cAAe,UAAWL,SAAU,CAACM,EAAKD,EAAK,CAAEE,UAAW,OAAQC,QAASjC,EAAQkC,GAAI,CAAEC,OAAQ,WAAa,cAAe,kBAAmBV,SAAUhC,EAAMgC,WAAaM,EAAKK,EAAiB,CAAEC,KAAMtC,EAAQ,cAAe,mBAAoB0B,SAAU1B,GAAW8B,EAAMS,EAAW,CAAEb,SAAU,CAACM,EAAKQ,EAAoB,CAAEC,IAAK/B,EAAUgB,SAAUM,EAAKD,EAAK,CAAEI,GAAI,CAAEO,QAAS,OAAQ,QAAS,CAAEC,KAAM,aAAgB,cAAe,gBAAiB,aAAchC,aAA2C,EAASA,EAASiC,qBAAsBlB,SAAUhC,EAAMI,iBAAoBkC,EAAKa,EAAqB,CAAE,cAAe,kBAAmBnB,SAAUI,EAAMgB,EAAO,CAAEC,UAAW,MAAOC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAAK3B,SAAU,CAAC9B,GAAmBoC,EAAKsB,EAAsB,CAAEC,KAAM,QAASC,SAAUhD,EAAc0B,QAAS,IAAMvB,aAA2C,EAASA,EAASkB,aAAc,cAAe,eAAgBH,SAAUM,EAAKyB,EAAM,CAAEC,~~UAAW~~,iBAAqB1B,EAAKsB,EAAsB,CAAEC,KAAM,QAASrB,QAAS/B,EAAS,cAAe,gBAAiBuB,SAAUM,EAAKyB,EAAM,CAAEC,~~UAAW~~,~~cAAiB9D~~,GAAmBoC,EAAKsB,EAAsB,CAAEC,KAAM,QAASC,SAAUnD,EAAc6B,QAAS,IAAMvB,aAA2C,EAASA,EAASiB,aAAc,cAAe,eAAgBF,SAAUM,EAAKyB,EAAM,CAAEC,~~UAAW~~,8BAAyC,~~EAEr7CrB~~,EAAkBsB,EAAOC,EAAPD,EAAiB,EAAGE,YAAa,CACrDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZxB,QAAS,OACTyB,eAAgB,gBAChBC,cAAe,aAEb5B,EAAqBmB,EAAO5B,EAAP4B,EAAY,KAAO,CAC1CU,MAAO,OACPC,OAAQ,MACRC,SAAU,SACV7B,QAAS,OACTyB,eAAgB,SAChBK,WAAY,SACZ,UAAW,CACPH,MAAO,OACPC,OAAQ,YAGVzB,EAAsBc,EAAO5B,EAAP4B,EAAY,KAAO,CAC3CU,MAAO,OACPC,OAAQ,MACR5B,QAAS,OACTyB,eAAgB,SAChBK,WAAY,aAEVlB,EAAuBK,EAAOc,EAAPd,EAAmB,EAAGE,YAAa,CAC5Da,MAAOb,EAAME,QAAQC,QAAQW"}
1	+ {"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from 'use-keyboard-shortcut';\nexport const Gallery = (props) => {\n var _a;\n const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n const [nextDisabled, setNextDisabled] = useState(true);\n const [prevDisabled, setPrevDisabled] = useState(true);\n const [emblaRef, emblaApi] = useEmblaCarousel({\n align: 'center',\n axis: 'x',\n startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n slidesToScroll: 1,\n draggable: props.galleryItems.length > 1,\n });\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n setNextDisabled(!emblaApi.canScrollNext());\n setPrevDisabled(!emblaApi.canScrollPrev());\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi]);\n useEffect(() => {\n if (!props.galleryItems \|\| props.galleryItems.length === 0) {\n console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n }\n }, [props.galleryItems]);\n const onOpen = useCallback(() => {\n if (props.galleryItems && props.galleryItems.length > 0) {\n _onOpen();\n }\n }, [_onOpen, props.children]);\n useKeyboardShortcut(['Escape'], onClose);\n useKeyboardShortcut(['ArrowRight'], () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext());\n useKeyboardShortcut(['ArrowLeft'], () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev());\n return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n backgroundColor: theme.palette.surface.quarternary,\n paddingTop: '20px',\n display: 'flex',\n justifyContent: 'space-between',\n flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n width: '100%',\n height: '85%',\n overflow: 'hidden',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n '& > div': {\n width: '100%',\n height: '100%',\n },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n width: '100%',\n height: '15%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}

package/organisms/gallery/GalleryTrigger.js CHANGED Viewed

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

package/organisms/gallery/GalleryTrigger.js.map CHANGED Viewed

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

package/organisms/heroImageCard/videoCardController.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,useRef as r,useCallback as i,useEffect as n}from"react";import{Icon as o}from"../../components/icon/icon.js";import a from"@emotion/styled";import{useTheme as s}from"@mui/material/styles";const p=({videoRef:a,playPauseCallback:p})=>{const[c,u]=e(!1),d=r(null),m=s(),y=i((t=>{c?(p&&p("play",t),a.current.play()):(p&&p("pause",t),a.current.pause()),u(!c)}),[c,p,a]);return n((()=>{window.innerWidth<m.breakpoints.values.md&&(a.current.pause(),u(!0))}),[a,m.breakpoints.values.md]),n((()=>{window.innerWidth<m.breakpoints.values.md?c?(d.current.style.transitionDelay="0s",d.current.style.opacity=1):(d.current.style.transitionDelay="2s",d.current.style.opacity=0):(d.current.style.transitionDelay="0s",d.current.style.opacity=1)}),[c,m.breakpoints.values.md]),t(l,{ref:d,onClick:t=>y(t),children:t("div",{children:t(o,{className:c?"play-right":"pause"})})})},l=a("div")((({theme:t})=>{let e={};return e={[t.breakpoints.up("md")]:Object.assign(Object.assign({},e),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${t.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:t.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[t.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${t.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:t.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},e}));export{p as default};
+import{jsx as t}from"react/jsx-runtime";import{useState as e,useRef as i,useCallback as r,useEffect as n}from"react";import{Icon as o}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import a from"@emotion/styled";import{useTheme as s}from"@mui/material/styles";const p=({videoRef:a,playPauseCallback:p})=>{const[c,u]=e(!1),d=i(null),m=s(),y=r((t=>{c?(p&&p("play",t),a.current.play()):(p&&p("pause",t),a.current.pause()),u(!c)}),[c,p,a]);return n((()=>{window.innerWidth<m.breakpoints.values.md&&(a.current.pause(),u(!0))}),[a,m.breakpoints.values.md]),n((()=>{window.innerWidth<m.breakpoints.values.md?c?(d.current.style.transitionDelay="0s",d.current.style.opacity=1):(d.current.style.transitionDelay="2s",d.current.style.opacity=0):(d.current.style.transitionDelay="0s",d.current.style.opacity=1)}),[c,m.breakpoints.values.md]),t(l,{ref:d,onClick:t=>y(t),children:t("div",{children:t(o,{name:c?"play":"pause"})})})},l=a("div")((({theme:t})=>{let e={};return e={[t.breakpoints.up("md")]:Object.assign(Object.assign({},e),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${t.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:t.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[t.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${t.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:t.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},e}));export{p as default};
 //# sourceMappingURL=videoCardController.js.map

package/organisms/heroImageCard/videoCardController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"videoCardController.js","sources":["../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport styled from '@emotion/styled';\nimport { useTheme } from '@mui/material/styles';\nconst VideoCardController = ({ videoRef, playPauseCallback }) => {\n const [isPaused, setIsPaused] = useState(false);\n const videoControllerRef = useRef(null);\n const theme = useTheme();\n //When the videoController is clicked, pause or play the video\n const handlePlayClick = useCallback((event) => {\n if (isPaused) {\n playPauseCallback && playPauseCallback('play', event);\n videoRef.current.play();\n }\n else {\n playPauseCallback && playPauseCallback('pause', event);\n videoRef.current.pause();\n }\n setIsPaused(!isPaused);\n }, [isPaused, playPauseCallback, videoRef]);\n //set the video puased as default if we are on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n videoRef.current.pause();\n setIsPaused(true);\n }\n }, [videoRef, theme.breakpoints.values.md]);\n //Add the transition effect from play to pause if on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n if (isPaused) {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n }\n else {\n videoControllerRef.current.style.transitionDelay = '2s';\n videoControllerRef.current.style.opacity = 0;\n }\n }\n else {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n }\n }, [isPaused, theme.breakpoints.values.md]);\n return (_jsx(VideoControllerStyled, { ref: videoControllerRef, onClick: (event) => handlePlayClick(event), children: _jsx(\"div\", { children: _jsx(Icon, { ~~className~~: isPaused ? 'play~~-right~~' : 'pause' }) }) }));\n};\nconst VideoControllerStyled = styled('div')(({ theme }) => {\n let style = {};\n style = {\n [theme.breakpoints.up('md')]: Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 1000, cursor: 'pointer', bottom: '24px', right: '24px', '& > div': {\n width: '44px',\n height: '44px',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n } }),\n [theme.breakpoints.down('md')]: {\n position: 'absolute',\n zIndex: 1000,\n left: '50%',\n top: '50%',\n width: '312px',\n height: '132px',\n transform: ' translate(-50%, -50%)',\n transitionDelay: '2s',\n transitionDuration: '0.3s',\n transitionProperty: 'opacity',\n transitionTimingFunction: 'ease-out',\n '& > div': {\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: ' translate(-50%, -50%)',\n width: '44px',\n height: '44px',\n margin: '0 auto',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n },\n },\n };\n return style;\n});\nexport default VideoCardController;\n//# sourceMappingURL=videoCardController.js.map"],"names":["VideoCardController","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","theme","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","breakpoints","values","md","style","transitionDelay","opacity","_jsx","VideoControllerStyled","ref","onClick","children","Icon","~~className~~","styled","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDuration","transitionProperty","transitionTimingFunction","margin"],"mappings":"~~yPAKK~~,MAACA,EAAsB,EAAGC,WAAUC,wBACrC,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAERC,EAAkBC,GAAaC,IAC7BT,GACAD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAGjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAErBX,GAAaD,EAAS,GACvB,CAACA,EAAUD,EAAmBD,IAyBjC,OAvBAe,GAAU,KACFC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC7CpB,EAASY,QAAQE,QACjBX,GAAY,GACf,GACF,CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAEvCL,GAAU,KACFC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GACzClB,GACAG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAI/ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,EAC9C,GACF,CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAC/BI,EAAKC,EAAuB,CAAEC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAAQiB,SAAUJ,EAAK,MAAO,CAAEI,SAAUJ,EAAKK,EAAM,CAAEC,~~UAAW5B~~,EAAW,~~aAAe~~,aAAkB,~~EAE/MuB~~,EAAwBM,EAAO,MAAPA,EAAc,EAAGxB,YAC3C,IAAIc,EAAQ,CAAA,EAuDZ,OAtDAA,EAAQ,CACJ,CAACd,EAAMW,YAAYc,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIb,GAAQ,CAAEc,SAAU,WAAYC,OAAQ,IAAMC,OAAQ,UAAWC,OAAQ,OAAQC,MAAO,OAAQ,UAAW,CACjKC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAGtB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC5BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACPzB,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRoB,OAAQ,SACRnB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKnBhC,CAAK"}
1	+ {"version":3,"file":"videoCardController.js","sources":["../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport styled from '@emotion/styled';\nimport { useTheme } from '@mui/material/styles';\nconst VideoCardController = ({ videoRef, playPauseCallback }) => {\n const [isPaused, setIsPaused] = useState(false);\n const videoControllerRef = useRef(null);\n const theme = useTheme();\n //When the videoController is clicked, pause or play the video\n const handlePlayClick = useCallback((event) => {\n if (isPaused) {\n playPauseCallback && playPauseCallback('play', event);\n videoRef.current.play();\n }\n else {\n playPauseCallback && playPauseCallback('pause', event);\n videoRef.current.pause();\n }\n setIsPaused(!isPaused);\n }, [isPaused, playPauseCallback, videoRef]);\n //set the video puased as default if we are on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n videoRef.current.pause();\n setIsPaused(true);\n }\n }, [videoRef, theme.breakpoints.values.md]);\n //Add the transition effect from play to pause if on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n if (isPaused) {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n }\n else {\n videoControllerRef.current.style.transitionDelay = '2s';\n videoControllerRef.current.style.opacity = 0;\n }\n }\n else {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n }\n }, [isPaused, theme.breakpoints.values.md]);\n return (_jsx(VideoControllerStyled, { ref: videoControllerRef, onClick: (event) => handlePlayClick(event), children: _jsx(\"div\", { children: _jsx(Icon, { name: isPaused ? 'play' : 'pause' }) }) }));\n};\nconst VideoControllerStyled = styled('div')(({ theme }) => {\n let style = {};\n style = {\n [theme.breakpoints.up('md')]: Object.assign(Object.assign({}, style), { position: 'absolute', zIndex: 1000, cursor: 'pointer', bottom: '24px', right: '24px', '& > div': {\n width: '44px',\n height: '44px',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n } }),\n [theme.breakpoints.down('md')]: {\n position: 'absolute',\n zIndex: 1000,\n left: '50%',\n top: '50%',\n width: '312px',\n height: '132px',\n transform: ' translate(-50%, -50%)',\n transitionDelay: '2s',\n transitionDuration: '0.3s',\n transitionProperty: 'opacity',\n transitionTimingFunction: 'ease-out',\n '& > div': {\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: ' translate(-50%, -50%)',\n width: '44px',\n height: '44px',\n margin: '0 auto',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n },\n },\n };\n return style;\n});\nexport default VideoCardController;\n//# sourceMappingURL=videoCardController.js.map"],"names":["VideoCardController","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","theme","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","breakpoints","values","md","style","transitionDelay","opacity","_jsx","VideoControllerStyled","ref","onClick","children","Icon","name","styled","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDuration","transitionProperty","transitionTimingFunction","margin"],"mappings":"2SAKK,MAACA,EAAsB,EAAGC,WAAUC,wBACrC,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAERC,EAAkBC,GAAaC,IAC7BT,GACAD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAGjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAErBX,GAAaD,EAAS,GACvB,CAACA,EAAUD,EAAmBD,IAyBjC,OAvBAe,GAAU,KACFC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC7CpB,EAASY,QAAQE,QACjBX,GAAY,GACf,GACF,CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAEvCL,GAAU,KACFC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GACzClB,GACAG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAI/ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,EAC9C,GACF,CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAC/BI,EAAKC,EAAuB,CAAEC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAAQiB,SAAUJ,EAAK,MAAO,CAAEI,SAAUJ,EAAKK,EAAM,CAAEC,KAAM5B,EAAW,OAAS,aAAkB,EAEpMuB,EAAwBM,EAAO,MAAPA,EAAc,EAAGxB,YAC3C,IAAIc,EAAQ,CAAA,EAuDZ,OAtDAA,EAAQ,CACJ,CAACd,EAAMW,YAAYc,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIb,GAAQ,CAAEc,SAAU,WAAYC,OAAQ,IAAMC,OAAQ,UAAWC,OAAQ,OAAQC,MAAO,OAAQ,UAAW,CACjKC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAGtB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC5BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACPzB,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRoB,OAAQ,SACRnB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACjBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKnBhC,CAAK"}

package/organisms/maps/mapComponents/mapComponent.d.ts CHANGED Viewed

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