@skodaflow/web-library 7.14.0 → 7.15.1

package/cjs/organisms/carousel/carouselTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"carouselTemplate.js","sources":["../../../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":["import React from 'react';\nimport { EmblaCarouselType } from 'embla-carousel-react';\nimport { Controller } from '../../components/controls';\nimport { Numbering } from '../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { IconNameProp } from '@/src/components/icon';\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const getHoveredClass = (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => {\n  return hovered && isBtnEnabled ? `${direction}--hovered` : '';\n};\n\nexport const DotButton = ({ selected, onClick, bulletStyle }) => (\n  <button\n    className={\n      bulletStyle && bulletStyle === 'dot'\n        ? `embla__dot_small ${selected ? 'is-selected' : ''}`\n        : `embla__dot ${selected ? 'is-selected' : ''}`\n    }\n    type=\"button\"\n    onClick={onClick}\n  />\n);\n\nexport const template = (\n  cssClass: string,\n  hovered: boolean,\n  prevBtnEnabled: boolean,\n  emblaApi: EmblaCarouselType,\n  direction: any,\n  emblaRef: any,\n  slidesItems: React.ReactNode[],\n  heightSlide: string,\n  buttonControls: boolean,\n  buttonAreaControlsHeight: string,\n  buttonControlsPosition: string,\n  nextBtnEnabled: boolean,\n  numberingSlides: boolean,\n  selectedIndex: number,\n  numberingSeparator: string,\n  progressbar: boolean,\n  scrollProgress: number,\n  toggleHover: (element: string) => void,\n  slideToShow: number,\n  classEmbla: string,\n  bulletScroll: boolean,\n  bulletStyle: string,\n  handleScrollTo: (emblaApi, index) => void,\n  handleScrollPrev: (emblaApi, index) => void,\n  handleScrollNext: (emblaApi, index) => void,\n  prevControlIcon: IconNameProp,\n  nextControlIcon: IconNameProp,\n  controlIconStyle: any,\n  controlIconFontSize: any,\n  controlVariant: any,\n  controlColor: any,\n) => {\n  const isMirrored = direction === 'rtl';\n\n  return (\n    <>\n      <div className={`embla ${cssClass} ${classEmbla}`} dir={direction}>\n        <div className=\"embla__viewport\" ref={emblaRef}>\n          <div className=\"embla__container\">\n            {slidesItems.map((slide, index) => (\n              <div id={`embla ${cssClass}__${index}`} className=\"embla__slide\" key={index}>\n                <div className=\"embla__slide__inner\" style={{ height: heightSlide }}>\n                  {slide}\n                </div>\n              </div>\n            ))}\n          </div>\n          {buttonControls && (\n            <>\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={prevControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--prev ${getHoveredClass('prev', hovered, prevBtnEnabled)}`}\n                onClickCallback={() => handleScrollPrev(emblaApi, direction)}\n                isDisabled={isMirrored ? prevBtnEnabled && !nextBtnEnabled : !prevBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('prev')}\n                onMouseLeave={() => toggleHover('')}\n              />\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={nextControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--next ${getHoveredClass('next', hovered, nextBtnEnabled)}`}\n                onClickCallback={() => handleScrollNext(emblaApi, direction)}\n                isDisabled={isMirrored ? !prevBtnEnabled && nextBtnEnabled : !nextBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('next')}\n                onMouseLeave={() => toggleHover('')}\n              />\n            </>\n          )}\n        </div>\n      </div>\n      {numberingSlides && (\n        <>\n          <Numbering\n            className=\"carousel_numbering\"\n            index={selectedIndex + slideToShow}\n            total={slidesItems.length}\n            customSeparator={numberingSeparator}\n            colorTheme={NumberingColors.DARK}\n            size={NumberingSizes.LARGE}\n          />\n        </>\n      )}\n      {progressbar && !bulletScroll && (\n        <div className=\"embla__progress\">\n          <div className=\"embla__progress__bar\" style={{ transform: `translateX(${scrollProgress}%)` }} />\n        </div>\n      )}\n\n      {bulletScroll && slideToShow === 1 && (\n        <div className=\"embla__dots\">\n          {slidesItems.map((_, index: any) => {\n            const mirroredIndex = slidesItems.length - index - 1;\n            return (\n              <DotButton\n                bulletStyle={bulletStyle}\n                key={index}\n                selected={isMirrored ? mirroredIndex === selectedIndex : index === selectedIndex}\n                onClick={() => handleScrollTo(emblaApi, index)}\n              />\n            );\n          })}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["getHoveredClass","direction","hovered","isBtnEnabled","DotButton","selected","onClick","bulletStyle","_jsx","jsx","className","type","cssClass","prevBtnEnabled","emblaApi","emblaRef","slidesItems","heightSlide","buttonControls","buttonAreaControlsHeight","buttonControlsPosition","nextBtnEnabled","numberingSlides","selectedIndex","numberingSeparator","progressbar","scrollProgress","toggleHover","slideToShow","classEmbla","bulletScroll","handleScrollTo","handleScrollPrev","handleScrollNext","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","isMirrored","_jsxs","jsxs","_Fragment","Fragment","children","dir","ref","map","slide","index","id","style","height","Controller","top","controlType","controllerColor","iconStyle","iconFontSize","onClickCallback","isDisabled","customHeight","onMouseEnter","onMouseLeave","Numbering","total","length","customSeparator","colorTheme","NumberingColors","DARK","size","NumberingSizes","LARGE","transform","_","mirroredIndex"],"mappings":"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"}
+{"version":3,"file":"carouselTemplate.js","sources":["../../../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":["import React from 'react';\nimport { EmblaCarouselType } from 'embla-carousel-react';\nimport { Controller } from '../../components/controls';\nimport { Numbering } from '../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { IconNameProp } from '@/src/components/icon';\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const getHoveredClass = (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => {\n  return hovered && isBtnEnabled ? `${direction}--hovered` : '';\n};\n\nexport const DotButton = ({ selected, onClick, bulletStyle }) => (\n  <button\n    className={\n      bulletStyle && bulletStyle === 'dot'\n        ? `embla__dot_small ${selected ? 'is-selected' : ''}`\n        : `embla__dot ${selected ? 'is-selected' : ''}`\n    }\n    type=\"button\"\n    onClick={onClick}\n  />\n);\n\nexport const template = (\n  cssClass: string,\n  hovered: boolean,\n  prevBtnEnabled: boolean,\n  emblaApi: EmblaCarouselType,\n  direction: any,\n  emblaRef: any,\n  slidesItems: React.ReactNode[],\n  heightSlide: string,\n  buttonControls: boolean,\n  buttonAreaControlsHeight: string,\n  buttonControlsPosition: string,\n  nextBtnEnabled: boolean,\n  numberingSlides: boolean,\n  selectedIndex: number,\n  numberingSeparator: string,\n  progressbar: boolean,\n  scrollProgress: number,\n  toggleHover: (element: string) => void,\n  slideToShow: number,\n  classEmbla: string,\n  bulletScroll: boolean,\n  bulletStyle: string,\n  handleScrollTo: (emblaApi, index) => void,\n  handleScrollPrev: (emblaApi, index) => void,\n  handleScrollNext: (emblaApi, index) => void,\n  prevControlIcon: IconNameProp,\n  nextControlIcon: IconNameProp,\n  controlIconStyle: any,\n  controlIconFontSize: any,\n  controlVariant: any,\n  controlColor: any,\n) => {\n  const isMirrored = direction === 'rtl';\n\n  return (\n    <>\n      <div className={`embla ${cssClass} ${classEmbla}`} dir={direction}>\n        <div className=\"embla__viewport\" ref={emblaRef}>\n          <div className=\"embla__container\">\n            {slidesItems.map((slide, index) => (\n              <div id={`embla ${cssClass}__${index}`} className=\"embla__slide\" key={index}>\n                <div className=\"embla__slide__inner\" style={{ height: heightSlide }}>\n                  {slide}\n                </div>\n              </div>\n            ))}\n          </div>\n          {buttonControls && (\n            <>\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={prevControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--prev ${getHoveredClass('prev', hovered, prevBtnEnabled)}`}\n                onClickCallback={() => handleScrollPrev(emblaApi, direction)}\n                isDisabled={isMirrored ? prevBtnEnabled && !nextBtnEnabled : !prevBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('prev')}\n                onMouseLeave={() => toggleHover('')}\n              />\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={nextControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--next ${getHoveredClass('next', hovered, nextBtnEnabled)}`}\n                onClickCallback={() => handleScrollNext(emblaApi, direction)}\n                isDisabled={isMirrored ? !prevBtnEnabled && nextBtnEnabled : !nextBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('next')}\n                onMouseLeave={() => toggleHover('')}\n              />\n            </>\n          )}\n        </div>\n      </div>\n      {numberingSlides && (\n        <>\n          <Numbering\n            className=\"carousel_numbering\"\n            index={selectedIndex + slideToShow}\n            total={slidesItems.length}\n            customSeparator={numberingSeparator}\n            colorTheme={NumberingColors.DARK}\n            size={NumberingSizes.LARGE}\n          />\n        </>\n      )}\n      {progressbar && !bulletScroll && (\n        <div className=\"embla__progress\">\n          <div className=\"embla__progress__bar\" style={{ transform: `translateX(${scrollProgress}%)` }} />\n        </div>\n      )}\n\n      {bulletScroll && slideToShow === 1 && (\n        <div className=\"embla__dots\">\n          {slidesItems.map((_, index: any) => {\n            const mirroredIndex = slidesItems.length - index - 1;\n            return (\n              <DotButton\n                bulletStyle={bulletStyle}\n                key={index}\n                selected={isMirrored ? mirroredIndex === selectedIndex : index === selectedIndex}\n                onClick={() => handleScrollTo(emblaApi, index)}\n              />\n            );\n          })}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["getHoveredClass","direction","hovered","isBtnEnabled","DotButton","selected","onClick","bulletStyle","_jsx","className","type","cssClass","prevBtnEnabled","emblaApi","emblaRef","slidesItems","heightSlide","buttonControls","buttonAreaControlsHeight","buttonControlsPosition","nextBtnEnabled","numberingSlides","selectedIndex","numberingSeparator","progressbar","scrollProgress","toggleHover","slideToShow","classEmbla","bulletScroll","handleScrollTo","handleScrollPrev","handleScrollNext","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","isMirrored","_jsxs","_Fragment","children","dir","ref","map","slide","index","id","style","height","Controller","top","controlType","controllerColor","iconStyle","iconFontSize","onClickCallback","isDisabled","customHeight","onMouseEnter","onMouseLeave","Numbering","total","length","customSeparator","colorTheme","NumberingColors","DARK","size","NumberingSizes","LARGE","transform","_","mirroredIndex"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { ternaryCondition } from '../../../utils/utilities';\nimport { CarouselPropType } from '../carousel';\nimport { Theme } from '@mui/material';\nexport enum controlButtonsHover {\n  NEXT = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K',\n  PREV = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==',\n}\n\nexport const CarouselStyledHorizontal = styled('div', {\n  shouldForwardProp: (prop) =>\n    prop !== 'isSlideDifferentWidth' &&\n    prop !== 'slidesItems' &&\n    prop !== 'slideToShow' &&\n    prop !== 'bulletTheme' &&\n    prop !== 'numberingSeparator' &&\n    prop !== 'numberingSlides' &&\n    prop !== 'startIndex' &&\n    prop !== 'cssClass' &&\n    prop !== 'buttonControls' &&\n    prop !== 'buttonAreaControlsHeight' &&\n    prop !== 'slideToScroll' &&\n    prop !== 'prevControlIcon' &&\n    prop !== 'nextControlIcon' &&\n    prop !== 'controlColor' &&\n    prop !== 'controlIconStyle' &&\n    prop !== 'controlVariant' &&\n    prop !== 'controlIconFontSize' &&\n    prop !== 'slideSelectedClass' &&\n    prop !== 'heightSlide' &&\n    prop !== 'bulletScroll' &&\n    prop !== 'bulletStyle',\n})<CarouselPropType & { theme?: Theme }>(({ theme, ...args }) => {\n  const props = args as CarouselPropType;\n  let styles = {};\n  styles = {\n    ...styles,\n    '& .embla': {\n      position: 'relative',\n      padding: '0px',\n      maxWidth: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      boxSizing: 'border-box',\n      '& *': {\n        boxSizing: 'border-box',\n      },\n      [theme.breakpoints.up('md')]: {\n        '&.embla-container-next': {\n          '& .embla__container': {\n            left: props.align === 'center' ? '-6%' : '-3%',\n          },\n        },\n        '&.embla-container-prev': {\n          '& .embla__container': {\n            left: props.align === 'center' ? '-2%' : '3%',\n          },\n        },\n      },\n    },\n    '& .embla__viewport': {\n      overflow: 'hidden',\n      width: '100%',\n    },\n    '& .embla__viewport.is-draggable': {\n      cursor: 'move',\n    },\n    '& .embla__viewport.is-dragging': {\n      cursor: 'grabbing',\n    },\n    '& .embla__container': {\n      display: 'flex',\n      userSelect: 'none',\n      webkitTouchCallout: 'none',\n      khtmlUserSelect: 'none',\n      webkitTapHighlightColor: 'transparent',\n      marginLeft: '-24px',\n      transition: 'left .4s',\n      [theme.breakpoints.up('md')]: {\n        position: 'relative',\n        left: props.align === 'center' ? '-4%' : '0',\n      },\n    },\n    '& .embla__slide': {\n      position: 'relative',\n      flex: '0 0 auto',\n      paddingLeft: '24px',\n      [theme.breakpoints.down('md')]: {\n        width: props.isSlideDifferentWidth ? '' : '100%',\n      },\n    },\n    '& .embla__slide__inner': {\n      position: 'relative',\n      overflow: 'hidden',\n      height: '100%',\n      display: props.isSlideDifferentWidth ? 'flex' : '',\n      '& img': {\n        maxWidth: '100%',\n        height: '100%',\n        objectFit: 'cover',\n      },\n    },\n    '& .embla__button': {\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: '0',\n      height: '100%',\n      zIndex: '2',\n      border: '0',\n      boxShadow: 'none',\n      backgroundColor: 'transparent',\n      cursor: 'auto',\n      borderRadius: 0,\n      '& .MuiIcon-fontSizeSmall': {\n        width: '24px',\n        height: '24px',\n      },\n      '& .MuiIcon-fontSizeMedium': {\n        width: '32px',\n        height: '32px',\n      },\n      '&:disabled': {\n        '& .MuiIcon-root': {\n          color: theme.palette.disabled.primary,\n        },\n        '&:hover': {\n          [theme.breakpoints.up('lg')]: {\n            '& .MuiIcon-root': {\n              backgroundColor: 'transparent',\n            },\n          },\n        },\n      },\n    },\n    '& .embla__button--prev': {\n      left: '0',\n      width: '12%',\n    },\n    '& .embla__button--prev.prev--hovered': {\n      [theme.breakpoints.up('lg')]: {\n        cursor: `url(${controlButtonsHover.PREV}), auto`,\n        '& button': {\n          transform: 'scale(0)',\n        },\n      },\n    },\n    '& .embla__button--next': {\n      right: '0',\n      width: '12%',\n    },\n    '& .embla__button--next.next--hovered': {\n      [theme.breakpoints.up('lg')]: {\n        cursor: `url(${controlButtonsHover.NEXT}), auto`,\n        '& button': {\n          transform: 'scale(0)',\n        },\n      },\n    },\n    '& .embla__progress': {\n      position: 'relative',\n      backgroundColor: 'transparent',\n      marginTop: props.numberingSlides === true ? '30px' : '10px',\n      maxWidth: '100%',\n      width: '100%',\n      height: '4px',\n      overflow: 'hidden',\n      borderRadius: '4px',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n    '& .embla__progress__bar': {\n      position: 'absolute',\n      backgroundColor: theme.palette.onSurface.os200,\n      width: '100%',\n      top: '0',\n      bottom: '0',\n      left: '-100%',\n    },\n    '& .carousel_numbering': {\n      [theme.breakpoints.up('md')]: {\n        position: 'absolute',\n        right: '11%',\n      },\n      [theme.breakpoints.down('md')]: {\n        textAlign: 'center',\n      },\n    },\n    '& .embla__dots': {\n      display: 'flex',\n      listStyle: 'none',\n      justifyContent: 'center',\n      paddingTop: '10px',\n\n      '& .embla__dot': {\n        backgroundColor: 'transparent',\n        cursor: 'pointer',\n        position: 'relative',\n        padding: '0',\n        outline: '0',\n        border: '0',\n        width: '30px',\n        height: '30px',\n        marginRight: '7.5px',\n        marginLeft: '7.5px',\n        display: 'flex',\n        alignItems: 'center',\n\n        '&:after': {\n          backgroundColor: theme.palette.disabled.secondary,\n          width: '50px',\n          height: '4px',\n          borderRadius: '2px',\n          content: '\"\"',\n        },\n        '&.is-selected': {\n          '&:after': {\n            backgroundColor: theme.palette.onSurface.os900,\n            opacity: '1',\n          },\n        },\n      },\n      '& .embla__dot_small': {\n        backgroundColor: 'transparent',\n        cursor: 'pointer',\n        position: 'relative',\n        padding: '0',\n        outline: '0',\n        border: '0',\n        width: '12px',\n        height: '6px',\n        marginRight: '6px',\n        marginLeft: '6px',\n        display: 'flex',\n        alignItems: 'center',\n\n        '&:after': {\n          backgroundColor: ternaryCondition(\n            props.bulletTheme,\n            'dark',\n            theme.palette.onSurface.os900,\n            theme.palette.surface.tertiary,\n          ),\n          width: '6px',\n          height: '6px',\n          borderRadius: '50%',\n          content: '\"\"',\n        },\n        '&.is-selected': {\n          '&:after': {\n            backgroundColor: 'transparent',\n            height: '12px',\n            width: '12px',\n            border: ternaryCondition(\n              props.bulletTheme,\n              'dark',\n              theme.palette.onSurface.os900,\n              theme.palette.surface.tertiary,\n            ),\n            borderRadius: '50%',\n            opacity: '1',\n          },\n        },\n      },\n    },\n  };\n  switch (props.slideToShow) {\n    case 1:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          paddingLeft: '24px',\n          [theme.breakpoints.up('md')]: {\n            flex: props.isSlideDifferentWidth ? '0 0 auto' : '0 0 100%',\n            maxWidth: props.isSlideDifferentWidth === true ? ' 100%' : '80%',\n          },\n        },\n      });\n    case 2:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 50%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n    case 3:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 33.33%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n    case 4:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 25%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n  }\n  return styles;\n});\n"],"names":["controlButtonsHover","CarouselStyledHorizontal","styled","shouldForwardProp","prop","_a","theme","props","__rest","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","boxSizing","breakpoints","up","left","align","overflow","width","cursor","display","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","transition","flex","paddingLeft","down","isSlideDifferentWidth","height","objectFit","alignItems","justifyContent","top","zIndex","border","boxShadow","backgroundColor","borderRadius","color","palette","disabled","primary","PREV","transform","right","NEXT","marginTop","numberingSlides","onSurface","os200","bottom","textAlign","listStyle","paddingTop","outline","secondary","content","os900","opacity","ternaryCondition","bulletTheme","surface","tertiary","slideToShow"],"mappings":"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"}
+{"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { ternaryCondition } from '../../../utils/utilities';\nimport { CarouselPropType } from '../carousel';\nimport { Theme } from '@mui/material';\nexport enum controlButtonsHover {\n  NEXT = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K',\n  PREV = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==',\n}\n\nexport const CarouselStyledHorizontal = styled('div', {\n  shouldForwardProp: (prop) =>\n    prop !== 'isSlideDifferentWidth' &&\n    prop !== 'slidesItems' &&\n    prop !== 'slideToShow' &&\n    prop !== 'bulletTheme' &&\n    prop !== 'numberingSeparator' &&\n    prop !== 'numberingSlides' &&\n    prop !== 'startIndex' &&\n    prop !== 'cssClass' &&\n    prop !== 'buttonControls' &&\n    prop !== 'buttonAreaControlsHeight' &&\n    prop !== 'slideToScroll' &&\n    prop !== 'prevControlIcon' &&\n    prop !== 'nextControlIcon' &&\n    prop !== 'controlColor' &&\n    prop !== 'controlIconStyle' &&\n    prop !== 'controlVariant' &&\n    prop !== 'controlIconFontSize' &&\n    prop !== 'slideSelectedClass' &&\n    prop !== 'heightSlide' &&\n    prop !== 'bulletScroll' &&\n    prop !== 'bulletStyle',\n})<CarouselPropType & { theme?: Theme }>(({ theme, ...args }) => {\n  const props = args as CarouselPropType;\n  let styles = {};\n  styles = {\n    ...styles,\n    '& .embla': {\n      position: 'relative',\n      padding: '0px',\n      maxWidth: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      boxSizing: 'border-box',\n      '& *': {\n        boxSizing: 'border-box',\n      },\n      [theme.breakpoints.up('md')]: {\n        '&.embla-container-next': {\n          '& .embla__container': {\n            left: props.align === 'center' ? '-6%' : '-3%',\n          },\n        },\n        '&.embla-container-prev': {\n          '& .embla__container': {\n            left: props.align === 'center' ? '-2%' : '3%',\n          },\n        },\n      },\n    },\n    '& .embla__viewport': {\n      overflow: 'hidden',\n      width: '100%',\n    },\n    '& .embla__viewport.is-draggable': {\n      cursor: 'move',\n    },\n    '& .embla__viewport.is-dragging': {\n      cursor: 'grabbing',\n    },\n    '& .embla__container': {\n      display: 'flex',\n      userSelect: 'none',\n      webkitTouchCallout: 'none',\n      khtmlUserSelect: 'none',\n      webkitTapHighlightColor: 'transparent',\n      marginLeft: '-24px',\n      transition: 'left .4s',\n      [theme.breakpoints.up('md')]: {\n        position: 'relative',\n        left: props.align === 'center' ? '-4%' : '0',\n      },\n    },\n    '& .embla__slide': {\n      position: 'relative',\n      flex: '0 0 auto',\n      paddingLeft: '24px',\n      [theme.breakpoints.down('md')]: {\n        width: props.isSlideDifferentWidth ? '' : '100%',\n      },\n    },\n    '& .embla__slide__inner': {\n      position: 'relative',\n      overflow: 'hidden',\n      height: '100%',\n      display: props.isSlideDifferentWidth ? 'flex' : '',\n      '& img': {\n        maxWidth: '100%',\n        height: '100%',\n        objectFit: 'cover',\n      },\n    },\n    '& .embla__button': {\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: '0',\n      height: '100%',\n      zIndex: '2',\n      border: '0',\n      boxShadow: 'none',\n      backgroundColor: 'transparent',\n      cursor: 'auto',\n      borderRadius: 0,\n      '& .MuiIcon-fontSizeSmall': {\n        width: '24px',\n        height: '24px',\n      },\n      '& .MuiIcon-fontSizeMedium': {\n        width: '32px',\n        height: '32px',\n      },\n      '&:disabled': {\n        '& .MuiIcon-root': {\n          color: theme.palette.disabled.primary,\n        },\n        '&:hover': {\n          [theme.breakpoints.up('lg')]: {\n            '& .MuiIcon-root': {\n              backgroundColor: 'transparent',\n            },\n          },\n        },\n      },\n    },\n    '& .embla__button--prev': {\n      left: '0',\n      width: '12%',\n    },\n    '& .embla__button--prev.prev--hovered': {\n      [theme.breakpoints.up('lg')]: {\n        cursor: `url(${controlButtonsHover.PREV}), auto`,\n        '& button': {\n          transform: 'scale(0)',\n        },\n      },\n    },\n    '& .embla__button--next': {\n      right: '0',\n      width: '12%',\n    },\n    '& .embla__button--next.next--hovered': {\n      [theme.breakpoints.up('lg')]: {\n        cursor: `url(${controlButtonsHover.NEXT}), auto`,\n        '& button': {\n          transform: 'scale(0)',\n        },\n      },\n    },\n    '& .embla__progress': {\n      position: 'relative',\n      backgroundColor: 'transparent',\n      marginTop: props.numberingSlides === true ? '30px' : '10px',\n      maxWidth: '100%',\n      width: '100%',\n      height: '4px',\n      overflow: 'hidden',\n      borderRadius: '4px',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n    '& .embla__progress__bar': {\n      position: 'absolute',\n      backgroundColor: theme.palette.onSurface.os200,\n      width: '100%',\n      top: '0',\n      bottom: '0',\n      left: '-100%',\n    },\n    '& .carousel_numbering': {\n      [theme.breakpoints.up('md')]: {\n        position: 'absolute',\n        right: '11%',\n      },\n      [theme.breakpoints.down('md')]: {\n        textAlign: 'center',\n      },\n    },\n    '& .embla__dots': {\n      display: 'flex',\n      listStyle: 'none',\n      justifyContent: 'center',\n      paddingTop: '10px',\n\n      '& .embla__dot': {\n        backgroundColor: 'transparent',\n        cursor: 'pointer',\n        position: 'relative',\n        padding: '0',\n        outline: '0',\n        border: '0',\n        width: '30px',\n        height: '30px',\n        marginRight: '7.5px',\n        marginLeft: '7.5px',\n        display: 'flex',\n        alignItems: 'center',\n\n        '&:after': {\n          backgroundColor: theme.palette.disabled.secondary,\n          width: '50px',\n          height: '4px',\n          borderRadius: '2px',\n          content: '\"\"',\n        },\n        '&.is-selected': {\n          '&:after': {\n            backgroundColor: theme.palette.onSurface.os900,\n            opacity: '1',\n          },\n        },\n      },\n      '& .embla__dot_small': {\n        backgroundColor: 'transparent',\n        cursor: 'pointer',\n        position: 'relative',\n        padding: '0',\n        outline: '0',\n        border: '0',\n        width: '12px',\n        height: '6px',\n        marginRight: '6px',\n        marginLeft: '6px',\n        display: 'flex',\n        alignItems: 'center',\n\n        '&:after': {\n          backgroundColor: ternaryCondition(\n            props.bulletTheme,\n            'dark',\n            theme.palette.onSurface.os900,\n            theme.palette.surface.tertiary,\n          ),\n          width: '6px',\n          height: '6px',\n          borderRadius: '50%',\n          content: '\"\"',\n        },\n        '&.is-selected': {\n          '&:after': {\n            backgroundColor: 'transparent',\n            height: '12px',\n            width: '12px',\n            border: ternaryCondition(\n              props.bulletTheme,\n              'dark',\n              theme.palette.onSurface.os900,\n              theme.palette.surface.tertiary,\n            ),\n            borderRadius: '50%',\n            opacity: '1',\n          },\n        },\n      },\n    },\n  };\n  switch (props.slideToShow) {\n    case 1:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          paddingLeft: '24px',\n          [theme.breakpoints.up('md')]: {\n            flex: props.isSlideDifferentWidth ? '0 0 auto' : '0 0 100%',\n            maxWidth: props.isSlideDifferentWidth === true ? ' 100%' : '80%',\n          },\n        },\n      });\n    case 2:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 50%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n    case 3:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 33.33%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n    case 4:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 25%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n  }\n  return styles;\n});\n"],"names":["controlButtonsHover","CarouselStyledHorizontal","styled","shouldForwardProp","prop","_a","theme","props","__rest","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","boxSizing","breakpoints","up","left","align","overflow","width","cursor","display","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","transition","flex","paddingLeft","down","isSlideDifferentWidth","height","objectFit","alignItems","justifyContent","top","zIndex","border","boxShadow","backgroundColor","borderRadius","color","palette","disabled","primary","PREV","transform","right","NEXT","marginTop","numberingSlides","onSurface","os200","bottom","textAlign","listStyle","paddingTop","outline","secondary","content","os900","opacity","ternaryCondition","bulletTheme","surface","tertiary","slideToShow"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"styledCarouselVertical.js","sources":["../../../../../../src/organisms/carousel/styledComponents/styledCarouselVertical.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { CarouselPropType } from '../carousel';\n\nexport const CarouselStyledVertical = styled('div', {\n  shouldForwardProp: (prop) =>\n    prop !== 'isSlideDifferentWidth' &&\n    prop !== 'slidesItems' &&\n    prop !== 'slideToShow' &&\n    prop !== 'bulletTheme' &&\n    prop !== 'numberingSeparator' &&\n    prop !== 'numberingSlides' &&\n    prop !== 'startIndex' &&\n    prop !== 'cssClass' &&\n    prop !== 'buttonControls' &&\n    prop !== 'buttonAreaControlsHeight' &&\n    prop !== 'slideToScroll' &&\n    prop !== 'prevControlIcon' &&\n    prop !== 'nextControlIcon' &&\n    prop !== 'controlColor' &&\n    prop !== 'controlIconStyle' &&\n    prop !== 'controlVariant' &&\n    prop !== 'controlIconFontSize' &&\n    prop !== 'slideSelectedClass' &&\n    prop !== 'heightSlide' &&\n    prop !== 'bulletScroll' &&\n    prop !== 'bulletStyle',\n})<CarouselPropType & { theme? }>(({ theme }) => {\n  // const props = args as CarouselPropType;\n  let styles = {};\n  styles = {\n    ...styles,\n    '& .embla': {\n      position: 'relative',\n      padding: '0px',\n      maxWidth: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n    '& .embla__viewport': {\n      overflow: 'hidden',\n      width: '100%',\n    },\n    '& .embla__viewport.is-draggable': {\n      cursor: 'move grab',\n    },\n    '& .embla__viewport.is-dragging': {\n      cursor: 'grabbing',\n    },\n    '& .embla__container': {\n      //display: 'flex',\n      userSelect: 'none',\n      webkitTouchCallout: 'none',\n      khtmlUserSelect: 'none',\n      webkitTapHighlightColor: 'transparent',\n      marginTop: -'10px',\n      height: '450px',\n    },\n    '& .embla__slide': {\n      position: 'relative',\n      overflow: 'hidden',\n      height: '100%',\n      width: '100%',\n      maxWidth: '100%',\n      '& *': {\n        maxwidth: '100%',\n      },\n      '& .MuiButton-root': {\n        [theme.breakpoints.up('md')]: {\n          width: 'auto',\n        },\n      },\n    },\n    '& .embla__slide__inner': {\n      position: 'relative',\n      overflow: 'hidden',\n      height: '100%',\n    },\n    '& .embla__slide__img': {\n      position: 'absolute',\n      display: 'block',\n      top: ' 50%',\n      left: '50%',\n      width: 'auto',\n      minHeight: '100%',\n      minWidth: '100%',\n      maxWidth: 'none',\n      transform: 'translate(-50%, -50%)',\n    },\n    '& .embla__button': {\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: '0',\n      height: '100%',\n      zIndex: '2',\n      border: '0',\n      boxShadow: 'none',\n      backgroundColor: 'transparent',\n      cursor: 'pointer',\n      '& .MuiIcon-fontSizeSmall': {\n        width: '24px',\n        height: '24px',\n      },\n      '& .MuiIcon-fontSizeMedium': {\n        width: '32px',\n        height: '32px',\n      },\n      '&:hover': {\n        '& .MuiIcon-root': {\n          borderRadius: '50%',\n          backgroundColor: theme.palette.onSurface.os100,\n          transfrom: 'translateY(-3px)',\n        },\n      },\n      '&:disabled': {\n        '& .MuiIcon-root': {\n          color: theme.palette.disabled.primary,\n        },\n        '&:hover': {\n          '& .MuiIcon-root': {\n            backgroundColor: 'transparent',\n          },\n        },\n      },\n    },\n    '& .embla__button--prev': {\n      left: '0',\n      width: '12%',\n    },\n    '& .embla__button--next': {\n      right: '0',\n      width: '20%',\n    },\n    '& .embla__progress': {\n      position: 'relative',\n      backgroundColor: 'transparent',\n      marginTop: '10px',\n      maxWidth: '100%',\n      width: '100%',\n      height: '4px',\n      overflow: 'hidden',\n      borderRadius: '4px',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n    '& .embla__progress__bar': {\n      position: 'absolute',\n      backgroundColor: theme.palette.onSurface.os200,\n      width: '100%',\n      top: '0',\n      bottom: '0',\n      left: '-100%',\n    },\n  };\n  return styles;\n});\n"],"names":["CarouselStyledVertical","styled","shouldForwardProp","prop","theme","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","overflow","width","cursor","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","marginTop","NaN","height","maxwidth","breakpoints","up","display","top","left","minHeight","minWidth","transform","alignItems","justifyContent","zIndex","border","boxShadow","backgroundColor","borderRadius","palette","onSurface","os100","transfrom","color","disabled","primary","right","os200","bottom"],"mappings":"aAGa,MAAAA,kCAA+BC,OAAC,MAAO,CAClDC,kBAAoBC,GACT,0BAATA,GACS,gBAATA,GACS,gBAATA,GACS,gBAATA,GACS,uBAATA,GACS,oBAATA,GACS,eAATA,GACS,aAATA,GACS,mBAATA,GACS,6BAATA,GACS,kBAATA,GACS,oBAATA,GACS,oBAATA,GACS,iBAATA,GACS,qBAATA,GACS,mBAATA,GACS,wBAATA,GACS,uBAATA,GACS,gBAATA,GACS,iBAATA,GACS,gBAATA,GAtBkCF,EAuBJ,EAAGG,YAEnC,IAAIC,EAAS,CAAE,EA+Hf,OA9HAA,EACKC,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA,WAAY,CACVG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QAEf,qBAAsB,CACpBC,SAAU,SACVC,MAAO,QAET,kCAAmC,CACjCC,OAAQ,aAEV,iCAAkC,CAChCA,OAAQ,YAEV,sBAAuB,CAErBC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBC,UAAWC,IACXC,OAAQ,SAEV,kBAAmB,CACjBd,SAAU,WACVK,SAAU,SACVS,OAAQ,OACRR,MAAO,OACPJ,SAAU,OACV,MAAO,CACLa,SAAU,QAEZ,oBAAqB,CACnB,CAACnB,EAAMoB,YAAYC,GAAG,OAAQ,CAC5BX,MAAO,UAIb,yBAA0B,CACxBN,SAAU,WACVK,SAAU,SACVS,OAAQ,QAEV,uBAAwB,CACtBd,SAAU,WACVkB,QAAS,QACTC,IAAK,OACLC,KAAM,MACNd,MAAO,OACPe,UAAW,OACXC,SAAU,OACVpB,SAAU,OACVqB,UAAW,yBAEb,mBAAoB,CAClBvB,SAAU,WACVkB,QAAS,OACTM,WAAY,SACZC,eAAgB,SAChBN,IAAK,IACLL,OAAQ,OACRY,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBtB,OAAQ,UACR,2BAA4B,CAC1BD,MAAO,OACPQ,OAAQ,QAEV,4BAA6B,CAC3BR,MAAO,OACPQ,OAAQ,QAEV,UAAW,CACT,kBAAmB,CACjBgB,aAAc,MACdD,gBAAiBjC,EAAMmC,QAAQC,UAAUC,MACzCC,UAAW,qBAGf,aAAc,CACZ,kBAAmB,CACjBC,MAAOvC,EAAMmC,QAAQK,SAASC,SAEhC,UAAW,CACT,kBAAmB,CACjBR,gBAAiB,kBAKzB,yBAA0B,CACxBT,KAAM,IACNd,MAAO,OAET,yBAA0B,CACxBgC,MAAO,IACPhC,MAAO,OAET,qBAAsB,CACpBN,SAAU,WACV6B,gBAAiB,cACjBjB,UAAW,OACXV,SAAU,OACVI,MAAO,OACPQ,OAAQ,MACRT,SAAU,SACVyB,aAAc,MACd3B,WAAY,OACZC,YAAa,QAEf,0BAA2B,CACzBJ,SAAU,WACV6B,gBAAiBjC,EAAMmC,QAAQC,UAAUO,MACzCjC,MAAO,OACPa,IAAK,IACLqB,OAAQ,IACRpB,KAAM,WAGHvB,CAAM"}
+{"version":3,"file":"styledCarouselVertical.js","sources":["../../../../../../src/organisms/carousel/styledComponents/styledCarouselVertical.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { CarouselPropType } from '../carousel';\n\nexport const CarouselStyledVertical = styled('div', {\n  shouldForwardProp: (prop) =>\n    prop !== 'isSlideDifferentWidth' &&\n    prop !== 'slidesItems' &&\n    prop !== 'slideToShow' &&\n    prop !== 'bulletTheme' &&\n    prop !== 'numberingSeparator' &&\n    prop !== 'numberingSlides' &&\n    prop !== 'startIndex' &&\n    prop !== 'cssClass' &&\n    prop !== 'buttonControls' &&\n    prop !== 'buttonAreaControlsHeight' &&\n    prop !== 'slideToScroll' &&\n    prop !== 'prevControlIcon' &&\n    prop !== 'nextControlIcon' &&\n    prop !== 'controlColor' &&\n    prop !== 'controlIconStyle' &&\n    prop !== 'controlVariant' &&\n    prop !== 'controlIconFontSize' &&\n    prop !== 'slideSelectedClass' &&\n    prop !== 'heightSlide' &&\n    prop !== 'bulletScroll' &&\n    prop !== 'bulletStyle',\n})<CarouselPropType & { theme? }>(({ theme }) => {\n  // const props = args as CarouselPropType;\n  let styles = {};\n  styles = {\n    ...styles,\n    '& .embla': {\n      position: 'relative',\n      padding: '0px',\n      maxWidth: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n    '& .embla__viewport': {\n      overflow: 'hidden',\n      width: '100%',\n    },\n    '& .embla__viewport.is-draggable': {\n      cursor: 'move grab',\n    },\n    '& .embla__viewport.is-dragging': {\n      cursor: 'grabbing',\n    },\n    '& .embla__container': {\n      //display: 'flex',\n      userSelect: 'none',\n      webkitTouchCallout: 'none',\n      khtmlUserSelect: 'none',\n      webkitTapHighlightColor: 'transparent',\n      marginTop: -'10px',\n      height: '450px',\n    },\n    '& .embla__slide': {\n      position: 'relative',\n      overflow: 'hidden',\n      height: '100%',\n      width: '100%',\n      maxWidth: '100%',\n      '& *': {\n        maxwidth: '100%',\n      },\n      '& .MuiButton-root': {\n        [theme.breakpoints.up('md')]: {\n          width: 'auto',\n        },\n      },\n    },\n    '& .embla__slide__inner': {\n      position: 'relative',\n      overflow: 'hidden',\n      height: '100%',\n    },\n    '& .embla__slide__img': {\n      position: 'absolute',\n      display: 'block',\n      top: ' 50%',\n      left: '50%',\n      width: 'auto',\n      minHeight: '100%',\n      minWidth: '100%',\n      maxWidth: 'none',\n      transform: 'translate(-50%, -50%)',\n    },\n    '& .embla__button': {\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: '0',\n      height: '100%',\n      zIndex: '2',\n      border: '0',\n      boxShadow: 'none',\n      backgroundColor: 'transparent',\n      cursor: 'pointer',\n      '& .MuiIcon-fontSizeSmall': {\n        width: '24px',\n        height: '24px',\n      },\n      '& .MuiIcon-fontSizeMedium': {\n        width: '32px',\n        height: '32px',\n      },\n      '&:hover': {\n        '& .MuiIcon-root': {\n          borderRadius: '50%',\n          backgroundColor: theme.palette.onSurface.os100,\n          transfrom: 'translateY(-3px)',\n        },\n      },\n      '&:disabled': {\n        '& .MuiIcon-root': {\n          color: theme.palette.disabled.primary,\n        },\n        '&:hover': {\n          '& .MuiIcon-root': {\n            backgroundColor: 'transparent',\n          },\n        },\n      },\n    },\n    '& .embla__button--prev': {\n      left: '0',\n      width: '12%',\n    },\n    '& .embla__button--next': {\n      right: '0',\n      width: '20%',\n    },\n    '& .embla__progress': {\n      position: 'relative',\n      backgroundColor: 'transparent',\n      marginTop: '10px',\n      maxWidth: '100%',\n      width: '100%',\n      height: '4px',\n      overflow: 'hidden',\n      borderRadius: '4px',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n    '& .embla__progress__bar': {\n      position: 'absolute',\n      backgroundColor: theme.palette.onSurface.os200,\n      width: '100%',\n      top: '0',\n      bottom: '0',\n      left: '-100%',\n    },\n  };\n  return styles;\n});\n"],"names":["CarouselStyledVertical","styled","shouldForwardProp","prop","theme","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","overflow","width","cursor","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","marginTop","NaN","height","maxwidth","breakpoints","up","display","top","left","minHeight","minWidth","transform","alignItems","justifyContent","zIndex","border","boxShadow","backgroundColor","borderRadius","palette","onSurface","os100","transfrom","color","disabled","primary","right","os200","bottom"],"mappings":"aAGO,MAAMA,kCAAyBC,OAAO,MAAO,CAClDC,kBAAoBC,GACT,0BAATA,GACS,gBAATA,GACS,gBAATA,GACS,gBAATA,GACS,uBAATA,GACS,oBAATA,GACS,eAATA,GACS,aAATA,GACS,mBAATA,GACS,6BAATA,GACS,kBAATA,GACS,oBAATA,GACS,oBAATA,GACS,iBAATA,GACS,qBAATA,GACS,mBAATA,GACS,wBAATA,GACS,uBAATA,GACS,gBAATA,GACS,iBAATA,GACS,gBAATA,GAtBkCF,EAuBJ,EAAGG,YAEnC,IAAIC,EAAS,CAAA,EA+Hb,OA9HAA,EAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACDF,GAAM,CACT,WAAY,CACVG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QAEf,qBAAsB,CACpBC,SAAU,SACVC,MAAO,QAET,kCAAmC,CACjCC,OAAQ,aAEV,iCAAkC,CAChCA,OAAQ,YAEV,sBAAuB,CAErBC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBC,UAAWC,IACXC,OAAQ,SAEV,kBAAmB,CACjBd,SAAU,WACVK,SAAU,SACVS,OAAQ,OACRR,MAAO,OACPJ,SAAU,OACV,MAAO,CACLa,SAAU,QAEZ,oBAAqB,CACnB,CAACnB,EAAMoB,YAAYC,GAAG,OAAQ,CAC5BX,MAAO,UAIb,yBAA0B,CACxBN,SAAU,WACVK,SAAU,SACVS,OAAQ,QAEV,uBAAwB,CACtBd,SAAU,WACVkB,QAAS,QACTC,IAAK,OACLC,KAAM,MACNd,MAAO,OACPe,UAAW,OACXC,SAAU,OACVpB,SAAU,OACVqB,UAAW,yBAEb,mBAAoB,CAClBvB,SAAU,WACVkB,QAAS,OACTM,WAAY,SACZC,eAAgB,SAChBN,IAAK,IACLL,OAAQ,OACRY,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBtB,OAAQ,UACR,2BAA4B,CAC1BD,MAAO,OACPQ,OAAQ,QAEV,4BAA6B,CAC3BR,MAAO,OACPQ,OAAQ,QAEV,UAAW,CACT,kBAAmB,CACjBgB,aAAc,MACdD,gBAAiBjC,EAAMmC,QAAQC,UAAUC,MACzCC,UAAW,qBAGf,aAAc,CACZ,kBAAmB,CACjBC,MAAOvC,EAAMmC,QAAQK,SAASC,SAEhC,UAAW,CACT,kBAAmB,CACjBR,gBAAiB,kBAKzB,yBAA0B,CACxBT,KAAM,IACNd,MAAO,OAET,yBAA0B,CACxBgC,MAAO,IACPhC,MAAO,OAET,qBAAsB,CACpBN,SAAU,WACV6B,gBAAiB,cACjBjB,UAAW,OACXV,SAAU,OACVI,MAAO,OACPQ,OAAQ,MACRT,SAAU,SACVyB,aAAc,MACd3B,WAAY,OACZC,YAAa,QAEf,0BAA2B,CACzBJ,SAAU,WACV6B,gBAAiBjC,EAAMmC,QAAQC,UAAUO,MACzCjC,MAAO,OACPa,IAAK,IACLqB,OAAQ,IACRpB,KAAM,WAGHvB,CAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"cardCarousel.js","sources":["../../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Container, Stack } from '@mui/material';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\n\nexport type CardCarouselProps = {\n  /**\n   * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.\n   * @default false\n   */\n  autoPlay?: boolean;\n  /**\n   * Delay in ms between automatic slides\n   * @default 4000\n   */\n  autoPlayDelay?: number;\n  /**\n   * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.\n   * @default 10\n   */\n  speed?: number;\n  /**\n   * Direction of content.\n   * @default ltr\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * Carousel slides. Any ReactNode can be used here.\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Index of Slide that is active by default.\n   * @default 0\n   */\n  startIndex?: number;\n};\n\n/**\n * @deprecated use Carousel instead\n */\nexport const CardCarousel: React.FC<CardCarouselProps> = (inProps) => {\n  const props = useDefaultProps(inProps);\n\n  const [emblaRef, emblaApi] = useEmbla(props);\n\n  const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n  return (\n    <Box\n      className=\"card-carousel\"\n      position=\"relative\"\n      dir={props.direction}\n      data-testid=\"CardCarousel\"\n      data-state={emblaApi?.selectedScrollSnap()}\n      sx={{ overflow: 'hidden' }}\n    >\n      <Stack component={Container} spacing={3} fixed sx={{ height: '100%' }}>\n        <ViewPort\n          emblaRef={emblaRef}\n          sx={{\n            height: props.height,\n            width: '100%',\n          }}\n        >\n          <ItemsContainer\n            sx={{\n              left: containerLeft,\n              gap: '24px',\n              '&>*': {\n                flexBasis: 'inherit',\n                flexGrow: 0,\n                flexShrink: 0,\n              },\n            }}\n          >\n            {props.children}\n          </ItemsContainer>\n\n          <NavButton\n            color=\"dark\"\n            direction={props.direction}\n            emblaApi={emblaApi}\n            type=\"prev\"\n            onMouseEnter={peekPrevOnHover}\n            onMouseLeave={resetPeek}\n            sx={{\n              top: 0,\n              bottom: '30px',\n              '& button': {\n                backgroundColor: '#F1F1F1 !important',\n              },\n            }}\n          />\n          <NavButton\n            color=\"dark\"\n            direction={props.direction}\n            emblaApi={emblaApi}\n            type=\"next\"\n            onMouseEnter={peekNextOnHover}\n            onMouseLeave={resetPeek}\n            sx={{\n              top: 0,\n              bottom: '30px',\n              '& button': {\n                backgroundColor: '#F1F1F1 !important',\n              },\n            }}\n          />\n        </ViewPort>\n      </Stack>\n\n      <ScrollSnapDots emblaApi={emblaApi} />\n    </Box>\n  );\n};\n"],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"8XA8C0DA,IACxD,MAAMC,EAAQC,EAAeA,gBAACF,IAEvBG,EAAUC,GAAYC,EAAAA,SAASJ,IAEhCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,mBAAiBN,EAAUH,EAAMU,WACxG,OACEC,EAAAC,KAACC,MAAG,CACFC,UAAU,gBACVC,SAAS,WACTC,IAAKhB,EAAMU,UACC,cAAA,eACA,aAAAP,aAAQ,EAARA,EAAUc,qBACtBC,GAAI,CAAEC,SAAU,UAAUC,SAAA,CAE1BC,MAACC,EAAAA,MAAM,CAAAC,UAAWC,EAASA,UAAEC,QAAS,EAAGC,OAAK,EAACR,GAAI,CAAES,OAAQ,QAC3DP,SAAAT,OAACiB,EAAAA,SAAQ,CACP1B,SAAUA,EACVgB,GAAI,CACFS,OAAQ3B,EAAM2B,OACdE,MAAO,QACRT,SAAA,CAEDC,EAAAA,IAACS,EAAcA,eACb,CAAAZ,GAAI,CACFa,KAAM1B,EACN2B,IAAK,OACL,MAAO,CACLC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEff,SAEApB,EAAMoB,WAGTC,EAACe,IAAAC,YACC,CAAAC,MAAM,OACN5B,UAAWV,EAAMU,UACjBP,SAAUA,EACVoC,KAAK,OACLC,aAAcjC,EACdkC,aAAcjC,EACdU,GAAI,CACFwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,yBAIvBvB,EAAAA,IAACgB,EAASA,UAAA,CACRC,MAAM,OACN5B,UAAWV,EAAMU,UACjBP,SAAUA,EACVoC,KAAK,OACLC,aAAclC,EACdmC,aAAcjC,EACdU,GAAI,CACFwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,8BAO3BvB,EAAAe,IAACS,iBAAc,CAAC1C,SAAUA,MACtB"}
+{"version":3,"file":"cardCarousel.js","sources":["../../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Container, Stack } from '@mui/material';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\n\nexport type CardCarouselProps = {\n  /**\n   * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.\n   * @default false\n   */\n  autoPlay?: boolean;\n  /**\n   * Delay in ms between automatic slides\n   * @default 4000\n   */\n  autoPlayDelay?: number;\n  /**\n   * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.\n   * @default 10\n   */\n  speed?: number;\n  /**\n   * Direction of content.\n   * @default ltr\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * Carousel slides. Any ReactNode can be used here.\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Index of Slide that is active by default.\n   * @default 0\n   */\n  startIndex?: number;\n};\n\n/**\n * @deprecated use Carousel instead\n */\nexport const CardCarousel: React.FC<CardCarouselProps> = (inProps) => {\n  const props = useDefaultProps(inProps);\n\n  const [emblaRef, emblaApi] = useEmbla(props);\n\n  const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n  return (\n    <Box\n      className=\"card-carousel\"\n      position=\"relative\"\n      dir={props.direction}\n      data-testid=\"CardCarousel\"\n      data-state={emblaApi?.selectedScrollSnap()}\n      sx={{ overflow: 'hidden' }}\n    >\n      <Stack component={Container} spacing={3} fixed sx={{ height: '100%' }}>\n        <ViewPort\n          emblaRef={emblaRef}\n          sx={{\n            height: props.height,\n            width: '100%',\n          }}\n        >\n          <ItemsContainer\n            sx={{\n              left: containerLeft,\n              gap: '24px',\n              '&>*': {\n                flexBasis: 'inherit',\n                flexGrow: 0,\n                flexShrink: 0,\n              },\n            }}\n          >\n            {props.children}\n          </ItemsContainer>\n\n          <NavButton\n            color=\"dark\"\n            direction={props.direction}\n            emblaApi={emblaApi}\n            type=\"prev\"\n            onMouseEnter={peekPrevOnHover}\n            onMouseLeave={resetPeek}\n            sx={{\n              top: 0,\n              bottom: '30px',\n              '& button': {\n                backgroundColor: '#F1F1F1 !important',\n              },\n            }}\n          />\n          <NavButton\n            color=\"dark\"\n            direction={props.direction}\n            emblaApi={emblaApi}\n            type=\"next\"\n            onMouseEnter={peekNextOnHover}\n            onMouseLeave={resetPeek}\n            sx={{\n              top: 0,\n              bottom: '30px',\n              '& button': {\n                backgroundColor: '#F1F1F1 !important',\n              },\n            }}\n          />\n        </ViewPort>\n      </Stack>\n\n      <ScrollSnapDots emblaApi={emblaApi} />\n    </Box>\n  );\n};\n"],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"8XA8C0DA,IACxD,MAAMC,EAAQC,EAAAA,gBAAgBF,IAEvBG,EAAUC,GAAYC,EAAAA,SAASJ,IAEhCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,mBAAiBN,EAAUH,EAAMU,WACxG,OACEC,EAAAA,KAACC,MAAG,CACFC,UAAU,gBACVC,SAAS,WACTC,IAAKf,EAAMU,UAAS,cACR,eAAc,aACdP,aAAQ,EAARA,EAAUa,qBACtBC,GAAI,CAAEC,SAAU,UAAUC,SAAA,CAE1BC,MAACC,EAAAA,MAAK,CAACC,UAAWC,EAAAA,UAAWC,QAAS,EAAGC,OAAK,EAACR,GAAI,CAAES,OAAQ,QAAQP,SACnER,OAACgB,EAAAA,SAAQ,CACPzB,SAAUA,EACVe,GAAI,CACFS,OAAQ1B,EAAM0B,OACdE,MAAO,QACRT,SAAA,CAEDC,EAAAA,IAACS,EAAAA,eAAc,CACbZ,GAAI,CACFa,KAAMzB,EACN0B,IAAK,OACL,MAAO,CACLC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEff,SAEAnB,EAAMmB,WAGTC,EAAAA,IAACe,YAAS,CACRC,MAAM,OACN1B,UAAWV,EAAMU,UACjBP,SAAUA,EACVkC,KAAK,OACLC,aAAc/B,EACdgC,aAAc/B,EACdS,GAAI,CACFuB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,yBAIvBtB,EAAAA,IAACe,EAAAA,UAAS,CACRC,MAAM,OACN1B,UAAWV,EAAMU,UACjBP,SAAUA,EACVkC,KAAK,OACLC,aAAchC,EACdiC,aAAc/B,EACdS,GAAI,CACFuB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,8BAO3BtB,EAAAA,IAACuB,iBAAc,CAACxC,SAAUA,MACtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ItemsContainer.js","sources":["../../../../../../src/organisms/carousel2/components/ItemsContainer.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React from 'react';\n\nexport type ItemsContainerProps = BoxProps & {\n  children: React.ReactNode;\n  left?: string;\n};\n\nexport const ItemsContainer: React.FC<ItemsContainerProps> = ({ children, left, ...rest }) => {\n  return (\n    <Box\n      {...rest}\n      sx={{\n        display: 'flex',\n        transition: 'left .4s',\n        userSelect: 'none',\n        position: 'relative',\n        height: '100%',\n        left: left ?? '0px',\n        '&>*': {\n          flexGrow: 0,\n          flexShrink: 0,\n          flexBasis: '100%',\n        },\n        ...rest.sx,\n      }}\n      data-testid=\"Carousel.container\"\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["_a","children","left","rest","__rest","_jsx","jsx","Box","Object","assign","sx","display","transition","userSelect","position","height","flexGrow","flexShrink","flexBasis"],"mappings":"qHAQ8DA,QAAAC,SAAEA,EAAQC,KAAEA,GAAIF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAzB,qBAC5D,OACEK,EAACC,IAAAC,EAAGA,IACEC,OAAAC,OAAA,CAAA,EAAAN,GACJO,GAAEF,OAAAC,OAAA,CACAE,QAAS,OACTC,WAAY,WACZC,WAAY,OACZC,SAAU,WACVC,OAAQ,OACRb,KAAMA,QAAAA,EAAQ,MACd,MAAO,CACLc,SAAU,EACVC,WAAY,EACZC,UAAW,SAEVf,EAAKO,IAAE,cAEA,qBAEXT,SAAAA,IACG"}
+{"version":3,"file":"ItemsContainer.js","sources":["../../../../../../src/organisms/carousel2/components/ItemsContainer.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React from 'react';\n\nexport type ItemsContainerProps = BoxProps & {\n  children: React.ReactNode;\n  left?: string;\n};\n\nexport const ItemsContainer: React.FC<ItemsContainerProps> = ({ children, left, ...rest }) => {\n  return (\n    <Box\n      {...rest}\n      sx={{\n        display: 'flex',\n        transition: 'left .4s',\n        userSelect: 'none',\n        position: 'relative',\n        height: '100%',\n        left: left ?? '0px',\n        '&>*': {\n          flexGrow: 0,\n          flexShrink: 0,\n          flexBasis: '100%',\n        },\n        ...rest.sx,\n      }}\n      data-testid=\"Carousel.container\"\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["_a","children","left","rest","__rest","_jsx","Box","Object","assign","sx","display","transition","userSelect","position","height","flexGrow","flexShrink","flexBasis"],"mappings":"qHAQ8DA,QAAAC,SAAEA,EAAQC,KAAEA,GAAIF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAzB,qBAC5D,OACEK,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EACEL,GACJM,GAAEF,OAAAC,OAAA,CACAE,QAAS,OACTC,WAAY,WACZC,WAAY,OACZC,SAAU,WACVC,OAAQ,OACRZ,KAAMA,QAAAA,EAAQ,MACd,MAAO,CACLa,SAAU,EACVC,WAAY,EACZC,UAAW,SAEVd,EAAKM,IAAE,cAEA,qBAAoBR,SAE/BA,IACG"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","sources":["../../../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '@/src/components/controls';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\nconst nextCursor =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\n\nexport type NavButtonProps = BoxProps & {\n  emblaApi: EmblaCarouselType;\n\n  type: 'prev' | 'next';\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n\n  color?: 'light' | 'dark';\n  style?: 'regular' | 'filled';\n  variant?: 'standard' | 'outline';\n\n  direction: 'rtl' | 'ltr';\n  skipInViewItems?: boolean;\n};\n\nexport const NavButton: React.FC<NavButtonProps> = ({\n  emblaApi,\n  type,\n  color,\n  style,\n  variant,\n  onMouseEnter,\n  onMouseLeave,\n  direction,\n  ...rest\n}) => {\n  const handleScroll = useNavCallback(emblaApi, direction, type);\n\n  const [disabled, setDisabled] = useState(true);\n  const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n    onMouseEnter,\n    onMouseLeave,\n  });\n\n  useEffect(() => {\n    if (emblaApi) {\n      const onScroll = () => {\n        const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n\n        const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n\n        const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n        setDisabled(!canScroll);\n      };\n      emblaApi.on('scroll', onScroll);\n      onScroll();\n    }\n  }, [emblaApi, type, direction]);\n\n  return (\n    <Box\n      sx={{\n        cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n      }}\n      data-testid=\"Carousel.nav\"\n    >\n      <Box\n        {...rest}\n        sx={{\n          position: 'absolute',\n          top: '33%',\n          bottom: '33%',\n          width: '10%',\n          minWidth: '50px',\n          left: type === 'prev' ? '0px' : undefined,\n          right: type === 'next' ? '0px' : undefined,\n          button: {\n            position: 'absolute !important',\n            left: {\n              sm: type === 'prev' ? '15px' : undefined,\n              xl: type === 'prev' ? '34px' : undefined,\n            },\n            right: {\n              sm: type === 'next' ? '15px' : undefined,\n              xl: type === 'next' ? '34px' : undefined,\n            },\n            top: '50%',\n            transform: 'translate(0, -50%)',\n            '&:active': {\n              transform: 'translate(0, -50%) scale(0.95) !important',\n            },\n            visibility: hover ? 'hidden' : undefined,\n          },\n          ...rest.sx,\n        }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        <Controller\n          controlType={type === 'prev' ? 'arrow-left' : 'arrow-right'}\n          controllerColor={color ?? 'light'}\n          iconStyle={style ?? 'regular'}\n          controlVariant={variant ?? 'standard'}\n          onClickCallback={handleScroll}\n          isDisabled={disabled}\n          customHeight={'100%'}\n        />\n      </Box>\n    </Box>\n  );\n};\n\nconst useNavHoverEffect = (\n  api: EmblaCarouselType,\n  type: 'next' | 'prev',\n  direction: 'ltr' | 'rtl',\n  options?: {\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n  },\n) => {\n  const [hover, setHover] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    if (api) {\n      const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n\n      const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n\n      const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n\n      if (canScroll) {\n        setHover(true);\n      }\n    }\n    options?.onMouseEnter?.();\n  }, [api, setHover, options, type, direction]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHover(false);\n    options?.onMouseLeave?.();\n  }, [options, setHover]);\n\n  return { hover, handleMouseEnter, handleMouseLeave };\n};\n\nconst useNavCallback = (api: EmblaCarouselType, direction: 'ltr' | 'rtl', type: 'prev' | 'next') => {\n  return useCallback(() => {\n    if (type === 'prev') {\n      direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n    }\n\n    if (type === 'next') {\n      direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n    }\n  }, [api, direction, type]);\n};\n"],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","_a","onMouseEnter","handleMouseLeave","onMouseLeave","useNavCallback","scrollPrev","scrollNext","emblaApi","color","style","variant","rest","__rest","handleScroll","disabled","setDisabled","useEffect","onScroll","on","_jsx","jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight"],"mappings":"uKAKA,MA2GMA,EAAoB,CACxBC,EACAC,EACAC,EACAC,KAKA,MAAOC,EAAOC,GAAYC,EAAAA,UAAS,GAsBnC,MAAO,CAAEF,QAAOG,iBApBSC,EAAAA,aAAY,WACnC,GAAIR,EAAK,CACP,MAAMS,EAAwB,SAATR,EAAkBD,EAAIU,gBAAkBV,EAAIW,gBAE3DC,EAAwB,SAATX,EAAkBD,EAAIU,gBAAkBV,EAAIW,iBAEjC,QAAdT,EAAsBU,EAAeH,IAGrDJ,GAAS,WAGbQ,EAAAV,aAAO,EAAPA,EAASW,oCAAgB,GACxB,CAACd,EAAKK,EAAUF,EAASF,EAAMC,IAOAa,iBALTP,EAAAA,aAAY,WACnCH,GAAS,WACTQ,EAAAV,aAAO,EAAPA,EAASa,oCAAgB,GACxB,CAACb,EAASE,IAEuC,EAGhDY,EAAiB,CAACjB,EAAwBE,EAA0BD,IACjEO,EAAWA,aAAC,KACJ,SAATP,IACY,QAAdC,EAAsBF,EAAIkB,aAAelB,EAAImB,cAGlC,SAATlB,IACY,QAAdC,EAAsBF,EAAImB,aAAenB,EAAIkB,gBAE9C,CAAClB,EAAKE,EAAWD,sBAlI8BY,QAAAO,SAClDA,EAAQnB,KACRA,EAAIoB,MACJA,EAAKC,MACLA,EAAKC,QACLA,EAAOT,aACPA,EAAYE,aACZA,EAAYd,UACZA,GAASW,EACNW,EAAIC,EAAAA,OAAAZ,EAT2C,yFAWlD,MAAMa,EAAeT,EAAeG,EAAUlB,EAAWD,IAElD0B,EAAUC,GAAetB,EAAAA,UAAS,IACnCF,MAAEA,EAAKG,iBAAEA,EAAgBQ,iBAAEA,GAAqBhB,EAAkBqB,EAAUnB,EAAMC,EAAW,CACjGY,eACAE,iBAkBF,OAfAa,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZ,MAAMU,EAAW,KACf,MAAMrB,EAAwB,SAATR,EAAkBmB,EAASV,gBAAkBU,EAAST,gBAErEC,EAAwB,SAATX,EAAkBmB,EAASV,gBAAkBU,EAAST,gBAG3EiB,IADgC,QAAd1B,EAAsBU,EAAeH,GAChC,EAEzBW,EAASW,GAAG,SAAUD,GACtBA,OAED,CAACV,EAAUnB,EAAMC,IAGlB8B,EAAAC,IAACC,MAAG,CACFC,GAAI,CACFC,OAAQhC,EAAQ,OAAgB,SAATH,EAxD7B,ybAEA,idAsDwFoC,GAExE,cAAA,eAEZC,SAAAN,EAAAC,IAACC,EAAGA,IAAAK,OAAAC,OAAA,CAAA,EACEhB,EAAI,CACRW,GAAEI,OAAAC,OAAA,CACAC,SAAU,WACVC,IAAK,MACLC,OAAQ,MACRC,MAAO,MACPC,SAAU,OACVC,KAAe,SAAT7C,EAAkB,WAAQoC,EAChCU,MAAgB,SAAT9C,EAAkB,WAAQoC,EACjCW,OAAQ,CACNP,SAAU,sBACVK,KAAM,CACJG,GAAa,SAAThD,EAAkB,YAASoC,EAC/Ba,GAAa,SAATjD,EAAkB,YAASoC,GAEjCU,MAAO,CACLE,GAAa,SAAThD,EAAkB,YAASoC,EAC/Ba,GAAa,SAATjD,EAAkB,YAASoC,GAEjCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACVA,UAAW,6CAEbC,WAAYhD,EAAQ,cAAWiC,IAE9Bb,EAAKW,IAEVrB,aAAcP,EACdS,aAAcD,EAAgBuB,SAE9BN,EAAAA,IAACqB,EAAUA,YACTC,YAAsB,SAATrD,EAAkB,aAAe,cAC9CsD,gBAAiBlC,QAAAA,EAAS,QAC1BmC,UAAWlC,QAAAA,EAAS,UACpBmC,eAAgBlC,QAAAA,EAAW,WAC3BmC,gBAAiBhC,EACjBiC,WAAYhC,EACZiC,aAAc,aAGd"}
+{"version":3,"file":"NavButton.js","sources":["../../../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '@/src/components/controls';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\nconst nextCursor =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\n\nexport type NavButtonProps = BoxProps & {\n  emblaApi: EmblaCarouselType;\n\n  type: 'prev' | 'next';\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n\n  color?: 'light' | 'dark';\n  style?: 'regular' | 'filled';\n  variant?: 'standard' | 'outline';\n\n  direction: 'rtl' | 'ltr';\n  skipInViewItems?: boolean;\n};\n\nexport const NavButton: React.FC<NavButtonProps> = ({\n  emblaApi,\n  type,\n  color,\n  style,\n  variant,\n  onMouseEnter,\n  onMouseLeave,\n  direction,\n  ...rest\n}) => {\n  const handleScroll = useNavCallback(emblaApi, direction, type);\n\n  const [disabled, setDisabled] = useState(true);\n  const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n    onMouseEnter,\n    onMouseLeave,\n  });\n\n  useEffect(() => {\n    if (emblaApi) {\n      const onScroll = () => {\n        const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n\n        const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n\n        const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n        setDisabled(!canScroll);\n      };\n      emblaApi.on('scroll', onScroll);\n      onScroll();\n    }\n  }, [emblaApi, type, direction]);\n\n  return (\n    <Box\n      sx={{\n        cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n      }}\n      data-testid=\"Carousel.nav\"\n    >\n      <Box\n        {...rest}\n        sx={{\n          position: 'absolute',\n          top: '33%',\n          bottom: '33%',\n          width: '10%',\n          minWidth: '50px',\n          left: type === 'prev' ? '0px' : undefined,\n          right: type === 'next' ? '0px' : undefined,\n          button: {\n            position: 'absolute !important',\n            left: {\n              sm: type === 'prev' ? '15px' : undefined,\n              xl: type === 'prev' ? '34px' : undefined,\n            },\n            right: {\n              sm: type === 'next' ? '15px' : undefined,\n              xl: type === 'next' ? '34px' : undefined,\n            },\n            top: '50%',\n            transform: 'translate(0, -50%)',\n            '&:active': {\n              transform: 'translate(0, -50%) scale(0.95) !important',\n            },\n            visibility: hover ? 'hidden' : undefined,\n          },\n          ...rest.sx,\n        }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        <Controller\n          controlType={type === 'prev' ? 'arrow-left' : 'arrow-right'}\n          controllerColor={color ?? 'light'}\n          iconStyle={style ?? 'regular'}\n          controlVariant={variant ?? 'standard'}\n          onClickCallback={handleScroll}\n          isDisabled={disabled}\n          customHeight={'100%'}\n        />\n      </Box>\n    </Box>\n  );\n};\n\nconst useNavHoverEffect = (\n  api: EmblaCarouselType,\n  type: 'next' | 'prev',\n  direction: 'ltr' | 'rtl',\n  options?: {\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n  },\n) => {\n  const [hover, setHover] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    if (api) {\n      const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n\n      const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n\n      const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n\n      if (canScroll) {\n        setHover(true);\n      }\n    }\n    options?.onMouseEnter?.();\n  }, [api, setHover, options, type, direction]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHover(false);\n    options?.onMouseLeave?.();\n  }, [options, setHover]);\n\n  return { hover, handleMouseEnter, handleMouseLeave };\n};\n\nconst useNavCallback = (api: EmblaCarouselType, direction: 'ltr' | 'rtl', type: 'prev' | 'next') => {\n  return useCallback(() => {\n    if (type === 'prev') {\n      direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n    }\n\n    if (type === 'next') {\n      direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n    }\n  }, [api, direction, type]);\n};\n"],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","_a","onMouseEnter","handleMouseLeave","onMouseLeave","useNavCallback","scrollPrev","scrollNext","emblaApi","color","style","variant","rest","__rest","handleScroll","disabled","setDisabled","useEffect","onScroll","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight"],"mappings":"uKAKA,MA2GMA,EAAoB,CACxBC,EACAC,EACAC,EACAC,KAKA,MAAOC,EAAOC,GAAYC,EAAAA,UAAS,GAsBnC,MAAO,CAAEF,QAAOG,iBApBSC,EAAAA,aAAY,WACnC,GAAIR,EAAK,CACP,MAAMS,EAAwB,SAATR,EAAkBD,EAAIU,gBAAkBV,EAAIW,gBAE3DC,EAAwB,SAATX,EAAkBD,EAAIU,gBAAkBV,EAAIW,iBAEjC,QAAdT,EAAsBU,EAAeH,IAGrDJ,GAAS,EAEb,SACAQ,EAAAV,aAAO,EAAPA,EAASW,oCAAgB,GACxB,CAACd,EAAKK,EAAUF,EAASF,EAAMC,IAOAa,iBALTP,EAAAA,aAAY,WACnCH,GAAS,WACTQ,EAAAV,aAAO,EAAPA,EAASa,oCAAgB,GACxB,CAACb,EAASE,IAEuC,EAGhDY,EAAiB,CAACjB,EAAwBE,EAA0BD,IACjEO,EAAAA,aAAY,KACJ,SAATP,IACY,QAAdC,EAAsBF,EAAIkB,aAAelB,EAAImB,cAGlC,SAATlB,IACY,QAAdC,EAAsBF,EAAImB,aAAenB,EAAIkB,aAC/C,GACC,CAAClB,EAAKE,EAAWD,sBAlI8BY,QAAAO,SAClDA,EAAQnB,KACRA,EAAIoB,MACJA,EAAKC,MACLA,EAAKC,QACLA,EAAOT,aACPA,EAAYE,aACZA,EAAYd,UACZA,GAASW,EACNW,EAAIC,EAAAA,OAAAZ,EAT2C,yFAWlD,MAAMa,EAAeT,EAAeG,EAAUlB,EAAWD,IAElD0B,EAAUC,GAAetB,EAAAA,UAAS,IACnCF,MAAEA,EAAKG,iBAAEA,EAAgBQ,iBAAEA,GAAqBhB,EAAkBqB,EAAUnB,EAAMC,EAAW,CACjGY,eACAE,iBAkBF,OAfAa,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZ,MAAMU,EAAW,KACf,MAAMrB,EAAwB,SAATR,EAAkBmB,EAASV,gBAAkBU,EAAST,gBAErEC,EAAwB,SAATX,EAAkBmB,EAASV,gBAAkBU,EAAST,gBAG3EiB,IADgC,QAAd1B,EAAsBU,EAAeH,GAChC,EAEzBW,EAASW,GAAG,SAAUD,GACtBA,GACF,IACC,CAACV,EAAUnB,EAAMC,IAGlB8B,EAAAA,IAACC,MAAG,CACFC,GAAI,CACFC,OAAQ/B,EAAQ,OAAgB,SAATH,EAxD7B,ybAEA,idAsDwFmC,GACnF,cACW,eAAcC,SAE1BL,EAAAA,IAACC,EAAAA,IAAGK,OAAAC,OAAA,CAAA,EACEf,EAAI,CACRU,GAAEI,OAAAC,OAAA,CACAC,SAAU,WACVC,IAAK,MACLC,OAAQ,MACRC,MAAO,MACPC,SAAU,OACVC,KAAe,SAAT5C,EAAkB,WAAQmC,EAChCU,MAAgB,SAAT7C,EAAkB,WAAQmC,EACjCW,OAAQ,CACNP,SAAU,sBACVK,KAAM,CACJG,GAAa,SAAT/C,EAAkB,YAASmC,EAC/Ba,GAAa,SAAThD,EAAkB,YAASmC,GAEjCU,MAAO,CACLE,GAAa,SAAT/C,EAAkB,YAASmC,EAC/Ba,GAAa,SAAThD,EAAkB,YAASmC,GAEjCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACVA,UAAW,6CAEbC,WAAY/C,EAAQ,cAAWgC,IAE9BZ,EAAKU,IAEVpB,aAAcP,EACdS,aAAcD,EAAgBsB,SAE9BL,EAAAA,IAACoB,EAAAA,YACCC,YAAsB,SAATpD,EAAkB,aAAe,cAC9CqD,gBAAiBjC,QAAAA,EAAS,QAC1BkC,UAAWjC,QAAAA,EAAS,UACpBkC,eAAgBjC,QAAAA,EAAW,WAC3BkC,gBAAiB/B,EACjBgC,WAAY/B,EACZgC,aAAc,aAGd"}

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

@@ -1 +1 @@
-{"version":3,"file":"Numbering.js","sources":["../../../../../../src/organisms/carousel2/components/Numbering.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { useEffect, useState } from 'react';\nimport { Numbering as NumberingComponent } from '../../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\nexport type NumberingProps = BoxProps & {\n  emblaApi: EmblaCarouselType;\n  direction: 'rtl' | 'ltr';\n  color: NumberingColors;\n  size: NumberingSizes;\n  separator?: string;\n};\n\nexport const Numbering: React.FC<NumberingProps> = ({ direction, separator, color, size, emblaApi, ...boxProps }) => {\n  const [total, setTotal] = useState<number>(0);\n  const [index, setIndex] = useState<number>(0);\n\n  useEffect(() => {\n    if (emblaApi) {\n      const onSlide = () => {\n        const nodes = emblaApi.slideNodes();\n        const totalA = nodes.length;\n        const indexA = emblaApi.selectedScrollSnap() + 1;\n        setTotal(totalA);\n        setIndex(indexA);\n      };\n      emblaApi.on('scroll', onSlide);\n      onSlide();\n    }\n  }, [emblaApi]);\n\n  return (\n    <Box\n      {...boxProps}\n      sx={{\n        position: 'absolute',\n        padding: '5px 24px',\n        borderRadius: '4px',\n        userSelect: 'none',\n        transition: 'all .4s',\n        left: direction === 'rtl' ? '24px' : undefined,\n        right: direction === 'ltr' ? '24px' : undefined,\n        backgroundColor: color === 'dark' ? '#F3F3F31F' : '#1617180F',\n        '.total-container': {\n          color: '#9E9FA0 !important',\n        },\n        '.separator-container': {\n          color: '#9E9FA0 !important',\n        },\n        '.index-container': {\n          color: color === 'dark' ? '#FFFFFF' : '#161718',\n        },\n        ...boxProps.sx,\n      }}\n      data-testid=\"Carousel.numbering\"\n    >\n      <NumberingComponent\n        index={index}\n        total={total}\n        customSeparator={separator ?? '/'}\n        colorTheme={color}\n        size={size}\n      />\n    </Box>\n  );\n};\n"],"names":["_a","direction","separator","color","size","emblaApi","boxProps","__rest","total","setTotal","useState","index","setIndex","useEffect","onSlide","totalA","slideNodes","length","indexA","selectedScrollSnap","on","_jsx","Box","Object","assign","sx","position","padding","borderRadius","userSelect","transition","left","undefined","right","backgroundColor","NumberingComponent","customSeparator","colorTheme"],"mappings":"2LAcoDA,IAAA,IAAAC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,GAAuBL,EAAVM,EAAQC,EAAAA,OAAAP,EAA1D,qDAClD,MAAOQ,EAAOC,GAAYC,EAAAA,SAAiB,IACpCC,EAAOC,GAAYF,EAAAA,SAAiB,GAgB3C,OAdAG,EAAAA,WAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAU,KACd,MACMC,EADQV,EAASW,aACFC,OACfC,EAASb,EAASc,qBAAuB,EAC/CV,EAASM,GACTH,EAASM,EAAO,EAElBb,EAASe,GAAG,SAAUN,GACtBA,OAED,CAACT,IAGFgB,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,GACElB,EACJ,CAAAmB,GACEF,OAAAC,OAAA,CAAAE,SAAU,WACVC,QAAS,WACTC,aAAc,MACdC,WAAY,OACZC,WAAY,UACZC,KAAoB,QAAd9B,EAAsB,YAAS+B,EACrCC,MAAqB,QAAdhC,EAAsB,YAAS+B,EACtCE,gBAA2B,SAAV/B,EAAmB,YAAc,YAClD,mBAAoB,CAClBA,MAAO,sBAET,uBAAwB,CACtBA,MAAO,sBAET,mBAAoB,CAClBA,MAAiB,SAAVA,EAAmB,UAAY,YAErCG,EAASmB,IAEF,cAAA,8BAEZJ,EAAAA,IAACc,EAAAA,UACC,CAAAxB,MAAOA,EACPH,MAAOA,EACP4B,gBAAiBlC,QAAAA,EAAa,IAC9BmC,WAAYlC,EACZC,KAAMA,MAEJ"}
+{"version":3,"file":"Numbering.js","sources":["../../../../../../src/organisms/carousel2/components/Numbering.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { useEffect, useState } from 'react';\nimport { Numbering as NumberingComponent } from '../../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\nexport type NumberingProps = BoxProps & {\n  emblaApi: EmblaCarouselType;\n  direction: 'rtl' | 'ltr';\n  color: NumberingColors;\n  size: NumberingSizes;\n  separator?: string;\n};\n\nexport const Numbering: React.FC<NumberingProps> = ({ direction, separator, color, size, emblaApi, ...boxProps }) => {\n  const [total, setTotal] = useState<number>(0);\n  const [index, setIndex] = useState<number>(0);\n\n  useEffect(() => {\n    if (emblaApi) {\n      const onSlide = () => {\n        const nodes = emblaApi.slideNodes();\n        const totalA = nodes.length;\n        const indexA = emblaApi.selectedScrollSnap() + 1;\n        setTotal(totalA);\n        setIndex(indexA);\n      };\n      emblaApi.on('scroll', onSlide);\n      onSlide();\n    }\n  }, [emblaApi]);\n\n  return (\n    <Box\n      {...boxProps}\n      sx={{\n        position: 'absolute',\n        padding: '5px 24px',\n        borderRadius: '4px',\n        userSelect: 'none',\n        transition: 'all .4s',\n        left: direction === 'rtl' ? '24px' : undefined,\n        right: direction === 'ltr' ? '24px' : undefined,\n        backgroundColor: color === 'dark' ? '#F3F3F31F' : '#1617180F',\n        '.total-container': {\n          color: '#9E9FA0 !important',\n        },\n        '.separator-container': {\n          color: '#9E9FA0 !important',\n        },\n        '.index-container': {\n          color: color === 'dark' ? '#FFFFFF' : '#161718',\n        },\n        ...boxProps.sx,\n      }}\n      data-testid=\"Carousel.numbering\"\n    >\n      <NumberingComponent\n        index={index}\n        total={total}\n        customSeparator={separator ?? '/'}\n        colorTheme={color}\n        size={size}\n      />\n    </Box>\n  );\n};\n"],"names":["_a","direction","separator","color","size","emblaApi","boxProps","__rest","total","setTotal","useState","index","setIndex","useEffect","onSlide","totalA","slideNodes","length","indexA","selectedScrollSnap","on","_jsx","Box","Object","assign","sx","position","padding","borderRadius","userSelect","transition","left","undefined","right","backgroundColor","NumberingComponent","customSeparator","colorTheme"],"mappings":"2LAcoDA,IAAA,IAAAC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,GAAQL,EAAKM,EAAQC,EAAAA,OAAAP,EAA1D,qDAClD,MAAOQ,EAAOC,GAAYC,EAAAA,SAAiB,IACpCC,EAAOC,GAAYF,EAAAA,SAAiB,GAgB3C,OAdAG,EAAAA,WAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAU,KACd,MACMC,EADQV,EAASW,aACFC,OACfC,EAASb,EAASc,qBAAuB,EAC/CV,EAASM,GACTH,EAASM,EAAO,EAElBb,EAASe,GAAG,SAAUN,GACtBA,GACF,IACC,CAACT,IAGFgB,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,GACElB,EAAQ,CACZmB,GAAEF,OAAAC,OAAA,CACAE,SAAU,WACVC,QAAS,WACTC,aAAc,MACdC,WAAY,OACZC,WAAY,UACZC,KAAoB,QAAd9B,EAAsB,YAAS+B,EACrCC,MAAqB,QAAdhC,EAAsB,YAAS+B,EACtCE,gBAA2B,SAAV/B,EAAmB,YAAc,YAClD,mBAAoB,CAClBA,MAAO,sBAET,uBAAwB,CACtBA,MAAO,sBAET,mBAAoB,CAClBA,MAAiB,SAAVA,EAAmB,UAAY,YAErCG,EAASmB,IAAE,cAEJ,8BAEZJ,EAAAA,IAACc,EAAAA,UAAkB,CACjBxB,MAAOA,EACPH,MAAOA,EACP4B,gBAAiBlC,QAAAA,EAAa,IAC9BmC,WAAYlC,EACZC,KAAMA,MAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollSnapDots.js","sources":["../../../../../../src/organisms/carousel2/components/ScrollSnapDots.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport { EmblaCarouselType } from 'embla-carousel-react';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nexport type ScrollSnapDotsProps = {\n  emblaApi: EmblaCarouselType;\n};\n\nexport const ScrollSnapDots: React.FC<ScrollSnapDotsProps> = ({ emblaApi }) => {\n  const [scrollSnapList, setScrollSnapList] = useState<Array<number>>([]);\n  const [currentSnapIndex, setCurrentSnapIndex] = useState<number>(0);\n  const currentSnap = useMemo(() => scrollSnapList[currentSnapIndex] ?? 0, [scrollSnapList, currentSnapIndex]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      console.log(emblaApi.internalEngine());\n      const e = () => setScrollSnapList(emblaApi.scrollSnapList());\n      emblaApi.on('reInit', e);\n      e();\n      return () => {\n        emblaApi.off('reInit', e);\n      };\n    }\n  }, [emblaApi, setScrollSnapList]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      const e = () => setCurrentSnapIndex(emblaApi.selectedScrollSnap());\n      emblaApi.on('select', e);\n      e();\n      return () => {\n        emblaApi.off('select', e);\n      };\n    }\n  }, [emblaApi, setCurrentSnapIndex]);\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        gap: '8px',\n        marginTop: '23px',\n      }}\n      data-testid=\"Carousel.dots\"\n    >\n      {scrollSnapList.map((snap) => (\n        <Box\n          key={snap}\n          sx={{\n            width: '8px',\n            height: '8px',\n            borderRadius: '50%',\n            backgroundColor: currentSnap < snap ? '#D8D8D8' : '#161718',\n          }}\n        />\n      ))}\n    </Box>\n  );\n};\n"],"names":["emblaApi","scrollSnapList","setScrollSnapList","useState","currentSnapIndex","setCurrentSnapIndex","currentSnap","useMemo","_a","useEffect","console","log","internalEngine","e","on","off","selectedScrollSnap","_jsx","jsx","Box","sx","display","justifyContent","gap","marginTop","children","map","snap","width","height","borderRadius","backgroundColor"],"mappings":"qHAQ6D,EAAGA,eAC9D,MAAOC,EAAgBC,GAAqBC,EAAAA,SAAwB,KAC7DC,EAAkBC,GAAuBF,EAAAA,SAAiB,GAC3DG,EAAcC,EAAOA,SAAC,KAAM,IAAAC,EAAA,OAAoC,QAApCA,EAAAP,EAAeG,UAAqB,IAAAI,EAAAA,EAAA,CAAC,GAAE,CAACP,EAAgBG,IAyB1F,OAvBAK,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZU,QAAQC,IAAIX,EAASY,kBACrB,MAAMC,EAAI,IAAMX,EAAkBF,EAASC,kBAG3C,OAFAD,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,KAG5B,CAACb,EAAUE,IAEdO,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZ,MAAMa,EAAI,IAAMR,EAAoBL,EAASgB,sBAG7C,OAFAhB,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,KAG5B,CAACb,EAAUK,IAGZY,EAAAC,IAACC,MAAG,CACFC,GAAI,CACFC,QAAS,OACTC,eAAgB,SAChBC,IAAK,MACLC,UAAW,QACZ,cACW,gBAEXC,SAAAxB,EAAeyB,KAAKC,GACnBV,EAAAC,IAACC,MAAG,CAEFC,GAAI,CACFQ,MAAO,MACPC,OAAQ,MACRC,aAAc,MACdC,gBAAiBzB,EAAcqB,EAAO,UAAY,YAL/CA,MASL"}
+{"version":3,"file":"ScrollSnapDots.js","sources":["../../../../../../src/organisms/carousel2/components/ScrollSnapDots.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport { EmblaCarouselType } from 'embla-carousel-react';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nexport type ScrollSnapDotsProps = {\n  emblaApi: EmblaCarouselType;\n};\n\nexport const ScrollSnapDots: React.FC<ScrollSnapDotsProps> = ({ emblaApi }) => {\n  const [scrollSnapList, setScrollSnapList] = useState<Array<number>>([]);\n  const [currentSnapIndex, setCurrentSnapIndex] = useState<number>(0);\n  const currentSnap = useMemo(() => scrollSnapList[currentSnapIndex] ?? 0, [scrollSnapList, currentSnapIndex]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      console.log(emblaApi.internalEngine());\n      const e = () => setScrollSnapList(emblaApi.scrollSnapList());\n      emblaApi.on('reInit', e);\n      e();\n      return () => {\n        emblaApi.off('reInit', e);\n      };\n    }\n  }, [emblaApi, setScrollSnapList]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      const e = () => setCurrentSnapIndex(emblaApi.selectedScrollSnap());\n      emblaApi.on('select', e);\n      e();\n      return () => {\n        emblaApi.off('select', e);\n      };\n    }\n  }, [emblaApi, setCurrentSnapIndex]);\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        gap: '8px',\n        marginTop: '23px',\n      }}\n      data-testid=\"Carousel.dots\"\n    >\n      {scrollSnapList.map((snap) => (\n        <Box\n          key={snap}\n          sx={{\n            width: '8px',\n            height: '8px',\n            borderRadius: '50%',\n            backgroundColor: currentSnap < snap ? '#D8D8D8' : '#161718',\n          }}\n        />\n      ))}\n    </Box>\n  );\n};\n"],"names":["emblaApi","scrollSnapList","setScrollSnapList","useState","currentSnapIndex","setCurrentSnapIndex","currentSnap","useMemo","_a","useEffect","console","log","internalEngine","e","on","off","selectedScrollSnap","_jsx","Box","sx","display","justifyContent","gap","marginTop","children","map","snap","width","height","borderRadius","backgroundColor"],"mappings":"qHAQ6D,EAAGA,eAC9D,MAAOC,EAAgBC,GAAqBC,EAAAA,SAAwB,KAC7DC,EAAkBC,GAAuBF,EAAAA,SAAiB,GAC3DG,EAAcC,EAAAA,SAAQ,KAAK,IAAAC,EAAC,OAAgC,QAAhCA,EAAAP,EAAeG,UAAiB,IAAAI,EAAAA,EAAI,CAAC,GAAE,CAACP,EAAgBG,IAyB1F,OAvBAK,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZU,QAAQC,IAAIX,EAASY,kBACrB,MAAMC,EAAI,IAAMX,EAAkBF,EAASC,kBAG3C,OAFAD,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,CAE7B,IACC,CAACb,EAAUE,IAEdO,EAAAA,WAAU,KACR,GAAIT,EAAU,CACZ,MAAMa,EAAI,IAAMR,EAAoBL,EAASgB,sBAG7C,OAFAhB,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,CAE7B,IACC,CAACb,EAAUK,IAGZY,EAAAA,IAACC,MAAG,CACFC,GAAI,CACFC,QAAS,OACTC,eAAgB,SAChBC,IAAK,MACLC,UAAW,QACZ,cACW,gBAAeC,SAE1BvB,EAAewB,KAAKC,GACnBT,EAAAA,IAACC,MAAG,CAEFC,GAAI,CACFQ,MAAO,MACPC,OAAQ,MACRC,aAAc,MACdC,gBAAiBxB,EAAcoB,EAAO,UAAY,YAL/CA,MASL"}

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

@@ -1 +1 @@
-{"version":3,"file":"ViewPort.js","sources":["../../../../../../src/organisms/carousel2/components/ViewPort.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React from 'react';\n\ntype RefType = <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;\n\nexport type ViewportProps = BoxProps & {\n  children: React.ReactNode;\n  emblaRef: RefType;\n};\n\nexport const ViewPort: React.FC<ViewportProps> = ({ children, emblaRef, ...rest }) => {\n  return (\n    <Box\n      {...rest}\n      sx={{\n        overview: 'hidden',\n        width: '100%',\n        height: '100%',\n        cursor: 'grab',\n        ...rest.sx,\n      }}\n      ref={emblaRef}\n      data-testid=\"Carousel.viewport\"\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["_a","children","emblaRef","rest","__rest","_jsx","jsx","Box","Object","assign","sx","overview","width","height","cursor","ref"],"mappings":"+GAUkDA,QAAAC,SAAEA,EAAQC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAA7B,yBAChD,OACEK,EAACC,IAAAC,EAAGA,IACEC,OAAAC,OAAA,CAAA,EAAAN,GACJO,GAAEF,OAAAC,OAAA,CACAE,SAAU,SACVC,MAAO,OACPC,OAAQ,OACRC,OAAQ,QACLX,EAAKO,IAEVK,IAAKb,EACO,cAAA,6BAEXD,IACG"}
+{"version":3,"file":"ViewPort.js","sources":["../../../../../../src/organisms/carousel2/components/ViewPort.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React from 'react';\n\ntype RefType = <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;\n\nexport type ViewportProps = BoxProps & {\n  children: React.ReactNode;\n  emblaRef: RefType;\n};\n\nexport const ViewPort: React.FC<ViewportProps> = ({ children, emblaRef, ...rest }) => {\n  return (\n    <Box\n      {...rest}\n      sx={{\n        overview: 'hidden',\n        width: '100%',\n        height: '100%',\n        cursor: 'grab',\n        ...rest.sx,\n      }}\n      ref={emblaRef}\n      data-testid=\"Carousel.viewport\"\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["_a","children","emblaRef","rest","__rest","_jsx","Box","Object","assign","sx","overview","width","height","cursor","ref"],"mappings":"+GAUkDA,QAAAC,SAAEA,EAAQC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAA7B,yBAChD,OACEK,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EACEL,GACJM,GAAEF,OAAAC,OAAA,CACAE,SAAU,SACVC,MAAO,OACPC,OAAQ,OACRC,OAAQ,QACLV,EAAKM,IAEVK,IAAKZ,EAAQ,cACD,6BAEXD,IACG"}

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryItemText.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/GalleryItemText.tsx"],"sourcesContent":["import { Theme, Typography, useMediaQuery } from '@mui/material';\nimport React, { useContext, useMemo } from 'react';\nimport { GalleryItemContext } from './galleryItemContext';\n\nexport type GalleryItemTextProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryItemText: React.FC<GalleryItemTextProps> = ({ children }) => {\n  const { color } = useContext(GalleryItemContext);\n  const smallerThanMd = useMediaQuery<Theme>((theme) => theme.breakpoints.down('md'));\n\n  const fontColor = useMemo(() => {\n    if (smallerThanMd) {\n      return '#161718';\n    }\n    return color === 'light' ? '#fff' : '#161718';\n  }, [smallerThanMd, color]);\n\n  return (\n    <Typography\n      color={fontColor}\n      sx={{\n        letterSpacing: '0.02em !important',\n      }}\n      data-testid=\"Carousel.text\"\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","sx","letterSpacing"],"mappings":"2JAQ+D,EAAGA,eAChE,MAAMC,MAAEA,GAAUC,EAAUA,WAACC,sBACvBC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,EAAAA,SAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,MAACC,EAAUA,WAAA,CACTX,MAAOQ,EACPI,GAAI,CACFC,cAAe,qBAChB,cACW,gBAAed,SAE1BA,GACU"}
+{"version":3,"file":"GalleryItemText.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/GalleryItemText.tsx"],"sourcesContent":["import { Theme, Typography, useMediaQuery } from '@mui/material';\nimport React, { useContext, useMemo } from 'react';\nimport { GalleryItemContext } from './galleryItemContext';\n\nexport type GalleryItemTextProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryItemText: React.FC<GalleryItemTextProps> = ({ children }) => {\n  const { color } = useContext(GalleryItemContext);\n  const smallerThanMd = useMediaQuery<Theme>((theme) => theme.breakpoints.down('md'));\n\n  const fontColor = useMemo(() => {\n    if (smallerThanMd) {\n      return '#161718';\n    }\n    return color === 'light' ? '#fff' : '#161718';\n  }, [smallerThanMd, color]);\n\n  return (\n    <Typography\n      color={fontColor}\n      sx={{\n        letterSpacing: '0.02em !important',\n      }}\n      data-testid=\"Carousel.text\"\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","sx","letterSpacing"],"mappings":"2JAQ+D,EAAGA,eAChE,MAAMC,MAAEA,GAAUC,EAAAA,WAAWC,sBACvBC,EAAgBC,EAAAA,eAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,EAAAA,SAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,EAAAA,IAACC,EAAAA,WAAU,CACTX,MAAOQ,EACPI,GAAI,CACFC,cAAe,qBAChB,cACW,gBAAed,SAE1BA,GACU"}

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

@@ -1 +1 @@
-{"version":3,"file":"galleryCarousel.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Carousel2Props } from '../carousel2';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/material';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ResponsiveType, useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\n\nexport const GalleryDefaultProps: Partial<Carousel2Props> = {\n  align: 'start',\n  height: '100%',\n  controlOptions: {\n    color: 'light',\n    buttonPosition: '30%',\n    buttonAreaHeight: '30%',\n  },\n  maxSlideWidth: '100%',\n  isSlideDifferentWidth: true,\n  cssClass: 'gallery-variant',\n};\n\nexport type GalleryCarouselProps = {\n  /**\n   * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.\n   * @default false\n   */\n  autoPlay?: boolean;\n  /**\n   * Delay in ms between automatic slides\n   * @default 4000\n   */\n  autoPlayDelay?: number;\n  /**\n   * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.\n   * @default 10\n   */\n  speed?: number;\n  /**\n   * Direction of content.\n   * @default ltr\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * Enables loop functionality, which can be used to continuously loop through all slides.\n   * @default false\n   */\n  loop?: boolean;\n  /**\n   * Separator of numbering component.\n   * @default /\n   */\n  numberingSeparator?: string;\n  /**\n   * Carousel slides. Any ReactNode can be used here, however `GalleryCarouselItem` component is suggested.\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Index of Slide that is active by default.\n   * @default 0\n   */\n  startIndex?: number;\n\n  /**\n   * Optional height of carousel, this prop is added to height style property\n   * @default undefined\n   */\n  height?: ResponsiveType<string>;\n};\n\n/**\n * @deprecated use Carousel instead\n */\nexport const GalleryCarousel: React.FC<GalleryCarouselProps> = (inProps) => {\n  const galleryProps = { ...GalleryDefaultProps, ...inProps };\n  const props = useDefaultProps(galleryProps);\n\n  const [emblaRef, emblaApi] = useEmbla(props);\n  const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n\n  const height = useResponsiveProp(props.height);\n\n  const [numberingTopPos, setNumberingTopPos] = useState<number | undefined>();\n  const updateNumberingPosition = useCallback(() => {\n    if (emblaApi) {\n      const nodes = emblaApi.slideNodes();\n      const slideIndex = emblaApi.slidesInView().pop();\n      const slide = nodes[slideIndex];\n      if (slide) {\n        const picture = slide.getElementsByTagName('picture').item(0);\n        if (picture) {\n          const bottom = picture.getBoundingClientRect().bottom;\n          setNumberingTopPos(bottom - 62);\n        }\n      }\n    }\n  }, [emblaApi, setNumberingTopPos]);\n\n  useEffect(updateNumberingPosition, [updateNumberingPosition]);\n  useEffect(() => {\n    const e = () => updateNumberingPosition();\n    window.addEventListener('resize', e);\n    if (emblaApi) {\n      emblaApi.on('scroll', e);\n    }\n    return () => {\n      window.removeEventListener('resize', e);\n      if (emblaApi) {\n        emblaApi.off('scroll', e);\n      }\n    };\n  }, [updateNumberingPosition, emblaApi]);\n  return (\n    <GalleryContextProvider>\n      <Box\n        sx={{ overflow: 'hidden' }}\n        className=\"gallery\"\n        data-testid=\"GalleryCarousel\"\n        dir={props.direction}\n        data-state={emblaApi?.selectedScrollSnap()}\n      >\n        <Box sx={{ position: 'relative', height, maxHeight: height }}>\n          <ViewPort emblaRef={emblaRef}>\n            <ItemsContainer left={containerLeft}>{props.children}</ItemsContainer>\n            {props.controlOptions && (\n              <>\n                <NavButton\n                  direction={props.direction}\n                  emblaApi={emblaApi}\n                  type=\"prev\"\n                  onMouseEnter={peekPrevOnHover}\n                  onMouseLeave={resetPeek}\n                />\n                <NavButton\n                  direction={props.direction}\n                  emblaApi={emblaApi}\n                  type=\"next\"\n                  onMouseEnter={peekNextOnHover}\n                  onMouseLeave={resetPeek}\n                />\n              </>\n            )}\n          </ViewPort>\n\n          <Numbering\n            sx={{\n              top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n              bottom: numberingTopPos ? 'inherit' : '24px',\n            }}\n            emblaApi={emblaApi}\n            separator={props.numberingSeparator}\n            color={NumberingColors.DARK}\n            size={NumberingSizes.LARGE}\n            direction={props.direction}\n          />\n        </Box>\n      </Box>\n    </GalleryContextProvider>\n  );\n};\n"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","inProps","galleryProps","Object","assign","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","jsx","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"0eAca,MAAAA,EAA+C,CAC1DC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACdC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEpBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CAuDoDC,IAC9D,MAAMC,EAAoBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,GAAwBU,GAC5CI,EAAQC,EAAeA,gBAACJ,IAEvBK,EAAUC,GAAYC,EAAAA,SAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,mBAAiBN,EAAUH,EAAMU,WAElGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAEhCwB,EAAiBC,GAAsBC,aACxCC,EAA0BC,EAAAA,aAAY,KAC1C,GAAIb,EAAU,CACZ,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACT,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACX,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,SAIjC,CAACrB,EAAUU,IAgBd,OAdAa,YAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACR,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACFA,EAAS2B,GAAG,SAAUH,GAEjB,KACLC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACFA,EAAS6B,IAAI,SAAUL,GAE1B,GACA,CAACZ,EAAyBZ,IAE3B8B,MAACC,EAAAA,uBAAsB,CAAAC,SACrBF,EAACG,IAAAC,MACC,CAAAC,GAAI,CAAEC,SAAU,UAChBC,UAAU,UAAS,cACP,kBACZC,IAAKzC,EAAMU,UACC,aAAAP,eAAAA,EAAUuC,qBAEtBP,SAAAQ,EAAAA,KAACN,EAAGA,IAAA,CAACC,GAAI,CAAEM,SAAU,WAAYxD,SAAQyD,UAAWzD,GAClD+C,SAAA,CAAAQ,OAACG,EAAAA,SAAQ,CAAC5C,SAAUA,EAClBiC,SAAA,CAAAF,MAACc,EAAAA,eAAc,CAACC,KAAM3C,EAAgB8B,SAAAnC,EAAMmC,WAC3CnC,EAAMX,gBACLsD,OAAAM,EAAAA,SAAA,CAAAd,SAAA,CACEF,EAAAA,IAACiB,EAASA,UACR,CAAAxC,UAAWV,EAAMU,UACjBP,SAAUA,EACVgD,KAAK,OACLC,aAAc7C,EACd8C,aAAc7C,IAEhByB,EAAAG,IAACc,YAAS,CACRxC,UAAWV,EAAMU,UACjBP,SAAUA,EACVgD,KAAK,OACLC,aAAc9C,EACd+C,aAAc7C,UAMtByB,EAAAG,IAACkB,YAAS,CACRhB,GAAI,CACFiB,IAAK3C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QAExCT,SAAUA,EACVqD,UAAWxD,EAAMyD,mBACjBnE,MAAOoE,EAAeA,gBAACC,KACvBC,KAAMC,EAAAA,eAAeC,MACrBpD,UAAWV,EAAMU,kBAIA"}
+{"version":3,"file":"galleryCarousel.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Carousel2Props } from '../carousel2';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/material';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ResponsiveType, useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\n\nexport const GalleryDefaultProps: Partial<Carousel2Props> = {\n  align: 'start',\n  height: '100%',\n  controlOptions: {\n    color: 'light',\n    buttonPosition: '30%',\n    buttonAreaHeight: '30%',\n  },\n  maxSlideWidth: '100%',\n  isSlideDifferentWidth: true,\n  cssClass: 'gallery-variant',\n};\n\nexport type GalleryCarouselProps = {\n  /**\n   * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.\n   * @default false\n   */\n  autoPlay?: boolean;\n  /**\n   * Delay in ms between automatic slides\n   * @default 4000\n   */\n  autoPlayDelay?: number;\n  /**\n   * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.\n   * @default 10\n   */\n  speed?: number;\n  /**\n   * Direction of content.\n   * @default ltr\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * Enables loop functionality, which can be used to continuously loop through all slides.\n   * @default false\n   */\n  loop?: boolean;\n  /**\n   * Separator of numbering component.\n   * @default /\n   */\n  numberingSeparator?: string;\n  /**\n   * Carousel slides. Any ReactNode can be used here, however `GalleryCarouselItem` component is suggested.\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Index of Slide that is active by default.\n   * @default 0\n   */\n  startIndex?: number;\n\n  /**\n   * Optional height of carousel, this prop is added to height style property\n   * @default undefined\n   */\n  height?: ResponsiveType<string>;\n};\n\n/**\n * @deprecated use Carousel instead\n */\nexport const GalleryCarousel: React.FC<GalleryCarouselProps> = (inProps) => {\n  const galleryProps = { ...GalleryDefaultProps, ...inProps };\n  const props = useDefaultProps(galleryProps);\n\n  const [emblaRef, emblaApi] = useEmbla(props);\n  const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n\n  const height = useResponsiveProp(props.height);\n\n  const [numberingTopPos, setNumberingTopPos] = useState<number | undefined>();\n  const updateNumberingPosition = useCallback(() => {\n    if (emblaApi) {\n      const nodes = emblaApi.slideNodes();\n      const slideIndex = emblaApi.slidesInView().pop();\n      const slide = nodes[slideIndex];\n      if (slide) {\n        const picture = slide.getElementsByTagName('picture').item(0);\n        if (picture) {\n          const bottom = picture.getBoundingClientRect().bottom;\n          setNumberingTopPos(bottom - 62);\n        }\n      }\n    }\n  }, [emblaApi, setNumberingTopPos]);\n\n  useEffect(updateNumberingPosition, [updateNumberingPosition]);\n  useEffect(() => {\n    const e = () => updateNumberingPosition();\n    window.addEventListener('resize', e);\n    if (emblaApi) {\n      emblaApi.on('scroll', e);\n    }\n    return () => {\n      window.removeEventListener('resize', e);\n      if (emblaApi) {\n        emblaApi.off('scroll', e);\n      }\n    };\n  }, [updateNumberingPosition, emblaApi]);\n  return (\n    <GalleryContextProvider>\n      <Box\n        sx={{ overflow: 'hidden' }}\n        className=\"gallery\"\n        data-testid=\"GalleryCarousel\"\n        dir={props.direction}\n        data-state={emblaApi?.selectedScrollSnap()}\n      >\n        <Box sx={{ position: 'relative', height, maxHeight: height }}>\n          <ViewPort emblaRef={emblaRef}>\n            <ItemsContainer left={containerLeft}>{props.children}</ItemsContainer>\n            {props.controlOptions && (\n              <>\n                <NavButton\n                  direction={props.direction}\n                  emblaApi={emblaApi}\n                  type=\"prev\"\n                  onMouseEnter={peekPrevOnHover}\n                  onMouseLeave={resetPeek}\n                />\n                <NavButton\n                  direction={props.direction}\n                  emblaApi={emblaApi}\n                  type=\"next\"\n                  onMouseEnter={peekNextOnHover}\n                  onMouseLeave={resetPeek}\n                />\n              </>\n            )}\n          </ViewPort>\n\n          <Numbering\n            sx={{\n              top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n              bottom: numberingTopPos ? 'inherit' : '24px',\n            }}\n            emblaApi={emblaApi}\n            separator={props.numberingSeparator}\n            color={NumberingColors.DARK}\n            size={NumberingSizes.LARGE}\n            direction={props.direction}\n          />\n        </Box>\n      </Box>\n    </GalleryContextProvider>\n  );\n};\n"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","inProps","galleryProps","Object","assign","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"0eAcO,MAAMA,EAA+C,CAC1DC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACdC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEpBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CAuDoDC,IAC9D,MAAMC,EAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQb,GAAwBU,GAC5CI,EAAQC,EAAAA,gBAAgBJ,IAEvBK,EAAUC,GAAYC,EAAAA,SAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,mBAAiBN,EAAUH,EAAMU,WAElGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAEhCwB,EAAiBC,GAAsBC,aACxCC,EAA0BC,EAAAA,aAAY,KAC1C,GAAIb,EAAU,CACZ,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACT,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACX,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC9B,CACF,CACF,IACC,CAACrB,EAAUU,IAgBd,OAdAa,YAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACR,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACFA,EAAS2B,GAAG,SAAUH,GAEjB,KACLC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACFA,EAAS6B,IAAI,SAAUL,EACzB,CACD,GACA,CAACZ,EAAyBZ,IAE3B8B,MAACC,EAAAA,uBAAsB,CAAAC,SACrBF,EAAAA,IAACG,MAAG,CACFC,GAAI,CAAEC,SAAU,UAChBC,UAAU,UAAS,cACP,kBACZC,IAAKxC,EAAMU,UAAS,aACRP,eAAAA,EAAUsC,qBAAoBN,SAE1CO,EAAAA,KAACN,EAAAA,IAAG,CAACC,GAAI,CAAEM,SAAU,WAAYvD,SAAQwD,UAAWxD,GAAQ+C,SAAA,CAC1DO,OAACG,EAAAA,SAAQ,CAAC3C,SAAUA,EAAQiC,SAAA,CAC1BF,MAACa,EAAAA,eAAc,CAACC,KAAM1C,EAAa8B,SAAGnC,EAAMmC,WAC3CnC,EAAMX,gBACLqD,OAAAM,EAAAA,SAAA,CAAAb,SAAA,CACEF,EAAAA,IAACgB,EAAAA,UAAS,CACRvC,UAAWV,EAAMU,UACjBP,SAAUA,EACV+C,KAAK,OACLC,aAAc5C,EACd6C,aAAc5C,IAEhByB,EAAAA,IAACgB,YAAS,CACRvC,UAAWV,EAAMU,UACjBP,SAAUA,EACV+C,KAAK,OACLC,aAAc7C,EACd8C,aAAc5C,UAMtByB,EAAAA,IAACoB,YAAS,CACRhB,GAAI,CACFiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QAExCT,SAAUA,EACVoD,UAAWvD,EAAMwD,mBACjBlE,MAAOmE,EAAAA,gBAAgBC,KACvBC,KAAMC,EAAAA,eAAeC,MACrBnD,UAAWV,EAAMU,kBAIA"}

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

@@ -1 +1 @@
-{"version":3,"file":"galleryCarouselItem.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarouselItem.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { ResponsiveType, useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryItemContext } from './galleryItemContext';\nimport { Box, useTheme, Stack, Theme, useMediaQuery } from '@mui/material';\n\ntype FitType = 'contain' | 'cover' | 'fill' | 'scale-down' | 'none';\n\nexport type GalleryCarouselItemProps = {\n  /**\n   * Link to image that should be displayed. This property can be responsive.\n   * @requires\n   * @example\n   * ```tsx\n   * <GalleryCarouselItem imageSrc=\"../image.png\"/>\n   * <GalleryCarouselItem imageSrc={{\n   *    xs: \"../xs-image.png\",\n   *    sm: \"../sm-image.png\",\n   *    md: \"../md-image.png\",\n   *    lg: \"../lg-image.png\",\n   *    xl: \"../xl-image.png\"\n   * }}/>\n   * ```\n   */\n  imageSrc: ResponsiveType<string>;\n  /**\n   * Css `object-fit` property\n   * @default cover\n   * @example\n   * ```tsx\n   * <GalleryCarouselItem imageFit=\"contain\"/>\n   * <GalleryCarouselItem imageFit={{\n   *    xs: \"contain\",\n   *    sm: \"cover\",\n   *    md: \"fill\",\n   *    lg: \"contain\",\n   *    xl: \"cover\"\n   * }}/>\n   * ```\n   */\n  imageFit?: ResponsiveType<FitType>;\n  /**\n   * Alternative text of image.\n   */\n  alt?: string;\n  /**\n   * Header content of an Slide. This can be any ReactNode, however `GalleryItemHeading` component is recommended.\n   */\n  header?: React.ReactNode;\n  /**\n   * Footer content of an Slide. This can be any ReactNode, however `GalleryItemFooter` component is recommended.\n   */\n  footer?: React.ReactNode;\n  /**\n   * Width of an slide\n   * @example\n   * ```tsx\n   * <GalleryCarouselItem width=\"200px\"/>\n   * ```\n   */\n  width?: string;\n  /**\n   * Color that `header` and `footer` should have when overlapping rendered image.\n   * @default dark\n   */\n  color?: 'dark' | 'light';\n};\n\nexport const GalleryCarouselItem: React.FC<GalleryCarouselItemProps> = (props) => {\n  const theme = useTheme();\n\n  const imageSrc = useResponsiveProp(props.imageSrc);\n  const imageFit = useResponsiveProp(props.imageFit);\n\n  const [pictureHeight, setPictureHeight] = useState<string>('inherit');\n  const headerRef = useRef<HTMLDivElement>(null);\n  const footerRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const isSm = useMediaQuery<Theme>((themeA) => themeA.breakpoints.only('sm'));\n  const isXs = useMediaQuery<Theme>((themeA) => themeA.breakpoints.only('xs'));\n\n  const updatePictureHeight = useCallback(() => {\n    if (isSm || isXs) {\n      const containerHeight = containerRef.current.clientHeight ?? 0;\n      const headerHeight = headerRef.current?.clientHeight ?? 0;\n      const footerHeight = footerRef.current?.clientHeight ?? 0;\n      const h = containerHeight - (headerHeight + footerHeight);\n      setPictureHeight(`${h < 0 ? 0 : h}px`);\n    } else {\n      setPictureHeight('inherit');\n    }\n  }, [isSm, isXs, setPictureHeight]);\n\n  useEffect(updatePictureHeight, [updatePictureHeight]);\n\n  useEffect(() => {\n    const e = () => updatePictureHeight();\n    window.addEventListener('resize', e);\n    return () => window.removeEventListener('resize', e);\n  }, [updatePictureHeight]);\n\n  return (\n    <GalleryItemContext.Provider value={{ color: props.color ?? 'dark' }}>\n      <Box\n        sx={{\n          flexBasis: props.width ?? '100%',\n          maxWidth: props.width ?? '100%',\n        }}\n        data-testid=\"Carousel.slide\"\n      >\n        <Box\n          ref={containerRef}\n          sx={{\n            position: 'relative',\n            width: props.width ?? '100%',\n            height: '100%',\n          }}\n        >\n          {props.header && (\n            <Stack\n              ref={headerRef}\n              direction=\"column\"\n              spacing={2}\n              sx={{\n                position: { sm: 'static', md: 'absolute' },\n                padding: '24px',\n                zIndex: 2,\n                top: 0,\n                right: 0,\n                left: 0,\n              }}\n            >\n              {props.header}\n            </Stack>\n          )}\n\n          <Box\n            component=\"picture\"\n            sx={{\n              display: 'flex',\n              position: 'relative',\n              height: pictureHeight,\n              ...shadowStyle,\n            }}\n          >\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\n              component=\"img\"\n              sx={{\n                height: '100%',\n                width: '100%',\n                objectFit: imageFit ?? 'cover',\n              }}\n              src={imageSrc.xs}\n              alt={props.alt}\n            />\n          </Box>\n\n          {props.footer && (\n            <Stack\n              ref={footerRef}\n              direction=\"column\"\n              spacing={2}\n              sx={{\n                position: { sm: 'static', md: 'absolute' },\n                paddingRight: { md: '150px' },\n                padding: '24px',\n                zIndex: 1,\n                bottom: 0,\n                right: 0,\n                left: 0,\n              }}\n            >\n              {props.footer}\n            </Stack>\n          )}\n        </Box>\n      </Box>\n    </GalleryItemContext.Provider>\n  );\n};\n\nconst shadowStyle = {\n  '&::before, &::after': {\n    content: \"''\",\n    display: 'block',\n    zIndex: 1,\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    height: '30%',\n  },\n  '::before': {\n    top: '0',\n    background: 'linear-gradient(0deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)',\n  },\n  '::after': {\n    bottom: '0',\n    background: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)',\n  },\n};\n"],"names":["shadowStyle","content","display","zIndex","position","left","right","height","top","background","bottom","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","pictureHeight","setPictureHeight","useState","headerRef","useRef","footerRef","containerRef","isSm","useMediaQuery","themeA","breakpoints","only","isXs","updatePictureHeight","useCallback","h","_a","current","clientHeight","_c","_b","_e","_d","useEffect","e","window","addEventListener","removeEventListener","_jsx","GalleryItemContext","Provider","value","color","jsx","Box","sx","flexBasis","width","maxWidth","children","_jsxs","ref","header","Stack","direction","spacing","sm","md","padding","component","Object","assign","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight"],"mappings":"iLAmEa,MAuHPA,EAAc,CAClB,sBAAuB,CACrBC,QAAS,KACTC,QAAS,QACTC,OAAQ,EACRC,SAAU,WACVC,KAAM,EACNC,MAAO,EACPC,OAAQ,OAEV,WAAY,CACVC,IAAK,IACLC,WAAY,6EAEd,UAAW,CACTC,OAAQ,IACRD,WAAY,4GAvIwDE,gBACtE,MAAMC,EAAQC,EAAAA,WAERC,EAAWC,EAAAA,kBAAkBJ,EAAMG,UACnCE,EAAWD,EAAAA,kBAAkBJ,EAAMK,WAElCC,EAAeC,GAAoBC,EAAAA,SAAiB,WACrDC,EAAYC,EAAMA,OAAiB,MACnCC,EAAYD,EAAMA,OAAiB,MACnCE,EAAeF,EAAMA,OAAiB,MAEtCG,EAAOC,EAAaA,eAASC,GAAWA,EAAOC,YAAYC,KAAK,QAChEC,EAAOJ,EAAaA,eAASC,GAAWA,EAAOC,YAAYC,KAAK,QAEhEE,EAAsBC,EAAAA,aAAY,mBACtC,GAAIP,GAAQK,EAAM,CAChB,MAGMG,GAHuD,QAArCC,EAAAV,EAAaW,QAAQC,oBAAgB,IAAAF,EAAAA,EAAA,KACL,QAAnCG,EAAmB,QAAnBC,EAAAjB,EAAUc,eAAS,IAAAG,OAAA,EAAAA,EAAAF,oBAAgB,IAAAC,EAAAA,EAAA,IACA,QAAnCE,EAAmB,QAAnBC,EAAAjB,EAAUY,eAAS,IAAAK,OAAA,EAAAA,EAAAJ,oBAAgB,IAAAG,EAAAA,EAAA,IAExDpB,EAAiB,GAAGc,EAAI,EAAI,EAAIA,YAEhCd,EAAiB,aAElB,CAACM,EAAMK,EAAMX,IAUhB,OARAsB,YAAUV,EAAqB,CAACA,IAEhCU,EAAAA,WAAU,KACR,MAAMC,EAAI,IAAMX,IAEhB,OADAY,OAAOC,iBAAiB,SAAUF,GAC3B,IAAMC,OAAOE,oBAAoB,SAAUH,EAAE,GACnD,CAACX,IAGFe,MAACC,EAAkBA,mBAACC,SAAS,CAAAC,MAAO,CAAEC,MAAkB,UAAXtC,EAAMsC,aAAK,IAAAhB,EAAAA,EAAI,iBAC1DY,EAACK,IAAAC,MACC,CAAAC,GAAI,CACFC,kBAAWhB,EAAA1B,EAAM2C,qBAAS,OAC1BC,iBAAUnB,EAAAzB,EAAM2C,qBAAS,QAEf,cAAA,iBAEZE,SAAAC,EAAAA,KAACN,EAAAA,IAAG,CACFO,IAAKnC,EACL6B,GAAI,CACFhD,SAAU,WACVkD,cAAOf,EAAA5B,EAAM2C,qBAAS,OACtB/C,OAAQ,QAGTiD,SAAA,CAAA7C,EAAMgD,QACLd,EAAAA,IAACe,EAAAA,OACCF,IAAKtC,EACLyC,UAAU,SACVC,QAAS,EACTV,GAAI,CACFhD,SAAU,CAAE2D,GAAI,SAAUC,GAAI,YAC9BC,QAAS,OACT9D,OAAQ,EACRK,IAAK,EACLF,MAAO,EACPD,KAAM,GACPmD,SAEA7C,EAAMgD,SAIXF,OAACN,EAAAA,IACC,CAAAe,UAAU,UACVd,GAAEe,OAAAC,OAAA,CACAlE,QAAS,OACTE,SAAU,WACVG,OAAQU,GACLjB,GAGLwD,SAAA,CAAAX,EAAAK,IAAA,SAAA,CAAQmB,MAAO,eAAezD,EAAMe,YAAY2C,OAAOC,QAASC,OAAQ1D,EAASyD,KACjF1B,MAAA,SAAA,CAAQwB,MAAO,eAAezD,EAAMe,YAAY2C,OAAOG,QAASD,OAAQ1D,EAAS2D,KACjF5B,MAAA,SAAA,CAAQwB,MAAO,eAAezD,EAAMe,YAAY2C,OAAON,QAASQ,OAAQ1D,EAASkD,KACjFnB,EAAQK,IAAA,SAAA,CAAAmB,MAAO,eAAezD,EAAMe,YAAY2C,OAAOP,QAASS,OAAQ1D,EAASiD,KACjFlB,gBAAQwB,MAAO,eAAezD,EAAMe,YAAY2C,OAAOP,QAASS,OAAQ1D,EAAS4D,KACjF7B,EAAAK,IAACC,MAAG,CACFe,UAAU,MACVd,GAAI,CACF7C,OAAQ,OACR+C,MAAO,OACPqB,UAAW3D,QAAAA,EAAY,SAEzB4D,IAAK9D,EAAS4D,GACdG,IAAKlE,EAAMkE,SAIdlE,EAAMmE,QACLjC,MAACe,EAAAA,MAAK,CACJF,IAAKpC,EACLuC,UAAU,SACVC,QAAS,EACTV,GAAI,CACFhD,SAAU,CAAE2D,GAAI,SAAUC,GAAI,YAC9Be,aAAc,CAAEf,GAAI,SACpBC,QAAS,OACT9D,OAAQ,EACRO,OAAQ,EACRJ,MAAO,EACPD,KAAM,GAGPmD,SAAA7C,EAAMmE,eAKa"}
+{"version":3,"file":"galleryCarouselItem.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarouselItem.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { ResponsiveType, useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryItemContext } from './galleryItemContext';\nimport { Box, useTheme, Stack, Theme, useMediaQuery } from '@mui/material';\n\ntype FitType = 'contain' | 'cover' | 'fill' | 'scale-down' | 'none';\n\nexport type GalleryCarouselItemProps = {\n  /**\n   * Link to image that should be displayed. This property can be responsive.\n   * @requires\n   * @example\n   * ```tsx\n   * <GalleryCarouselItem imageSrc=\"../image.png\"/>\n   * <GalleryCarouselItem imageSrc={{\n   *    xs: \"../xs-image.png\",\n   *    sm: \"../sm-image.png\",\n   *    md: \"../md-image.png\",\n   *    lg: \"../lg-image.png\",\n   *    xl: \"../xl-image.png\"\n   * }}/>\n   * ```\n   */\n  imageSrc: ResponsiveType<string>;\n  /**\n   * Css `object-fit` property\n   * @default cover\n   * @example\n   * ```tsx\n   * <GalleryCarouselItem imageFit=\"contain\"/>\n   * <GalleryCarouselItem imageFit={{\n   *    xs: \"contain\",\n   *    sm: \"cover\",\n   *    md: \"fill\",\n   *    lg: \"contain\",\n   *    xl: \"cover\"\n   * }}/>\n   * ```\n   */\n  imageFit?: ResponsiveType<FitType>;\n  /**\n   * Alternative text of image.\n   */\n  alt?: string;\n  /**\n   * Header content of an Slide. This can be any ReactNode, however `GalleryItemHeading` component is recommended.\n   */\n  header?: React.ReactNode;\n  /**\n   * Footer content of an Slide. This can be any ReactNode, however `GalleryItemFooter` component is recommended.\n   */\n  footer?: React.ReactNode;\n  /**\n   * Width of an slide\n   * @example\n   * ```tsx\n   * <GalleryCarouselItem width=\"200px\"/>\n   * ```\n   */\n  width?: string;\n  /**\n   * Color that `header` and `footer` should have when overlapping rendered image.\n   * @default dark\n   */\n  color?: 'dark' | 'light';\n};\n\nexport const GalleryCarouselItem: React.FC<GalleryCarouselItemProps> = (props) => {\n  const theme = useTheme();\n\n  const imageSrc = useResponsiveProp(props.imageSrc);\n  const imageFit = useResponsiveProp(props.imageFit);\n\n  const [pictureHeight, setPictureHeight] = useState<string>('inherit');\n  const headerRef = useRef<HTMLDivElement>(null);\n  const footerRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const isSm = useMediaQuery<Theme>((themeA) => themeA.breakpoints.only('sm'));\n  const isXs = useMediaQuery<Theme>((themeA) => themeA.breakpoints.only('xs'));\n\n  const updatePictureHeight = useCallback(() => {\n    if (isSm || isXs) {\n      const containerHeight = containerRef.current.clientHeight ?? 0;\n      const headerHeight = headerRef.current?.clientHeight ?? 0;\n      const footerHeight = footerRef.current?.clientHeight ?? 0;\n      const h = containerHeight - (headerHeight + footerHeight);\n      setPictureHeight(`${h < 0 ? 0 : h}px`);\n    } else {\n      setPictureHeight('inherit');\n    }\n  }, [isSm, isXs, setPictureHeight]);\n\n  useEffect(updatePictureHeight, [updatePictureHeight]);\n\n  useEffect(() => {\n    const e = () => updatePictureHeight();\n    window.addEventListener('resize', e);\n    return () => window.removeEventListener('resize', e);\n  }, [updatePictureHeight]);\n\n  return (\n    <GalleryItemContext.Provider value={{ color: props.color ?? 'dark' }}>\n      <Box\n        sx={{\n          flexBasis: props.width ?? '100%',\n          maxWidth: props.width ?? '100%',\n        }}\n        data-testid=\"Carousel.slide\"\n      >\n        <Box\n          ref={containerRef}\n          sx={{\n            position: 'relative',\n            width: props.width ?? '100%',\n            height: '100%',\n          }}\n        >\n          {props.header && (\n            <Stack\n              ref={headerRef}\n              direction=\"column\"\n              spacing={2}\n              sx={{\n                position: { sm: 'static', md: 'absolute' },\n                padding: '24px',\n                zIndex: 2,\n                top: 0,\n                right: 0,\n                left: 0,\n              }}\n            >\n              {props.header}\n            </Stack>\n          )}\n\n          <Box\n            component=\"picture\"\n            sx={{\n              display: 'flex',\n              position: 'relative',\n              height: pictureHeight,\n              ...shadowStyle,\n            }}\n          >\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\n              component=\"img\"\n              sx={{\n                height: '100%',\n                width: '100%',\n                objectFit: imageFit ?? 'cover',\n              }}\n              src={imageSrc.xs}\n              alt={props.alt}\n            />\n          </Box>\n\n          {props.footer && (\n            <Stack\n              ref={footerRef}\n              direction=\"column\"\n              spacing={2}\n              sx={{\n                position: { sm: 'static', md: 'absolute' },\n                paddingRight: { md: '150px' },\n                padding: '24px',\n                zIndex: 1,\n                bottom: 0,\n                right: 0,\n                left: 0,\n              }}\n            >\n              {props.footer}\n            </Stack>\n          )}\n        </Box>\n      </Box>\n    </GalleryItemContext.Provider>\n  );\n};\n\nconst shadowStyle = {\n  '&::before, &::after': {\n    content: \"''\",\n    display: 'block',\n    zIndex: 1,\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    height: '30%',\n  },\n  '::before': {\n    top: '0',\n    background: 'linear-gradient(0deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)',\n  },\n  '::after': {\n    bottom: '0',\n    background: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)',\n  },\n};\n"],"names":["shadowStyle","content","display","zIndex","position","left","right","height","top","background","bottom","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","pictureHeight","setPictureHeight","useState","headerRef","useRef","footerRef","containerRef","isSm","useMediaQuery","themeA","breakpoints","only","isXs","updatePictureHeight","useCallback","h","_a","current","clientHeight","_c","_b","_e","_d","useEffect","e","window","addEventListener","removeEventListener","_jsx","GalleryItemContext","Provider","value","color","Box","sx","flexBasis","width","maxWidth","children","_jsxs","ref","header","Stack","direction","spacing","sm","md","padding","component","Object","assign","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"galleryContext.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import React, { useState, createContext, useMemo } from 'react';\n\nexport type GalleryContextType = {\n  /**\n   * this value contains height of largest header element, it is used in xs gallery\n   */\n  headerHeight: number;\n  setHeaderHeight: (v: number) => void;\n  /**\n   * this value contains height of largest footer element, it is used in xs gallery\n   */\n  footerHeight: number;\n  setFooterHeight: (v: number) => void;\n\n  /** contains color scheme for current slide */\n  color: 'dark' | 'light';\n  setColor: (c: 'dark' | 'light') => void;\n};\n\nexport const GalleryContext = createContext<GalleryContextType>({\n  headerHeight: 0,\n  footerHeight: 0,\n  setHeaderHeight: () => {},\n  setFooterHeight: () => {},\n  color: 'dark',\n  setColor: () => {},\n});\n\nexport type GalleryContextProviderProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryContextProvider: React.FC<GalleryContextProviderProps> = ({ children }) => {\n  const [headerHeight, setHeaderHeight] = useState<number>(0);\n  const [footerHeight, setFooterHeight] = useState<number>(0);\n\n  const ctxValue = useMemo<GalleryContextType>(\n    () => ({\n      headerHeight,\n      setHeaderHeight,\n      footerHeight,\n      setFooterHeight,\n      color: 'dark',\n      setColor: () => {},\n    }),\n    [headerHeight, setHeaderHeight, footerHeight, setFooterHeight],\n  );\n\n  return <GalleryContext.Provider value={ctxValue}>{children}</GalleryContext.Provider>;\n};\n"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","setFooterHeight","color","setColor","children","useState","ctxValue","useMemo","_jsx","jsx","Provider","value"],"mappings":"mEAmBO,MAAMA,EAAiBC,EAAAA,cAAkC,CAC9DC,aAAc,EACdC,aAAc,EACdC,gBAAiB,OACjBC,gBAAiB,OACjBC,MAAO,OACPC,SAAU,iEAOiE,EAAGC,eAC9E,MAAON,EAAcE,GAAmBK,EAAAA,SAAiB,IAClDN,EAAcE,GAAmBI,EAAAA,SAAiB,GAEnDC,EAAWC,EAAAA,SACf,KAAO,CACLT,eACAE,kBACAD,eACAE,kBACAC,MAAO,OACPC,SAAU,UAEZ,CAACL,EAAcE,EAAiBD,EAAcE,IAGhD,OAAOO,EAAAC,IAACb,EAAec,SAAQ,CAACC,MAAOL,EAAQF,SAAGA,GAAmC"}
+{"version":3,"file":"galleryContext.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import React, { useState, createContext, useMemo } from 'react';\n\nexport type GalleryContextType = {\n  /**\n   * this value contains height of largest header element, it is used in xs gallery\n   */\n  headerHeight: number;\n  setHeaderHeight: (v: number) => void;\n  /**\n   * this value contains height of largest footer element, it is used in xs gallery\n   */\n  footerHeight: number;\n  setFooterHeight: (v: number) => void;\n\n  /** contains color scheme for current slide */\n  color: 'dark' | 'light';\n  setColor: (c: 'dark' | 'light') => void;\n};\n\nexport const GalleryContext = createContext<GalleryContextType>({\n  headerHeight: 0,\n  footerHeight: 0,\n  setHeaderHeight: () => {},\n  setFooterHeight: () => {},\n  color: 'dark',\n  setColor: () => {},\n});\n\nexport type GalleryContextProviderProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryContextProvider: React.FC<GalleryContextProviderProps> = ({ children }) => {\n  const [headerHeight, setHeaderHeight] = useState<number>(0);\n  const [footerHeight, setFooterHeight] = useState<number>(0);\n\n  const ctxValue = useMemo<GalleryContextType>(\n    () => ({\n      headerHeight,\n      setHeaderHeight,\n      footerHeight,\n      setFooterHeight,\n      color: 'dark',\n      setColor: () => {},\n    }),\n    [headerHeight, setHeaderHeight, footerHeight, setFooterHeight],\n  );\n\n  return <GalleryContext.Provider value={ctxValue}>{children}</GalleryContext.Provider>;\n};\n"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","setFooterHeight","color","setColor","children","useState","ctxValue","useMemo","_jsx","Provider","value"],"mappings":"mEAmBO,MAAMA,EAAiBC,EAAAA,cAAkC,CAC9DC,aAAc,EACdC,aAAc,EACdC,gBAAiB,OACjBC,gBAAiB,OACjBC,MAAO,OACPC,SAAU,iEAOiE,EAAGC,eAC9E,MAAON,EAAcE,GAAmBK,EAAAA,SAAiB,IAClDN,EAAcE,GAAmBI,EAAAA,SAAiB,GAEnDC,EAAWC,EAAAA,SACf,KAAA,CACET,eACAE,kBACAD,eACAE,kBACAC,MAAO,OACPC,SAAU,UAEZ,CAACL,EAAcE,EAAiBD,EAAcE,IAGhD,OAAOO,EAAAA,IAACZ,EAAea,SAAQ,CAACC,MAAOJ,EAAQF,SAAGA,GAAmC"}

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

@@ -1 +1 @@
-{"version":3,"file":"galleryItemContext.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryItemContext.ts"],"sourcesContent":["import React from 'react';\n\nexport type GalleryItemContextType = {\n  color: 'dark' | 'light';\n};\n\nexport const GalleryItemContext = React.createContext<GalleryItemContextType>({\n  color: 'dark',\n});\n"],"names":["GalleryItemContext","default","createContext","color"],"mappings":"gEAMa,MAAAA,sBAA0BC,QAACC,cAAsC,CAC5EC,MAAO"}
+{"version":3,"file":"galleryItemContext.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryItemContext.ts"],"sourcesContent":["import React from 'react';\n\nexport type GalleryItemContextType = {\n  color: 'dark' | 'light';\n};\n\nexport const GalleryItemContext = React.createContext<GalleryItemContextType>({\n  color: 'dark',\n});\n"],"names":["GalleryItemContext","React","createContext","color"],"mappings":"gEAMO,MAAMA,sBAAqBC,QAAMC,cAAsC,CAC5EC,MAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"galleryItemHeading.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryItemHeading.tsx"],"sourcesContent":["import { Theme, Typography, useMediaQuery } from '@mui/material';\nimport React, { useContext, useMemo } from 'react';\nimport { GalleryItemContext } from './galleryItemContext';\n\nexport type GalleryItemHeadingProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryItemHeading: React.FC<GalleryItemHeadingProps> = ({ children }) => {\n  const { color } = useContext(GalleryItemContext);\n  const smallerThanMd = useMediaQuery<Theme>((theme) => theme.breakpoints.down('md'));\n\n  const fontColor = useMemo(() => {\n    if (smallerThanMd) {\n      return '#161718';\n    }\n    return color === 'light' ? '#fff' : '#161718';\n  }, [smallerThanMd, color]);\n\n  return (\n    <Typography\n      color={fontColor}\n      variant=\"h1\"\n      sx={{\n        letterSpacing: '0.02em !important',\n      }}\n      data-testid=\"Carousel.heading\"\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","variant","sx","letterSpacing"],"mappings":"8JAQqE,EAAGA,eACtE,MAAMC,MAAEA,GAAUC,EAAUA,WAACC,sBACvBC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,EAAAA,SAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,EAAAA,IAACC,EAAAA,WAAU,CACTX,MAAOQ,EACPI,QAAQ,KACRC,GAAI,CACFC,cAAe,qBAChB,cACW,mBAAkBf,SAE7BA,GACU"}
+{"version":3,"file":"galleryItemHeading.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryItemHeading.tsx"],"sourcesContent":["import { Theme, Typography, useMediaQuery } from '@mui/material';\nimport React, { useContext, useMemo } from 'react';\nimport { GalleryItemContext } from './galleryItemContext';\n\nexport type GalleryItemHeadingProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryItemHeading: React.FC<GalleryItemHeadingProps> = ({ children }) => {\n  const { color } = useContext(GalleryItemContext);\n  const smallerThanMd = useMediaQuery<Theme>((theme) => theme.breakpoints.down('md'));\n\n  const fontColor = useMemo(() => {\n    if (smallerThanMd) {\n      return '#161718';\n    }\n    return color === 'light' ? '#fff' : '#161718';\n  }, [smallerThanMd, color]);\n\n  return (\n    <Typography\n      color={fontColor}\n      variant=\"h1\"\n      sx={{\n        letterSpacing: '0.02em !important',\n      }}\n      data-testid=\"Carousel.heading\"\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","variant","sx","letterSpacing"],"mappings":"8JAQqE,EAAGA,eACtE,MAAMC,MAAEA,GAAUC,EAAAA,WAAWC,sBACvBC,EAAgBC,EAAAA,eAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,EAAAA,SAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,EAAAA,IAACC,EAAAA,WAAU,CACTX,MAAOQ,EACPI,QAAQ,KACRC,GAAI,CACFC,cAAe,qBAChB,cACW,mBAAkBf,SAE7BA,GACU"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeroCarouselSlide.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/HeroCarouselSlide.tsx"],"sourcesContent":["import { Box, useTheme } from '@mui/material';\nimport React, { useCallback, useContext, useEffect, useRef } from 'react';\nimport { ResponsiveType, useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { HeroCarouselContext } from './heroCarouselContext';\n\ntype FitType = 'contain' | 'cover' | 'fill' | 'scale-down' | 'none';\n\nexport type HeroCarouselSlideProps = {\n  /**\n   * Link to image that should be displayed. This property can be responsive.\n   * @requires\n   * @example\n   * ```tsx\n   * <HeroCarouselSlide imageSrc=\"../image.png\"/>\n   * <HeroCarouselSlide imageSrc={{\n   *    xs: \"../xs-image.png\",\n   *    sm: \"../sm-image.png\",\n   *    md: \"../md-image.png\",\n   *    lg: \"../lg-image.png\",\n   *    xl: \"../xl-image.png\"\n   * }}/>\n   * ```\n   */\n  imageSrc: ResponsiveType<string>;\n  /**\n   * Width of slide component. This property can be responsive\n   * @default undefined\n   * @example\n   * ```tsx\n   * <HeroCarouselSlide width=\"500px\"/>\n   * <HeroCarouselSlide imageSrc={{\n   *    xs: \"100%\",\n   *    sm: \"500px\",\n   *    md: \"700px\",\n   *    lg: \"50%\",\n   *    xl: \"33%\"\n   * }}/>\n   * ```\n   */\n  width?: ResponsiveType<string>;\n  /**\n   * Css `object-fit` property\n   * @default cover\n   * @example\n   * ```tsx\n   * <HeroCarouselSlide imageFit=\"contain\"/>\n   * <HeroCarouselSlide imageFit={{\n   *    xs: \"contain\",\n   *    sm: \"cover\",\n   *    md: \"fill\",\n   *    lg: \"contain\",\n   *    xl: \"cover\"\n   * }}/>\n   * ```\n   */\n  imageFit?: ResponsiveType<FitType>;\n  /**\n   * Alternative text of image.\n   * @default undefined\n   */\n  alt?: string;\n  /**\n   * Footer content of an Slide, it can be any ReactNode. Footer is passed via context to `HeroCarousel` component\n   * @default undefined\n   */\n  footer?: React.ReactNode;\n};\n\nexport const HeroCarouselSlide: React.FC<HeroCarouselSlideProps> = (props) => {\n  const theme = useTheme();\n  const imageSrc = useResponsiveProp(props.imageSrc);\n  const imageFit = useResponsiveProp(props.imageFit);\n\n  const containerRef = useRef(null);\n  useActivateFooter(containerRef.current, props.footer);\n\n  return (\n    <Box\n      ref={containerRef}\n      sx={{\n        '&&': {\n          flexBasis: props.width ?? '100%',\n        },\n      }}\n      data-testid=\"Carousel.slide\"\n    >\n      <Box\n        component=\"picture\"\n        sx={{\n          display: 'flex',\n          position: 'relative',\n          height: '100%',\n        }}\n      >\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\n          component=\"img\"\n          sx={{\n            height: '100%',\n            width: '100%',\n            objectFit: imageFit ?? 'cover',\n          }}\n          src={imageSrc.xs}\n          alt={props.alt}\n        />\n      </Box>\n    </Box>\n  );\n};\n\nconst useActivateFooter = (containerRef: HTMLDivElement, footer: React.ReactNode) => {\n  const { emblaApi, setActiveFooter } = useContext(HeroCarouselContext);\n\n  const activateFooter = useCallback(() => {\n    if (emblaApi) {\n      const slideIndex = emblaApi.selectedScrollSnap();\n      const slides = emblaApi.slideNodes();\n      const activeSlide = slides[slideIndex];\n      if (containerRef === activeSlide) {\n        setActiveFooter(footer);\n      }\n    }\n  }, [footer, setActiveFooter, emblaApi]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      const e = () => activateFooter();\n      emblaApi.on('select', e);\n      return () => {\n        emblaApi.off('select', e);\n      };\n    }\n  }, [!!emblaApi]);\n\n  useEffect(activateFooter, [emblaApi]);\n};\n"],"names":["useActivateFooter","containerRef","footer","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","useRef","current","_jsx","Box","ref","sx","flexBasis","_a","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","jsx","lg","md","sm","xs","objectFit","src","alt"],"mappings":"kLAoEa,MA8CPA,EAAoB,CAACC,EAA8BC,KACvD,MAAMC,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAAA,WAAWC,EAAAA,qBAE3CC,EAAiBC,EAAAA,aAAY,KACjC,GAAIL,EAAU,CACZ,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBR,IAAiBU,GACnBP,EAAgBF,MAGnB,CAACA,EAAQE,EAAiBD,IAE7BU,EAAAA,WAAU,KACR,GAAIV,EAAU,CACZ,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACLX,EAASa,IAAI,SAAUF,EAAE,KAG5B,GAAGX,IAENU,YAAUN,EAAgB,CAACJ,GAAU,4BAtE6Bc,UAClE,MAAMC,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBJ,EAAMG,UACnCE,EAAWD,EAAAA,kBAAkBJ,EAAMK,UAEnCrB,EAAesB,EAAMA,OAAC,MAG5B,OAFAvB,EAAkBC,EAAauB,QAASP,EAAMf,QAG5CuB,MAACC,EAAGA,IAAA,CACFC,IAAK1B,EACL2B,GAAI,CACF,KAAM,CACJC,kBAAWC,EAAAb,EAAMc,qBAAS,SAGlB,cAAA,iBAEZC,SAAAC,EAAAA,KAACP,EAAAA,IAAG,CACFQ,UAAU,UACVN,GAAI,CACFO,QAAS,OACTC,SAAU,WACVC,OAAQ,QAGVL,SAAA,CAAAP,EAAAA,IAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOC,QAASC,OAAQtB,EAASqB,KACjFhB,EAAQkB,IAAA,SAAA,CAAAL,MAAO,eAAepB,EAAMqB,YAAYC,OAAOI,QAASF,OAAQtB,EAASwB,KACjFnB,EAAAA,cAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAASyB,KACjFpB,MAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOM,QAASJ,OAAQtB,EAAS0B,KACjFrB,EAAQkB,IAAA,SAAA,CAAAL,MAAO,eAAepB,EAAMqB,YAAYC,OAAOM,QAASJ,OAAQtB,EAAS2B,KACjFtB,EAAAA,IAACC,EAAAA,IAAG,CACFQ,UAAU,MACVN,GAAI,CACFS,OAAQ,OACRN,MAAO,OACPiB,UAAW1B,QAAAA,EAAY,SAEzB2B,IAAK7B,EAAS2B,GACdG,IAAKjC,EAAMiC,UAGX"}
+{"version":3,"file":"HeroCarouselSlide.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/HeroCarouselSlide.tsx"],"sourcesContent":["import { Box, useTheme } from '@mui/material';\nimport React, { useCallback, useContext, useEffect, useRef } from 'react';\nimport { ResponsiveType, useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { HeroCarouselContext } from './heroCarouselContext';\n\ntype FitType = 'contain' | 'cover' | 'fill' | 'scale-down' | 'none';\n\nexport type HeroCarouselSlideProps = {\n  /**\n   * Link to image that should be displayed. This property can be responsive.\n   * @requires\n   * @example\n   * ```tsx\n   * <HeroCarouselSlide imageSrc=\"../image.png\"/>\n   * <HeroCarouselSlide imageSrc={{\n   *    xs: \"../xs-image.png\",\n   *    sm: \"../sm-image.png\",\n   *    md: \"../md-image.png\",\n   *    lg: \"../lg-image.png\",\n   *    xl: \"../xl-image.png\"\n   * }}/>\n   * ```\n   */\n  imageSrc: ResponsiveType<string>;\n  /**\n   * Width of slide component. This property can be responsive\n   * @default undefined\n   * @example\n   * ```tsx\n   * <HeroCarouselSlide width=\"500px\"/>\n   * <HeroCarouselSlide imageSrc={{\n   *    xs: \"100%\",\n   *    sm: \"500px\",\n   *    md: \"700px\",\n   *    lg: \"50%\",\n   *    xl: \"33%\"\n   * }}/>\n   * ```\n   */\n  width?: ResponsiveType<string>;\n  /**\n   * Css `object-fit` property\n   * @default cover\n   * @example\n   * ```tsx\n   * <HeroCarouselSlide imageFit=\"contain\"/>\n   * <HeroCarouselSlide imageFit={{\n   *    xs: \"contain\",\n   *    sm: \"cover\",\n   *    md: \"fill\",\n   *    lg: \"contain\",\n   *    xl: \"cover\"\n   * }}/>\n   * ```\n   */\n  imageFit?: ResponsiveType<FitType>;\n  /**\n   * Alternative text of image.\n   * @default undefined\n   */\n  alt?: string;\n  /**\n   * Footer content of an Slide, it can be any ReactNode. Footer is passed via context to `HeroCarousel` component\n   * @default undefined\n   */\n  footer?: React.ReactNode;\n};\n\nexport const HeroCarouselSlide: React.FC<HeroCarouselSlideProps> = (props) => {\n  const theme = useTheme();\n  const imageSrc = useResponsiveProp(props.imageSrc);\n  const imageFit = useResponsiveProp(props.imageFit);\n\n  const containerRef = useRef(null);\n  useActivateFooter(containerRef.current, props.footer);\n\n  return (\n    <Box\n      ref={containerRef}\n      sx={{\n        '&&': {\n          flexBasis: props.width ?? '100%',\n        },\n      }}\n      data-testid=\"Carousel.slide\"\n    >\n      <Box\n        component=\"picture\"\n        sx={{\n          display: 'flex',\n          position: 'relative',\n          height: '100%',\n        }}\n      >\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\n          component=\"img\"\n          sx={{\n            height: '100%',\n            width: '100%',\n            objectFit: imageFit ?? 'cover',\n          }}\n          src={imageSrc.xs}\n          alt={props.alt}\n        />\n      </Box>\n    </Box>\n  );\n};\n\nconst useActivateFooter = (containerRef: HTMLDivElement, footer: React.ReactNode) => {\n  const { emblaApi, setActiveFooter } = useContext(HeroCarouselContext);\n\n  const activateFooter = useCallback(() => {\n    if (emblaApi) {\n      const slideIndex = emblaApi.selectedScrollSnap();\n      const slides = emblaApi.slideNodes();\n      const activeSlide = slides[slideIndex];\n      if (containerRef === activeSlide) {\n        setActiveFooter(footer);\n      }\n    }\n  }, [footer, setActiveFooter, emblaApi]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      const e = () => activateFooter();\n      emblaApi.on('select', e);\n      return () => {\n        emblaApi.off('select', e);\n      };\n    }\n  }, [!!emblaApi]);\n\n  useEffect(activateFooter, [emblaApi]);\n};\n"],"names":["useActivateFooter","containerRef","footer","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","useRef","current","_jsx","Box","ref","sx","flexBasis","_a","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","objectFit","src","alt"],"mappings":"kLAoEO,MA8CDA,EAAoB,CAACC,EAA8BC,KACvD,MAAMC,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAAA,WAAWC,EAAAA,qBAE3CC,EAAiBC,EAAAA,aAAY,KACjC,GAAIL,EAAU,CACZ,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBR,IAAiBU,GACnBP,EAAgBF,EAEpB,IACC,CAACA,EAAQE,EAAiBD,IAE7BU,EAAAA,WAAU,KACR,GAAIV,EAAU,CACZ,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACLX,EAASa,IAAI,SAAUF,EAAE,CAE7B,IACC,GAAGX,IAENU,YAAUN,EAAgB,CAACJ,GAAU,4BAtE6Bc,UAClE,MAAMC,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBJ,EAAMG,UACnCE,EAAWD,EAAAA,kBAAkBJ,EAAMK,UAEnCrB,EAAesB,EAAAA,OAAO,MAG5B,OAFAvB,EAAkBC,EAAauB,QAASP,EAAMf,QAG5CuB,EAAAA,IAACC,EAAAA,IAAG,CACFC,IAAK1B,EACL2B,GAAI,CACF,KAAM,CACJC,kBAAWC,EAAAb,EAAMc,qBAAS,SAE7B,cACW,iBAAgBC,SAE5BC,EAAAA,KAACP,EAAAA,IAAG,CACFQ,UAAU,UACVN,GAAI,CACFO,QAAS,OACTC,SAAU,WACVC,OAAQ,QACTL,SAAA,CAEDP,EAAAA,IAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOC,QAASC,OAAQtB,EAASqB,KACjFhB,EAAAA,IAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOG,QAASD,OAAQtB,EAASuB,KACjFlB,EAAAA,cAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOI,QAASF,OAAQtB,EAASwB,KACjFnB,MAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAASyB,KACjFpB,EAAAA,IAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAAS0B,KACjFrB,EAAAA,IAACC,EAAAA,IAAG,CACFQ,UAAU,MACVN,GAAI,CACFS,OAAQ,OACRN,MAAO,OACPgB,UAAWzB,QAAAA,EAAY,SAEzB0B,IAAK5B,EAAS0B,GACdG,IAAKhC,EAAMgC,UAGX"}