@skodaflow/web-library 7.15.0 → 7.15.1

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\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 '../../utils/useKeyboardShortcut/useKeyboardShortcut';\n\nexport type GalleryProps = {\n  /**\n   * Trigger element that will be used to open gallery\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Array of gallery items nodes. Any array of react nodes can be used here, however `GalleryItem` component is suggested\n   * @requires\n   */\n  galleryItems: Array<React.ReactNode>;\n  /**\n   * Index of gallery item that should be active by default\n   * @default 0\n   */\n  startIndex?: number;\n};\n\n/**\n * @deprecated Use Carousel and Backdrop components\n */\nexport const Gallery: React.FC<GalleryProps> = (props) => {\n  const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n\n  const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n\n  const [nextDisabled, setNextDisabled] = useState(true);\n  const [prevDisabled, setPrevDisabled] = useState(true);\n\n  const [emblaRef, emblaApi] = useEmblaCarousel({\n    align: 'center',\n    axis: 'x',\n    startIndex: props.startIndex ?? 0,\n    slidesToScroll: 1,\n    draggable: props.galleryItems.length > 1,\n  });\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\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\n  const onOpen = useCallback(() => {\n    if (props.galleryItems && props.galleryItems.length > 0) {\n      _onOpen();\n    }\n  }, [_onOpen, props.children]);\n\n  useKeyboardShortcut(\n    {\n      Escape: onClose,\n      ArrowRight: emblaApi?.scrollNext,\n      ArrowLeft: emblaApi?.scrollPrev,\n    },\n    [!!emblaApi],\n  );\n\n  return (\n    <Box data-testid=\"Gallery\">\n      <Box component=\"span\" onClick={onOpen} sx={{ cursor: 'pointer' }} data-testid=\"Gallery.trigger\">\n        {props.children}\n      </Box>\n\n      <GalleryBackdrop open={isOpen} data-testid=\"Gallery.backdrop\">\n        {isOpen && (\n          <>\n            <GalleryItemContent ref={emblaRef}>\n              <Box\n                sx={{ display: 'flex', '& > *': { flex: '0 0 100%' } }}\n                data-testid=\"Gallery.items\"\n                data-state={emblaApi?.selectedScrollSnap()}\n              >\n                {props.galleryItems}\n              </Box>\n            </GalleryItemContent>\n\n            <GalleryControlPanel data-testid=\"Gallery.control\">\n              <Stack direction=\"row\" spacing={{ xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }}>\n                {showNavButtons && (\n                  <GalleryControlButton\n                    size=\"large\"\n                    disabled={prevDisabled}\n                    onClick={() => emblaApi?.scrollPrev()}\n                    data-testid=\"Gallery.prev\"\n                    aria-label=\"Previous image\"\n                  >\n                    <Icon name=\"arrow-left\" />\n                  </GalleryControlButton>\n                )}\n                <GalleryControlButton\n                  size=\"large\"\n                  onClick={onClose}\n                  data-testid=\"Gallery.close\"\n                  aria-label=\"Close gallery\"\n                >\n                  <Icon name=\"close\" />\n                </GalleryControlButton>\n                {showNavButtons && (\n                  <GalleryControlButton\n                    size=\"large\"\n                    disabled={nextDisabled}\n                    onClick={() => emblaApi?.scrollNext()}\n                    data-testid=\"Gallery.next\"\n                    aria-label=\"Next image\"\n                  >\n                    <Icon name=\"arrow-right\" />\n                  </GalleryControlButton>\n                )}\n              </Stack>\n            </GalleryControlPanel>\n          </>\n        )}\n      </GalleryBackdrop>\n    </Box>\n  );\n};\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}));\n\nconst GalleryItemContent = styled(Box)(() => ({\n  width: '100%',\n  height: '85%',\n  overflow: 'hidden',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n\n  '& > div': {\n    width: '100%',\n    height: '100%',\n  },\n}));\n\nconst GalleryControlPanel = styled(Box)(() => ({\n  width: '100%',\n  height: '15%',\n\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n}));\n\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n  color: theme.palette.surface.primary,\n}));\n"],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","jsxs","_jsx","component","onClick","sx","cursor","jsx","open","_Fragment","Fragment","ref","flex","selectedScrollSnap","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"ubA4Ba,MA4GPA,EAAkBC,EAAAA,OAAOC,EAAAA,SAAPD,EAAiB,EAAGE,YAAa,CACvDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZC,QAAS,OACTC,eAAgB,gBAChBC,cAAe,aAGXC,EAAqBX,EAAAA,OAAOY,EAAGA,IAAVZ,EAAY,KAAO,CAC5Ca,MAAO,OACPC,OAAQ,MACRC,SAAU,SACVP,QAAS,OACTC,eAAgB,SAChBO,WAAY,SAEZ,UAAW,CACTH,MAAO,OACPC,OAAQ,YAING,EAAsBjB,EAAAA,OAAOY,EAAGA,IAAVZ,EAAY,KAAO,CAC7Ca,MAAO,OACPC,OAAQ,MAERN,QAAS,OACTC,eAAgB,SAChBO,WAAY,aAGRE,EAAuBlB,EAAAA,OAAOmB,EAAAA,WAAPnB,EAAmB,EAAGE,YAAa,CAC9DkB,MAAOlB,EAAME,QAAQC,QAAQgB,4BA5IiBC,UAC9C,MAAMC,EAAiBC,WAAQ,IAAMF,EAAMG,aAAaC,OAAS,GAAG,CAACJ,EAAMG,gBAErEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,EAAUA,YAAC,IAEjDC,EAAcC,GAAmBC,EAAAA,UAAS,IAC1CC,EAAcC,GAAmBF,EAAAA,UAAS,IAE1CG,EAAUC,GAAYC,UAAiB,CAC5CC,MAAO,SACPC,KAAM,IACNC,mBAAYC,EAAArB,EAAMoB,0BAAc,EAChCE,eAAgB,EAChBC,UAAWvB,EAAMG,aAAaC,OAAS,IAGzCoB,EAAAA,WAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAW,KACfd,GAAiBK,EAASU,iBAC1BZ,GAAiBE,EAASW,gBAAgB,EAE5CX,EAASY,GAAG,SAAUH,GACtBA,OAED,CAACT,IAEJQ,EAAAA,WAAU,KACHxB,EAAMG,cAA8C,IAA9BH,EAAMG,aAAaC,QAC5CyB,QAAQC,KAAK,gGAEd,CAAC9B,EAAMG,eAEV,MAAMG,EAASyB,EAAAA,aAAY,KACrB/B,EAAMG,cAAgBH,EAAMG,aAAaC,OAAS,GACpDG,MAED,CAACA,EAASP,EAAMgC,WAWnB,OATAC,UACE,CACEC,OAAQ1B,EACR2B,WAAYnB,aAAA,EAAAA,EAAUoB,WACtBC,UAAWrB,aAAA,EAAAA,EAAUsB,YAEvB,GAAGtB,IAIHuB,EAACC,KAAAlD,EAAGA,IAAa,CAAA,cAAA,UACf0C,SAAA,CAAAS,MAACnD,EAAAA,IAAG,CAACoD,UAAU,OAAOC,QAASrC,EAAQsC,GAAI,CAAEC,OAAQ,WAAyB,cAAA,kBAC3Eb,SAAAhC,EAAMgC,WAGTS,EAAAK,IAACrE,EAAe,CAACsE,KAAM1C,EAAM,cAAc,mBAAkB2B,SAC1D3B,GACCkC,EAAAA,KACES,EAAAC,SAAA,CAAAjB,SAAA,CAAAS,EAAAK,IAACzD,EAAkB,CAAC6D,IAAKnC,EAAQiB,SAC/BS,EAACK,IAAAxD,EAAGA,IACF,CAAAsD,GAAI,CAAE1D,QAAS,OAAQ,QAAS,CAAEiE,KAAM,aAAc,cAC1C,gBAAe,aACfnC,aAAA,EAAAA,EAAUoC,qBAAoBpB,SAEzChC,EAAMG,iBAIXsC,EAAAA,IAAC9C,EAAmB,CAAA,cAAa,kBAAiBqC,SAChDO,EAAAA,KAACc,EAAKA,MAAC,CAAAC,UAAU,MAAMC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAAG5B,SAAA,CACrE/B,GACCwC,MAAC7C,EAAoB,CACnBiE,KAAK,QACLC,SAAUjD,EACV8B,QAAS,IAAM3B,aAAQ,EAARA,EAAUsB,aAAY,cACzB,eAAc,aACf,iBAAgBN,SAE3BS,EAAAA,IAACsB,EAAAA,KAAK,CAAAC,KAAK,iBAGfvB,MAAC7C,EAAoB,CACnBiE,KAAK,QACLlB,QAASnC,EAAO,cACJ,gBAAe,aAChB,gBAEXwB,SAAAS,EAAAK,IAACiB,EAAIA,KAAA,CAACC,KAAK,YAEZ/D,GACCwC,MAAC7C,EACC,CAAAiE,KAAK,QACLC,SAAUpD,EACViC,QAAS,IAAM3B,aAAA,EAAAA,EAAUoB,aAAY,cACzB,eAAc,aACf,aAAYJ,SAEvBS,MAACsB,EAAAA,KAAK,CAAAC,KAAK,8BAQrB"}
+{"version":3,"file":"Gallery.js","sources":["../../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\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 '../../utils/useKeyboardShortcut/useKeyboardShortcut';\n\nexport type GalleryProps = {\n  /**\n   * Trigger element that will be used to open gallery\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Array of gallery items nodes. Any array of react nodes can be used here, however `GalleryItem` component is suggested\n   * @requires\n   */\n  galleryItems: Array<React.ReactNode>;\n  /**\n   * Index of gallery item that should be active by default\n   * @default 0\n   */\n  startIndex?: number;\n};\n\n/**\n * @deprecated Use Carousel and Backdrop components\n */\nexport const Gallery: React.FC<GalleryProps> = (props) => {\n  const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n\n  const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n\n  const [nextDisabled, setNextDisabled] = useState(true);\n  const [prevDisabled, setPrevDisabled] = useState(true);\n\n  const [emblaRef, emblaApi] = useEmblaCarousel({\n    align: 'center',\n    axis: 'x',\n    startIndex: props.startIndex ?? 0,\n    slidesToScroll: 1,\n    draggable: props.galleryItems.length > 1,\n  });\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\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\n  const onOpen = useCallback(() => {\n    if (props.galleryItems && props.galleryItems.length > 0) {\n      _onOpen();\n    }\n  }, [_onOpen, props.children]);\n\n  useKeyboardShortcut(\n    {\n      Escape: onClose,\n      ArrowRight: emblaApi?.scrollNext,\n      ArrowLeft: emblaApi?.scrollPrev,\n    },\n    [!!emblaApi],\n  );\n\n  return (\n    <Box data-testid=\"Gallery\">\n      <Box component=\"span\" onClick={onOpen} sx={{ cursor: 'pointer' }} data-testid=\"Gallery.trigger\">\n        {props.children}\n      </Box>\n\n      <GalleryBackdrop open={isOpen} data-testid=\"Gallery.backdrop\">\n        {isOpen && (\n          <>\n            <GalleryItemContent ref={emblaRef}>\n              <Box\n                sx={{ display: 'flex', '& > *': { flex: '0 0 100%' } }}\n                data-testid=\"Gallery.items\"\n                data-state={emblaApi?.selectedScrollSnap()}\n              >\n                {props.galleryItems}\n              </Box>\n            </GalleryItemContent>\n\n            <GalleryControlPanel data-testid=\"Gallery.control\">\n              <Stack direction=\"row\" spacing={{ xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }}>\n                {showNavButtons && (\n                  <GalleryControlButton\n                    size=\"large\"\n                    disabled={prevDisabled}\n                    onClick={() => emblaApi?.scrollPrev()}\n                    data-testid=\"Gallery.prev\"\n                    aria-label=\"Previous image\"\n                  >\n                    <Icon name=\"arrow-left\" />\n                  </GalleryControlButton>\n                )}\n                <GalleryControlButton\n                  size=\"large\"\n                  onClick={onClose}\n                  data-testid=\"Gallery.close\"\n                  aria-label=\"Close gallery\"\n                >\n                  <Icon name=\"close\" />\n                </GalleryControlButton>\n                {showNavButtons && (\n                  <GalleryControlButton\n                    size=\"large\"\n                    disabled={nextDisabled}\n                    onClick={() => emblaApi?.scrollNext()}\n                    data-testid=\"Gallery.next\"\n                    aria-label=\"Next image\"\n                  >\n                    <Icon name=\"arrow-right\" />\n                  </GalleryControlButton>\n                )}\n              </Stack>\n            </GalleryControlPanel>\n          </>\n        )}\n      </GalleryBackdrop>\n    </Box>\n  );\n};\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}));\n\nconst GalleryItemContent = styled(Box)(() => ({\n  width: '100%',\n  height: '85%',\n  overflow: 'hidden',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n\n  '& > div': {\n    width: '100%',\n    height: '100%',\n  },\n}));\n\nconst GalleryControlPanel = styled(Box)(() => ({\n  width: '100%',\n  height: '15%',\n\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n}));\n\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n  color: theme.palette.surface.primary,\n}));\n"],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"ol2CA4BO,MA4GDA,EAAkBC,EAAAA,OAAOC,EAAAA,SAAPD,EAAiB,EAAGE,YAAO,CACjDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZC,QAAS,OACTC,eAAgB,gBAChBC,cAAe,aAGXC,EAAqBX,EAAAA,OAAOY,EAAAA,IAAPZ,EAAY,KAAA,CACrCa,MAAO,OACPC,OAAQ,MACRC,SAAU,SACVP,QAAS,OACTC,eAAgB,SAChBO,WAAY,SAEZ,UAAW,CACTH,MAAO,OACPC,OAAQ,YAING,EAAsBjB,EAAAA,OAAOY,EAAAA,IAAPZ,EAAY,KAAA,CACtCa,MAAO,OACPC,OAAQ,MAERN,QAAS,OACTC,eAAgB,SAChBO,WAAY,aAGRE,EAAuBlB,EAAAA,OAAOmB,EAAAA,WAAPnB,EAAmB,EAAGE,YAAO,CACxDkB,MAAOlB,EAAME,QAAQC,QAAQgB,4BA5IiBC,UAC9C,MAAMC,EAAiBC,WAAQ,IAAMF,EAAMG,aAAaC,OAAS,GAAG,CAACJ,EAAMG,gBAErEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,EAAAA,YAAW,IAEjDC,EAAcC,GAAmBC,EAAAA,UAAS,IAC1CC,EAAcC,GAAmBF,EAAAA,UAAS,IAE1CG,EAAUC,GAAYC,UAAiB,CAC5CC,MAAO,SACPC,KAAM,IACNC,mBAAYC,EAAArB,EAAMoB,0BAAc,EAChCE,eAAgB,EAChBC,UAAWvB,EAAMG,aAAaC,OAAS,IAGzCoB,EAAAA,WAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAW,KACfd,GAAiBK,EAASU,iBAC1BZ,GAAiBE,EAASW,gBAAgB,EAE5CX,EAASY,GAAG,SAAUH,GACtBA,GACF,IACC,CAACT,IAEJQ,EAAAA,WAAU,KACHxB,EAAMG,cAA8C,IAA9BH,EAAMG,aAAaC,QAC5CyB,QAAQC,KAAK,6FACf,GACC,CAAC9B,EAAMG,eAEV,MAAMG,EAASyB,EAAAA,aAAY,KACrB/B,EAAMG,cAAgBH,EAAMG,aAAaC,OAAS,GACpDG,GACF,GACC,CAACA,EAASP,EAAMgC,WAWnB,OATAC,UACE,CACEC,OAAQ1B,EACR2B,WAAYnB,aAAQ,EAARA,EAAUoB,WACtBC,UAAWrB,aAAQ,EAARA,EAAUsB,YAEvB,GAAGtB,IAIHuB,EAAAA,KAACjD,EAAAA,IAAG,CAAA,cAAa,UAAS0C,SAAA,CACxBQ,MAAClD,EAAAA,IAAG,CAACmD,UAAU,OAAOC,QAASpC,EAAQqC,GAAI,CAAEC,OAAQ,WAAW,cAAc,kBAAiBZ,SAC5FhC,EAAMgC,WAGTQ,EAAAA,IAAC/D,EAAe,CAACoE,KAAMxC,EAAM,cAAc,mBAAkB2B,SAC1D3B,GACCkC,EAAAA,KAAAO,EAAAA,SAAA,CAAAd,SAAA,CACEQ,EAAAA,IAACnD,EAAkB,CAAC0D,IAAKhC,EAAQiB,SAC/BQ,EAAAA,IAAClD,EAAAA,IAAG,CACFqD,GAAI,CAAEzD,QAAS,OAAQ,QAAS,CAAE8D,KAAM,aAAc,cAC1C,gBAAe,aACfhC,aAAQ,EAARA,EAAUiC,qBAAoBjB,SAEzChC,EAAMG,iBAIXqC,EAAAA,IAAC7C,EAAmB,CAAA,cAAa,kBAAiBqC,SAChDO,EAAAA,KAACW,EAAAA,MAAK,CAACC,UAAU,MAAMC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAAGzB,SAAA,CACrE/B,GACCuC,MAAC5C,EAAoB,CACnB8D,KAAK,QACLC,SAAU9C,EACV6B,QAAS,IAAM1B,aAAQ,EAARA,EAAUsB,aAAY,cACzB,eAAc,aACf,iBAAgBN,SAE3BQ,EAAAA,IAACoB,EAAAA,KAAI,CAACC,KAAK,iBAGfrB,MAAC5C,EAAoB,CACnB8D,KAAK,QACLhB,QAASlC,EAAO,cACJ,gBAAe,aAChB,gBAAewB,SAE1BQ,EAAAA,IAACoB,EAAAA,KAAI,CAACC,KAAK,YAEZ5D,GACCuC,MAAC5C,EAAoB,CACnB8D,KAAK,QACLC,SAAUjD,EACVgC,QAAS,IAAM1B,aAAQ,EAARA,EAAUoB,aAAY,cACzB,eAAc,aACf,aAAYJ,SAEvBQ,MAACoB,EAAAA,KAAI,CAACC,KAAK,8BAQrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryItem.js","sources":["../../../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { ResponsiveType, useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\n\nexport type GalleryItemProps = {\n  imageSrc: ResponsiveType<string>;\n  description?: React.ReactNode;\n  alt?: string;\n};\n\nexport const GalleryItem: React.FC<GalleryItemProps> = ({ description, alt, ...props }) => {\n  const theme = useTheme();\n  const imageSrc = useResponsiveProp(props.imageSrc);\n  const { width: windowWidth } = useWindowSize();\n\n  const wrapperRef = useRef<HTMLDListElement>(null);\n  const imageRef = useRef<HTMLPictureElement>(null);\n  const descRef = useRef<HTMLDivElement>(null);\n\n  const fixImageSize = useCallback(() => {\n    if (wrapperRef.current && imageRef.current && descRef.current) {\n      const wrapperHeight = wrapperRef.current.clientHeight;\n      const descHeight = descRef.current.clientHeight;\n\n      imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n    }\n  }, []);\n\n  useEffect(fixImageSize);\n  useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n\n  return (\n    <GalleryItemWrapper ref={wrapperRef} data-testid=\"GalleryItem\">\n      <Box ref={imageRef} component=\"picture\" sx={{ maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }}>\n        <source media={`(min-width: ${theme.breakpoints.values.xl}px)`} srcSet={imageSrc.xl} />\n        <source media={`(min-width: ${theme.breakpoints.values.lg}px)`} srcSet={imageSrc.lg} />\n        <source media={`(min-width: ${theme.breakpoints.values.md}px)`} srcSet={imageSrc.md} />\n        <source media={`(min-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.sm} />\n        <source media={`(max-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.xs} />\n        <Box component=\"img\" src={imageSrc.xs} alt={alt} sx={{ maxHeight: '100%', maxWidth: '100%' }} />\n      </Box>\n\n      {description && (\n        <Container ref={descRef} data-testid=\"GalleryItem.desc\">\n          {typeof description === 'string' ? (\n            <Typography sx={{ color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }}>\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n        </Container>\n      )}\n    </GalleryItemWrapper>\n  );\n};\n\nconst GalleryItemWrapper = styled(Box)(() => ({\n  position: 'relative',\n  height: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n}));\n"],"names":["GalleryItemWrapper","styled","Box","position","height","display","flexDirection","justifyContent","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","jsx","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"uNAWa,MA+CPA,EAAqBC,EAAAA,OAAOC,EAAGA,IAAVD,EAAY,KAAO,CAC5CE,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iCApDsCC,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA5B,uBACtD,MAAMK,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,YAEzBC,EAAaC,EAAMA,OAAmB,MACtCC,EAAWD,EAAMA,OAAqB,MACtCE,EAAUF,EAAMA,OAAiB,MAEjCG,EAAeC,EAAAA,aAAY,KAC/B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC7D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aAEnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,QAE3E,IAKH,OAHAK,EAAAA,UAAUV,GACVU,EAAAA,WAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAAAA,KAACnC,EAAmB,CAAAoC,IAAKhB,EAAU,cAAc,cAAaiB,SAAA,CAC5DF,EAAAA,KAACjC,EAAAA,KAAIkC,IAAKd,EAAUgB,UAAU,UAAUC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAC5FJ,SAAA,CAAAK,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOC,QAASC,OAAQhC,EAAS+B,KACjFJ,MAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOG,QAASD,OAAQhC,EAASiC,KACjFN,EAAAO,IAAA,SAAA,CAAQN,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASmC,KACjFR,EAAAO,IAAA,SAAA,CAAQN,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOM,QAASJ,OAAQhC,EAASoC,KACjFT,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOM,QAASJ,OAAQhC,EAASqC,KACjFV,EAACO,IAAA/C,EAAGA,IAAC,CAAAoC,UAAU,MAAMe,IAAKtC,EAASqC,GAAI1C,IAAKA,EAAK6B,GAAI,CAAER,UAAW,OAAQS,SAAU,aAGrF/B,GACCiC,EAAAA,IAACY,EAAAA,UAAU,CAAAlB,IAAKb,gBAAqB,mBAAkBc,SAC7B,iBAAhB5B,EACNiC,EAAAO,IAACM,aAAU,CAAChB,GAAI,CAAEiB,MAAO3C,EAAM4C,QAAQC,OAAOC,MAAOC,WAAY,EAAGnB,UAAW,UAAUJ,SACtF5B,IAGH,MAIa"}
+{"version":3,"file":"GalleryItem.js","sources":["../../../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { ResponsiveType, useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\n\nexport type GalleryItemProps = {\n  imageSrc: ResponsiveType<string>;\n  description?: React.ReactNode;\n  alt?: string;\n};\n\nexport const GalleryItem: React.FC<GalleryItemProps> = ({ description, alt, ...props }) => {\n  const theme = useTheme();\n  const imageSrc = useResponsiveProp(props.imageSrc);\n  const { width: windowWidth } = useWindowSize();\n\n  const wrapperRef = useRef<HTMLDListElement>(null);\n  const imageRef = useRef<HTMLPictureElement>(null);\n  const descRef = useRef<HTMLDivElement>(null);\n\n  const fixImageSize = useCallback(() => {\n    if (wrapperRef.current && imageRef.current && descRef.current) {\n      const wrapperHeight = wrapperRef.current.clientHeight;\n      const descHeight = descRef.current.clientHeight;\n\n      imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n    }\n  }, []);\n\n  useEffect(fixImageSize);\n  useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n\n  return (\n    <GalleryItemWrapper ref={wrapperRef} data-testid=\"GalleryItem\">\n      <Box ref={imageRef} component=\"picture\" sx={{ maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }}>\n        <source media={`(min-width: ${theme.breakpoints.values.xl}px)`} srcSet={imageSrc.xl} />\n        <source media={`(min-width: ${theme.breakpoints.values.lg}px)`} srcSet={imageSrc.lg} />\n        <source media={`(min-width: ${theme.breakpoints.values.md}px)`} srcSet={imageSrc.md} />\n        <source media={`(min-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.sm} />\n        <source media={`(max-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.xs} />\n        <Box component=\"img\" src={imageSrc.xs} alt={alt} sx={{ maxHeight: '100%', maxWidth: '100%' }} />\n      </Box>\n\n      {description && (\n        <Container ref={descRef} data-testid=\"GalleryItem.desc\">\n          {typeof description === 'string' ? (\n            <Typography sx={{ color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }}>\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n        </Container>\n      )}\n    </GalleryItemWrapper>\n  );\n};\n\nconst GalleryItemWrapper = styled(Box)(() => ({\n  position: 'relative',\n  height: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n}));\n"],"names":["GalleryItemWrapper","styled","Box","position","height","display","flexDirection","justifyContent","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"uNAWO,MA+CDA,EAAqBC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,KAAA,CACrCE,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iCApDsCC,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA5B,uBACtD,MAAMK,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,YAEzBC,EAAaC,EAAAA,OAAyB,MACtCC,EAAWD,EAAAA,OAA2B,MACtCE,EAAUF,EAAAA,OAAuB,MAEjCG,EAAeC,EAAAA,aAAY,KAC/B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC7D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aAEnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC5E,IACC,IAKH,OAHAK,EAAAA,UAAUV,GACVU,EAAAA,WAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAAAA,KAACnC,EAAkB,CAACoC,IAAKhB,EAAU,cAAc,cAAaiB,SAAA,CAC5DF,EAAAA,KAACjC,EAAAA,KAAIkC,IAAKd,EAAUgB,UAAU,UAAUC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAAUJ,SAAA,CACtGK,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOC,QAASC,OAAQhC,EAAS+B,KACjFJ,MAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOG,QAASD,OAAQhC,EAASiC,KACjFN,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOI,QAASF,OAAQhC,EAASkC,KACjFP,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASmC,KACjFR,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASoC,KACjFT,EAAAA,IAACxC,EAAAA,IAAG,CAACoC,UAAU,MAAMc,IAAKrC,EAASoC,GAAIzC,IAAKA,EAAK6B,GAAI,CAAER,UAAW,OAAQS,SAAU,aAGrF/B,GACCiC,EAAAA,IAACW,EAAAA,UAAS,CAACjB,IAAKb,gBAAqB,mBAAkBc,SAC7B,iBAAhB5B,EACNiC,EAAAA,IAACY,aAAU,CAACf,GAAI,CAAEgB,MAAO1C,EAAM2C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAUJ,SACtF5B,IACU,MAMA"}

package/cjs/organisms/gallery/GalleryTrigger.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");var r=require("@mui/material");const n={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}};exports.GalleryHighlightSx=n,exports.GalleryTrigger=o=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:n,children:e.jsx(i.Icon,{name:"search-plus"})}),o.children]});
+"use strict";var e=require("react/jsx-runtime"),o=require("../../components/icon/Icon.js");require("../../components/icon/FlowIcon.js"),require("../../components/icon/icon.definitions.js"),require("../../components/icon/filled/ATMFilledIcon.js"),require("../../components/icon/filled/AddFilledIcon.js"),require("../../components/icon/filled/AirFilterFilledIcon.js"),require("../../components/icon/filled/AISuggestionFilledIcon.js"),require("../../components/icon/filled/ArchiveFilledIcon.js"),require("../../components/icon/filled/ArrowBottomLeftFilledIcon.js"),require("../../components/icon/filled/ArrowBottomRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleDownFilledIcon.js"),require("../../components/icon/filled/ArrowCircleLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleTopRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleUpFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedDownFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedRightFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedUpFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowDownFilledIcon.js"),require("../../components/icon/filled/ArrowLeftFilledIcon.js"),require("../../components/icon/filled/ArrowRightFilledIcon.js"),require("../../components/icon/filled/ArrowTopLeftFilledIcon.js"),require("../../components/icon/filled/ArrowTopRightFilledIcon.js"),require("../../components/icon/filled/ArrowUpFilledIcon.js"),require("../../components/icon/filled/ArtboardFilledIcon.js"),require("../../components/icon/filled/AssistanceFilledIcon.js"),require("../../components/icon/filled/AudioMidFilledIcon.js"),require("../../components/icon/filled/AudioMuteFilledIcon.js"),require("../../components/icon/filled/AudioOffFilledIcon.js"),require("../../components/icon/filled/AudioOnFilledIcon.js"),require("../../components/icon/filled/BackToParentFilledIcon.js"),require("../../components/icon/filled/BadgeFilledIcon.js"),require("../../components/icon/filled/BalloonFilledIcon.js"),require("../../components/icon/filled/BarFilledIcon.js"),require("../../components/icon/filled/BarCodeFilledIcon.js"),require("../../components/icon/filled/Battery0FilledIcon.js"),require("../../components/icon/filled/Battery10FilledIcon.js"),require("../../components/icon/filled/Battery100FilledIcon.js"),require("../../components/icon/filled/Battery20FilledIcon.js"),require("../../components/icon/filled/Battery30FilledIcon.js"),require("../../components/icon/filled/Battery40FilledIcon.js"),require("../../components/icon/filled/Battery50FilledIcon.js"),require("../../components/icon/filled/Battery60FilledIcon.js"),require("../../components/icon/filled/Battery70FilledIcon.js"),require("../../components/icon/filled/Battery80FilledIcon.js"),require("../../components/icon/filled/Battery90FilledIcon.js"),require("../../components/icon/filled/BatteryChargingFilledIcon.js"),require("../../components/icon/filled/BatteryDischargeFilledIcon.js"),require("../../components/icon/filled/BatteryEmptyFilledIcon.js"),require("../../components/icon/filled/BatteryErrorFilledIcon.js"),require("../../components/icon/filled/BatteryFullFilledIcon.js"),require("../../components/icon/filled/BatteryHighVoltageFilledIcon.js"),require("../../components/icon/filled/BatteryOneThirdFilledIcon.js"),require("../../components/icon/filled/BatteryTwoThirdsFilledIcon.js"),require("../../components/icon/filled/BatteryFilledIcon.js"),require("../../components/icon/filled/BellFilledIcon.js"),require("../../components/icon/filled/BicycleFilledIcon.js"),require("../../components/icon/filled/BoltDischargeFilledIcon.js"),require("../../components/icon/filled/BoltFilledIcon.js"),require("../../components/icon/filled/BoltMotionFilledIcon.js"),require("../../components/icon/filled/BoltOffFilledIcon.js"),require("../../components/icon/filled/BonnetClosedFilledIcon.js"),require("../../components/icon/filled/BonnetOpenFilledIcon.js"),require("../../components/icon/filled/BookmarkFilledIcon.js"),require("../../components/icon/filled/BootClosedFilledIcon.js"),require("../../components/icon/filled/BootOpenFilledIcon.js"),require("../../components/icon/filled/BoxFilledIcon.js"),require("../../components/icon/filled/BrakeFluidFilledIcon.js"),require("../../components/icon/filled/BrakesFilledIcon.js"),require("../../components/icon/filled/BrightnessFilledIcon.js"),require("../../components/icon/filled/BuildingFilledIcon.js"),require("../../components/icon/filled/CalculatorFilledIcon.js"),require("../../components/icon/filled/CalendarCalendarFilledIcon.js"),require("../../components/icon/filled/CalendarCheckFilledIcon.js"),require("../../components/icon/filled/CalendarPointFilledIcon.js"),require("../../components/icon/filled/CameraFilledIcon.js"),require("../../components/icon/filled/CampingFilledIcon.js"),require("../../components/icon/filled/CarAccidentFilledIcon.js"),require("../../components/icon/filled/CarBackFilledIcon.js"),require("../../components/icon/filled/CarComparisonFilledIcon.js"),require("../../components/icon/filled/CarHandFilledIcon.js"),require("../../components/icon/filled/CarInfoFilledIcon.js"),require("../../components/icon/filled/CarMagnifierFilledIcon.js"),require("../../components/icon/filled/CarSeatFilledIcon.js"),require("../../components/icon/filled/CarSendFilledIcon.js"),require("../../components/icon/filled/CarSideFilledIcon.js"),require("../../components/icon/filled/CarStarFilledIcon.js"),require("../../components/icon/filled/CarTechnicalInfoFilledIcon.js"),require("../../components/icon/filled/CareMobilityFilledIcon.js"),require("../../components/icon/filled/CarFilledIcon.js"),require("../../components/icon/filled/CarDoorFilledIcon.js"),require("../../components/icon/filled/CarStatusFilledIcon.js"),require("../../components/icon/filled/CardFilledIcon.js"),require("../../components/icon/filled/ChangeOrderFilledIcon.js"),require("../../components/icon/filled/ChatFilledIcon.js"),require("../../components/icon/filled/CheckFilledIcon.js"),require("../../components/icon/filled/ChevronCircleDownFilledIcon.js"),require("../../components/icon/filled/ChevronCircleLeftFilledIcon.js"),require("../../components/icon/filled/ChevronCircleRightFilledIcon.js"),require("../../components/icon/filled/ChevronCircleUpFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleDownFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleLeftFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleRightFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleUpFilledIcon.js"),require("../../components/icon/filled/ChevronDownFilledIcon.js"),require("../../components/icon/filled/ChevronLeftFilledIcon.js"),require("../../components/icon/filled/ChevronNextFilledIcon.js"),require("../../components/icon/filled/ChevronPreviousFilledIcon.js"),require("../../components/icon/filled/ChevronRightFilledIcon.js"),require("../../components/icon/filled/ChevronUpFilledIcon.js"),require("../../components/icon/filled/CircleBluetoothFilledIcon.js"),require("../../components/icon/filled/CircleCheckFilledIcon.js"),require("../../components/icon/filled/CircleCloseFilledIcon.js"),require("../../components/icon/filled/CircleDownloadFilledIcon.js"),require("../../components/icon/filled/CircleExclamationFilledIcon.js"),require("../../components/icon/filled/CircleInformationFilledIcon.js"),require("../../components/icon/filled/CircleMinusFilledIcon.js"),require("../../components/icon/filled/CirclePlusFilledIcon.js"),require("../../components/icon/filled/CircleQuestionFilledIcon.js"),require("../../components/icon/filled/CircleSlashFilledIcon.js"),require("../../components/icon/filled/CircleUploadFilledIcon.js"),require("../../components/icon/filled/ClipFilledIcon.js"),require("../../components/icon/filled/ClockFilledIcon.js"),require("../../components/icon/filled/CloseFilledIcon.js"),require("../../components/icon/filled/ClosedcaptionsFilledIcon.js"),require("../../components/icon/filled/CloudCO2FilledIcon.js"),require("../../components/icon/filled/CloudDownloadFilledIcon.js"),require("../../components/icon/filled/CloudUploadFilledIcon.js"),require("../../components/icon/filled/ColoursFilledIcon.js"),require("../../components/icon/filled/ComfortFilledIcon.js"),require("../../components/icon/filled/ContrastFilledIcon.js"),require("../../components/icon/filled/ControlsForwardFilledIcon.js"),require("../../components/icon/filled/ControlsPauseFilledIcon.js"),require("../../components/icon/filled/ControlsPlayFilledIcon.js"),require("../../components/icon/filled/ControlsRecordFilledIcon.js"),require("../../components/icon/filled/ControlsReverseFilledIcon.js"),require("../../components/icon/filled/ControlsRewindFilledIcon.js"),require("../../components/icon/filled/ControlsSkipNextFilledIcon.js"),require("../../components/icon/filled/ControlsSkipPreviousFilledIcon.js"),require("../../components/icon/filled/ControlsStopFilledIcon.js"),require("../../components/icon/filled/CookieFilledIcon.js"),require("../../components/icon/filled/CultureFilledIcon.js"),require("../../components/icon/filled/CopyFilledIcon.js"),require("../../components/icon/filled/CutFilledIcon.js"),require("../../components/icon/filled/DealerFilledIcon.js"),require("../../components/icon/filled/DealershipServiceFilledIcon.js"),require("../../components/icon/filled/DeliveryFilledIcon.js"),require("../../components/icon/filled/DetailsFilledIcon.js"),require("../../components/icon/filled/DeviceSmartphoneFilledIcon.js"),require("../../components/icon/filled/DoorsClosedFilledIcon.js"),require("../../components/icon/filled/DoorsOpenFilledIcon.js"),require("../../components/icon/filled/DownloadFilledIcon.js"),require("../../components/icon/filled/DraghandleFilledIcon.js"),require("../../components/icon/filled/EditFilledIcon.js"),require("../../components/icon/filled/ElectricChargerFilledIcon.js"),require("../../components/icon/filled/ElectricChargerOffFilledIcon.js"),require("../../components/icon/filled/EmptystateFilledIcon.js"),require("../../components/icon/filled/EngineFilledIcon.js"),require("../../components/icon/filled/EngineOilFilledIcon.js"),require("../../components/icon/filled/EntertainmentFilledIcon.js"),require("../../components/icon/filled/EqualsignFilledIcon.js"),require("../../components/icon/filled/ExportFilledIcon.js"),require("../../components/icon/filled/ExternalLinkFilledIcon.js"),require("../../components/icon/filled/FacebookFilledIcon.js"),require("../../components/icon/filled/FactoryFilledIcon.js"),require("../../components/icon/filled/FanFilledIcon.js"),require("../../components/icon/filled/FeedbackFilledIcon.js"),require("../../components/icon/filled/FileFilledIcon.js"),require("../../components/icon/filled/FileMissingFilledIcon.js"),require("../../components/icon/filled/FileNewFilledIcon.js"),require("../../components/icon/filled/FilterFilledIcon.js"),require("../../components/icon/filled/FiltersFilledIcon.js"),require("../../components/icon/filled/FingerPrintFilledIcon.js"),require("../../components/icon/filled/FirstAidFilledIcon.js"),require("../../components/icon/filled/FlashFilledIcon.js"),require("../../components/icon/filled/FolderFilledIcon.js"),require("../../components/icon/filled/FolderShareFilledIcon.js"),require("../../components/icon/filled/FoodFilledIcon.js"),require("../../components/icon/filled/FourwheeldriveFilledIcon.js"),require("../../components/icon/filled/FrontaxleFilledIcon.js"),require("../../components/icon/filled/FuelSavingsFilledIcon.js"),require("../../components/icon/filled/FullscreenEnterFilledIcon.js"),require("../../components/icon/filled/FullscreenExitFilledIcon.js"),require("../../components/icon/filled/GarageFilledIcon.js"),require("../../components/icon/filled/GaugeFilledIcon.js"),require("../../components/icon/filled/GlobeFilledIcon.js"),require("../../components/icon/filled/GroupFilledIcon.js"),require("../../components/icon/filled/HandkeyFilledIcon.js"),require("../../components/icon/filled/HealthScanFilledIcon.js"),require("../../components/icon/filled/HeartFilledIcon.js"),require("../../components/icon/filled/HideFilledIcon.js"),require("../../components/icon/filled/HistoryFilledIcon.js"),require("../../components/icon/filled/HomeFilledIcon.js"),require("../../components/icon/filled/HonkFilledIcon.js"),require("../../components/icon/filled/HotelFilledIcon.js"),require("../../components/icon/filled/HybridFilledIcon.js"),require("../../components/icon/filled/IDCardFilledIcon.js"),require("../../components/icon/filled/ImportFilledIcon.js"),require("../../components/icon/filled/InboxFilledIcon.js"),require("../../components/icon/filled/InstagramFilledIcon.js"),require("../../components/icon/filled/LightsFilledIcon.js"),require("../../components/icon/filled/LightsOffFilledIcon.js"),require("../../components/icon/filled/LinkedInFilledIcon.js"),require("../../components/icon/filled/ListFilledIcon.js"),require("../../components/icon/filled/LockClosedFilledIcon.js"),require("../../components/icon/filled/LockOpenedFilledIcon.js"),require("../../components/icon/filled/LockOpenedAltFilledIcon.js"),require("../../components/icon/filled/LockedSteeringWheelFilledIcon.js"),require("../../components/icon/filled/LoginFilledIcon.js"),require("../../components/icon/filled/LogoutFilledIcon.js"),require("../../components/icon/filled/MaintenanceFilledIcon.js"),require("../../components/icon/filled/ManualFilledIcon.js"),require("../../components/icon/filled/MapCenterFilledIcon.js"),require("../../components/icon/filled/MapCompassFilledIcon.js"),require("../../components/icon/filled/MapFlagFilledIcon.js"),require("../../components/icon/filled/MapLocationFilledIcon.js"),require("../../components/icon/filled/MapFilledIcon.js"),require("../../components/icon/filled/MapMarkerFilledIcon.js"),require("../../components/icon/filled/MapMarkerLBOFilledIcon.js"),require("../../components/icon/filled/MapPinFilledIcon.js"),require("../../components/icon/filled/MapViewFilledIcon.js"),require("../../components/icon/filled/MenuWaffleFilledIcon.js"),require("../../components/icon/filled/MenuFilledIcon.js"),require("../../components/icon/filled/MessageFilledIcon.js"),require("../../components/icon/filled/MicrophoneFilledIcon.js"),require("../../components/icon/filled/MinusFilledIcon.js"),require("../../components/icon/filled/MoreHorizontalFilledIcon.js"),require("../../components/icon/filled/MoreVerticalFilledIcon.js"),require("../../components/icon/filled/MotionFilledIcon.js"),require("../../components/icon/filled/MusicalNoteFilledIcon.js"),require("../../components/icon/filled/MuteFilledIcon.js"),require("../../components/icon/filled/NewsFilledIcon.js"),require("../../components/icon/filled/NewspaperFilledIcon.js"),require("../../components/icon/filled/OilFilledIcon.js"),require("../../components/icon/filled/ParkingFilledIcon.js"),require("../../components/icon/filled/PasteFilledIcon.js"),require("../../components/icon/filled/PercentageFilledIcon.js"),require("../../components/icon/filled/PetFilledIcon.js"),require("../../components/icon/filled/PhoneFilledIcon.js"),require("../../components/icon/filled/PictureFilledIcon.js"),require("../../components/icon/filled/PiggybankFilledIcon.js"),require("../../components/icon/filled/PlugCCSType1FilledIcon.js"),require("../../components/icon/filled/PlugCCSType2FilledIcon.js"),require("../../components/icon/filled/PlugCHAdeMOFilledIcon.js"),require("../../components/icon/filled/PlugType1FilledIcon.js"),require("../../components/icon/filled/PlugType2FilledIcon.js"),require("../../components/icon/filled/PlugFilledIcon.js"),require("../../components/icon/filled/PlusFilledIcon.js"),require("../../components/icon/filled/PremiumLFilledIcon.js"),require("../../components/icon/filled/PremiumMFilledIcon.js"),require("../../components/icon/filled/PremiumSFilledIcon.js"),require("../../components/icon/filled/PriceTagFilledIcon.js"),require("../../components/icon/filled/PrintFilledIcon.js"),require("../../components/icon/filled/ProductionFilledIcon.js"),require("../../components/icon/filled/PublicplaceFilledIcon.js"),require("../../components/icon/filled/PumpFilledIcon.js"),require("../../components/icon/filled/PumpCNGFilledIcon.js"),require("../../components/icon/filled/PumpLPGFilledIcon.js"),require("../../components/icon/filled/QRCodeFilledIcon.js"),require("../../components/icon/filled/QualityFilledIcon.js"),require("../../components/icon/filled/QualityMedalFilledIcon.js"),require("../../components/icon/filled/RadarFilledIcon.js"),require("../../components/icon/filled/RefreshFilledIcon.js"),require("../../components/icon/filled/ReloadFilledIcon.js"),require("../../components/icon/filled/RevertFilledIcon.js"),require("../../components/icon/filled/RoadBlockFilledIcon.js"),require("../../components/icon/filled/SaveFilledIcon.js"),require("../../components/icon/filled/SearchMinusFilledIcon.js"),require("../../components/icon/filled/SearchPlusFilledIcon.js"),require("../../components/icon/filled/SearchFilledIcon.js"),require("../../components/icon/filled/SeatheaterFilledIcon.js"),require("../../components/icon/filled/SelectFilledIcon.js"),require("../../components/icon/filled/SelectAllFilledIcon.js"),require("../../components/icon/filled/SendFilledIcon.js"),require("../../components/icon/filled/SettingsFilledIcon.js"),require("../../components/icon/filled/ShapeCircleFilledIcon.js"),require("../../components/icon/filled/ShapeDropFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js"),require("../../components/icon/filled/ShapeRhombusFilledIcon.js"),require("../../components/icon/filled/ShapeShapesFilledIcon.js"),require("../../components/icon/filled/ShapeSquareFilledIcon.js"),require("../../components/icon/filled/ShapeStarFilledIcon.js"),require("../../components/icon/filled/ShapeStarhalfFilledIcon.js"),require("../../components/icon/filled/ShapeTriangleFilledIcon.js"),require("../../components/icon/filled/ShareFilledIcon.js"),require("../../components/icon/filled/ShareSquareFilledIcon.js"),require("../../components/icon/filled/ShieldCheckFilledIcon.js"),require("../../components/icon/filled/ShieldEmptyFilledIcon.js"),require("../../components/icon/filled/ShoppingBagFilledIcon.js"),require("../../components/icon/filled/ShoppingCartFilledIcon.js"),require("../../components/icon/filled/ShowFilledIcon.js"),require("../../components/icon/filled/ShuffleFilledIcon.js"),require("../../components/icon/filled/SignalFilledIcon.js"),require("../../components/icon/filled/SortDownFilledIcon.js"),require("../../components/icon/filled/SortUpFilledIcon.js"),require("../../components/icon/filled/SoundwaveFilledIcon.js"),require("../../components/icon/filled/SparkplugFilledIcon.js"),require("../../components/icon/filled/SportFilledIcon.js"),require("../../components/icon/filled/StatsFilledIcon.js"),require("../../components/icon/filled/SteeringWheelFilledIcon.js"),require("../../components/icon/filled/StopwatchFilledIcon.js"),require("../../components/icon/filled/SubtractFilledIcon.js"),require("../../components/icon/filled/SuitcaseFilledIcon.js"),require("../../components/icon/filled/SunroofFilledIcon.js"),require("../../components/icon/filled/TaskDoneFilledIcon.js"),require("../../components/icon/filled/TaskNoneFilledIcon.js"),require("../../components/icon/filled/TaskScheduledFilledIcon.js"),require("../../components/icon/filled/TechnicalInfoFilledIcon.js"),require("../../components/icon/filled/TelegramFilledIcon.js"),require("../../components/icon/filled/ThumbDownFilledIcon.js"),require("../../components/icon/filled/ThumbUpFilledIcon.js"),require("../../components/icon/filled/TicketFilledIcon.js"),require("../../components/icon/filled/TikTokFilledIcon.js"),require("../../components/icon/filled/ToiletsFilledIcon.js"),require("../../components/icon/filled/TransmissionAutomaticFilledIcon.js"),require("../../components/icon/filled/TransmissionManualFilledIcon.js"),require("../../components/icon/filled/TrashcanFilledIcon.js"),require("../../components/icon/filled/TripCyclicFilledIcon.js"),require("../../components/icon/filled/TripLongTermFilledIcon.js"),require("../../components/icon/filled/TripSingleFilledIcon.js"),require("../../components/icon/filled/TrophyFilledIcon.js"),require("../../components/icon/filled/TwitterFilledIcon.js"),require("../../components/icon/filled/TyreRepairFilledIcon.js"),require("../../components/icon/filled/TyreTracksFilledIcon.js"),require("../../components/icon/filled/TyresFilledIcon.js"),require("../../components/icon/filled/UploadFilledIcon.js"),require("../../components/icon/filled/UserFilledIcon.js"),require("../../components/icon/filled/VentilationFilledIcon.js"),require("../../components/icon/filled/VentilationOffFilledIcon.js"),require("../../components/icon/filled/WalkFilledIcon.js"),require("../../components/icon/filled/WallboxFilledIcon.js"),require("../../components/icon/filled/WalletFilledIcon.js"),require("../../components/icon/filled/WandFilledIcon.js"),require("../../components/icon/filled/WarningFilledIcon.js"),require("../../components/icon/filled/WeatherRainyFilledIcon.js"),require("../../components/icon/filled/WeatherSnowFilledIcon.js"),require("../../components/icon/filled/WellnessFilledIcon.js"),require("../../components/icon/filled/WhatsAppFilledIcon.js"),require("../../components/icon/filled/WheelchairFilledIcon.js"),require("../../components/icon/filled/WheelsFilledIcon.js"),require("../../components/icon/filled/WifiDisabledFilledIcon.js"),require("../../components/icon/filled/WifiHighFilledIcon.js"),require("../../components/icon/filled/WifiLowFilledIcon.js"),require("../../components/icon/filled/WifiMediumFilledIcon.js"),require("../../components/icon/filled/WifiNoSignalFilledIcon.js"),require("../../components/icon/filled/WindowFilledIcon.js"),require("../../components/icon/filled/WindowheaterFilledIcon.js"),require("../../components/icon/filled/WindowsClosedFilledIcon.js"),require("../../components/icon/filled/WindowsOpenFilledIcon.js"),require("../../components/icon/filled/WindscreenWiperFilledIcon.js"),require("../../components/icon/filled/WriteFilledIcon.js"),require("../../components/icon/filled/XFilledIcon.js"),require("../../components/icon/filled/YouTubeFilledIcon.js"),require("../../components/icon/stroke/ATMIcon.js"),require("../../components/icon/stroke/AddIcon.js"),require("../../components/icon/stroke/AirFilterIcon.js"),require("../../components/icon/stroke/AISuggestionIcon.js"),require("../../components/icon/stroke/ArchiveIcon.js"),require("../../components/icon/stroke/ArrowBottomLeftIcon.js"),require("../../components/icon/stroke/ArrowBottomRightIcon.js"),require("../../components/icon/stroke/ArrowCircleBottomLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleBottomRightIcon.js"),require("../../components/icon/stroke/ArrowCircleDownIcon.js"),require("../../components/icon/stroke/ArrowCircleLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleRightIcon.js"),require("../../components/icon/stroke/ArrowCircleTopLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleTopRightIcon.js"),require("../../components/icon/stroke/ArrowCircleUpIcon.js"),require("../../components/icon/stroke/ArrowCurvedDownIcon.js"),require("../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedLeftIcon.js"),require("../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedRightIcon.js"),require("../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedUpIcon.js"),require("../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js"),require("../../components/icon/stroke/ArrowDownIcon.js"),require("../../components/icon/stroke/ArrowLeftIcon.js"),require("../../components/icon/stroke/ArrowRightIcon.js"),require("../../components/icon/stroke/ArrowTopLeftIcon.js"),require("../../components/icon/stroke/ArrowTopRightIcon.js"),require("../../components/icon/stroke/ArrowUpIcon.js"),require("../../components/icon/stroke/ArtboardIcon.js"),require("../../components/icon/stroke/AssistanceIcon.js"),require("../../components/icon/stroke/AudioMidIcon.js"),require("../../components/icon/stroke/AudioMuteIcon.js"),require("../../components/icon/stroke/AudioOffIcon.js"),require("../../components/icon/stroke/AudioOnIcon.js"),require("../../components/icon/stroke/BadgeIcon.js"),require("../../components/icon/stroke/BackToParentIcon.js"),require("../../components/icon/stroke/BalloonIcon.js"),require("../../components/icon/stroke/BarIcon.js"),require("../../components/icon/stroke/BarCodeIcon.js"),require("../../components/icon/stroke/Battery0Icon.js"),require("../../components/icon/stroke/Battery10Icon.js"),require("../../components/icon/stroke/Battery100Icon.js"),require("../../components/icon/stroke/Battery20Icon.js"),require("../../components/icon/stroke/Battery30Icon.js"),require("../../components/icon/stroke/Battery40Icon.js"),require("../../components/icon/stroke/Battery50Icon.js"),require("../../components/icon/stroke/Battery60Icon.js"),require("../../components/icon/stroke/Battery70Icon.js"),require("../../components/icon/stroke/Battery80Icon.js"),require("../../components/icon/stroke/Battery90Icon.js"),require("../../components/icon/stroke/BatteryEmptyIcon.js"),require("../../components/icon/stroke/BatteryFullIcon.js"),require("../../components/icon/stroke/BatteryHighVoltageIcon.js"),require("../../components/icon/stroke/BatteryOneThirdIcon.js"),require("../../components/icon/stroke/BatteryTwoThirdsIcon.js"),require("../../components/icon/stroke/BatteryChargingIcon.js"),require("../../components/icon/stroke/BatteryDischargeIcon.js"),require("../../components/icon/stroke/BatteryErrorIcon.js"),require("../../components/icon/stroke/BatteryIcon.js"),require("../../components/icon/stroke/BellIcon.js"),require("../../components/icon/stroke/BicycleIcon.js"),require("../../components/icon/stroke/BoltDischargeIcon.js"),require("../../components/icon/stroke/BoltIcon.js"),require("../../components/icon/stroke/BoltMotionIcon.js"),require("../../components/icon/stroke/BoltOffIcon.js"),require("../../components/icon/stroke/BonnetClosedIcon.js"),require("../../components/icon/stroke/BonnetOpenIcon.js"),require("../../components/icon/stroke/BookmarkIcon.js"),require("../../components/icon/stroke/BootClosedIcon.js"),require("../../components/icon/stroke/BootOpenIcon.js"),require("../../components/icon/stroke/BoxIcon.js"),require("../../components/icon/stroke/BrakeFluidIcon.js"),require("../../components/icon/stroke/BrakesIcon.js"),require("../../components/icon/stroke/BrightnessIcon.js"),require("../../components/icon/stroke/BuildingIcon.js"),require("../../components/icon/stroke/CalculatorIcon.js"),require("../../components/icon/stroke/CalendarCalendarIcon.js"),require("../../components/icon/stroke/CalendarCheckIcon.js"),require("../../components/icon/stroke/CalendarPointIcon.js"),require("../../components/icon/stroke/CameraIcon.js"),require("../../components/icon/stroke/CampingIcon.js"),require("../../components/icon/stroke/CarAccidentIcon.js"),require("../../components/icon/stroke/CarBackIcon.js"),require("../../components/icon/stroke/CarComparisonIcon.js"),require("../../components/icon/stroke/CarHandIcon.js"),require("../../components/icon/stroke/CarInfoIcon.js"),require("../../components/icon/stroke/CarMagnifierIcon.js"),require("../../components/icon/stroke/CarSeatIcon.js"),require("../../components/icon/stroke/CarSendIcon.js"),require("../../components/icon/stroke/CarSideIcon.js"),require("../../components/icon/stroke/CarStarIcon.js"),require("../../components/icon/stroke/CarTechnicalInfoIcon.js"),require("../../components/icon/stroke/CareMobilityIcon.js"),require("../../components/icon/stroke/CarIcon.js"),require("../../components/icon/stroke/CarDoorIcon.js"),require("../../components/icon/stroke/CarStatusIcon.js"),require("../../components/icon/stroke/CardIcon.js"),require("../../components/icon/stroke/ChangeOrderIcon.js"),require("../../components/icon/stroke/ChatIcon.js"),require("../../components/icon/stroke/CheckIcon.js"),require("../../components/icon/stroke/ChevronCircleDownIcon.js"),require("../../components/icon/stroke/ChevronCircleLeftIcon.js"),require("../../components/icon/stroke/ChevronCircleRightIcon.js"),require("../../components/icon/stroke/ChevronCircleUpIcon.js"),require("../../components/icon/stroke/ChevronDoubleDownIcon.js"),require("../../components/icon/stroke/ChevronDoubleLeftIcon.js"),require("../../components/icon/stroke/ChevronDoubleRightIcon.js"),require("../../components/icon/stroke/ChevronDoubleUpIcon.js"),require("../../components/icon/stroke/ChevronDownIcon.js"),require("../../components/icon/stroke/ChevronLeftIcon.js"),require("../../components/icon/stroke/ChevronNextIcon.js"),require("../../components/icon/stroke/ChevronPreviousIcon.js"),require("../../components/icon/stroke/ChevronRightIcon.js"),require("../../components/icon/stroke/ChevronUpIcon.js"),require("../../components/icon/stroke/CircleBluetoothIcon.js"),require("../../components/icon/stroke/CircleCheckIcon.js"),require("../../components/icon/stroke/CircleCloseIcon.js"),require("../../components/icon/stroke/CircleDownloadIcon.js"),require("../../components/icon/stroke/CircleExclamationIcon.js"),require("../../components/icon/stroke/CircleInformationIcon.js"),require("../../components/icon/stroke/CircleMinusIcon.js"),require("../../components/icon/stroke/CirclePlusIcon.js"),require("../../components/icon/stroke/CircleQuestionIcon.js"),require("../../components/icon/stroke/CircleSlashIcon.js"),require("../../components/icon/stroke/CircleUploadIcon.js"),require("../../components/icon/stroke/ClipIcon.js"),require("../../components/icon/stroke/ClockIcon.js"),require("../../components/icon/stroke/CloseIcon.js"),require("../../components/icon/stroke/ClosedcaptionsIcon.js"),require("../../components/icon/stroke/CloudCO2Icon.js"),require("../../components/icon/stroke/CloudDownloadIcon.js"),require("../../components/icon/stroke/CloudUploadIcon.js"),require("../../components/icon/stroke/ColoursIcon.js"),require("../../components/icon/stroke/ComfortIcon.js"),require("../../components/icon/stroke/ContrastIcon.js"),require("../../components/icon/stroke/ControlsForwardIcon.js"),require("../../components/icon/stroke/ControlsPauseIcon.js"),require("../../components/icon/stroke/ControlsPlayIcon.js"),require("../../components/icon/stroke/ControlsRecordIcon.js"),require("../../components/icon/stroke/ControlsReverseIcon.js"),require("../../components/icon/stroke/ControlsRewindIcon.js"),require("../../components/icon/stroke/ControlsSkipNextIcon.js"),require("../../components/icon/stroke/ControlsSkipPreviousIcon.js"),require("../../components/icon/stroke/ControlsStopIcon.js"),require("../../components/icon/stroke/CookieIcon.js"),require("../../components/icon/stroke/CopyIcon.js"),require("../../components/icon/stroke/CultureIcon.js"),require("../../components/icon/stroke/CutIcon.js"),require("../../components/icon/stroke/DealerIcon.js"),require("../../components/icon/stroke/DealershipServiceIcon.js"),require("../../components/icon/stroke/DeliveryIcon.js"),require("../../components/icon/stroke/DetailsIcon.js"),require("../../components/icon/stroke/DeviceSmartphoneIcon.js"),require("../../components/icon/stroke/DoorsClosedIcon.js"),require("../../components/icon/stroke/DoorsOpenIcon.js"),require("../../components/icon/stroke/DownloadIcon.js"),require("../../components/icon/stroke/DraghandleIcon.js"),require("../../components/icon/stroke/EditIcon.js"),require("../../components/icon/stroke/ElectricChargerIcon.js"),require("../../components/icon/stroke/ElectricChargerOffIcon.js"),require("../../components/icon/stroke/EmptystateIcon.js"),require("../../components/icon/stroke/EngineIcon.js"),require("../../components/icon/stroke/EngineOilIcon.js"),require("../../components/icon/stroke/EntertainmentIcon.js"),require("../../components/icon/stroke/EqualsignIcon.js"),require("../../components/icon/stroke/ExportIcon.js"),require("../../components/icon/stroke/ExternalLinkIcon.js"),require("../../components/icon/stroke/FacebookIcon.js"),require("../../components/icon/stroke/FactoryIcon.js"),require("../../components/icon/stroke/FanIcon.js"),require("../../components/icon/stroke/FeedbackIcon.js"),require("../../components/icon/stroke/FileIcon.js"),require("../../components/icon/stroke/FileMissingIcon.js"),require("../../components/icon/stroke/FileNewIcon.js"),require("../../components/icon/stroke/FilterIcon.js"),require("../../components/icon/stroke/FiltersIcon.js"),require("../../components/icon/stroke/FingerPrintIcon.js"),require("../../components/icon/stroke/FirstAidIcon.js"),require("../../components/icon/stroke/FlashIcon.js"),require("../../components/icon/stroke/FolderIcon.js"),require("../../components/icon/stroke/FolderShareIcon.js"),require("../../components/icon/stroke/FoodIcon.js"),require("../../components/icon/stroke/FourwheeldriveIcon.js"),require("../../components/icon/stroke/FrontaxleIcon.js"),require("../../components/icon/stroke/FuelSavingsIcon.js"),require("../../components/icon/stroke/FullscreenEnterIcon.js"),require("../../components/icon/stroke/FullscreenExitIcon.js"),require("../../components/icon/stroke/GarageIcon.js"),require("../../components/icon/stroke/GaugeIcon.js"),require("../../components/icon/stroke/GlobeIcon.js"),require("../../components/icon/stroke/GroupIcon.js"),require("../../components/icon/stroke/HandkeyIcon.js"),require("../../components/icon/stroke/HealthScanIcon.js"),require("../../components/icon/stroke/HeartIcon.js"),require("../../components/icon/stroke/HideIcon.js"),require("../../components/icon/stroke/HistoryIcon.js"),require("../../components/icon/stroke/HomeIcon.js"),require("../../components/icon/stroke/HonkIcon.js"),require("../../components/icon/stroke/HotelIcon.js"),require("../../components/icon/stroke/HybridIcon.js"),require("../../components/icon/stroke/IDCardIcon.js"),require("../../components/icon/stroke/ImportIcon.js"),require("../../components/icon/stroke/InboxIcon.js"),require("../../components/icon/stroke/InstagramIcon.js"),require("../../components/icon/stroke/LightsIcon.js"),require("../../components/icon/stroke/LightsOffIcon.js"),require("../../components/icon/stroke/LinkedInIcon.js"),require("../../components/icon/stroke/ListIcon.js"),require("../../components/icon/stroke/LockClosedIcon.js"),require("../../components/icon/stroke/LockOpenedIcon.js"),require("../../components/icon/stroke/LockOpenedAltIcon.js"),require("../../components/icon/stroke/LockedSteeringWheelIcon.js"),require("../../components/icon/stroke/LoginIcon.js"),require("../../components/icon/stroke/LogoutIcon.js"),require("../../components/icon/stroke/MaintenanceIcon.js"),require("../../components/icon/stroke/ManualIcon.js"),require("../../components/icon/stroke/MapCenterIcon.js"),require("../../components/icon/stroke/MapCompassIcon.js"),require("../../components/icon/stroke/MapFlagIcon.js"),require("../../components/icon/stroke/MapLocationIcon.js"),require("../../components/icon/stroke/MapIcon.js"),require("../../components/icon/stroke/MapMarkerIcon.js"),require("../../components/icon/stroke/MapMarkerLBOIcon.js"),require("../../components/icon/stroke/MapPinIcon.js"),require("../../components/icon/stroke/MapViewIcon.js"),require("../../components/icon/stroke/MenuWaffleIcon.js"),require("../../components/icon/stroke/MenuIcon.js"),require("../../components/icon/stroke/MessageIcon.js"),require("../../components/icon/stroke/MicrophoneIcon.js"),require("../../components/icon/stroke/MinusIcon.js"),require("../../components/icon/stroke/MoreHorizontalIcon.js"),require("../../components/icon/stroke/MoreVerticalIcon.js"),require("../../components/icon/stroke/MotionIcon.js"),require("../../components/icon/stroke/MusicalNoteIcon.js"),require("../../components/icon/stroke/MuteIcon.js"),require("../../components/icon/stroke/NewsIcon.js"),require("../../components/icon/stroke/NewspaperIcon.js"),require("../../components/icon/stroke/OilIcon.js"),require("../../components/icon/stroke/ParkingIcon.js"),require("../../components/icon/stroke/PasteIcon.js"),require("../../components/icon/stroke/PercentageIcon.js"),require("../../components/icon/stroke/PetIcon.js"),require("../../components/icon/stroke/PhoneIcon.js"),require("../../components/icon/stroke/PictureIcon.js"),require("../../components/icon/stroke/PiggybankIcon.js"),require("../../components/icon/stroke/PlugCCSType1Icon.js"),require("../../components/icon/stroke/PlugCCSType2Icon.js"),require("../../components/icon/stroke/PlugCHAdeMOIcon.js"),require("../../components/icon/stroke/PlugType1Icon.js"),require("../../components/icon/stroke/PlugType2Icon.js"),require("../../components/icon/stroke/PlugIcon.js"),require("../../components/icon/stroke/PlusIcon.js"),require("../../components/icon/stroke/PremiumLIcon.js"),require("../../components/icon/stroke/PremiumMIcon.js"),require("../../components/icon/stroke/PremiumSIcon.js"),require("../../components/icon/stroke/PriceTagIcon.js"),require("../../components/icon/stroke/PrintIcon.js"),require("../../components/icon/stroke/ProductionIcon.js"),require("../../components/icon/stroke/PublicplaceIcon.js"),require("../../components/icon/stroke/PumpIcon.js"),require("../../components/icon/stroke/PumpCNGIcon.js"),require("../../components/icon/stroke/PumpLPGIcon.js"),require("../../components/icon/stroke/QRCodeIcon.js"),require("../../components/icon/stroke/QualityIcon.js"),require("../../components/icon/stroke/QualityMedalIcon.js"),require("../../components/icon/stroke/RadarIcon.js"),require("../../components/icon/stroke/RefreshIcon.js"),require("../../components/icon/stroke/ReloadIcon.js"),require("../../components/icon/stroke/RevertIcon.js"),require("../../components/icon/stroke/RoadBlockIcon.js"),require("../../components/icon/stroke/SaveIcon.js"),require("../../components/icon/stroke/SearchMinusIcon.js"),require("../../components/icon/stroke/SearchPlusIcon.js"),require("../../components/icon/stroke/SearchIcon.js"),require("../../components/icon/stroke/SeatheaterIcon.js"),require("../../components/icon/stroke/SelectIcon.js"),require("../../components/icon/stroke/SelectAllIcon.js"),require("../../components/icon/stroke/SendIcon.js"),require("../../components/icon/stroke/SettingsIcon.js"),require("../../components/icon/stroke/ShapeCircleIcon.js"),require("../../components/icon/stroke/ShapeDropIcon.js"),require("../../components/icon/stroke/ShapeRectangleHorizontalIcon.js"),require("../../components/icon/stroke/ShapeRectangleRoundedIcon.js"),require("../../components/icon/stroke/ShapeRectangleVerticalIcon.js"),require("../../components/icon/stroke/ShapeRhombusIcon.js"),require("../../components/icon/stroke/ShapeShapesIcon.js"),require("../../components/icon/stroke/ShapeSquareIcon.js"),require("../../components/icon/stroke/ShapeStarIcon.js"),require("../../components/icon/stroke/ShapeStarhalfIcon.js"),require("../../components/icon/stroke/ShapeTriangleIcon.js"),require("../../components/icon/stroke/ShareIcon.js"),require("../../components/icon/stroke/ShareSquareIcon.js"),require("../../components/icon/stroke/ShieldCheckIcon.js"),require("../../components/icon/stroke/ShieldEmptyIcon.js"),require("../../components/icon/stroke/ShoppingBagIcon.js"),require("../../components/icon/stroke/ShoppingCartIcon.js"),require("../../components/icon/stroke/ShowIcon.js"),require("../../components/icon/stroke/ShuffleIcon.js"),require("../../components/icon/stroke/SignalIcon.js"),require("../../components/icon/stroke/SortDownIcon.js"),require("../../components/icon/stroke/SortUpIcon.js"),require("../../components/icon/stroke/SoundwaveIcon.js"),require("../../components/icon/stroke/SparkplugIcon.js"),require("../../components/icon/stroke/SportIcon.js"),require("../../components/icon/stroke/StatsIcon.js"),require("../../components/icon/stroke/SteeringWheelIcon.js"),require("../../components/icon/stroke/StopwatchIcon.js"),require("../../components/icon/stroke/SubtractIcon.js"),require("../../components/icon/stroke/SuitcaseIcon.js"),require("../../components/icon/stroke/SunroofIcon.js"),require("../../components/icon/stroke/TaskDoneIcon.js"),require("../../components/icon/stroke/TaskNoneIcon.js"),require("../../components/icon/stroke/TaskScheduledIcon.js"),require("../../components/icon/stroke/TechnicalInfoIcon.js"),require("../../components/icon/stroke/TelegramIcon.js"),require("../../components/icon/stroke/ThumbDownIcon.js"),require("../../components/icon/stroke/ThumbUpIcon.js"),require("../../components/icon/stroke/TicketIcon.js"),require("../../components/icon/stroke/TikTokIcon.js"),require("../../components/icon/stroke/ToiletsIcon.js"),require("../../components/icon/stroke/TransmissionAutomaticIcon.js"),require("../../components/icon/stroke/TransmissionManualIcon.js"),require("../../components/icon/stroke/TrashcanIcon.js"),require("../../components/icon/stroke/TripCyclicIcon.js"),require("../../components/icon/stroke/TripLongTermIcon.js"),require("../../components/icon/stroke/TripSingleIcon.js"),require("../../components/icon/stroke/TrophyIcon.js"),require("../../components/icon/stroke/TwitterIcon.js"),require("../../components/icon/stroke/TyreRepairIcon.js"),require("../../components/icon/stroke/TyreTracksIcon.js"),require("../../components/icon/stroke/TyresIcon.js"),require("../../components/icon/stroke/UploadIcon.js"),require("../../components/icon/stroke/UserIcon.js"),require("../../components/icon/stroke/VentilationIcon.js"),require("../../components/icon/stroke/VentilationOffIcon.js"),require("../../components/icon/stroke/WalkIcon.js"),require("../../components/icon/stroke/WallboxIcon.js"),require("../../components/icon/stroke/WalletIcon.js"),require("../../components/icon/stroke/WandIcon.js"),require("../../components/icon/stroke/WarningIcon.js"),require("../../components/icon/stroke/WeatherRainyIcon.js"),require("../../components/icon/stroke/WeatherSnowIcon.js"),require("../../components/icon/stroke/WellnessIcon.js"),require("../../components/icon/stroke/WhatsAppIcon.js"),require("../../components/icon/stroke/WheelchairIcon.js"),require("../../components/icon/stroke/WheelsIcon.js"),require("../../components/icon/stroke/WifiDisabledIcon.js"),require("../../components/icon/stroke/WifiHighIcon.js"),require("../../components/icon/stroke/WifiLowIcon.js"),require("../../components/icon/stroke/WifiMediumIcon.js"),require("../../components/icon/stroke/WifiNoSignalIcon.js"),require("../../components/icon/stroke/WindowIcon.js"),require("../../components/icon/stroke/WindowheaterIcon.js"),require("../../components/icon/stroke/WindowsClosedIcon.js"),require("../../components/icon/stroke/WindowsOpenIcon.js"),require("../../components/icon/stroke/WindscreenWiperIcon.js"),require("../../components/icon/stroke/WriteIcon.js"),require("../../components/icon/stroke/XIcon.js"),require("../../components/icon/stroke/YouTubeIcon.js");var n=require("@mui/material");const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}};exports.GalleryHighlightSx=i,exports.GalleryTrigger=r=>e.jsxs(n.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(n.Box,{component:"span",sx:i,children:e.jsx(o.Icon,{name:"search-plus"})}),r.children]});
 //# sourceMappingURL=GalleryTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryTrigger.js","sources":["../../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { Box, SxProps, Theme } from '@mui/material';\n\nexport type GalleryTriggerProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryHighlightSx: SxProps<Theme> = {\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\n  '& .sa-i': {\n    position: 'absolute',\n    right: '8px',\n    top: '8px',\n    color: 'white',\n  },\n};\n\nexport const GalleryTrigger: React.FC<GalleryTriggerProps> = (props) => {\n  return (\n    <Box component=\"span\" sx={{ position: 'relative', display: 'inline-block' }} data-testid=\"GalleryTrigger\">\n      <Box component=\"span\" sx={GalleryHighlightSx}>\n        <Icon name=\"search-plus\" />\n      </Box>\n      {props.children}\n    </Box>\n  );\n};\n"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","name"],"mappings":"+KAOa,MAAAA,EAAqC,CAChDC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OAER,UAAW,CACTN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAImDC,GAE1DC,EAAAA,KAACC,EAAAA,IAAG,CAACC,UAAU,OAAOC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAA8B,cAAA,iBACvFQ,SAAA,CAAAC,EAAAC,IAACL,EAAGA,IAAC,CAAAC,UAAU,OAAOC,GAAIb,EACxBc,SAAAC,EAAAA,IAACE,EAAAA,KAAI,CAACC,KAAK,kBAEZT,EAAMK"}
+{"version":3,"file":"GalleryTrigger.js","sources":["../../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { Box, SxProps, Theme } from '@mui/material';\n\nexport type GalleryTriggerProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryHighlightSx: SxProps<Theme> = {\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\n  '& .sa-i': {\n    position: 'absolute',\n    right: '8px',\n    top: '8px',\n    color: 'white',\n  },\n};\n\nexport const GalleryTrigger: React.FC<GalleryTriggerProps> = (props) => {\n  return (\n    <Box component=\"span\" sx={{ position: 'relative', display: 'inline-block' }} data-testid=\"GalleryTrigger\">\n      <Box component=\"span\" sx={GalleryHighlightSx}>\n        <Icon name=\"search-plus\" />\n      </Box>\n      {props.children}\n    </Box>\n  );\n};\n"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","Icon","name"],"mappings":"401CAOO,MAAMA,EAAqC,CAChDC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OAER,UAAW,CACTN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAImDC,GAE1DC,EAAAA,KAACC,EAAAA,IAAG,CAACC,UAAU,OAAOC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAAgB,cAAc,iBAAgBQ,SAAA,CACvGC,EAAAA,IAACJ,EAAAA,IAAG,CAACC,UAAU,OAAOC,GAAIb,EAAkBc,SAC1CC,EAAAA,IAACC,EAAAA,KAAI,CAACC,KAAK,kBAEZR,EAAMK"}

package/cjs/organisms/heroImageCard/heroImageCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroImageCard.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @interface HeroImageCardProps\n * @description Base definition of SkodaFlow HeroCardImage independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface HeroImageCardProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * if true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * this image is showing small device resolution ( Smartphone )\n   */\n  mobileImage?: string;\n  /**\n   * this image is showing in a medium device resolution ( Tablet )\n   */\n  tabletImage?: string;\n  /**\n   * this image is showing in a small desktop ( laptop )\n   */\n  laptopImage?: string;\n  /**\n   * this image is showing in a large desktop ( desktop )\n   */\n  desktopImage?: string;\n  /**\n   * alt HTML tag apply to the image\n   */\n  altImageDescription?: string;\n  /**\n   * If present the card showing video\n   */\n  videoUrl?: string;\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Title text that should be maximum 50 characters long\n   */\n  title: string;\n\n  /**\n   * Mandatory button object. The button is displayed if the label text is present\n   */\n  firstButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: unknown) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Second button object. The button is displayed if the label text is present\n   */\n  secondButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Third button object. The button is displayed if the label text is present\n   */\n  thirdButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  compact?: boolean;\n  /**\n   * A dark gradient layer was added\n   */\n  darkOpacity?: DarkOpacity;\n  /**\n   * A light gradient layer was added\n   */\n  lightOpacity?: LightOpacity;\n  /**\n   * this props set the height of the card\n   */\n  cardVersion?: 'normal' | 'small';\n\n  playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const HeroImageCard = forwardRef<HTMLDivElement, HeroImageCardProps>((props, ref) => {\n  return (\n    <HeroImageCardStyled ref={ref}>\n      <HeroImageCardComponent {...props} />\n    </HeroImageCardStyled>\n  );\n});\n\n/**\n * @description Hero Image Card styling definition based on props\n */\n\nconst HeroImageCardStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n      return props.theme.palette.common.black;\n    } else if (props.children.props.darkOpacity !== 'opacity0') {\n      return props.theme.palette.common.white;\n    } else return props.theme.palette.common.white;\n  }};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n      return 'border-radius: 0;';\n    }\n  }}\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    ${(props) => {\n      if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n      } else return 'height: 440px';\n    }}\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n    ${(props) => {\n      if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n      } else return 'height: 500px';\n    }}\n  }\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n      return 'border-radius: 8px;';\n    }\n  }}\n  .CardImageText {\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 540px;\n    }\n    .CardImageTitle {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 38px;\n        line-height: 48px;\n        ${(props) => {\n          if (props.children.props.cardVersion === 'small') {\n            return 'font-size: 27px; line-height: 32px';\n          }\n        }};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 44px;\n        line-height: 52px;\n        ${(props) => {\n          if (props.children.props.cardVersion === 'small') {\n            return 'font-size: 30px; line-height: 36px';\n          }\n        }};\n      }\n      color: ${(props) => {\n        if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n          return props.theme.palette.common.black;\n        }\n        if (props.children.props.darkOpacity !== 'opacity0') {\n          return props.theme.palette.common.white;\n        }\n      }};\n    }\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n      return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n    }};\n\n    ${(props) => {\n      return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n    }}\n  }\n`;\n"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","jsx","HeroImageCardStyled","children","HeroImageCardComponent","default","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"6KA6Ga,MAAAA,EAAgBC,EAAUA,YAAqC,CAACC,EAAOC,IAEhFC,EAAAC,IAACC,EAAmB,CAACH,IAAKA,EACxBI,SAAAH,EAAAA,IAACI,EAAsBC,QAAKC,OAAAC,OAAA,CAAA,EAAAT,QAS5BI,EAAsBM,EAAAA,OAAOC,EAAAA,KAAwD;WAC/EX,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YACpEb,EAAMc,MAAMC,QAAQC,OAAOC,OACzBjB,EAAMK,SAASL,MAAMa,YACvBb,EAAMc,MAAMC,QAAQC,OAAOE;IAGnClB,IACD,GAAIA,EAAMc,MAAMK,MAAMC,aACpB,MAAO;;uBAIWpB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOC;MAC1DvB,GACwC,UAArCA,EAAMK,SAASL,MAAMwB,YAChB,gBACK;;uBAGIxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;MAC1DzB,GACwC,UAArCA,EAAMK,SAASL,MAAMwB,YAChB,gBACK;;IAGfxB,IACD,GAAIA,EAAMK,SAASL,MAAM0B,eACvB,MAAO;;yBAIa1B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;;2BAIvCzB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;UAG1D3B,IACD,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACvB,MAAO;;2BAISxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACvB,MAAO;;eAIHxB,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YACpEb,EAAMc,MAAMC,QAAQC,OAAOC,MAEK,aAArCjB,EAAMK,SAASL,MAAMa,YAChBb,EAAMc,MAAMC,QAAQC,OAAOE,WADpC;;;;;yBAQkBlB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKvC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKzC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;;;MAO9D3B,GACM4B,EAAAA,iCAAiC5B,EAAMK,SAASL,MAAMY,aAAc;;MAG1EZ,GACM6B,EAAAA,gCAAgC7B,EAAMK,SAASL,MAAMa,YAAa;;"}
+{"version":3,"file":"heroImageCard.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @interface HeroImageCardProps\n * @description Base definition of SkodaFlow HeroCardImage independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface HeroImageCardProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * if true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * this image is showing small device resolution ( Smartphone )\n   */\n  mobileImage?: string;\n  /**\n   * this image is showing in a medium device resolution ( Tablet )\n   */\n  tabletImage?: string;\n  /**\n   * this image is showing in a small desktop ( laptop )\n   */\n  laptopImage?: string;\n  /**\n   * this image is showing in a large desktop ( desktop )\n   */\n  desktopImage?: string;\n  /**\n   * alt HTML tag apply to the image\n   */\n  altImageDescription?: string;\n  /**\n   * If present the card showing video\n   */\n  videoUrl?: string;\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Title text that should be maximum 50 characters long\n   */\n  title: string;\n\n  /**\n   * Mandatory button object. The button is displayed if the label text is present\n   */\n  firstButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: unknown) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Second button object. The button is displayed if the label text is present\n   */\n  secondButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Third button object. The button is displayed if the label text is present\n   */\n  thirdButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  compact?: boolean;\n  /**\n   * A dark gradient layer was added\n   */\n  darkOpacity?: DarkOpacity;\n  /**\n   * A light gradient layer was added\n   */\n  lightOpacity?: LightOpacity;\n  /**\n   * this props set the height of the card\n   */\n  cardVersion?: 'normal' | 'small';\n\n  playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const HeroImageCard = forwardRef<HTMLDivElement, HeroImageCardProps>((props, ref) => {\n  return (\n    <HeroImageCardStyled ref={ref}>\n      <HeroImageCardComponent {...props} />\n    </HeroImageCardStyled>\n  );\n});\n\n/**\n * @description Hero Image Card styling definition based on props\n */\n\nconst HeroImageCardStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n      return props.theme.palette.common.black;\n    } else if (props.children.props.darkOpacity !== 'opacity0') {\n      return props.theme.palette.common.white;\n    } else return props.theme.palette.common.white;\n  }};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n      return 'border-radius: 0;';\n    }\n  }}\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    ${(props) => {\n      if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n      } else return 'height: 440px';\n    }}\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n    ${(props) => {\n      if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n      } else return 'height: 500px';\n    }}\n  }\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n      return 'border-radius: 8px;';\n    }\n  }}\n  .CardImageText {\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 540px;\n    }\n    .CardImageTitle {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 38px;\n        line-height: 48px;\n        ${(props) => {\n          if (props.children.props.cardVersion === 'small') {\n            return 'font-size: 27px; line-height: 32px';\n          }\n        }};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 44px;\n        line-height: 52px;\n        ${(props) => {\n          if (props.children.props.cardVersion === 'small') {\n            return 'font-size: 30px; line-height: 36px';\n          }\n        }};\n      }\n      color: ${(props) => {\n        if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n          return props.theme.palette.common.black;\n        }\n        if (props.children.props.darkOpacity !== 'opacity0') {\n          return props.theme.palette.common.white;\n        }\n      }};\n    }\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n      return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n    }};\n\n    ${(props) => {\n      return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n    }}\n  }\n`;\n"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"6KA6GO,MAAMA,EAAgBC,EAAAA,YAA+C,CAACC,EAAOC,IAEhFC,EAAAA,IAACC,EAAmB,CAACF,IAAKA,EAAGG,SAC3BF,EAAAA,IAACG,EAAAA,QAAsBC,OAAAC,OAAA,CAAA,EAAKP,QAS5BG,EAAsBK,EAAAA,OAAOC,EAAAA,KAAwD;WAC/ET,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YACpEX,EAAMY,MAAMC,QAAQC,OAAOC,OACzBf,EAAMI,SAASJ,MAAMW,YACvBX,EAAMY,MAAMC,QAAQC,OAAOE;IAGnChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aACpB,MAAO,mBACT;;uBAGoBlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACwC,UAArCA,EAAMI,SAASJ,MAAMsB,YAChB,gBACK;;uBAGItB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACwC,UAArCA,EAAMI,SAASJ,MAAMsB,YAChB,gBACK;;IAGftB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACvB,MAAO,qBACT;;yBAGsBxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO,oCACT;;2BAGkBtB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO,oCACT;;eAGMtB,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YACpEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEK,aAArCf,EAAMI,SAASJ,MAAMW,YAChBX,EAAMY,MAAMC,QAAQC,OAAOE,WADpC;;;;;yBAQkBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACM0B,EAAAA,iCAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAG1EV,GACM2B,EAAAA,gCAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}

package/cjs/organisms/heroImageCard/heroImageCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroImageCardComponent.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":["import { useRef, FC } from 'react';\nimport { HeroImageCardProps } from './heroImageCard';\nimport { Label } from '../../components/label';\nimport VideoCardController from './videoCardController';\nimport { useTheme } from '@mui/material';\nimport { handleMaxCharsInHTML } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\n\nconst HeroImageCardComponent: FC<HeroImageCardProps> = ({\n  label,\n  title,\n  firstButtonObject,\n  secondButtonObject,\n  thirdButtonObject,\n  videoUrl,\n  desktopImage,\n  laptopImage,\n  tabletImage,\n  mobileImage,\n  altImageDescription,\n  playPauseCallback,\n}) => {\n  const videoRef = useRef(null);\n  const themeBreakpoint = useTheme();\n\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageHeader\">\n          <Label className=\"CardImageLabel\">{handleMaxCharsInHTML(label, 30)}</Label>\n          <h2 className=\"CardImageTitle\">{handleMaxCharsInHTML(title, 50)}</h2>\n        </div>\n        <div className=\"CardImageButtons\">\n          {firstButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={firstButtonObject} compact={true} />\n          )}\n          {secondButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={secondButtonObject} compact={true} />\n          )}\n          {thirdButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={thirdButtonObject} compact={true} />\n          )}\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        {videoUrl ? (\n          <>\n            <video ref={videoRef} className=\"CardImageVideo\" loop muted autoPlay>\n              <source src={encodeURI(videoUrl)} type=\"video/mp4\" />\n              Your browser does not support the video tag.\n            </video>\n          </>\n        ) : (\n          <div className=\"CardImagePicture\">\n            <picture>\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.xl}px)`} srcSet={desktopImage} />\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.lg}px)`} srcSet={laptopImage} />\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.md}px)`} srcSet={tabletImage} />\n              <img src={mobileImage} alt={altImageDescription} />\n            </picture>\n          </div>\n        )}\n      </div>\n      {videoUrl && <VideoCardController playPauseCallback={playPauseCallback} videoRef={videoRef} />}\n    </>\n  );\n};\n\nexport default HeroImageCardComponent;\n"],"names":["label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","jsx","className","jsxs","Label","handleMaxCharsInHTML","ButtonCardComponent","default","buttonObject","compact","ref","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"gWAQuD,EAACA,MACtDA,EACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,wBAEA,MAAMC,EAAWC,EAAMA,OAAC,MAClBC,EAAkBC,EAAAA,WAExB,OACEC,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAKC,IAAA,MAAA,CAAAC,UAAU,0BACfL,EAAKM,KAAA,MAAA,CAAAD,UAAU,0BACbL,EAAAA,KAAK,MAAA,CAAAK,UAAU,kBACbH,SAAA,CAAAC,MAACI,EAAAA,MAAK,CAACF,UAAU,iBAAgBH,SAAEM,EAAoBA,qBAACxB,EAAO,MAC/DmB,MAAA,KAAA,CAAIE,UAAU,iBAAgBH,SAAEM,EAAAA,qBAAqBvB,EAAO,SAE9De,EAAKM,KAAA,MAAA,CAAAD,UAAU,mBACZH,SAAA,EAAAhB,aAAiB,EAAjBA,EAAmBF,QAClBmB,EAAAC,IAACK,EAAmBC,QAAC,CAAAL,UAAU,mBAAmBM,aAAczB,EAAmB0B,SAAS,KAE7FzB,aAAA,EAAAA,EAAoBH,QACnBmB,EAACC,IAAAK,UAAoB,CAAAJ,UAAU,mBAAmBM,aAAcxB,EAAoByB,SAAS,KAE9FxB,aAAA,EAAAA,EAAmBJ,QAClBmB,EAAAA,IAACM,EAAmBC,QAAA,CAACL,UAAU,mBAAmBM,aAAcvB,EAAmBwB,SAAS,UAIlGT,EAAAC,IAAA,MAAA,CAAKC,UAAU,iBAAgBH,SAC5Bb,EACCc,EAAAC,IAAAH,WAAA,CAAAC,SACEF,EAAAA,KAAO,QAAA,CAAAa,IAAKjB,EAAUS,UAAU,iBAAiBS,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAd,SAAA,CAClEC,MAAQ,SAAA,CAAAc,IAAKC,UAAU7B,GAAW8B,KAAK,cAAc,oDAKzDhB,EAAKC,IAAA,MAAA,CAAAC,UAAU,mBAAkBH,SAC/BF,EAAAA,KACE,UAAA,CAAAE,SAAA,CAAAC,EAAAA,IAAA,SAAA,CAAQiB,MAAO,eAAetB,EAAgBuB,YAAYC,OAAOC,QAASC,OAAQlC,IAClFa,EAAAA,IAAQ,SAAA,CAAAiB,MAAO,eAAetB,EAAgBuB,YAAYC,OAAOG,QAASD,OAAQjC,IAClFY,EAAAC,IAAA,SAAA,CAAQgB,MAAO,eAAetB,EAAgBuB,YAAYC,OAAOI,QAASF,OAAQhC,IAClFW,EAAKC,IAAA,MAAA,CAAAa,IAAKxB,EAAakC,IAAKjC,WAKnCL,GAAYc,EAAAC,IAACwB,EAAmBlB,QAAA,CAACf,kBAAmBA,EAAmBC,SAAUA,MACjF"}
+{"version":3,"file":"heroImageCardComponent.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":["import { useRef, FC } from 'react';\nimport { HeroImageCardProps } from './heroImageCard';\nimport { Label } from '../../components/label';\nimport VideoCardController from './videoCardController';\nimport { useTheme } from '@mui/material';\nimport { handleMaxCharsInHTML } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\n\nconst HeroImageCardComponent: FC<HeroImageCardProps> = ({\n  label,\n  title,\n  firstButtonObject,\n  secondButtonObject,\n  thirdButtonObject,\n  videoUrl,\n  desktopImage,\n  laptopImage,\n  tabletImage,\n  mobileImage,\n  altImageDescription,\n  playPauseCallback,\n}) => {\n  const videoRef = useRef(null);\n  const themeBreakpoint = useTheme();\n\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageHeader\">\n          <Label className=\"CardImageLabel\">{handleMaxCharsInHTML(label, 30)}</Label>\n          <h2 className=\"CardImageTitle\">{handleMaxCharsInHTML(title, 50)}</h2>\n        </div>\n        <div className=\"CardImageButtons\">\n          {firstButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={firstButtonObject} compact={true} />\n          )}\n          {secondButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={secondButtonObject} compact={true} />\n          )}\n          {thirdButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={thirdButtonObject} compact={true} />\n          )}\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        {videoUrl ? (\n          <>\n            <video ref={videoRef} className=\"CardImageVideo\" loop muted autoPlay>\n              <source src={encodeURI(videoUrl)} type=\"video/mp4\" />\n              Your browser does not support the video tag.\n            </video>\n          </>\n        ) : (\n          <div className=\"CardImagePicture\">\n            <picture>\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.xl}px)`} srcSet={desktopImage} />\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.lg}px)`} srcSet={laptopImage} />\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.md}px)`} srcSet={tabletImage} />\n              <img src={mobileImage} alt={altImageDescription} />\n            </picture>\n          </div>\n        )}\n      </div>\n      {videoUrl && <VideoCardController playPauseCallback={playPauseCallback} videoRef={videoRef} />}\n    </>\n  );\n};\n\nexport default HeroImageCardComponent;\n"],"names":["label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxCharsInHTML","ButtonCardComponent","buttonObject","compact","ref","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"gWAQuD,EAACA,MACtDA,EACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,wBAEA,MAAMC,EAAWC,EAAAA,OAAO,MAClBC,EAAkBC,EAAAA,WAExB,OACEC,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAAA,MAAA,CAAKC,UAAU,0BACfJ,EAAAA,KAAA,MAAA,CAAKI,UAAU,0BACbJ,EAAAA,KAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC9BC,MAACE,EAAAA,MAAK,CAACD,UAAU,iBAAgBF,SAAEI,EAAAA,qBAAqBtB,EAAO,MAC/DmB,MAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAAA,qBAAqBrB,EAAO,SAE9De,EAAAA,KAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,EAC9BhB,aAAiB,EAAjBA,EAAmBF,QAClBmB,EAAAA,IAACI,EAAAA,QAAmB,CAACH,UAAU,mBAAmBI,aAActB,EAAmBuB,SAAS,KAE7FtB,aAAkB,EAAlBA,EAAoBH,QACnBmB,EAAAA,IAACI,UAAmB,CAACH,UAAU,mBAAmBI,aAAcrB,EAAoBsB,SAAS,KAE9FrB,aAAiB,EAAjBA,EAAmBJ,QAClBmB,EAAAA,IAACI,EAAAA,QAAmB,CAACH,UAAU,mBAAmBI,aAAcpB,EAAmBqB,SAAS,UAIlGN,EAAAA,IAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC5Bb,EACCc,EAAAA,IAAAF,WAAA,CAAAC,SACEF,EAAAA,KAAA,QAAA,CAAOU,IAAKd,EAAUQ,UAAU,iBAAiBO,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAX,SAAA,CAClEC,MAAA,SAAA,CAAQW,IAAKC,UAAU1B,GAAW2B,KAAK,cAAc,oDAKzDb,EAAAA,IAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BF,EAAAA,KAAA,UAAA,CAAAE,SAAA,CACEC,EAAAA,IAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOC,QAASC,OAAQ/B,IAClFa,EAAAA,IAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOG,QAASD,OAAQ9B,IAClFY,EAAAA,IAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOI,QAASF,OAAQ7B,IAClFW,EAAAA,IAAA,MAAA,CAAKW,IAAKrB,EAAa+B,IAAK9B,WAKnCL,GAAYc,EAAAA,IAACsB,EAAAA,QAAmB,CAAC9B,kBAAmBA,EAAmBC,SAAUA,MACjF"}

package/cjs/organisms/heroImageCard/videoCardController.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");var i=require("@mui/material");const n=i.styled("div")((({theme:e})=>{let t={};return t={[e.breakpoints.up("md")]:Object.assign(Object.assign({},t),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[e.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 ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},t}));exports.default=({videoRef:o,playPauseCallback:s})=>{const[a,l]=t.useState(!1),u=t.useRef(null),p=i.useTheme(),c=t.useCallback((e=>{a?(s&&s("play",e),o.current.play()):(s&&s("pause",e),o.current.pause()),l(!a)}),[a,s,o]);return t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md&&(o.current.pause(),l(!0))}),[o,p.breakpoints.values.md]),t.useEffect((()=>{window.innerWidth<p.breakpoints.values.md?a?(u.current.style.transitionDelay="0s",u.current.style.opacity=1):(u.current.style.transitionDelay="2s",u.current.style.opacity=0):(u.current.style.transitionDelay="0s",u.current.style.opacity=1)}),[a,p.breakpoints.values.md]),e.jsx(n,{ref:u,onClick:e=>c(e),children:e.jsx("div",{children:e.jsx(r.Icon,{name:a?"play":"pause"})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),n=require("../../components/icon/Icon.js");require("../../components/icon/FlowIcon.js"),require("../../components/icon/icon.definitions.js"),require("../../components/icon/filled/ATMFilledIcon.js"),require("../../components/icon/filled/AddFilledIcon.js"),require("../../components/icon/filled/AirFilterFilledIcon.js"),require("../../components/icon/filled/AISuggestionFilledIcon.js"),require("../../components/icon/filled/ArchiveFilledIcon.js"),require("../../components/icon/filled/ArrowBottomLeftFilledIcon.js"),require("../../components/icon/filled/ArrowBottomRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleDownFilledIcon.js"),require("../../components/icon/filled/ArrowCircleLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCircleTopRightFilledIcon.js"),require("../../components/icon/filled/ArrowCircleUpFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedDownFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedLeftFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedRightFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedUpFilledIcon.js"),require("../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js"),require("../../components/icon/filled/ArrowDownFilledIcon.js"),require("../../components/icon/filled/ArrowLeftFilledIcon.js"),require("../../components/icon/filled/ArrowRightFilledIcon.js"),require("../../components/icon/filled/ArrowTopLeftFilledIcon.js"),require("../../components/icon/filled/ArrowTopRightFilledIcon.js"),require("../../components/icon/filled/ArrowUpFilledIcon.js"),require("../../components/icon/filled/ArtboardFilledIcon.js"),require("../../components/icon/filled/AssistanceFilledIcon.js"),require("../../components/icon/filled/AudioMidFilledIcon.js"),require("../../components/icon/filled/AudioMuteFilledIcon.js"),require("../../components/icon/filled/AudioOffFilledIcon.js"),require("../../components/icon/filled/AudioOnFilledIcon.js"),require("../../components/icon/filled/BackToParentFilledIcon.js"),require("../../components/icon/filled/BadgeFilledIcon.js"),require("../../components/icon/filled/BalloonFilledIcon.js"),require("../../components/icon/filled/BarFilledIcon.js"),require("../../components/icon/filled/BarCodeFilledIcon.js"),require("../../components/icon/filled/Battery0FilledIcon.js"),require("../../components/icon/filled/Battery10FilledIcon.js"),require("../../components/icon/filled/Battery100FilledIcon.js"),require("../../components/icon/filled/Battery20FilledIcon.js"),require("../../components/icon/filled/Battery30FilledIcon.js"),require("../../components/icon/filled/Battery40FilledIcon.js"),require("../../components/icon/filled/Battery50FilledIcon.js"),require("../../components/icon/filled/Battery60FilledIcon.js"),require("../../components/icon/filled/Battery70FilledIcon.js"),require("../../components/icon/filled/Battery80FilledIcon.js"),require("../../components/icon/filled/Battery90FilledIcon.js"),require("../../components/icon/filled/BatteryChargingFilledIcon.js"),require("../../components/icon/filled/BatteryDischargeFilledIcon.js"),require("../../components/icon/filled/BatteryEmptyFilledIcon.js"),require("../../components/icon/filled/BatteryErrorFilledIcon.js"),require("../../components/icon/filled/BatteryFullFilledIcon.js"),require("../../components/icon/filled/BatteryHighVoltageFilledIcon.js"),require("../../components/icon/filled/BatteryOneThirdFilledIcon.js"),require("../../components/icon/filled/BatteryTwoThirdsFilledIcon.js"),require("../../components/icon/filled/BatteryFilledIcon.js"),require("../../components/icon/filled/BellFilledIcon.js"),require("../../components/icon/filled/BicycleFilledIcon.js"),require("../../components/icon/filled/BoltDischargeFilledIcon.js"),require("../../components/icon/filled/BoltFilledIcon.js"),require("../../components/icon/filled/BoltMotionFilledIcon.js"),require("../../components/icon/filled/BoltOffFilledIcon.js"),require("../../components/icon/filled/BonnetClosedFilledIcon.js"),require("../../components/icon/filled/BonnetOpenFilledIcon.js"),require("../../components/icon/filled/BookmarkFilledIcon.js"),require("../../components/icon/filled/BootClosedFilledIcon.js"),require("../../components/icon/filled/BootOpenFilledIcon.js"),require("../../components/icon/filled/BoxFilledIcon.js"),require("../../components/icon/filled/BrakeFluidFilledIcon.js"),require("../../components/icon/filled/BrakesFilledIcon.js"),require("../../components/icon/filled/BrightnessFilledIcon.js"),require("../../components/icon/filled/BuildingFilledIcon.js"),require("../../components/icon/filled/CalculatorFilledIcon.js"),require("../../components/icon/filled/CalendarCalendarFilledIcon.js"),require("../../components/icon/filled/CalendarCheckFilledIcon.js"),require("../../components/icon/filled/CalendarPointFilledIcon.js"),require("../../components/icon/filled/CameraFilledIcon.js"),require("../../components/icon/filled/CampingFilledIcon.js"),require("../../components/icon/filled/CarAccidentFilledIcon.js"),require("../../components/icon/filled/CarBackFilledIcon.js"),require("../../components/icon/filled/CarComparisonFilledIcon.js"),require("../../components/icon/filled/CarHandFilledIcon.js"),require("../../components/icon/filled/CarInfoFilledIcon.js"),require("../../components/icon/filled/CarMagnifierFilledIcon.js"),require("../../components/icon/filled/CarSeatFilledIcon.js"),require("../../components/icon/filled/CarSendFilledIcon.js"),require("../../components/icon/filled/CarSideFilledIcon.js"),require("../../components/icon/filled/CarStarFilledIcon.js"),require("../../components/icon/filled/CarTechnicalInfoFilledIcon.js"),require("../../components/icon/filled/CareMobilityFilledIcon.js"),require("../../components/icon/filled/CarFilledIcon.js"),require("../../components/icon/filled/CarDoorFilledIcon.js"),require("../../components/icon/filled/CarStatusFilledIcon.js"),require("../../components/icon/filled/CardFilledIcon.js"),require("../../components/icon/filled/ChangeOrderFilledIcon.js"),require("../../components/icon/filled/ChatFilledIcon.js"),require("../../components/icon/filled/CheckFilledIcon.js"),require("../../components/icon/filled/ChevronCircleDownFilledIcon.js"),require("../../components/icon/filled/ChevronCircleLeftFilledIcon.js"),require("../../components/icon/filled/ChevronCircleRightFilledIcon.js"),require("../../components/icon/filled/ChevronCircleUpFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleDownFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleLeftFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleRightFilledIcon.js"),require("../../components/icon/filled/ChevronDoubleUpFilledIcon.js"),require("../../components/icon/filled/ChevronDownFilledIcon.js"),require("../../components/icon/filled/ChevronLeftFilledIcon.js"),require("../../components/icon/filled/ChevronNextFilledIcon.js"),require("../../components/icon/filled/ChevronPreviousFilledIcon.js"),require("../../components/icon/filled/ChevronRightFilledIcon.js"),require("../../components/icon/filled/ChevronUpFilledIcon.js"),require("../../components/icon/filled/CircleBluetoothFilledIcon.js"),require("../../components/icon/filled/CircleCheckFilledIcon.js"),require("../../components/icon/filled/CircleCloseFilledIcon.js"),require("../../components/icon/filled/CircleDownloadFilledIcon.js"),require("../../components/icon/filled/CircleExclamationFilledIcon.js"),require("../../components/icon/filled/CircleInformationFilledIcon.js"),require("../../components/icon/filled/CircleMinusFilledIcon.js"),require("../../components/icon/filled/CirclePlusFilledIcon.js"),require("../../components/icon/filled/CircleQuestionFilledIcon.js"),require("../../components/icon/filled/CircleSlashFilledIcon.js"),require("../../components/icon/filled/CircleUploadFilledIcon.js"),require("../../components/icon/filled/ClipFilledIcon.js"),require("../../components/icon/filled/ClockFilledIcon.js"),require("../../components/icon/filled/CloseFilledIcon.js"),require("../../components/icon/filled/ClosedcaptionsFilledIcon.js"),require("../../components/icon/filled/CloudCO2FilledIcon.js"),require("../../components/icon/filled/CloudDownloadFilledIcon.js"),require("../../components/icon/filled/CloudUploadFilledIcon.js"),require("../../components/icon/filled/ColoursFilledIcon.js"),require("../../components/icon/filled/ComfortFilledIcon.js"),require("../../components/icon/filled/ContrastFilledIcon.js"),require("../../components/icon/filled/ControlsForwardFilledIcon.js"),require("../../components/icon/filled/ControlsPauseFilledIcon.js"),require("../../components/icon/filled/ControlsPlayFilledIcon.js"),require("../../components/icon/filled/ControlsRecordFilledIcon.js"),require("../../components/icon/filled/ControlsReverseFilledIcon.js"),require("../../components/icon/filled/ControlsRewindFilledIcon.js"),require("../../components/icon/filled/ControlsSkipNextFilledIcon.js"),require("../../components/icon/filled/ControlsSkipPreviousFilledIcon.js"),require("../../components/icon/filled/ControlsStopFilledIcon.js"),require("../../components/icon/filled/CookieFilledIcon.js"),require("../../components/icon/filled/CultureFilledIcon.js"),require("../../components/icon/filled/CopyFilledIcon.js"),require("../../components/icon/filled/CutFilledIcon.js"),require("../../components/icon/filled/DealerFilledIcon.js"),require("../../components/icon/filled/DealershipServiceFilledIcon.js"),require("../../components/icon/filled/DeliveryFilledIcon.js"),require("../../components/icon/filled/DetailsFilledIcon.js"),require("../../components/icon/filled/DeviceSmartphoneFilledIcon.js"),require("../../components/icon/filled/DoorsClosedFilledIcon.js"),require("../../components/icon/filled/DoorsOpenFilledIcon.js"),require("../../components/icon/filled/DownloadFilledIcon.js"),require("../../components/icon/filled/DraghandleFilledIcon.js"),require("../../components/icon/filled/EditFilledIcon.js"),require("../../components/icon/filled/ElectricChargerFilledIcon.js"),require("../../components/icon/filled/ElectricChargerOffFilledIcon.js"),require("../../components/icon/filled/EmptystateFilledIcon.js"),require("../../components/icon/filled/EngineFilledIcon.js"),require("../../components/icon/filled/EngineOilFilledIcon.js"),require("../../components/icon/filled/EntertainmentFilledIcon.js"),require("../../components/icon/filled/EqualsignFilledIcon.js"),require("../../components/icon/filled/ExportFilledIcon.js"),require("../../components/icon/filled/ExternalLinkFilledIcon.js"),require("../../components/icon/filled/FacebookFilledIcon.js"),require("../../components/icon/filled/FactoryFilledIcon.js"),require("../../components/icon/filled/FanFilledIcon.js"),require("../../components/icon/filled/FeedbackFilledIcon.js"),require("../../components/icon/filled/FileFilledIcon.js"),require("../../components/icon/filled/FileMissingFilledIcon.js"),require("../../components/icon/filled/FileNewFilledIcon.js"),require("../../components/icon/filled/FilterFilledIcon.js"),require("../../components/icon/filled/FiltersFilledIcon.js"),require("../../components/icon/filled/FingerPrintFilledIcon.js"),require("../../components/icon/filled/FirstAidFilledIcon.js"),require("../../components/icon/filled/FlashFilledIcon.js"),require("../../components/icon/filled/FolderFilledIcon.js"),require("../../components/icon/filled/FolderShareFilledIcon.js"),require("../../components/icon/filled/FoodFilledIcon.js"),require("../../components/icon/filled/FourwheeldriveFilledIcon.js"),require("../../components/icon/filled/FrontaxleFilledIcon.js"),require("../../components/icon/filled/FuelSavingsFilledIcon.js"),require("../../components/icon/filled/FullscreenEnterFilledIcon.js"),require("../../components/icon/filled/FullscreenExitFilledIcon.js"),require("../../components/icon/filled/GarageFilledIcon.js"),require("../../components/icon/filled/GaugeFilledIcon.js"),require("../../components/icon/filled/GlobeFilledIcon.js"),require("../../components/icon/filled/GroupFilledIcon.js"),require("../../components/icon/filled/HandkeyFilledIcon.js"),require("../../components/icon/filled/HealthScanFilledIcon.js"),require("../../components/icon/filled/HeartFilledIcon.js"),require("../../components/icon/filled/HideFilledIcon.js"),require("../../components/icon/filled/HistoryFilledIcon.js"),require("../../components/icon/filled/HomeFilledIcon.js"),require("../../components/icon/filled/HonkFilledIcon.js"),require("../../components/icon/filled/HotelFilledIcon.js"),require("../../components/icon/filled/HybridFilledIcon.js"),require("../../components/icon/filled/IDCardFilledIcon.js"),require("../../components/icon/filled/ImportFilledIcon.js"),require("../../components/icon/filled/InboxFilledIcon.js"),require("../../components/icon/filled/InstagramFilledIcon.js"),require("../../components/icon/filled/LightsFilledIcon.js"),require("../../components/icon/filled/LightsOffFilledIcon.js"),require("../../components/icon/filled/LinkedInFilledIcon.js"),require("../../components/icon/filled/ListFilledIcon.js"),require("../../components/icon/filled/LockClosedFilledIcon.js"),require("../../components/icon/filled/LockOpenedFilledIcon.js"),require("../../components/icon/filled/LockOpenedAltFilledIcon.js"),require("../../components/icon/filled/LockedSteeringWheelFilledIcon.js"),require("../../components/icon/filled/LoginFilledIcon.js"),require("../../components/icon/filled/LogoutFilledIcon.js"),require("../../components/icon/filled/MaintenanceFilledIcon.js"),require("../../components/icon/filled/ManualFilledIcon.js"),require("../../components/icon/filled/MapCenterFilledIcon.js"),require("../../components/icon/filled/MapCompassFilledIcon.js"),require("../../components/icon/filled/MapFlagFilledIcon.js"),require("../../components/icon/filled/MapLocationFilledIcon.js"),require("../../components/icon/filled/MapFilledIcon.js"),require("../../components/icon/filled/MapMarkerFilledIcon.js"),require("../../components/icon/filled/MapMarkerLBOFilledIcon.js"),require("../../components/icon/filled/MapPinFilledIcon.js"),require("../../components/icon/filled/MapViewFilledIcon.js"),require("../../components/icon/filled/MenuWaffleFilledIcon.js"),require("../../components/icon/filled/MenuFilledIcon.js"),require("../../components/icon/filled/MessageFilledIcon.js"),require("../../components/icon/filled/MicrophoneFilledIcon.js"),require("../../components/icon/filled/MinusFilledIcon.js"),require("../../components/icon/filled/MoreHorizontalFilledIcon.js"),require("../../components/icon/filled/MoreVerticalFilledIcon.js"),require("../../components/icon/filled/MotionFilledIcon.js"),require("../../components/icon/filled/MusicalNoteFilledIcon.js"),require("../../components/icon/filled/MuteFilledIcon.js"),require("../../components/icon/filled/NewsFilledIcon.js"),require("../../components/icon/filled/NewspaperFilledIcon.js"),require("../../components/icon/filled/OilFilledIcon.js"),require("../../components/icon/filled/ParkingFilledIcon.js"),require("../../components/icon/filled/PasteFilledIcon.js"),require("../../components/icon/filled/PercentageFilledIcon.js"),require("../../components/icon/filled/PetFilledIcon.js"),require("../../components/icon/filled/PhoneFilledIcon.js"),require("../../components/icon/filled/PictureFilledIcon.js"),require("../../components/icon/filled/PiggybankFilledIcon.js"),require("../../components/icon/filled/PlugCCSType1FilledIcon.js"),require("../../components/icon/filled/PlugCCSType2FilledIcon.js"),require("../../components/icon/filled/PlugCHAdeMOFilledIcon.js"),require("../../components/icon/filled/PlugType1FilledIcon.js"),require("../../components/icon/filled/PlugType2FilledIcon.js"),require("../../components/icon/filled/PlugFilledIcon.js"),require("../../components/icon/filled/PlusFilledIcon.js"),require("../../components/icon/filled/PremiumLFilledIcon.js"),require("../../components/icon/filled/PremiumMFilledIcon.js"),require("../../components/icon/filled/PremiumSFilledIcon.js"),require("../../components/icon/filled/PriceTagFilledIcon.js"),require("../../components/icon/filled/PrintFilledIcon.js"),require("../../components/icon/filled/ProductionFilledIcon.js"),require("../../components/icon/filled/PublicplaceFilledIcon.js"),require("../../components/icon/filled/PumpFilledIcon.js"),require("../../components/icon/filled/PumpCNGFilledIcon.js"),require("../../components/icon/filled/PumpLPGFilledIcon.js"),require("../../components/icon/filled/QRCodeFilledIcon.js"),require("../../components/icon/filled/QualityFilledIcon.js"),require("../../components/icon/filled/QualityMedalFilledIcon.js"),require("../../components/icon/filled/RadarFilledIcon.js"),require("../../components/icon/filled/RefreshFilledIcon.js"),require("../../components/icon/filled/ReloadFilledIcon.js"),require("../../components/icon/filled/RevertFilledIcon.js"),require("../../components/icon/filled/RoadBlockFilledIcon.js"),require("../../components/icon/filled/SaveFilledIcon.js"),require("../../components/icon/filled/SearchMinusFilledIcon.js"),require("../../components/icon/filled/SearchPlusFilledIcon.js"),require("../../components/icon/filled/SearchFilledIcon.js"),require("../../components/icon/filled/SeatheaterFilledIcon.js"),require("../../components/icon/filled/SelectFilledIcon.js"),require("../../components/icon/filled/SelectAllFilledIcon.js"),require("../../components/icon/filled/SendFilledIcon.js"),require("../../components/icon/filled/SettingsFilledIcon.js"),require("../../components/icon/filled/ShapeCircleFilledIcon.js"),require("../../components/icon/filled/ShapeDropFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js"),require("../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js"),require("../../components/icon/filled/ShapeRhombusFilledIcon.js"),require("../../components/icon/filled/ShapeShapesFilledIcon.js"),require("../../components/icon/filled/ShapeSquareFilledIcon.js"),require("../../components/icon/filled/ShapeStarFilledIcon.js"),require("../../components/icon/filled/ShapeStarhalfFilledIcon.js"),require("../../components/icon/filled/ShapeTriangleFilledIcon.js"),require("../../components/icon/filled/ShareFilledIcon.js"),require("../../components/icon/filled/ShareSquareFilledIcon.js"),require("../../components/icon/filled/ShieldCheckFilledIcon.js"),require("../../components/icon/filled/ShieldEmptyFilledIcon.js"),require("../../components/icon/filled/ShoppingBagFilledIcon.js"),require("../../components/icon/filled/ShoppingCartFilledIcon.js"),require("../../components/icon/filled/ShowFilledIcon.js"),require("../../components/icon/filled/ShuffleFilledIcon.js"),require("../../components/icon/filled/SignalFilledIcon.js"),require("../../components/icon/filled/SortDownFilledIcon.js"),require("../../components/icon/filled/SortUpFilledIcon.js"),require("../../components/icon/filled/SoundwaveFilledIcon.js"),require("../../components/icon/filled/SparkplugFilledIcon.js"),require("../../components/icon/filled/SportFilledIcon.js"),require("../../components/icon/filled/StatsFilledIcon.js"),require("../../components/icon/filled/SteeringWheelFilledIcon.js"),require("../../components/icon/filled/StopwatchFilledIcon.js"),require("../../components/icon/filled/SubtractFilledIcon.js"),require("../../components/icon/filled/SuitcaseFilledIcon.js"),require("../../components/icon/filled/SunroofFilledIcon.js"),require("../../components/icon/filled/TaskDoneFilledIcon.js"),require("../../components/icon/filled/TaskNoneFilledIcon.js"),require("../../components/icon/filled/TaskScheduledFilledIcon.js"),require("../../components/icon/filled/TechnicalInfoFilledIcon.js"),require("../../components/icon/filled/TelegramFilledIcon.js"),require("../../components/icon/filled/ThumbDownFilledIcon.js"),require("../../components/icon/filled/ThumbUpFilledIcon.js"),require("../../components/icon/filled/TicketFilledIcon.js"),require("../../components/icon/filled/TikTokFilledIcon.js"),require("../../components/icon/filled/ToiletsFilledIcon.js"),require("../../components/icon/filled/TransmissionAutomaticFilledIcon.js"),require("../../components/icon/filled/TransmissionManualFilledIcon.js"),require("../../components/icon/filled/TrashcanFilledIcon.js"),require("../../components/icon/filled/TripCyclicFilledIcon.js"),require("../../components/icon/filled/TripLongTermFilledIcon.js"),require("../../components/icon/filled/TripSingleFilledIcon.js"),require("../../components/icon/filled/TrophyFilledIcon.js"),require("../../components/icon/filled/TwitterFilledIcon.js"),require("../../components/icon/filled/TyreRepairFilledIcon.js"),require("../../components/icon/filled/TyreTracksFilledIcon.js"),require("../../components/icon/filled/TyresFilledIcon.js"),require("../../components/icon/filled/UploadFilledIcon.js"),require("../../components/icon/filled/UserFilledIcon.js"),require("../../components/icon/filled/VentilationFilledIcon.js"),require("../../components/icon/filled/VentilationOffFilledIcon.js"),require("../../components/icon/filled/WalkFilledIcon.js"),require("../../components/icon/filled/WallboxFilledIcon.js"),require("../../components/icon/filled/WalletFilledIcon.js"),require("../../components/icon/filled/WandFilledIcon.js"),require("../../components/icon/filled/WarningFilledIcon.js"),require("../../components/icon/filled/WeatherRainyFilledIcon.js"),require("../../components/icon/filled/WeatherSnowFilledIcon.js"),require("../../components/icon/filled/WellnessFilledIcon.js"),require("../../components/icon/filled/WhatsAppFilledIcon.js"),require("../../components/icon/filled/WheelchairFilledIcon.js"),require("../../components/icon/filled/WheelsFilledIcon.js"),require("../../components/icon/filled/WifiDisabledFilledIcon.js"),require("../../components/icon/filled/WifiHighFilledIcon.js"),require("../../components/icon/filled/WifiLowFilledIcon.js"),require("../../components/icon/filled/WifiMediumFilledIcon.js"),require("../../components/icon/filled/WifiNoSignalFilledIcon.js"),require("../../components/icon/filled/WindowFilledIcon.js"),require("../../components/icon/filled/WindowheaterFilledIcon.js"),require("../../components/icon/filled/WindowsClosedFilledIcon.js"),require("../../components/icon/filled/WindowsOpenFilledIcon.js"),require("../../components/icon/filled/WindscreenWiperFilledIcon.js"),require("../../components/icon/filled/WriteFilledIcon.js"),require("../../components/icon/filled/XFilledIcon.js"),require("../../components/icon/filled/YouTubeFilledIcon.js"),require("../../components/icon/stroke/ATMIcon.js"),require("../../components/icon/stroke/AddIcon.js"),require("../../components/icon/stroke/AirFilterIcon.js"),require("../../components/icon/stroke/AISuggestionIcon.js"),require("../../components/icon/stroke/ArchiveIcon.js"),require("../../components/icon/stroke/ArrowBottomLeftIcon.js"),require("../../components/icon/stroke/ArrowBottomRightIcon.js"),require("../../components/icon/stroke/ArrowCircleBottomLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleBottomRightIcon.js"),require("../../components/icon/stroke/ArrowCircleDownIcon.js"),require("../../components/icon/stroke/ArrowCircleLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleRightIcon.js"),require("../../components/icon/stroke/ArrowCircleTopLeftIcon.js"),require("../../components/icon/stroke/ArrowCircleTopRightIcon.js"),require("../../components/icon/stroke/ArrowCircleUpIcon.js"),require("../../components/icon/stroke/ArrowCurvedDownIcon.js"),require("../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedLeftIcon.js"),require("../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedRightIcon.js"),require("../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js"),require("../../components/icon/stroke/ArrowCurvedUpIcon.js"),require("../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js"),require("../../components/icon/stroke/ArrowDownIcon.js"),require("../../components/icon/stroke/ArrowLeftIcon.js"),require("../../components/icon/stroke/ArrowRightIcon.js"),require("../../components/icon/stroke/ArrowTopLeftIcon.js"),require("../../components/icon/stroke/ArrowTopRightIcon.js"),require("../../components/icon/stroke/ArrowUpIcon.js"),require("../../components/icon/stroke/ArtboardIcon.js"),require("../../components/icon/stroke/AssistanceIcon.js"),require("../../components/icon/stroke/AudioMidIcon.js"),require("../../components/icon/stroke/AudioMuteIcon.js"),require("../../components/icon/stroke/AudioOffIcon.js"),require("../../components/icon/stroke/AudioOnIcon.js"),require("../../components/icon/stroke/BadgeIcon.js"),require("../../components/icon/stroke/BackToParentIcon.js"),require("../../components/icon/stroke/BalloonIcon.js"),require("../../components/icon/stroke/BarIcon.js"),require("../../components/icon/stroke/BarCodeIcon.js"),require("../../components/icon/stroke/Battery0Icon.js"),require("../../components/icon/stroke/Battery10Icon.js"),require("../../components/icon/stroke/Battery100Icon.js"),require("../../components/icon/stroke/Battery20Icon.js"),require("../../components/icon/stroke/Battery30Icon.js"),require("../../components/icon/stroke/Battery40Icon.js"),require("../../components/icon/stroke/Battery50Icon.js"),require("../../components/icon/stroke/Battery60Icon.js"),require("../../components/icon/stroke/Battery70Icon.js"),require("../../components/icon/stroke/Battery80Icon.js"),require("../../components/icon/stroke/Battery90Icon.js"),require("../../components/icon/stroke/BatteryEmptyIcon.js"),require("../../components/icon/stroke/BatteryFullIcon.js"),require("../../components/icon/stroke/BatteryHighVoltageIcon.js"),require("../../components/icon/stroke/BatteryOneThirdIcon.js"),require("../../components/icon/stroke/BatteryTwoThirdsIcon.js"),require("../../components/icon/stroke/BatteryChargingIcon.js"),require("../../components/icon/stroke/BatteryDischargeIcon.js"),require("../../components/icon/stroke/BatteryErrorIcon.js"),require("../../components/icon/stroke/BatteryIcon.js"),require("../../components/icon/stroke/BellIcon.js"),require("../../components/icon/stroke/BicycleIcon.js"),require("../../components/icon/stroke/BoltDischargeIcon.js"),require("../../components/icon/stroke/BoltIcon.js"),require("../../components/icon/stroke/BoltMotionIcon.js"),require("../../components/icon/stroke/BoltOffIcon.js"),require("../../components/icon/stroke/BonnetClosedIcon.js"),require("../../components/icon/stroke/BonnetOpenIcon.js"),require("../../components/icon/stroke/BookmarkIcon.js"),require("../../components/icon/stroke/BootClosedIcon.js"),require("../../components/icon/stroke/BootOpenIcon.js"),require("../../components/icon/stroke/BoxIcon.js"),require("../../components/icon/stroke/BrakeFluidIcon.js"),require("../../components/icon/stroke/BrakesIcon.js"),require("../../components/icon/stroke/BrightnessIcon.js"),require("../../components/icon/stroke/BuildingIcon.js"),require("../../components/icon/stroke/CalculatorIcon.js"),require("../../components/icon/stroke/CalendarCalendarIcon.js"),require("../../components/icon/stroke/CalendarCheckIcon.js"),require("../../components/icon/stroke/CalendarPointIcon.js"),require("../../components/icon/stroke/CameraIcon.js"),require("../../components/icon/stroke/CampingIcon.js"),require("../../components/icon/stroke/CarAccidentIcon.js"),require("../../components/icon/stroke/CarBackIcon.js"),require("../../components/icon/stroke/CarComparisonIcon.js"),require("../../components/icon/stroke/CarHandIcon.js"),require("../../components/icon/stroke/CarInfoIcon.js"),require("../../components/icon/stroke/CarMagnifierIcon.js"),require("../../components/icon/stroke/CarSeatIcon.js"),require("../../components/icon/stroke/CarSendIcon.js"),require("../../components/icon/stroke/CarSideIcon.js"),require("../../components/icon/stroke/CarStarIcon.js"),require("../../components/icon/stroke/CarTechnicalInfoIcon.js"),require("../../components/icon/stroke/CareMobilityIcon.js"),require("../../components/icon/stroke/CarIcon.js"),require("../../components/icon/stroke/CarDoorIcon.js"),require("../../components/icon/stroke/CarStatusIcon.js"),require("../../components/icon/stroke/CardIcon.js"),require("../../components/icon/stroke/ChangeOrderIcon.js"),require("../../components/icon/stroke/ChatIcon.js"),require("../../components/icon/stroke/CheckIcon.js"),require("../../components/icon/stroke/ChevronCircleDownIcon.js"),require("../../components/icon/stroke/ChevronCircleLeftIcon.js"),require("../../components/icon/stroke/ChevronCircleRightIcon.js"),require("../../components/icon/stroke/ChevronCircleUpIcon.js"),require("../../components/icon/stroke/ChevronDoubleDownIcon.js"),require("../../components/icon/stroke/ChevronDoubleLeftIcon.js"),require("../../components/icon/stroke/ChevronDoubleRightIcon.js"),require("../../components/icon/stroke/ChevronDoubleUpIcon.js"),require("../../components/icon/stroke/ChevronDownIcon.js"),require("../../components/icon/stroke/ChevronLeftIcon.js"),require("../../components/icon/stroke/ChevronNextIcon.js"),require("../../components/icon/stroke/ChevronPreviousIcon.js"),require("../../components/icon/stroke/ChevronRightIcon.js"),require("../../components/icon/stroke/ChevronUpIcon.js"),require("../../components/icon/stroke/CircleBluetoothIcon.js"),require("../../components/icon/stroke/CircleCheckIcon.js"),require("../../components/icon/stroke/CircleCloseIcon.js"),require("../../components/icon/stroke/CircleDownloadIcon.js"),require("../../components/icon/stroke/CircleExclamationIcon.js"),require("../../components/icon/stroke/CircleInformationIcon.js"),require("../../components/icon/stroke/CircleMinusIcon.js"),require("../../components/icon/stroke/CirclePlusIcon.js"),require("../../components/icon/stroke/CircleQuestionIcon.js"),require("../../components/icon/stroke/CircleSlashIcon.js"),require("../../components/icon/stroke/CircleUploadIcon.js"),require("../../components/icon/stroke/ClipIcon.js"),require("../../components/icon/stroke/ClockIcon.js"),require("../../components/icon/stroke/CloseIcon.js"),require("../../components/icon/stroke/ClosedcaptionsIcon.js"),require("../../components/icon/stroke/CloudCO2Icon.js"),require("../../components/icon/stroke/CloudDownloadIcon.js"),require("../../components/icon/stroke/CloudUploadIcon.js"),require("../../components/icon/stroke/ColoursIcon.js"),require("../../components/icon/stroke/ComfortIcon.js"),require("../../components/icon/stroke/ContrastIcon.js"),require("../../components/icon/stroke/ControlsForwardIcon.js"),require("../../components/icon/stroke/ControlsPauseIcon.js"),require("../../components/icon/stroke/ControlsPlayIcon.js"),require("../../components/icon/stroke/ControlsRecordIcon.js"),require("../../components/icon/stroke/ControlsReverseIcon.js"),require("../../components/icon/stroke/ControlsRewindIcon.js"),require("../../components/icon/stroke/ControlsSkipNextIcon.js"),require("../../components/icon/stroke/ControlsSkipPreviousIcon.js"),require("../../components/icon/stroke/ControlsStopIcon.js"),require("../../components/icon/stroke/CookieIcon.js"),require("../../components/icon/stroke/CopyIcon.js"),require("../../components/icon/stroke/CultureIcon.js"),require("../../components/icon/stroke/CutIcon.js"),require("../../components/icon/stroke/DealerIcon.js"),require("../../components/icon/stroke/DealershipServiceIcon.js"),require("../../components/icon/stroke/DeliveryIcon.js"),require("../../components/icon/stroke/DetailsIcon.js"),require("../../components/icon/stroke/DeviceSmartphoneIcon.js"),require("../../components/icon/stroke/DoorsClosedIcon.js"),require("../../components/icon/stroke/DoorsOpenIcon.js"),require("../../components/icon/stroke/DownloadIcon.js"),require("../../components/icon/stroke/DraghandleIcon.js"),require("../../components/icon/stroke/EditIcon.js"),require("../../components/icon/stroke/ElectricChargerIcon.js"),require("../../components/icon/stroke/ElectricChargerOffIcon.js"),require("../../components/icon/stroke/EmptystateIcon.js"),require("../../components/icon/stroke/EngineIcon.js"),require("../../components/icon/stroke/EngineOilIcon.js"),require("../../components/icon/stroke/EntertainmentIcon.js"),require("../../components/icon/stroke/EqualsignIcon.js"),require("../../components/icon/stroke/ExportIcon.js"),require("../../components/icon/stroke/ExternalLinkIcon.js"),require("../../components/icon/stroke/FacebookIcon.js"),require("../../components/icon/stroke/FactoryIcon.js"),require("../../components/icon/stroke/FanIcon.js"),require("../../components/icon/stroke/FeedbackIcon.js"),require("../../components/icon/stroke/FileIcon.js"),require("../../components/icon/stroke/FileMissingIcon.js"),require("../../components/icon/stroke/FileNewIcon.js"),require("../../components/icon/stroke/FilterIcon.js"),require("../../components/icon/stroke/FiltersIcon.js"),require("../../components/icon/stroke/FingerPrintIcon.js"),require("../../components/icon/stroke/FirstAidIcon.js"),require("../../components/icon/stroke/FlashIcon.js"),require("../../components/icon/stroke/FolderIcon.js"),require("../../components/icon/stroke/FolderShareIcon.js"),require("../../components/icon/stroke/FoodIcon.js"),require("../../components/icon/stroke/FourwheeldriveIcon.js"),require("../../components/icon/stroke/FrontaxleIcon.js"),require("../../components/icon/stroke/FuelSavingsIcon.js"),require("../../components/icon/stroke/FullscreenEnterIcon.js"),require("../../components/icon/stroke/FullscreenExitIcon.js"),require("../../components/icon/stroke/GarageIcon.js"),require("../../components/icon/stroke/GaugeIcon.js"),require("../../components/icon/stroke/GlobeIcon.js"),require("../../components/icon/stroke/GroupIcon.js"),require("../../components/icon/stroke/HandkeyIcon.js"),require("../../components/icon/stroke/HealthScanIcon.js"),require("../../components/icon/stroke/HeartIcon.js"),require("../../components/icon/stroke/HideIcon.js"),require("../../components/icon/stroke/HistoryIcon.js"),require("../../components/icon/stroke/HomeIcon.js"),require("../../components/icon/stroke/HonkIcon.js"),require("../../components/icon/stroke/HotelIcon.js"),require("../../components/icon/stroke/HybridIcon.js"),require("../../components/icon/stroke/IDCardIcon.js"),require("../../components/icon/stroke/ImportIcon.js"),require("../../components/icon/stroke/InboxIcon.js"),require("../../components/icon/stroke/InstagramIcon.js"),require("../../components/icon/stroke/LightsIcon.js"),require("../../components/icon/stroke/LightsOffIcon.js"),require("../../components/icon/stroke/LinkedInIcon.js"),require("../../components/icon/stroke/ListIcon.js"),require("../../components/icon/stroke/LockClosedIcon.js"),require("../../components/icon/stroke/LockOpenedIcon.js"),require("../../components/icon/stroke/LockOpenedAltIcon.js"),require("../../components/icon/stroke/LockedSteeringWheelIcon.js"),require("../../components/icon/stroke/LoginIcon.js"),require("../../components/icon/stroke/LogoutIcon.js"),require("../../components/icon/stroke/MaintenanceIcon.js"),require("../../components/icon/stroke/ManualIcon.js"),require("../../components/icon/stroke/MapCenterIcon.js"),require("../../components/icon/stroke/MapCompassIcon.js"),require("../../components/icon/stroke/MapFlagIcon.js"),require("../../components/icon/stroke/MapLocationIcon.js"),require("../../components/icon/stroke/MapIcon.js"),require("../../components/icon/stroke/MapMarkerIcon.js"),require("../../components/icon/stroke/MapMarkerLBOIcon.js"),require("../../components/icon/stroke/MapPinIcon.js"),require("../../components/icon/stroke/MapViewIcon.js"),require("../../components/icon/stroke/MenuWaffleIcon.js"),require("../../components/icon/stroke/MenuIcon.js"),require("../../components/icon/stroke/MessageIcon.js"),require("../../components/icon/stroke/MicrophoneIcon.js"),require("../../components/icon/stroke/MinusIcon.js"),require("../../components/icon/stroke/MoreHorizontalIcon.js"),require("../../components/icon/stroke/MoreVerticalIcon.js"),require("../../components/icon/stroke/MotionIcon.js"),require("../../components/icon/stroke/MusicalNoteIcon.js"),require("../../components/icon/stroke/MuteIcon.js"),require("../../components/icon/stroke/NewsIcon.js"),require("../../components/icon/stroke/NewspaperIcon.js"),require("../../components/icon/stroke/OilIcon.js"),require("../../components/icon/stroke/ParkingIcon.js"),require("../../components/icon/stroke/PasteIcon.js"),require("../../components/icon/stroke/PercentageIcon.js"),require("../../components/icon/stroke/PetIcon.js"),require("../../components/icon/stroke/PhoneIcon.js"),require("../../components/icon/stroke/PictureIcon.js"),require("../../components/icon/stroke/PiggybankIcon.js"),require("../../components/icon/stroke/PlugCCSType1Icon.js"),require("../../components/icon/stroke/PlugCCSType2Icon.js"),require("../../components/icon/stroke/PlugCHAdeMOIcon.js"),require("../../components/icon/stroke/PlugType1Icon.js"),require("../../components/icon/stroke/PlugType2Icon.js"),require("../../components/icon/stroke/PlugIcon.js"),require("../../components/icon/stroke/PlusIcon.js"),require("../../components/icon/stroke/PremiumLIcon.js"),require("../../components/icon/stroke/PremiumMIcon.js"),require("../../components/icon/stroke/PremiumSIcon.js"),require("../../components/icon/stroke/PriceTagIcon.js"),require("../../components/icon/stroke/PrintIcon.js"),require("../../components/icon/stroke/ProductionIcon.js"),require("../../components/icon/stroke/PublicplaceIcon.js"),require("../../components/icon/stroke/PumpIcon.js"),require("../../components/icon/stroke/PumpCNGIcon.js"),require("../../components/icon/stroke/PumpLPGIcon.js"),require("../../components/icon/stroke/QRCodeIcon.js"),require("../../components/icon/stroke/QualityIcon.js"),require("../../components/icon/stroke/QualityMedalIcon.js"),require("../../components/icon/stroke/RadarIcon.js"),require("../../components/icon/stroke/RefreshIcon.js"),require("../../components/icon/stroke/ReloadIcon.js"),require("../../components/icon/stroke/RevertIcon.js"),require("../../components/icon/stroke/RoadBlockIcon.js"),require("../../components/icon/stroke/SaveIcon.js"),require("../../components/icon/stroke/SearchMinusIcon.js"),require("../../components/icon/stroke/SearchPlusIcon.js"),require("../../components/icon/stroke/SearchIcon.js"),require("../../components/icon/stroke/SeatheaterIcon.js"),require("../../components/icon/stroke/SelectIcon.js"),require("../../components/icon/stroke/SelectAllIcon.js"),require("../../components/icon/stroke/SendIcon.js"),require("../../components/icon/stroke/SettingsIcon.js"),require("../../components/icon/stroke/ShapeCircleIcon.js"),require("../../components/icon/stroke/ShapeDropIcon.js"),require("../../components/icon/stroke/ShapeRectangleHorizontalIcon.js"),require("../../components/icon/stroke/ShapeRectangleRoundedIcon.js"),require("../../components/icon/stroke/ShapeRectangleVerticalIcon.js"),require("../../components/icon/stroke/ShapeRhombusIcon.js"),require("../../components/icon/stroke/ShapeShapesIcon.js"),require("../../components/icon/stroke/ShapeSquareIcon.js"),require("../../components/icon/stroke/ShapeStarIcon.js"),require("../../components/icon/stroke/ShapeStarhalfIcon.js"),require("../../components/icon/stroke/ShapeTriangleIcon.js"),require("../../components/icon/stroke/ShareIcon.js"),require("../../components/icon/stroke/ShareSquareIcon.js"),require("../../components/icon/stroke/ShieldCheckIcon.js"),require("../../components/icon/stroke/ShieldEmptyIcon.js"),require("../../components/icon/stroke/ShoppingBagIcon.js"),require("../../components/icon/stroke/ShoppingCartIcon.js"),require("../../components/icon/stroke/ShowIcon.js"),require("../../components/icon/stroke/ShuffleIcon.js"),require("../../components/icon/stroke/SignalIcon.js"),require("../../components/icon/stroke/SortDownIcon.js"),require("../../components/icon/stroke/SortUpIcon.js"),require("../../components/icon/stroke/SoundwaveIcon.js"),require("../../components/icon/stroke/SparkplugIcon.js"),require("../../components/icon/stroke/SportIcon.js"),require("../../components/icon/stroke/StatsIcon.js"),require("../../components/icon/stroke/SteeringWheelIcon.js"),require("../../components/icon/stroke/StopwatchIcon.js"),require("../../components/icon/stroke/SubtractIcon.js"),require("../../components/icon/stroke/SuitcaseIcon.js"),require("../../components/icon/stroke/SunroofIcon.js"),require("../../components/icon/stroke/TaskDoneIcon.js"),require("../../components/icon/stroke/TaskNoneIcon.js"),require("../../components/icon/stroke/TaskScheduledIcon.js"),require("../../components/icon/stroke/TechnicalInfoIcon.js"),require("../../components/icon/stroke/TelegramIcon.js"),require("../../components/icon/stroke/ThumbDownIcon.js"),require("../../components/icon/stroke/ThumbUpIcon.js"),require("../../components/icon/stroke/TicketIcon.js"),require("../../components/icon/stroke/TikTokIcon.js"),require("../../components/icon/stroke/ToiletsIcon.js"),require("../../components/icon/stroke/TransmissionAutomaticIcon.js"),require("../../components/icon/stroke/TransmissionManualIcon.js"),require("../../components/icon/stroke/TrashcanIcon.js"),require("../../components/icon/stroke/TripCyclicIcon.js"),require("../../components/icon/stroke/TripLongTermIcon.js"),require("../../components/icon/stroke/TripSingleIcon.js"),require("../../components/icon/stroke/TrophyIcon.js"),require("../../components/icon/stroke/TwitterIcon.js"),require("../../components/icon/stroke/TyreRepairIcon.js"),require("../../components/icon/stroke/TyreTracksIcon.js"),require("../../components/icon/stroke/TyresIcon.js"),require("../../components/icon/stroke/UploadIcon.js"),require("../../components/icon/stroke/UserIcon.js"),require("../../components/icon/stroke/VentilationIcon.js"),require("../../components/icon/stroke/VentilationOffIcon.js"),require("../../components/icon/stroke/WalkIcon.js"),require("../../components/icon/stroke/WallboxIcon.js"),require("../../components/icon/stroke/WalletIcon.js"),require("../../components/icon/stroke/WandIcon.js"),require("../../components/icon/stroke/WarningIcon.js"),require("../../components/icon/stroke/WeatherRainyIcon.js"),require("../../components/icon/stroke/WeatherSnowIcon.js"),require("../../components/icon/stroke/WellnessIcon.js"),require("../../components/icon/stroke/WhatsAppIcon.js"),require("../../components/icon/stroke/WheelchairIcon.js"),require("../../components/icon/stroke/WheelsIcon.js"),require("../../components/icon/stroke/WifiDisabledIcon.js"),require("../../components/icon/stroke/WifiHighIcon.js"),require("../../components/icon/stroke/WifiLowIcon.js"),require("../../components/icon/stroke/WifiMediumIcon.js"),require("../../components/icon/stroke/WifiNoSignalIcon.js"),require("../../components/icon/stroke/WindowIcon.js"),require("../../components/icon/stroke/WindowheaterIcon.js"),require("../../components/icon/stroke/WindowsClosedIcon.js"),require("../../components/icon/stroke/WindowsOpenIcon.js"),require("../../components/icon/stroke/WindscreenWiperIcon.js"),require("../../components/icon/stroke/WriteIcon.js"),require("../../components/icon/stroke/XIcon.js"),require("../../components/icon/stroke/YouTubeIcon.js");var i=require("@mui/material");const r=i.styled("div")((({theme:e})=>{let o={};return o={[e.breakpoints.up("md")]:Object.assign(Object.assign({},o),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[e.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 ${e.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:e.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},o}));exports.default=({videoRef:c,playPauseCallback:s})=>{const[l,t]=o.useState(!1),p=o.useRef(null),u=i.useTheme(),d=o.useCallback((e=>{l?(s&&s("play",e),c.current.play()):(s&&s("pause",e),c.current.pause()),t(!l)}),[l,s,c]);return o.useEffect((()=>{window.innerWidth<u.breakpoints.values.md&&(c.current.pause(),t(!0))}),[c,u.breakpoints.values.md]),o.useEffect((()=>{window.innerWidth<u.breakpoints.values.md?l?(p.current.style.transitionDelay="0s",p.current.style.opacity=1):(p.current.style.transitionDelay="2s",p.current.style.opacity=0):(p.current.style.transitionDelay="0s",p.current.style.opacity=1)}),[l,u.breakpoints.values.md]),e.jsx(r,{ref:p,onClick:e=>d(e),children:e.jsx("div",{children:e.jsx(n.Icon,{name:l?"play":"pause"})})})};
 //# sourceMappingURL=videoCardController.js.map

package/cjs/organisms/heroImageCard/videoCardController.js.map

@@ -1 +1 @@
-{"version":3,"file":"videoCardController.js","sources":["../../../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport { useTheme, styled } from '@mui/material';\n\n/**\n * @interface VideoControllerProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\n\ninterface VideoControllerProps {\n  videoRef: any;\n  playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\nconst VideoCardController: React.FC<VideoControllerProps> = ({ videoRef, playPauseCallback }) => {\n  const [isPaused, setIsPaused] = useState(false);\n  const videoControllerRef = useRef(null);\n  const theme = useTheme();\n\n  //When the videoController is clicked, pause or play the video\n  const handlePlayClick = useCallback(\n    (event) => {\n      if (isPaused) {\n        playPauseCallback && playPauseCallback('play', event);\n        videoRef.current.play();\n      } else {\n        playPauseCallback && playPauseCallback('pause', event);\n        videoRef.current.pause();\n      }\n      setIsPaused(!isPaused);\n    },\n    [isPaused, playPauseCallback, videoRef],\n  );\n\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\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      } else {\n        videoControllerRef.current.style.transitionDelay = '2s';\n        videoControllerRef.current.style.opacity = 0;\n      }\n    } else {\n      videoControllerRef.current.style.transitionDelay = '0s';\n      videoControllerRef.current.style.opacity = 1;\n    }\n  }, [isPaused, theme.breakpoints.values.md]);\n\n  return (\n    <VideoControllerStyled ref={videoControllerRef} onClick={(event) => handlePlayClick(event)}>\n      <div>\n        <Icon name={isPaused ? 'play' : 'pause'} />\n      </div>\n    </VideoControllerStyled>\n  );\n};\n\nconst VideoControllerStyled = styled('div')<{ theme?: any }>(({ theme }) => {\n  let style = {};\n  style = {\n    [theme.breakpoints.up('md')]: {\n      ...style,\n      position: 'absolute',\n      zIndex: 1000,\n      cursor: 'pointer',\n      bottom: '24px',\n      right: '24px',\n      '& > 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    },\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});\n\nexport default VideoCardController;\n"],"names":["VideoControllerStyled","styled","theme","style","breakpoints","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","transitionDelay","transitionDuration","transitionProperty","transitionTimingFunction","margin","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","values","md","opacity","_jsx","ref","onClick","children","Icon","name"],"mappings":"yPAeM,MAqDAA,EAAwBC,EAAAA,OAAO,MAAPA,EAA+B,EAAGC,YAC9D,IAAIC,EAAQ,CAAE,EA+Dd,OA9DAA,EAAQ,CACN,CAACD,EAAME,YAAYC,GAAG,OACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAJ,GACH,CAAAK,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAACxB,EAAME,YAAYuB,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXC,gBAAiB,KACjBC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACT1B,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRqB,OAAQ,SACRpB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXvB,CAAK,oBArH8C,EAAGiC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,GACnCC,EAAqBC,EAAMA,OAAC,MAC5BxC,EAAQyC,EAAAA,WAGRC,EAAkBC,eACrBC,IACKR,GACFD,GAAqBA,EAAkB,OAAQS,GAC/CV,EAASW,QAAQC,SAEjBX,GAAqBA,EAAkB,QAASS,GAChDV,EAASW,QAAQE,SAEnBV,GAAaD,EAAS,GAExB,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAc,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,KAC/ClB,EAASW,QAAQE,QACjBV,GAAY,MAEb,CAACH,EAAUlC,EAAME,YAAYiD,OAAOC,KAGvCJ,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,GAC3ChB,GACFG,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAE3Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAG7Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,KAE5C,CAACjB,EAAUpC,EAAME,YAAYiD,OAAOC,KAGrCE,MAACxD,EAAsB,CAAAyD,IAAKhB,EAAoBiB,QAAUZ,GAAUF,EAAgBE,GAClFa,SAAAH,EAAAA,IAAA,MAAA,CAAAG,SACEH,MAACI,EAAAA,KAAI,CAACC,KAAMvB,EAAW,OAAS,aAEZ"}
+{"version":3,"file":"videoCardController.js","sources":["../../../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport { useTheme, styled } from '@mui/material';\n\n/**\n * @interface VideoControllerProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\n\ninterface VideoControllerProps {\n  videoRef: any;\n  playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\nconst VideoCardController: React.FC<VideoControllerProps> = ({ videoRef, playPauseCallback }) => {\n  const [isPaused, setIsPaused] = useState(false);\n  const videoControllerRef = useRef(null);\n  const theme = useTheme();\n\n  //When the videoController is clicked, pause or play the video\n  const handlePlayClick = useCallback(\n    (event) => {\n      if (isPaused) {\n        playPauseCallback && playPauseCallback('play', event);\n        videoRef.current.play();\n      } else {\n        playPauseCallback && playPauseCallback('pause', event);\n        videoRef.current.pause();\n      }\n      setIsPaused(!isPaused);\n    },\n    [isPaused, playPauseCallback, videoRef],\n  );\n\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\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      } else {\n        videoControllerRef.current.style.transitionDelay = '2s';\n        videoControllerRef.current.style.opacity = 0;\n      }\n    } else {\n      videoControllerRef.current.style.transitionDelay = '0s';\n      videoControllerRef.current.style.opacity = 1;\n    }\n  }, [isPaused, theme.breakpoints.values.md]);\n\n  return (\n    <VideoControllerStyled ref={videoControllerRef} onClick={(event) => handlePlayClick(event)}>\n      <div>\n        <Icon name={isPaused ? 'play' : 'pause'} />\n      </div>\n    </VideoControllerStyled>\n  );\n};\n\nconst VideoControllerStyled = styled('div')<{ theme?: any }>(({ theme }) => {\n  let style = {};\n  style = {\n    [theme.breakpoints.up('md')]: {\n      ...style,\n      position: 'absolute',\n      zIndex: 1000,\n      cursor: 'pointer',\n      bottom: '24px',\n      right: '24px',\n      '& > 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    },\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});\n\nexport default VideoCardController;\n"],"names":["VideoControllerStyled","styled","theme","style","breakpoints","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","transitionDelay","transitionDuration","transitionProperty","transitionTimingFunction","margin","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","values","md","opacity","_jsx","ref","onClick","children","Icon","name"],"mappings":"s51CAeA,MAqDMA,EAAwBC,EAAAA,OAAO,MAAPA,EAA+B,EAAGC,YAC9D,IAAIC,EAAQ,CAAA,EA+DZ,OA9DAA,EAAQ,CACN,CAACD,EAAME,YAAYC,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvBJ,GAAK,CACRK,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAACxB,EAAME,YAAYuB,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXC,gBAAiB,KACjBC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACT1B,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRqB,OAAQ,SACRpB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXvB,CAAK,oBArH8C,EAAGiC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,GACnCC,EAAqBC,EAAAA,OAAO,MAC5BxC,EAAQyC,EAAAA,WAGRC,EAAkBC,eACrBC,IACKR,GACFD,GAAqBA,EAAkB,OAAQS,GAC/CV,EAASW,QAAQC,SAEjBX,GAAqBA,EAAkB,QAASS,GAChDV,EAASW,QAAQE,SAEnBV,GAAaD,EAAS,GAExB,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAc,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,KAC/ClB,EAASW,QAAQE,QACjBV,GAAY,GACd,GACC,CAACH,EAAUlC,EAAME,YAAYiD,OAAOC,KAGvCJ,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,GAC3ChB,GACFG,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAE3Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAG7Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,EAC7C,GACC,CAACjB,EAAUpC,EAAME,YAAYiD,OAAOC,KAGrCE,MAACxD,EAAqB,CAACyD,IAAKhB,EAAoBiB,QAAUZ,GAAUF,EAAgBE,GAAMa,SACxFH,EAAAA,IAAA,MAAA,CAAAG,SACEH,MAACI,EAAAA,KAAI,CAACC,KAAMvB,EAAW,OAAS,aAEZ"}