@skodaflow/web-library 7.14.0 → 7.15.1

package/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":"gJAIYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,ybACAA,EAAA,KAAA,4bACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAEY,MAAAC,EAA2BC,EAAO,MAAO,CACpDC,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,GAtBoCF,EAuBEG,IAAA,IAAAC,MAAEA,GAAgBD,EAC1D,MAAME,EADkDC,EAAAH,EAAhB,WAExC,IAAII,EAAS,CAAE,EAyOf,OAxOAA,EACKC,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA,WAAY,CACVG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,OACbC,UAAW,aACX,MAAO,CACLA,UAAW,cAEb,CAACX,EAAMY,YAAYC,GAAG,OAAQ,CAC5B,yBAA0B,CACxB,sBAAuB,CACrBC,KAAsB,WAAhBb,EAAMc,MAAqB,MAAQ,QAG7C,yBAA0B,CACxB,sBAAuB,CACrBD,KAAsB,WAAhBb,EAAMc,MAAqB,MAAQ,SAKjD,qBAAsB,CACpBC,SAAU,SACVC,MAAO,QAET,kCAAmC,CACjCC,OAAQ,QAEV,iCAAkC,CAChCA,OAAQ,YAEV,sBAAuB,CACrBC,QAAS,OACTC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBd,WAAY,QACZe,WAAY,WACZ,CAACxB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BP,SAAU,WACVQ,KAAsB,WAAhBb,EAAMc,MAAqB,MAAQ,MAG7C,kBAAmB,CACjBT,SAAU,WACVmB,KAAM,WACNC,YAAa,OACb,CAAC1B,EAAMY,YAAYe,KAAK,OAAQ,CAC9BV,MAAOhB,EAAM2B,sBAAwB,GAAK,SAG9C,yBAA0B,CACxBtB,SAAU,WACVU,SAAU,SACVa,OAAQ,OACRV,QAASlB,EAAM2B,sBAAwB,OAAS,GAChD,QAAS,CACPpB,SAAU,OACVqB,OAAQ,OACRC,UAAW,UAGf,mBAAoB,CAClBxB,SAAU,WACVa,QAAS,OACTY,WAAY,SACZC,eAAgB,SAChBC,IAAK,IACLJ,OAAQ,OACRK,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBnB,OAAQ,OACRoB,aAAc,EACd,2BAA4B,CAC1BrB,MAAO,OACPY,OAAQ,QAEV,4BAA6B,CAC3BZ,MAAO,OACPY,OAAQ,QAEV,aAAc,CACZ,kBAAmB,CACjBU,MAAOvC,EAAMwC,QAAQC,SAASC,SAEhC,UAAW,CACT,CAAC1C,EAAMY,YAAYC,GAAG,OAAQ,CAC5B,kBAAmB,CACjBwB,gBAAiB,mBAM3B,yBAA0B,CACxBvB,KAAM,IACNG,MAAO,OAET,uCAAwC,CACtC,CAACjB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BK,OAAQ,OAAOxB,EAAoBiD,cACnC,WAAY,CACVC,UAAW,cAIjB,yBAA0B,CACxBC,MAAO,IACP5B,MAAO,OAET,uCAAwC,CACtC,CAACjB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BK,OAAQ,OAAOxB,EAAoBoD,cACnC,WAAY,CACVF,UAAW,cAIjB,qBAAsB,CACpBtC,SAAU,WACV+B,gBAAiB,cACjBU,WAAqC,IAA1B9C,EAAM+C,gBAA2B,OAAS,OACrDxC,SAAU,OACVS,MAAO,OACPY,OAAQ,MACRb,SAAU,SACVsB,aAAc,MACd7B,WAAY,OACZC,YAAa,QAEf,0BAA2B,CACzBJ,SAAU,WACV+B,gBAAiBrC,EAAMwC,QAAQS,UAAUC,MACzCjC,MAAO,OACPgB,IAAK,IACLkB,OAAQ,IACRrC,KAAM,SAER,wBAAyB,CACvB,CAACd,EAAMY,YAAYC,GAAG,OAAQ,CAC5BP,SAAU,WACVuC,MAAO,OAET,CAAC7C,EAAMY,YAAYe,KAAK,OAAQ,CAC9ByB,UAAW,WAGf,iBAAkB,CAChBjC,QAAS,OACTkC,UAAW,OACXrB,eAAgB,SAChBsB,WAAY,OAEZ,gBAAiB,CACfjB,gBAAiB,cACjBnB,OAAQ,UACRZ,SAAU,WACVC,QAAS,IACTgD,QAAS,IACTpB,OAAQ,IACRlB,MAAO,OACPY,OAAQ,OACRnB,YAAa,QACbD,WAAY,QACZU,QAAS,OACTY,WAAY,SAEZ,UAAW,CACTM,gBAAiBrC,EAAMwC,QAAQC,SAASe,UACxCvC,MAAO,OACPY,OAAQ,MACRS,aAAc,MACdmB,QAAS,MAEX,gBAAiB,CACf,UAAW,CACTpB,gBAAiBrC,EAAMwC,QAAQS,UAAUS,MACzCC,QAAS,OAIf,sBAAuB,CACrBtB,gBAAiB,cACjBnB,OAAQ,UACRZ,SAAU,WACVC,QAAS,IACTgD,QAAS,IACTpB,OAAQ,IACRlB,MAAO,OACPY,OAAQ,MACRnB,YAAa,MACbD,WAAY,MACZU,QAAS,OACTY,WAAY,SAEZ,UAAW,CACTM,gBAAiBuB,EACf3D,EAAM4D,YACN,OACA7D,EAAMwC,QAAQS,UAAUS,MACxB1D,EAAMwC,QAAQsB,QAAQC,UAExB9C,MAAO,MACPY,OAAQ,MACRS,aAAc,MACdmB,QAAS,MAEX,gBAAiB,CACf,UAAW,CACTpB,gBAAiB,cACjBR,OAAQ,OACRZ,MAAO,OACPkB,OAAQyB,EACN3D,EAAM4D,YACN,OACA7D,EAAMwC,QAAQS,UAAUS,MACxB1D,EAAMwC,QAAQsB,QAAQC,UAExBzB,aAAc,MACdqB,QAAS,UAMX1D,EAAM+D,aACZ,KAAK,EACH,OAAc5D,OAAAC,OAAAD,OAAAC,OAAA,GACTF,GAAM,CACT,kBAAmB,CACjBG,SAAU,WACVmB,KAAM,WACNC,YAAa,OACb,CAAC1B,EAAMY,YAAYC,GAAG,OAAQ,CAC5BY,KAAMxB,EAAM2B,sBAAwB,WAAa,WACjDpB,UAA0C,IAAhCP,EAAM2B,sBAAiC,QAAU,UAInE,KAAK,EACH,OAAcxB,OAAAC,OAAAD,OAAAC,OAAA,GACTF,GAAM,CACT,kBAAmB,CACjBG,SAAU,WACVmB,KAAM,WACN,CAACzB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BY,KAAM,WAERC,YAAa,UAGnB,KAAK,EACH,OAActB,OAAAC,OAAAD,OAAAC,OAAA,GACTF,GAAM,CACT,kBAAmB,CACjBG,SAAU,WACVmB,KAAM,WACN,CAACzB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BY,KAAM,cAERC,YAAa,UAGnB,KAAK,EACH,OAActB,OAAAC,OAAAD,OAAAC,OAAA,GACTF,GAAM,CACT,kBAAmB,CACjBG,SAAU,WACVmB,KAAM,WACN,CAACzB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BY,KAAM,WAERC,YAAa,UAIrB,OAAOvB,CAAM"}
+{"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/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":"8CAGa,MAAAA,EAAyBC,EAAO,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":"8CAGO,MAAMA,EAAyBC,EAAO,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/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":["CardCarousel","inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"4gBA8Ca,MAAAA,EAA6CC,IACxD,MAAMC,EAAQC,EAAgBF,IAEvBG,EAAUC,GAAYC,EAASJ,IAEhCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WACxG,OACEC,EAACC,EAAG,CACFC,UAAU,gBACVC,SAAS,WACTC,IAAKf,EAAMU,UACC,cAAA,eACA,aAAAP,aAAQ,EAARA,EAAUa,qBACtBC,GAAI,CAAEC,SAAU,UAAUC,SAAA,CAE1BC,EAACC,EAAM,CAAAC,UAAWC,EAAWC,QAAS,EAAGC,OAAK,EAACR,GAAI,CAAES,OAAQ,QAC3DP,SAAAR,EAACgB,EAAQ,CACPzB,SAAUA,EACVe,GAAI,CACFS,OAAQ1B,EAAM0B,OACdE,MAAO,QACRT,SAAA,CAEDC,EAACS,EACC,CAAAZ,GAAI,CACFa,KAAMzB,EACN0B,IAAK,OACL,MAAO,CACLC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEff,SAEAnB,EAAMmB,WAGTC,EAACe,EACC,CAAAC,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,EAACe,EAAS,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,EAACuB,EAAc,CAACxC,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":["CardCarousel","inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"4gBA8CO,MAAMA,EAA6CC,IACxD,MAAMC,EAAQC,EAAgBF,IAEvBG,EAAUC,GAAYC,EAASJ,IAEhCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WACxG,OACEC,EAACC,EAAG,CACFC,UAAU,gBACVC,SAAS,WACTC,IAAKf,EAAMU,UAAS,cACR,eAAc,aACdP,aAAQ,EAARA,EAAUa,qBACtBC,GAAI,CAAEC,SAAU,UAAUC,SAAA,CAE1BC,EAACC,EAAK,CAACC,UAAWC,EAAWC,QAAS,EAAGC,OAAK,EAACR,GAAI,CAAES,OAAQ,QAAQP,SACnER,EAACgB,EAAQ,CACPzB,SAAUA,EACVe,GAAI,CACFS,OAAQ1B,EAAM0B,OACdE,MAAO,QACRT,SAAA,CAEDC,EAACS,EAAc,CACbZ,GAAI,CACFa,KAAMzB,EACN0B,IAAK,OACL,MAAO,CACLC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEff,SAEAnB,EAAMmB,WAGTC,EAACe,EAAS,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,EAACe,EAAS,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,EAACuB,EAAc,CAACxC,SAAUA,MACtB"}

package/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":["ItemsContainer","_a","children","left","rest","__rest","_jsx","Box","Object","assign","sx","display","transition","userSelect","position","height","flexGrow","flexShrink","flexBasis"],"mappings":"2GAQa,MAAAA,EAAiDC,QAAAC,SAAEA,EAAQC,KAAEA,GAAIF,EAAKG,EAAIC,EAAAJ,EAAzB,qBAC5D,OACEK,EAACC,EACKC,OAAAC,OAAA,CAAA,EAAAL,GACJM,GAAEF,OAAAC,OAAA,CACAE,QAAS,OACTC,WAAY,WACZC,WAAY,OACZC,SAAU,WACVC,OAAQ,OACRZ,KAAMA,QAAAA,EAAQ,MACd,MAAO,CACLa,SAAU,EACVC,WAAY,EACZC,UAAW,SAEVd,EAAKM,IAAE,cAEA,qBAEXR,SAAAA,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":["ItemsContainer","_a","children","left","rest","__rest","_jsx","Box","Object","assign","sx","display","transition","userSelect","position","height","flexGrow","flexShrink","flexBasis"],"mappings":"2GAQO,MAAMA,EAAiDC,QAAAC,SAAEA,EAAQC,KAAEA,GAAIF,EAAKG,EAAIC,EAAAJ,EAAzB,qBAC5D,OACEK,EAACC,EAAGC,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/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":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","scrollPrev","scrollNext"],"mappings":"kPAKA,MAoBaA,EAAuCC,QAAAC,SAClDA,EAAQC,KACRA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,UACZA,GAASR,EACNS,EAAIC,EAAAV,EAT2C,yFAWlD,MAAMW,EAAeC,EAAeX,EAAUO,EAAWN,IAElDW,EAAUC,GAAeC,GAAS,IACnCC,MAAEA,EAAKC,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAkBlB,EAAUC,EAAMM,EAAW,CACjGF,eACAC,iBAkBF,OAfAa,GAAU,KACR,GAAInB,EAAU,CACZ,MAAMoB,EAAW,KACf,MAAMC,EAAwB,SAATpB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAErEC,EAAwB,SAATvB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAG3EV,IADgC,QAAdN,EAAsBiB,EAAeH,GAChC,EAEzBrB,EAASyB,GAAG,SAAUL,GACtBA,OAED,CAACpB,EAAUC,EAAMM,IAGlBmB,EAACC,EAAG,CACFC,GAAI,CACFC,OAAQd,EAAQ,OAAgB,SAATd,EAxD7B,ybAEA,idAsDwF6B,GAExE,cAAA,eAEZC,SAAAL,EAACC,EAAGK,OAAAC,OAAA,CAAA,EACEzB,EAAI,CACRoB,GAAEI,OAAAC,OAAA,CACAC,SAAU,WACVC,IAAK,MACLC,OAAQ,MACRC,MAAO,MACPC,SAAU,OACVC,KAAe,SAATtC,EAAkB,WAAQ6B,EAChCU,MAAgB,SAATvC,EAAkB,WAAQ6B,EACjCW,OAAQ,CACNP,SAAU,sBACVK,KAAM,CACJG,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEjCU,MAAO,CACLE,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEjCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACVA,UAAW,6CAEbC,WAAY9B,EAAQ,cAAWe,IAE9BtB,EAAKoB,IAEVvB,aAAcW,EACdV,aAAcW,EAAgBc,SAE9BL,EAACoB,GACCC,YAAsB,SAAT9C,EAAkB,aAAe,cAC9C+C,gBAAiB9C,QAAAA,EAAS,QAC1B+C,UAAW9C,QAAAA,EAAS,UACpB+C,eAAgB9C,QAAAA,EAAW,WAC3B+C,gBAAiBzC,EACjB0C,WAAYxC,EACZyC,aAAc,aAGd,EAIJnC,EAAoB,CACxBoC,EACArD,EACAM,EACAgD,KAKA,MAAOxC,EAAOyC,GAAY1C,GAAS,GAsBnC,MAAO,CAAEC,QAAOC,iBApBSyC,GAAY,WACnC,GAAIH,EAAK,CACP,MAAMjC,EAAwB,SAATpB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,gBAE3DC,EAAwB,SAATvB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,iBAEjC,QAAdhB,EAAsBiB,EAAeH,IAGrDmC,GAAS,WAGbzD,EAAAwD,aAAO,EAAPA,EAASlD,oCAAgB,GACxB,CAACiD,EAAKE,EAAUD,EAAStD,EAAMM,IAOAU,iBALTwC,GAAY,WACnCD,GAAS,WACTzD,EAAAwD,aAAO,EAAPA,EAASjD,oCAAgB,GACxB,CAACiD,EAASC,IAEuC,EAGhD7C,EAAiB,CAAC2C,EAAwB/C,EAA0BN,IACjEwD,GAAY,KACJ,SAATxD,IACY,QAAdM,EAAsB+C,EAAII,aAAeJ,EAAIK,cAGlC,SAAT1D,IACY,QAAdM,EAAsB+C,EAAIK,aAAeL,EAAII,gBAE9C,CAACJ,EAAK/C,EAAWN"}
+{"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":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","scrollPrev","scrollNext"],"mappings":"kPAKA,MAoBaA,EAAuCC,QAAAC,SAClDA,EAAQC,KACRA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,UACZA,GAASR,EACNS,EAAIC,EAAAV,EAT2C,yFAWlD,MAAMW,EAAeC,EAAeX,EAAUO,EAAWN,IAElDW,EAAUC,GAAeC,GAAS,IACnCC,MAAEA,EAAKC,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAkBlB,EAAUC,EAAMM,EAAW,CACjGF,eACAC,iBAkBF,OAfAa,GAAU,KACR,GAAInB,EAAU,CACZ,MAAMoB,EAAW,KACf,MAAMC,EAAwB,SAATpB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAErEC,EAAwB,SAATvB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAG3EV,IADgC,QAAdN,EAAsBiB,EAAeH,GAChC,EAEzBrB,EAASyB,GAAG,SAAUL,GACtBA,GACF,IACC,CAACpB,EAAUC,EAAMM,IAGlBmB,EAACC,EAAG,CACFC,GAAI,CACFC,OAAQd,EAAQ,OAAgB,SAATd,EAxD7B,ybAEA,idAsDwF6B,GACnF,cACW,eAAcC,SAE1BL,EAACC,EAAGK,OAAAC,OAAA,CAAA,EACEzB,EAAI,CACRoB,GAAEI,OAAAC,OAAA,CACAC,SAAU,WACVC,IAAK,MACLC,OAAQ,MACRC,MAAO,MACPC,SAAU,OACVC,KAAe,SAATtC,EAAkB,WAAQ6B,EAChCU,MAAgB,SAATvC,EAAkB,WAAQ6B,EACjCW,OAAQ,CACNP,SAAU,sBACVK,KAAM,CACJG,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEjCU,MAAO,CACLE,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEjCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACVA,UAAW,6CAEbC,WAAY9B,EAAQ,cAAWe,IAE9BtB,EAAKoB,IAEVvB,aAAcW,EACdV,aAAcW,EAAgBc,SAE9BL,EAACoB,GACCC,YAAsB,SAAT9C,EAAkB,aAAe,cAC9C+C,gBAAiB9C,QAAAA,EAAS,QAC1B+C,UAAW9C,QAAAA,EAAS,UACpB+C,eAAgB9C,QAAAA,EAAW,WAC3B+C,gBAAiBzC,EACjB0C,WAAYxC,EACZyC,aAAc,aAGd,EAIJnC,EAAoB,CACxBoC,EACArD,EACAM,EACAgD,KAKA,MAAOxC,EAAOyC,GAAY1C,GAAS,GAsBnC,MAAO,CAAEC,QAAOC,iBApBSyC,GAAY,WACnC,GAAIH,EAAK,CACP,MAAMjC,EAAwB,SAATpB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,gBAE3DC,EAAwB,SAATvB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,iBAEjC,QAAdhB,EAAsBiB,EAAeH,IAGrDmC,GAAS,EAEb,SACAzD,EAAAwD,aAAO,EAAPA,EAASlD,oCAAgB,GACxB,CAACiD,EAAKE,EAAUD,EAAStD,EAAMM,IAOAU,iBALTwC,GAAY,WACnCD,GAAS,WACTzD,EAAAwD,aAAO,EAAPA,EAASjD,oCAAgB,GACxB,CAACiD,EAASC,IAEuC,EAGhD7C,EAAiB,CAAC2C,EAAwB/C,EAA0BN,IACjEwD,GAAY,KACJ,SAATxD,IACY,QAAdM,EAAsB+C,EAAII,aAAeJ,EAAIK,cAGlC,SAAT1D,IACY,QAAdM,EAAsB+C,EAAIK,aAAeL,EAAII,aAC/C,GACC,CAACJ,EAAK/C,EAAWN"}

package/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":["Numbering","_a","direction","separator","color","size","emblaApi","boxProps","__rest","total","setTotal","useState","index","setIndex","useEffect","onSlide","totalA","slideNodes","length","indexA","selectedScrollSnap","on","_jsx","Box","Object","assign","sx","position","padding","borderRadius","userSelect","transition","left","undefined","right","backgroundColor","NumberingComponent","customSeparator","colorTheme"],"mappings":"kOAca,MAAAA,EAAuCC,IAAA,IAAAC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,GAAuBL,EAAVM,EAAQC,EAAAP,EAA1D,qDAClD,MAAOQ,EAAOC,GAAYC,EAAiB,IACpCC,EAAOC,GAAYF,EAAiB,GAgB3C,OAdAG,GAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAU,KACd,MACMC,EADQV,EAASW,aACFC,OACfC,EAASb,EAASc,qBAAuB,EAC/CV,EAASM,GACTH,EAASM,EAAO,EAElBb,EAASe,GAAG,SAAUN,GACtBA,OAED,CAACT,IAGFgB,EAACC,EAAGC,OAAAC,OAAA,GACElB,EACJ,CAAAmB,GACEF,OAAAC,OAAA,CAAAE,SAAU,WACVC,QAAS,WACTC,aAAc,MACdC,WAAY,OACZC,WAAY,UACZC,KAAoB,QAAd9B,EAAsB,YAAS+B,EACrCC,MAAqB,QAAdhC,EAAsB,YAAS+B,EACtCE,gBAA2B,SAAV/B,EAAmB,YAAc,YAClD,mBAAoB,CAClBA,MAAO,sBAET,uBAAwB,CACtBA,MAAO,sBAET,mBAAoB,CAClBA,MAAiB,SAAVA,EAAmB,UAAY,YAErCG,EAASmB,IAEF,cAAA,8BAEZJ,EAACc,EACC,CAAAxB,MAAOA,EACPH,MAAOA,EACP4B,gBAAiBlC,QAAAA,EAAa,IAC9BmC,WAAYlC,EACZC,KAAMA,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":["Numbering","_a","direction","separator","color","size","emblaApi","boxProps","__rest","total","setTotal","useState","index","setIndex","useEffect","onSlide","totalA","slideNodes","length","indexA","selectedScrollSnap","on","_jsx","Box","Object","assign","sx","position","padding","borderRadius","userSelect","transition","left","undefined","right","backgroundColor","NumberingComponent","customSeparator","colorTheme"],"mappings":"kOAcO,MAAMA,EAAuCC,IAAA,IAAAC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,GAAQL,EAAKM,EAAQC,EAAAP,EAA1D,qDAClD,MAAOQ,EAAOC,GAAYC,EAAiB,IACpCC,EAAOC,GAAYF,EAAiB,GAgB3C,OAdAG,GAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAU,KACd,MACMC,EADQV,EAASW,aACFC,OACfC,EAASb,EAASc,qBAAuB,EAC/CV,EAASM,GACTH,EAASM,EAAO,EAElBb,EAASe,GAAG,SAAUN,GACtBA,GACF,IACC,CAACT,IAGFgB,EAACC,EAAGC,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,EAACc,EAAkB,CACjBxB,MAAOA,EACPH,MAAOA,EACP4B,gBAAiBlC,QAAAA,EAAa,IAC9BmC,WAAYlC,EACZC,KAAMA,MAEJ"}

package/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":["ScrollSnapDots","emblaApi","scrollSnapList","setScrollSnapList","useState","currentSnapIndex","setCurrentSnapIndex","currentSnap","useMemo","_a","useEffect","console","log","internalEngine","e","on","off","selectedScrollSnap","_jsx","Box","sx","display","justifyContent","gap","marginTop","children","map","snap","width","height","borderRadius","backgroundColor"],"mappings":"+IAQaA,EAAgD,EAAGC,eAC9D,MAAOC,EAAgBC,GAAqBC,EAAwB,KAC7DC,EAAkBC,GAAuBF,EAAiB,GAC3DG,EAAcC,GAAQ,KAAM,IAAAC,EAAA,OAAoC,QAApCA,EAAAP,EAAeG,UAAqB,IAAAI,EAAAA,EAAA,CAAC,GAAE,CAACP,EAAgBG,IAyB1F,OAvBAK,GAAU,KACR,GAAIT,EAAU,CACZU,QAAQC,IAAIX,EAASY,kBACrB,MAAMC,EAAI,IAAMX,EAAkBF,EAASC,kBAG3C,OAFAD,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,KAG5B,CAACb,EAAUE,IAEdO,GAAU,KACR,GAAIT,EAAU,CACZ,MAAMa,EAAI,IAAMR,EAAoBL,EAASgB,sBAG7C,OAFAhB,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,KAG5B,CAACb,EAAUK,IAGZY,EAACC,EAAG,CACFC,GAAI,CACFC,QAAS,OACTC,eAAgB,SAChBC,IAAK,MACLC,UAAW,QACZ,cACW,gBAEXC,SAAAvB,EAAewB,KAAKC,GACnBT,EAACC,EAAG,CAEFC,GAAI,CACFQ,MAAO,MACPC,OAAQ,MACRC,aAAc,MACdC,gBAAiBxB,EAAcoB,EAAO,UAAY,YAL/CA,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":["ScrollSnapDots","emblaApi","scrollSnapList","setScrollSnapList","useState","currentSnapIndex","setCurrentSnapIndex","currentSnap","useMemo","_a","useEffect","console","log","internalEngine","e","on","off","selectedScrollSnap","_jsx","Box","sx","display","justifyContent","gap","marginTop","children","map","snap","width","height","borderRadius","backgroundColor"],"mappings":"+IAQaA,EAAgD,EAAGC,eAC9D,MAAOC,EAAgBC,GAAqBC,EAAwB,KAC7DC,EAAkBC,GAAuBF,EAAiB,GAC3DG,EAAcC,GAAQ,KAAK,IAAAC,EAAC,OAAgC,QAAhCA,EAAAP,EAAeG,UAAiB,IAAAI,EAAAA,EAAI,CAAC,GAAE,CAACP,EAAgBG,IAyB1F,OAvBAK,GAAU,KACR,GAAIT,EAAU,CACZU,QAAQC,IAAIX,EAASY,kBACrB,MAAMC,EAAI,IAAMX,EAAkBF,EAASC,kBAG3C,OAFAD,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,CAE7B,IACC,CAACb,EAAUE,IAEdO,GAAU,KACR,GAAIT,EAAU,CACZ,MAAMa,EAAI,IAAMR,EAAoBL,EAASgB,sBAG7C,OAFAhB,EAASc,GAAG,SAAUD,GACtBA,IACO,KACLb,EAASe,IAAI,SAAUF,EAAE,CAE7B,IACC,CAACb,EAAUK,IAGZY,EAACC,EAAG,CACFC,GAAI,CACFC,QAAS,OACTC,eAAgB,SAChBC,IAAK,MACLC,UAAW,QACZ,cACW,gBAAeC,SAE1BvB,EAAewB,KAAKC,GACnBT,EAACC,EAAG,CAEFC,GAAI,CACFQ,MAAO,MACPC,OAAQ,MACRC,aAAc,MACdC,gBAAiBxB,EAAcoB,EAAO,UAAY,YAL/CA,MASL"}

package/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":["ViewPort","_a","children","emblaRef","rest","__rest","_jsx","Box","Object","assign","sx","overview","width","height","cursor","ref"],"mappings":"2GAUa,MAAAA,EAAqCC,QAAAC,SAAEA,EAAQC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAJ,EAA7B,yBAChD,OACEK,EAACC,EACKC,OAAAC,OAAA,CAAA,EAAAL,GACJM,GAAEF,OAAAC,OAAA,CACAE,SAAU,SACVC,MAAO,OACPC,OAAQ,OACRC,OAAQ,QACLV,EAAKM,IAEVK,IAAKZ,EACO,cAAA,6BAEXD,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":["ViewPort","_a","children","emblaRef","rest","__rest","_jsx","Box","Object","assign","sx","overview","width","height","cursor","ref"],"mappings":"2GAUO,MAAMA,EAAqCC,QAAAC,SAAEA,EAAQC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAJ,EAA7B,yBAChD,OACEK,EAACC,EAAGC,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/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","GalleryCarousel","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":"swBAca,MAAAA,EAA+C,CAC1DC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACdC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEpBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,mBAuDCC,EAAmDC,IAC9D,MAAMC,EAAoBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAd,GAAwBW,GAC5CI,EAAQC,EAAgBJ,IAEvBK,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAElGvB,EAASwB,EAAkBX,EAAMb,SAEhCyB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,KAC1C,GAAIb,EAAU,CACZ,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACT,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACX,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,SAIjC,CAACrB,EAAUU,IAgBd,OAdAa,EAAUX,EAAyB,CAACA,IACpCW,GAAU,KACR,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACFA,EAAS2B,GAAG,SAAUH,GAEjB,KACLC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACFA,EAAS6B,IAAI,SAAUL,GAE1B,GACA,CAACZ,EAAyBZ,IAE3B8B,EAACC,EAAsB,CAAAC,SACrBF,EAACG,EACC,CAAAC,GAAI,CAAEC,SAAU,UAChBC,UAAU,UAAS,cACP,kBACZC,IAAKxC,EAAMU,UACC,aAAAP,eAAAA,EAAUsC,qBAEtBN,SAAAO,EAACN,EAAG,CAACC,GAAI,CAAEM,SAAU,WAAYxD,SAAQyD,UAAWzD,GAClDgD,SAAA,CAAAO,EAACG,EAAQ,CAAC3C,SAAUA,EAClBiC,SAAA,CAAAF,EAACa,EAAc,CAACC,KAAM1C,EAAgB8B,SAAAnC,EAAMmC,WAC3CnC,EAAMZ,gBACLsD,EAAAM,EAAA,CAAAb,SAAA,CACEF,EAACgB,EACC,CAAAvC,UAAWV,EAAMU,UACjBP,SAAUA,EACV+C,KAAK,OACLC,aAAc5C,EACd6C,aAAc5C,IAEhByB,EAACgB,EAAS,CACRvC,UAAWV,EAAMU,UACjBP,SAAUA,EACV+C,KAAK,OACLC,aAAc7C,EACd8C,aAAc5C,UAMtByB,EAACoB,EAAS,CACRhB,GAAI,CACFiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QAExCT,SAAUA,EACVoD,UAAWvD,EAAMwD,mBACjBnE,MAAOoE,EAAgBC,KACvBC,KAAMC,EAAeC,MACrBnD,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","GalleryCarousel","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":"swBAcO,MAAMA,EAA+C,CAC1DC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACdC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEpBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,mBAuDCC,EAAmDC,IAC9D,MAAMC,EAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQd,GAAwBW,GAC5CI,EAAQC,EAAgBJ,IAEvBK,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAElGvB,EAASwB,EAAkBX,EAAMb,SAEhCyB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,KAC1C,GAAIb,EAAU,CACZ,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACT,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACX,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC9B,CACF,CACF,IACC,CAACrB,EAAUU,IAgBd,OAdAa,EAAUX,EAAyB,CAACA,IACpCW,GAAU,KACR,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACFA,EAAS2B,GAAG,SAAUH,GAEjB,KACLC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACFA,EAAS6B,IAAI,SAAUL,EACzB,CACD,GACA,CAACZ,EAAyBZ,IAE3B8B,EAACC,EAAsB,CAAAC,SACrBF,EAACG,EAAG,CACFC,GAAI,CAAEC,SAAU,UAChBC,UAAU,UAAS,cACP,kBACZC,IAAKxC,EAAMU,UAAS,aACRP,eAAAA,EAAUsC,qBAAoBN,SAE1CO,EAACN,EAAG,CAACC,GAAI,CAAEM,SAAU,WAAYxD,SAAQyD,UAAWzD,GAAQgD,SAAA,CAC1DO,EAACG,EAAQ,CAAC3C,SAAUA,EAAQiC,SAAA,CAC1BF,EAACa,EAAc,CAACC,KAAM1C,EAAa8B,SAAGnC,EAAMmC,WAC3CnC,EAAMZ,gBACLsD,EAAAM,EAAA,CAAAb,SAAA,CACEF,EAACgB,EAAS,CACRvC,UAAWV,EAAMU,UACjBP,SAAUA,EACV+C,KAAK,OACLC,aAAc5C,EACd6C,aAAc5C,IAEhByB,EAACgB,EAAS,CACRvC,UAAWV,EAAMU,UACjBP,SAAUA,EACV+C,KAAK,OACLC,aAAc7C,EACd8C,aAAc5C,UAMtByB,EAACoB,EAAS,CACRhB,GAAI,CACFiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QAExCT,SAAUA,EACVoD,UAAWvD,EAAMwD,mBACjBnE,MAAOoE,EAAgBC,KACvBC,KAAMC,EAAeC,MACrBnD,UAAWV,EAAMU,kBAIA"}

package/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":["GalleryCarouselItem","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","pictureHeight","setPictureHeight","useState","headerRef","useRef","footerRef","containerRef","isSm","useMediaQuery","themeA","breakpoints","only","isXs","updatePictureHeight","useCallback","h","_a","current","clientHeight","_c","_b","_e","_d","useEffect","e","window","addEventListener","removeEventListener","_jsx","GalleryItemContext","Provider","value","color","Box","sx","flexBasis","width","maxWidth","children","_jsxs","ref","position","height","header","Stack","direction","spacing","sm","md","padding","zIndex","top","right","left","component","Object","assign","display","shadowStyle","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight","bottom","content","background"],"mappings":"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"}
+{"version":3,"file":"galleryCarouselItem.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryCarouselItem.tsx"],"sourcesContent":["import 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":["GalleryCarouselItem","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","pictureHeight","setPictureHeight","useState","headerRef","useRef","footerRef","containerRef","isSm","useMediaQuery","themeA","breakpoints","only","isXs","updatePictureHeight","useCallback","h","_a","current","clientHeight","_c","_b","_e","_d","useEffect","e","window","addEventListener","removeEventListener","_jsx","GalleryItemContext","Provider","value","color","Box","sx","flexBasis","width","maxWidth","children","_jsxs","ref","position","height","header","Stack","direction","spacing","sm","md","padding","zIndex","top","right","left","component","Object","assign","display","shadowStyle","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight","bottom","content","background"],"mappings":"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"}

package/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","GalleryContextProvider","children","useState","ctxValue","useMemo","_jsx","Provider","value"],"mappings":"yGAmBO,MAAMA,EAAiBC,EAAkC,CAC9DC,aAAc,EACdC,aAAc,EACdC,gBAAiB,OACjBC,gBAAiB,OACjBC,MAAO,OACPC,SAAU,SAOCC,EAAgE,EAAGC,eAC9E,MAAOP,EAAcE,GAAmBM,EAAiB,IAClDP,EAAcE,GAAmBK,EAAiB,GAEnDC,EAAWC,GACf,KAAO,CACLV,eACAE,kBACAD,eACAE,kBACAC,MAAO,OACPC,SAAU,UAEZ,CAACL,EAAcE,EAAiBD,EAAcE,IAGhD,OAAOQ,EAACb,EAAec,SAAQ,CAACC,MAAOJ,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","GalleryContextProvider","children","useState","ctxValue","useMemo","_jsx","Provider","value"],"mappings":"yGAmBO,MAAMA,EAAiBC,EAAkC,CAC9DC,aAAc,EACdC,aAAc,EACdC,gBAAiB,OACjBC,gBAAiB,OACjBC,MAAO,OACPC,SAAU,SAOCC,EAAgE,EAAGC,eAC9E,MAAOP,EAAcE,GAAmBM,EAAiB,IAClDP,EAAcE,GAAmBK,EAAiB,GAEnDC,EAAWC,GACf,KAAA,CACEV,eACAE,kBACAD,eACAE,kBACAC,MAAO,OACPC,SAAU,UAEZ,CAACL,EAAcE,EAAiBD,EAAcE,IAGhD,OAAOQ,EAACb,EAAec,SAAQ,CAACC,MAAOJ,EAAQF,SAAGA,GAAmC"}

package/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","React","createContext","color"],"mappings":"qBAMa,MAAAA,EAAqBC,EAAMC,cAAsC,CAC5EC,MAAO"}
+{"version":3,"file":"galleryItemContext.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryItemContext.ts"],"sourcesContent":["import React from 'react';\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":"qBAMO,MAAMA,EAAqBC,EAAMC,cAAsC,CAC5EC,MAAO"}

package/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":["HeroCarouselSlide","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","containerRef","useRef","useActivateFooter","current","footer","_jsx","Box","ref","sx","flexBasis","_a","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","objectFit","src","alt","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off"],"mappings":"uTAoEa,MAAAA,EAAuDC,UAClE,MAAMC,EAAQC,IACRC,EAAWC,EAAkBJ,EAAMG,UACnCE,EAAWD,EAAkBJ,EAAMK,UAEnCC,EAAeC,EAAO,MAG5B,OAFAC,EAAkBF,EAAaG,QAAST,EAAMU,QAG5CC,EAACC,EAAG,CACFC,IAAKP,EACLQ,GAAI,CACF,KAAM,CACJC,kBAAWC,EAAAhB,EAAMiB,qBAAS,SAGlB,cAAA,iBAEZC,SAAAC,EAACP,EAAG,CACFQ,UAAU,UACVN,GAAI,CACFO,QAAS,OACTC,SAAU,WACVC,OAAQ,QAGVL,SAAA,CAAAP,EAAA,SAAA,CAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOC,QAASC,OAAQzB,EAASwB,KACjFhB,EAAQ,SAAA,CAAAa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOG,QAASD,OAAQzB,EAAS0B,KACjFlB,YAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOI,QAASF,OAAQzB,EAAS2B,KACjFnB,EAAA,SAAA,CAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOK,QAASH,OAAQzB,EAAS4B,KACjFpB,EAAQ,SAAA,CAAAa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOK,QAASH,OAAQzB,EAAS6B,KACjFrB,EAACC,EAAG,CACFQ,UAAU,MACVN,GAAI,CACFS,OAAQ,OACRN,MAAO,OACPgB,UAAW5B,QAAAA,EAAY,SAEzB6B,IAAK/B,EAAS6B,GACdG,IAAKnC,EAAMmC,UAGX,EAIJ3B,EAAoB,CAACF,EAA8BI,KACvD,MAAM0B,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAWC,GAE3CC,EAAiBC,GAAY,KACjC,GAAIL,EAAU,CACZ,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBpC,IAAiBsC,GACnBP,EAAgB3B,MAGnB,CAACA,EAAQ2B,EAAiBD,IAE7BU,GAAU,KACR,GAAIV,EAAU,CACZ,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACLX,EAASa,IAAI,SAAUF,EAAE,KAG5B,GAAGX,IAENU,EAAUN,EAAgB,CAACJ,GAAU"}
+{"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":["HeroCarouselSlide","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","containerRef","useRef","useActivateFooter","current","footer","_jsx","Box","ref","sx","flexBasis","_a","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","objectFit","src","alt","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off"],"mappings":"uTAoEO,MAAMA,EAAuDC,UAClE,MAAMC,EAAQC,IACRC,EAAWC,EAAkBJ,EAAMG,UACnCE,EAAWD,EAAkBJ,EAAMK,UAEnCC,EAAeC,EAAO,MAG5B,OAFAC,EAAkBF,EAAaG,QAAST,EAAMU,QAG5CC,EAACC,EAAG,CACFC,IAAKP,EACLQ,GAAI,CACF,KAAM,CACJC,kBAAWC,EAAAhB,EAAMiB,qBAAS,SAE7B,cACW,iBAAgBC,SAE5BC,EAACP,EAAG,CACFQ,UAAU,UACVN,GAAI,CACFO,QAAS,OACTC,SAAU,WACVC,OAAQ,QACTL,SAAA,CAEDP,EAAA,SAAA,CAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOC,QAASC,OAAQzB,EAASwB,KACjFhB,EAAA,SAAA,CAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOG,QAASD,OAAQzB,EAAS0B,KACjFlB,YAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOI,QAASF,OAAQzB,EAAS2B,KACjFnB,EAAA,SAAA,CAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOK,QAASH,OAAQzB,EAAS4B,KACjFpB,EAAA,SAAA,CAAQa,MAAO,eAAevB,EAAMwB,YAAYC,OAAOK,QAASH,OAAQzB,EAAS6B,KACjFrB,EAACC,EAAG,CACFQ,UAAU,MACVN,GAAI,CACFS,OAAQ,OACRN,MAAO,OACPgB,UAAW5B,QAAAA,EAAY,SAEzB6B,IAAK/B,EAAS6B,GACdG,IAAKnC,EAAMmC,UAGX,EAIJ3B,EAAoB,CAACF,EAA8BI,KACvD,MAAM0B,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAWC,GAE3CC,EAAiBC,GAAY,KACjC,GAAIL,EAAU,CACZ,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBpC,IAAiBsC,GACnBP,EAAgB3B,EAEpB,IACC,CAACA,EAAQ2B,EAAiBD,IAE7BU,GAAU,KACR,GAAIV,EAAU,CACZ,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACLX,EAASa,IAAI,SAAUF,EAAE,CAE7B,IACC,GAAGX,IAENU,EAAUN,EAAgB,CAACJ,GAAU"}

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

@@ -1 +1 @@
-{"version":3,"file":"heroCarousel.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Container, Stack, Theme, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { ResponsiveType } from '../../../utils/ResponsiveType';\nimport { Carousel2Props } from '../carousel2';\nimport { HeroCarouselContext } from './heroCarouselContext';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\nconst HeroDefaultProps: Partial<Carousel2Props> = {\n  direction: 'ltr',\n};\n\nexport type HeroCarouselProps = {\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   * Carousel slides. Any ReactNode can be used here, however `GalleryCarouselItem` component is suggested.\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Direction of content.\n   * @default ltr\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * Separator of numbering component.\n   * @default /\n   */\n  numberingSeparator?: string;\n  /**\n   * Index of Slide that is active by default.\n   * @default 0\n   */\n  startIndex?: number;\n  /**\n   * Optional height of carousel, this prop is added to height style property.\n   * @default undefined\n   */\n  height?: ResponsiveType<string>;\n  /**\n   * Heading of the carousel. Any ReactElement can be used, however `Typography` component is suggested.\n   * @default undefined\n   */\n  heading?: React.ReactNode;\n  /**\n   * Enables numbering component, which shows number of active slide and number of total slides.\n   * @default false\n   */\n  numbering?: boolean;\n};\n\n/**\n * @deprecated use Carousel instead\n */\nexport const HeroCarousel: React.FC<HeroCarouselProps> = (inProps) => {\n  const heroProps = { ...HeroDefaultProps, ...inProps };\n  const props = useDefaultProps(heroProps);\n\n  const [emblaRef, emblaApi] = useEmbla(props);\n  const headingRef = useRef<HTMLElement>(null);\n  const viewportRef = useRef<HTMLElement>(null);\n\n  const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n\n  const [activeFooter, setActiveFooter] = useState<React.ReactNode>(null);\n\n  const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n\n  return (\n    <HeroCarouselContext.Provider value={{ emblaApi, activeFooter, setActiveFooter }}>\n      <Box\n        className=\"hero-carousel\"\n        position=\"relative\"\n        dir={props.direction}\n        data-testid=\"HeroCarousel\"\n        data-state={emblaApi?.slidesInView()}\n        sx={{ overflow: 'hidden' }}\n      >\n        <Stack component={Container} spacing={3} fixed sx={{ height: '100%' }}>\n          {heroProps.heading && (\n            <Box ref={headingRef} data-testid=\"HeroCarousel.heading\">\n              {typeof heroProps.heading === 'string' ? (\n                <Typography variant=\"h1\">{heroProps.heading}</Typography>\n              ) : (\n                heroProps.heading\n              )}\n            </Box>\n          )}\n          <ViewPort\n            emblaRef={(e) => {\n              emblaRef(e);\n              viewportRef.current = e;\n            }}\n            sx={{\n              width: {\n                xl: '85%',\n                md: '85%',\n                sm: '95%',\n                xs: '100%',\n              },\n              height: props.height,\n            }}\n          >\n            <ItemsContainer\n              left={containerLeft}\n              sx={{\n                gap: '24px',\n              }}\n            >\n              {props.children}\n            </ItemsContainer>\n\n            <NavButton\n              direction={props.direction}\n              emblaApi={emblaApi}\n              type=\"prev\"\n              onMouseEnter={peekPrevOnHover}\n              onMouseLeave={resetPeek}\n              sx={{\n                width: '21%',\n                button: { visibility: 'hidden' },\n              }}\n            />\n            <NavButton\n              direction={props.direction}\n              emblaApi={emblaApi}\n              type=\"next\"\n              onMouseEnter={peekNextOnHover}\n              onMouseLeave={resetPeek}\n              sx={{\n                width: '30%',\n                button: { visibility: 'hidden' },\n              }}\n            />\n          </ViewPort>\n          {activeFooter && (\n            <Box\n              sx={{\n                width: {\n                  xl: '860px',\n                  lg: '740px',\n                  md: '100%',\n                },\n                paddingRight: {\n                  lg: '0px',\n                  sm: '130px',\n                },\n              }}\n              data-testid=\"HeroCarousel.footer\"\n            >\n              {typeof activeFooter === 'string' ? <Typography>{activeFooter}</Typography> : activeFooter}\n            </Box>\n          )}\n        </Stack>\n        {heroProps.numbering !== false && (\n          <Numbering\n            sx={numberingStyles}\n            emblaApi={emblaApi}\n            separator={props.numberingSeparator}\n            color={NumberingColors.DARK}\n            size={NumberingSizes.LARGE}\n            direction={props.direction}\n          />\n        )}\n      </Box>\n    </HeroCarouselContext.Provider>\n  );\n};\n\n/* eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (\n  emblaApi: EmblaCarouselType,\n  headingRef: HTMLElement,\n  viewportRef: HTMLElement,\n  direction: 'rtl' | 'ltr',\n) => {\n  const isSm = useMediaQuery<Theme>((theme) => theme.breakpoints.only('sm'));\n  const isXs = useMediaQuery<Theme>((theme) => theme.breakpoints.only('xs'));\n\n  const [x, setX] = useState<Record<string, string> | undefined>();\n  const [y, setY] = useState<Record<string, string> | undefined>();\n\n  const updateNumberingPosition = useCallback(() => {\n    if (emblaApi) {\n      const viewport = viewportRef.getBoundingClientRect();\n      const heading = headingRef?.getBoundingClientRect();\n\n      setX({\n        md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n        sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n        xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n      });\n      setY({\n        sm: `${viewport.height + (heading?.height ?? 0) + 20}px`,\n        xs: `${viewport.height + (heading?.height ?? 0) - 25}px`,\n      });\n    }\n  }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n\n  useEffect(updateNumberingPosition, [updateNumberingPosition]);\n  useEffect(() => {\n    const e = () => updateNumberingPosition();\n    window.addEventListener('resize', e);\n    if (emblaApi) {\n      emblaApi.on('select', e);\n    }\n    return () => {\n      window.removeEventListener('resize', e);\n      if (emblaApi) {\n        emblaApi.off('select', e);\n      }\n    };\n  }, [updateNumberingPosition, emblaApi]);\n\n  return {\n    top: y,\n    left: x,\n    right: 'inherit',\n    backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n    '.total-container': {\n      color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n    },\n    '.separator-container': {\n      color: '#E4E4E4 !important',\n    },\n    '.index-container': {\n      color: isXs ? '#FFFFFF !important' : '#161718 !important',\n    },\n  };\n};\n"],"names":["HeroDefaultProps","direction","HeroCarousel","inProps","heroProps","Object","assign","props","useDefaultProps","emblaRef","emblaApi","useEmbla","headingRef","useRef","viewportRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","useState","numberingStyles","useNumberingStyles","current","_jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","height","heading","ref","Typography","variant","ViewPort","e","width","xl","md","sm","xs","ItemsContainer","left","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","color","NumberingColors","DARK","size","NumberingSizes","LARGE","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","y","setY","updateNumberingPosition","useCallback","viewport","getBoundingClientRect","right","_a","_b","window","innerWidth","useEffect","addEventListener","on","removeEventListener","off","top","backgroundColor"],"mappings":"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"}
+{"version":3,"file":"heroCarousel.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Container, Stack, Theme, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { ResponsiveType } from '../../../utils/ResponsiveType';\nimport { Carousel2Props } from '../carousel2';\nimport { HeroCarouselContext } from './heroCarouselContext';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\nconst HeroDefaultProps: Partial<Carousel2Props> = {\n  direction: 'ltr',\n};\n\nexport type HeroCarouselProps = {\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   * Carousel slides. Any ReactNode can be used here, however `GalleryCarouselItem` component is suggested.\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Direction of content.\n   * @default ltr\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * Separator of numbering component.\n   * @default /\n   */\n  numberingSeparator?: string;\n  /**\n   * Index of Slide that is active by default.\n   * @default 0\n   */\n  startIndex?: number;\n  /**\n   * Optional height of carousel, this prop is added to height style property.\n   * @default undefined\n   */\n  height?: ResponsiveType<string>;\n  /**\n   * Heading of the carousel. Any ReactElement can be used, however `Typography` component is suggested.\n   * @default undefined\n   */\n  heading?: React.ReactNode;\n  /**\n   * Enables numbering component, which shows number of active slide and number of total slides.\n   * @default false\n   */\n  numbering?: boolean;\n};\n\n/**\n * @deprecated use Carousel instead\n */\nexport const HeroCarousel: React.FC<HeroCarouselProps> = (inProps) => {\n  const heroProps = { ...HeroDefaultProps, ...inProps };\n  const props = useDefaultProps(heroProps);\n\n  const [emblaRef, emblaApi] = useEmbla(props);\n  const headingRef = useRef<HTMLElement>(null);\n  const viewportRef = useRef<HTMLElement>(null);\n\n  const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n\n  const [activeFooter, setActiveFooter] = useState<React.ReactNode>(null);\n\n  const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n\n  return (\n    <HeroCarouselContext.Provider value={{ emblaApi, activeFooter, setActiveFooter }}>\n      <Box\n        className=\"hero-carousel\"\n        position=\"relative\"\n        dir={props.direction}\n        data-testid=\"HeroCarousel\"\n        data-state={emblaApi?.slidesInView()}\n        sx={{ overflow: 'hidden' }}\n      >\n        <Stack component={Container} spacing={3} fixed sx={{ height: '100%' }}>\n          {heroProps.heading && (\n            <Box ref={headingRef} data-testid=\"HeroCarousel.heading\">\n              {typeof heroProps.heading === 'string' ? (\n                <Typography variant=\"h1\">{heroProps.heading}</Typography>\n              ) : (\n                heroProps.heading\n              )}\n            </Box>\n          )}\n          <ViewPort\n            emblaRef={(e) => {\n              emblaRef(e);\n              viewportRef.current = e;\n            }}\n            sx={{\n              width: {\n                xl: '85%',\n                md: '85%',\n                sm: '95%',\n                xs: '100%',\n              },\n              height: props.height,\n            }}\n          >\n            <ItemsContainer\n              left={containerLeft}\n              sx={{\n                gap: '24px',\n              }}\n            >\n              {props.children}\n            </ItemsContainer>\n\n            <NavButton\n              direction={props.direction}\n              emblaApi={emblaApi}\n              type=\"prev\"\n              onMouseEnter={peekPrevOnHover}\n              onMouseLeave={resetPeek}\n              sx={{\n                width: '21%',\n                button: { visibility: 'hidden' },\n              }}\n            />\n            <NavButton\n              direction={props.direction}\n              emblaApi={emblaApi}\n              type=\"next\"\n              onMouseEnter={peekNextOnHover}\n              onMouseLeave={resetPeek}\n              sx={{\n                width: '30%',\n                button: { visibility: 'hidden' },\n              }}\n            />\n          </ViewPort>\n          {activeFooter && (\n            <Box\n              sx={{\n                width: {\n                  xl: '860px',\n                  lg: '740px',\n                  md: '100%',\n                },\n                paddingRight: {\n                  lg: '0px',\n                  sm: '130px',\n                },\n              }}\n              data-testid=\"HeroCarousel.footer\"\n            >\n              {typeof activeFooter === 'string' ? <Typography>{activeFooter}</Typography> : activeFooter}\n            </Box>\n          )}\n        </Stack>\n        {heroProps.numbering !== false && (\n          <Numbering\n            sx={numberingStyles}\n            emblaApi={emblaApi}\n            separator={props.numberingSeparator}\n            color={NumberingColors.DARK}\n            size={NumberingSizes.LARGE}\n            direction={props.direction}\n          />\n        )}\n      </Box>\n    </HeroCarouselContext.Provider>\n  );\n};\n\n/* eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (\n  emblaApi: EmblaCarouselType,\n  headingRef: HTMLElement,\n  viewportRef: HTMLElement,\n  direction: 'rtl' | 'ltr',\n) => {\n  const isSm = useMediaQuery<Theme>((theme) => theme.breakpoints.only('sm'));\n  const isXs = useMediaQuery<Theme>((theme) => theme.breakpoints.only('xs'));\n\n  const [x, setX] = useState<Record<string, string> | undefined>();\n  const [y, setY] = useState<Record<string, string> | undefined>();\n\n  const updateNumberingPosition = useCallback(() => {\n    if (emblaApi) {\n      const viewport = viewportRef.getBoundingClientRect();\n      const heading = headingRef?.getBoundingClientRect();\n\n      setX({\n        md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n        sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n        xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n      });\n      setY({\n        sm: `${viewport.height + (heading?.height ?? 0) + 20}px`,\n        xs: `${viewport.height + (heading?.height ?? 0) - 25}px`,\n      });\n    }\n  }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n\n  useEffect(updateNumberingPosition, [updateNumberingPosition]);\n  useEffect(() => {\n    const e = () => updateNumberingPosition();\n    window.addEventListener('resize', e);\n    if (emblaApi) {\n      emblaApi.on('select', e);\n    }\n    return () => {\n      window.removeEventListener('resize', e);\n      if (emblaApi) {\n        emblaApi.off('select', e);\n      }\n    };\n  }, [updateNumberingPosition, emblaApi]);\n\n  return {\n    top: y,\n    left: x,\n    right: 'inherit',\n    backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n    '.total-container': {\n      color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n    },\n    '.separator-container': {\n      color: '#E4E4E4 !important',\n    },\n    '.index-container': {\n      color: isXs ? '#FFFFFF !important' : '#161718 !important',\n    },\n  };\n};\n"],"names":["HeroDefaultProps","direction","HeroCarousel","inProps","heroProps","Object","assign","props","useDefaultProps","emblaRef","emblaApi","useEmbla","headingRef","useRef","viewportRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","useState","numberingStyles","useNumberingStyles","current","_jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","height","heading","ref","Typography","variant","ViewPort","e","width","xl","md","sm","xs","ItemsContainer","left","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","color","NumberingColors","DARK","size","NumberingSizes","LARGE","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","y","setY","updateNumberingPosition","useCallback","viewport","getBoundingClientRect","right","_a","_b","window","innerWidth","useEffect","addEventListener","on","removeEventListener","off","top","backgroundColor"],"mappings":"8vBAeA,MAAMA,EAA4C,CAChDC,UAAW,OA2DAC,EAA6CC,IACxD,MAAMC,EAASC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAqBG,GACtCI,EAAQC,EAAgBJ,IAEvBK,EAAUC,GAAYC,EAASJ,GAChCK,EAAaC,EAAoB,MACjCC,EAAcD,EAAoB,OAElCE,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBT,EAAUH,EAAMN,YAEjGmB,EAAcC,GAAmBC,EAA0B,MAE5DC,EAAkBC,EAAmBd,EAAUE,EAAWa,QAASX,EAAYW,QAASlB,EAAMN,WAEpG,OACEyB,EAACC,EAAoBC,SAAQ,CAACC,MAAO,CAAEnB,WAAUU,eAAcC,mBAAiBS,SAC9EC,EAACC,EAAG,CACFC,UAAU,gBACVC,SAAS,WACTC,IAAK5B,EAAMN,UAAS,cACR,eAAc,aACdS,aAAQ,EAARA,EAAU0B,eACtBC,GAAI,CAAEC,SAAU,UAAUR,SAAA,CAE1BC,EAACQ,EAAK,CAACC,UAAWC,EAAWC,QAAS,EAAGC,OAAK,EAACN,GAAI,CAAEO,OAAQ,QAAQd,SAAA,CAClE1B,EAAUyC,SACTnB,EAACM,EAAG,CAACc,IAAKlC,EAAU,cAAc,uBAAsBkB,SACxB,iBAAtB1B,EAAUyC,QAChBnB,EAACqB,EAAU,CAACC,QAAQ,KAAIlB,SAAE1B,EAAUyC,UAEpCzC,EAAiB,UAIvB2B,EAACkB,EAAQ,CACPxC,SAAWyC,IACTzC,EAASyC,GACTpC,EAAYW,QAAUyB,CAAC,EAEzBb,GAAI,CACFc,MAAO,CACLC,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,QAENX,OAAQrC,EAAMqC,QACfd,SAAA,CAEDJ,EAAC8B,EAAc,CACbC,KAAM1C,EACNsB,GAAI,CACFqB,IAAK,QACN5B,SAEAvB,EAAMuB,WAGTJ,EAACiC,EAAS,CACR1D,UAAWM,EAAMN,UACjBS,SAAUA,EACVkD,KAAK,OACLC,aAAc5C,EACd6C,aAAc5C,EACdmB,GAAI,CACFc,MAAO,MACPY,OAAQ,CAAEC,WAAY,aAG1BtC,EAACiC,EAAS,CACR1D,UAAWM,EAAMN,UACjBS,SAAUA,EACVkD,KAAK,OACLC,aAAc7C,EACd8C,aAAc5C,EACdmB,GAAI,CACFc,MAAO,MACPY,OAAQ,CAAEC,WAAY,gBAI3B5C,GACCM,EAACM,EAAG,CACFK,GAAI,CACFc,MAAO,CACLC,GAAI,QACJa,GAAI,QACJZ,GAAI,QAENa,aAAc,CACZD,GAAI,MACJX,GAAI,UAEP,cACW,sBAAqBxB,SAER,iBAAjBV,EAA4BM,EAACqB,EAAU,CAAAjB,SAAEV,IAA6BA,QAI3D,IAAxBhB,EAAU+D,WACTzC,EAAC0C,GACC/B,GAAId,EACJb,SAAUA,EACV2D,UAAW9D,EAAM+D,mBACjBC,MAAOC,EAAgBC,KACvBC,KAAMC,EAAeC,MACrB3E,UAAWM,EAAMN,gBAIM,EAK7BuB,EAAqB,CACzBd,EACAE,EACAE,EACAb,KAEA,MAAM4E,EAAOC,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAC9DC,EAAOJ,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,SAE7DE,EAAGC,GAAQ9D,KACX+D,EAAGC,GAAQhE,IAEZiE,EAA0BC,GAAY,aAC1C,GAAI9E,EAAU,CACZ,MAAM+E,EAAW3E,EAAY4E,wBACvB7C,EAAUjC,eAAAA,EAAY8E,wBAE5BN,EAAK,CACH/B,GAAI,GAAiB,QAAdpD,EAAsBwF,EAASE,MAAQF,EAAShC,KAAO,OAC9DH,IAAqB,QAAdrD,EAAsBwF,EAASE,MAAQ,GAAKF,EAAShC,KAAO,IAA/D,KACJF,GAAI,GAAiB,QAAdtD,EAAsBwF,EAASE,MAAQ,IAAMF,EAAShC,KAAO,SAEtE6B,EAAK,CACHhC,GAAI,GAAGmC,EAAS7C,QAAyB,UAAfC,aAAO,EAAPA,EAASD,cAAM,IAAAgD,EAAAA,EAAI,GAAK,OAClDrC,GAAOkC,EAAS7C,QAAyB,UAAfC,aAAO,EAAPA,EAASD,cAAM,IAAAiD,EAAAA,EAAI,GAAK,GAA9C,MAER,IACC,CAACnF,EAAU4E,EAAMF,EAAMP,EAAMK,EAAMY,OAAOC,WAAY9F,IAiBzD,OAfA+F,EAAUT,EAAyB,CAACA,IACpCS,GAAU,KACR,MAAM9C,EAAI,IAAMqC,IAKhB,OAJAO,OAAOG,iBAAiB,SAAU/C,GAC9BxC,GACFA,EAASwF,GAAG,SAAUhD,GAEjB,KACL4C,OAAOK,oBAAoB,SAAUjD,GACjCxC,GACFA,EAAS0F,IAAI,SAAUlD,EACzB,CACD,GACA,CAACqC,EAAyB7E,IAEtB,CACL2F,IAAKhB,EACL5B,KAAM0B,EACNQ,MAAO,UACPW,gBAAiBpB,EAAO,uBAAyB,cACjD,mBAAoB,CAClBX,MAAOW,EAAO,sBAAwB,sBAExC,uBAAwB,CACtBX,MAAO,sBAET,mBAAoB,CAClBA,MAAOW,EAAO,qBAAuB,sBAExC"}

package/organisms/carousel2/hooks/useContainerPeek.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContainerPeek.js","sources":["../../../../src/organisms/carousel2/hooks/useContainerPeek.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\n/**\n * Provides functionality to peek over the next slide\n */\nexport const useContainerPeek = (\n  emblaApi: EmblaCarouselType,\n  direction: 'ltr' | 'rtl',\n  positions?: { prev: string; next: string },\n) => {\n  const [containerLeft, setContainerLeft] = useState<string | undefined>();\n\n  const peekNextOnHover = useCallback(() => {\n    if (emblaApi) {\n      const canScroll = direction === 'ltr' ? emblaApi.canScrollNext() : emblaApi.canScrollPrev();\n      if (canScroll) {\n        setContainerLeft(positions?.next ?? '-4%');\n      }\n    }\n  }, [emblaApi, setContainerLeft, positions, direction]);\n\n  const peekPrevOnHover = useCallback(() => {\n    if (emblaApi) {\n      const canScroll = direction === 'rtl' ? emblaApi.canScrollNext() : emblaApi.canScrollPrev();\n      if (canScroll) {\n        setContainerLeft(positions?.prev ?? '4%');\n      }\n    }\n  }, [emblaApi, setContainerLeft, positions, direction]);\n\n  const resetPeek = useCallback(() => {\n    setContainerLeft('0px');\n  }, [setContainerLeft]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      emblaApi.on('select', () => {\n        setContainerLeft('0px');\n      });\n    }\n  }, [emblaApi]);\n\n  return {\n    containerLeft,\n    peekNextOnHover,\n    peekPrevOnHover,\n    resetPeek,\n  };\n};\n"],"names":["useContainerPeek","emblaApi","direction","positions","containerLeft","setContainerLeft","useState","peekNextOnHover","useCallback","canScrollNext","canScrollPrev","peekPrevOnHover","resetPeek","useEffect","on"],"mappings":"iEAMa,MAAAA,EAAmB,CAC9BC,EACAC,EACAC,KAEA,MAAOC,EAAeC,GAAoBC,IAEpCC,EAAkBC,GAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,UAGvC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCS,EAAkBH,GAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,SAGvC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCU,EAAYJ,GAAY,KAC5BH,EAAiB,MAAM,GACtB,CAACA,IAUJ,OARAQ,GAAU,KACJZ,GACFA,EAASa,GAAG,UAAU,KACpBT,EAAiB,MAAM,MAG1B,CAACJ,IAEG,CACLG,gBACAG,kBACAI,kBACAC,YACD"}
+{"version":3,"file":"useContainerPeek.js","sources":["../../../../src/organisms/carousel2/hooks/useContainerPeek.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\n/**\n * Provides functionality to peek over the next slide\n */\nexport const useContainerPeek = (\n  emblaApi: EmblaCarouselType,\n  direction: 'ltr' | 'rtl',\n  positions?: { prev: string; next: string },\n) => {\n  const [containerLeft, setContainerLeft] = useState<string | undefined>();\n\n  const peekNextOnHover = useCallback(() => {\n    if (emblaApi) {\n      const canScroll = direction === 'ltr' ? emblaApi.canScrollNext() : emblaApi.canScrollPrev();\n      if (canScroll) {\n        setContainerLeft(positions?.next ?? '-4%');\n      }\n    }\n  }, [emblaApi, setContainerLeft, positions, direction]);\n\n  const peekPrevOnHover = useCallback(() => {\n    if (emblaApi) {\n      const canScroll = direction === 'rtl' ? emblaApi.canScrollNext() : emblaApi.canScrollPrev();\n      if (canScroll) {\n        setContainerLeft(positions?.prev ?? '4%');\n      }\n    }\n  }, [emblaApi, setContainerLeft, positions, direction]);\n\n  const resetPeek = useCallback(() => {\n    setContainerLeft('0px');\n  }, [setContainerLeft]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      emblaApi.on('select', () => {\n        setContainerLeft('0px');\n      });\n    }\n  }, [emblaApi]);\n\n  return {\n    containerLeft,\n    peekNextOnHover,\n    peekPrevOnHover,\n    resetPeek,\n  };\n};\n"],"names":["useContainerPeek","emblaApi","direction","positions","containerLeft","setContainerLeft","useState","peekNextOnHover","useCallback","canScrollNext","canScrollPrev","peekPrevOnHover","resetPeek","useEffect","on"],"mappings":"iEAMO,MAAMA,EAAmB,CAC9BC,EACAC,EACAC,KAEA,MAAOC,EAAeC,GAAoBC,IAEpCC,EAAkBC,GAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,MAExC,IACC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCS,EAAkBH,GAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,KAExC,IACC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCU,EAAYJ,GAAY,KAC5BH,EAAiB,MAAM,GACtB,CAACA,IAUJ,OARAQ,GAAU,KACJZ,GACFA,EAASa,GAAG,UAAU,KACpBT,EAAiB,MAAM,GAE3B,GACC,CAACJ,IAEG,CACLG,gBACAG,kBACAI,kBACAC,YACD"}

package/organisms/carousel2/hooks/useEmbla.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmbla.js","sources":["../../../../src/organisms/carousel2/hooks/useEmbla.ts"],"sourcesContent":["import useEmblaCarousel, { EmblaOptionsType } from 'embla-carousel-react';\nimport { Carousel2Props } from '../carousel2';\nimport { Theme, useMediaQuery } from '@mui/material';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { useMemo } from 'react';\n\nexport const useEmbla = (props: Carousel2Props) => {\n  const smallerThanSm = useMediaQuery<Theme>((theme) => theme.breakpoints.down('sm'));\n\n  const autoplayPlugin = useMemo(\n    () =>\n      Autoplay({\n        playOnInit: props.autoPlay ? true : false,\n        delay: props.autoPlayDelay,\n      }),\n    [props.autoPlay],\n  );\n\n  const emblaOptions: EmblaOptionsType = useMemo(\n    () => ({\n      align: props.align,\n      axis: 'x',\n      containScroll: props.align !== 'center' ? 'trimSnaps' : '',\n      direction: props.direction,\n      loop: props.loop,\n      slidesToScroll: smallerThanSm ? 1 : props.slideToScroll,\n      skipSnaps: false,\n      speed: props.speed,\n      startIndex: props.startIndex,\n      ...props.options,\n    }),\n    [props, smallerThanSm],\n  );\n\n  return useEmblaCarousel(emblaOptions, [autoplayPlugin]);\n};\n"],"names":["useEmbla","props","smallerThanSm","useMediaQuery","theme","breakpoints","down","autoplayPlugin","useMemo","Autoplay","playOnInit","autoPlay","delay","autoPlayDelay","emblaOptions","Object","assign","align","axis","containScroll","direction","loop","slidesToScroll","slideToScroll","skipSnaps","speed","startIndex","options","useEmblaCarousel"],"mappings":"yJAMa,MAAAA,EAAYC,IACvB,MAAMC,EAAgBC,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAiBC,GACrB,IACEC,EAAS,CACPC,aAAYT,EAAMU,SAClBC,MAAOX,EAAMY,iBAEjB,CAACZ,EAAMU,WAGHG,EAAiCN,GACrC,IACEO,OAAAC,OAAA,CAAAC,MAAOhB,EAAMgB,MACbC,KAAM,IACNC,cAA+B,WAAhBlB,EAAMgB,MAAqB,YAAc,GACxDG,UAAWnB,EAAMmB,UACjBC,KAAMpB,EAAMoB,KACZC,eAAgBpB,EAAgB,EAAID,EAAMsB,cAC1CC,WAAW,EACXC,MAAOxB,EAAMwB,MACbC,WAAYzB,EAAMyB,YACfzB,EAAM0B,UAEX,CAAC1B,EAAOC,IAGV,OAAO0B,EAAiBd,EAAc,CAACP,GAAgB"}
+{"version":3,"file":"useEmbla.js","sources":["../../../../src/organisms/carousel2/hooks/useEmbla.ts"],"sourcesContent":["import useEmblaCarousel, { EmblaOptionsType } from 'embla-carousel-react';\nimport { Carousel2Props } from '../carousel2';\nimport { Theme, useMediaQuery } from '@mui/material';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { useMemo } from 'react';\n\nexport const useEmbla = (props: Carousel2Props) => {\n  const smallerThanSm = useMediaQuery<Theme>((theme) => theme.breakpoints.down('sm'));\n\n  const autoplayPlugin = useMemo(\n    () =>\n      Autoplay({\n        playOnInit: props.autoPlay ? true : false,\n        delay: props.autoPlayDelay,\n      }),\n    [props.autoPlay],\n  );\n\n  const emblaOptions: EmblaOptionsType = useMemo(\n    () => ({\n      align: props.align,\n      axis: 'x',\n      containScroll: props.align !== 'center' ? 'trimSnaps' : '',\n      direction: props.direction,\n      loop: props.loop,\n      slidesToScroll: smallerThanSm ? 1 : props.slideToScroll,\n      skipSnaps: false,\n      speed: props.speed,\n      startIndex: props.startIndex,\n      ...props.options,\n    }),\n    [props, smallerThanSm],\n  );\n\n  return useEmblaCarousel(emblaOptions, [autoplayPlugin]);\n};\n"],"names":["useEmbla","props","smallerThanSm","useMediaQuery","theme","breakpoints","down","autoplayPlugin","useMemo","Autoplay","playOnInit","autoPlay","delay","autoPlayDelay","emblaOptions","Object","assign","align","axis","containScroll","direction","loop","slidesToScroll","slideToScroll","skipSnaps","speed","startIndex","options","useEmblaCarousel"],"mappings":"yJAMO,MAAMA,EAAYC,IACvB,MAAMC,EAAgBC,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAiBC,GACrB,IACEC,EAAS,CACPC,aAAYT,EAAMU,SAClBC,MAAOX,EAAMY,iBAEjB,CAACZ,EAAMU,WAGHG,EAAiCN,GACrC,IAAMO,OAAAC,OAAA,CACJC,MAAOhB,EAAMgB,MACbC,KAAM,IACNC,cAA+B,WAAhBlB,EAAMgB,MAAqB,YAAc,GACxDG,UAAWnB,EAAMmB,UACjBC,KAAMpB,EAAMoB,KACZC,eAAgBpB,EAAgB,EAAID,EAAMsB,cAC1CC,WAAW,EACXC,MAAOxB,EAAMwB,MACbC,WAAYzB,EAAMyB,YACfzB,EAAM0B,UAEX,CAAC1B,EAAOC,IAGV,OAAO0B,EAAiBd,EAAc,CAACP,GAAgB"}

package/organisms/common/buttonCardComponent/buttonCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonCardComponent.js","sources":["../../../../src/organisms/common/buttonCardComponent/buttonCardComponent.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../../components/button';\nimport { handleMaxChars } from '../../../utils/utilities';\n/**\n * @interface ButtonCardProps\n */\n\ninterface ButtonCardProps {\n  buttonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: () => void;\n    callbackAnalytics?: () => void;\n  };\n  compact?: boolean;\n  className?: string;\n}\n\nconst ButtonCardComponent: React.FC<ButtonCardProps> = ({ buttonObject, compact, className }) => {\n  const onClickButton = useCallback((button) => {\n    button.callbackAnalytics && button.callbackAnalytics();\n    if (button.url) {\n      window.open(encodeURI(button.url), button.target ? button.target : '');\n    } else {\n      button.callback && button.callback();\n    }\n  }, []);\n\n  return (\n    <div className={className}>\n      <Button\n        className=\"cta-button\"\n        onClick={() => onClickButton(buttonObject)}\n        compact={compact}\n        variant={buttonObject.variant}\n        label={handleMaxChars(buttonObject.label, 30)}\n      />\n    </div>\n  );\n};\n\nexport default ButtonCardComponent;\n"],"names":["ButtonCardComponent","buttonObject","compact","className","onClickButton","useCallback","button","callbackAnalytics","url","window","open","encodeURI","target","callback","_jsx","children","Button","onClick","variant","label","handleMaxChars"],"mappings":"uMAoBM,MAAAA,EAAiD,EAAGC,eAAcC,UAASC,gBAC/E,MAAMC,EAAgBC,GAAaC,IACjCA,EAAOC,mBAAqBD,EAAOC,oBAC/BD,EAAOE,IACTC,OAAOC,KAAKC,UAAUL,EAAOE,KAAMF,EAAOM,OAASN,EAAOM,OAAS,IAEnEN,EAAOO,UAAYP,EAAOO,aAE3B,IAEH,OACEC,SAAKX,UAAWA,EACdY,SAAAD,EAACE,EACC,CAAAb,UAAU,aACVc,QAAS,IAAMb,EAAcH,GAC7BC,QAASA,EACTgB,QAASjB,EAAaiB,QACtBC,MAAOC,EAAenB,EAAakB,MAAO,OAExC"}
+{"version":3,"file":"buttonCardComponent.js","sources":["../../../../src/organisms/common/buttonCardComponent/buttonCardComponent.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../../components/button';\nimport { handleMaxChars } from '../../../utils/utilities';\n/**\n * @interface ButtonCardProps\n */\n\ninterface ButtonCardProps {\n  buttonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: () => void;\n    callbackAnalytics?: () => void;\n  };\n  compact?: boolean;\n  className?: string;\n}\n\nconst ButtonCardComponent: React.FC<ButtonCardProps> = ({ buttonObject, compact, className }) => {\n  const onClickButton = useCallback((button) => {\n    button.callbackAnalytics && button.callbackAnalytics();\n    if (button.url) {\n      window.open(encodeURI(button.url), button.target ? button.target : '');\n    } else {\n      button.callback && button.callback();\n    }\n  }, []);\n\n  return (\n    <div className={className}>\n      <Button\n        className=\"cta-button\"\n        onClick={() => onClickButton(buttonObject)}\n        compact={compact}\n        variant={buttonObject.variant}\n        label={handleMaxChars(buttonObject.label, 30)}\n      />\n    </div>\n  );\n};\n\nexport default ButtonCardComponent;\n"],"names":["ButtonCardComponent","buttonObject","compact","className","onClickButton","useCallback","button","callbackAnalytics","url","window","open","encodeURI","target","callback","_jsx","children","Button","onClick","variant","label","handleMaxChars"],"mappings":"uMAoBA,MAAMA,EAAiD,EAAGC,eAAcC,UAASC,gBAC/E,MAAMC,EAAgBC,GAAaC,IACjCA,EAAOC,mBAAqBD,EAAOC,oBAC/BD,EAAOE,IACTC,OAAOC,KAAKC,UAAUL,EAAOE,KAAMF,EAAOM,OAASN,EAAOM,OAAS,IAEnEN,EAAOO,UAAYP,EAAOO,UAC5B,GACC,IAEH,OACEC,SAAKX,UAAWA,EAASY,SACvBD,EAACE,EAAM,CACLb,UAAU,aACVc,QAAS,IAAMb,EAAcH,GAC7BC,QAASA,EACTgB,QAASjB,EAAaiB,QACtBC,MAAOC,EAAenB,EAAakB,MAAO,OAExC"}

package/organisms/common/infoTextCardComponent/infoTextCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"infoTextCardComponent.js","sources":["../../../../src/organisms/common/infoTextCardComponent/infoTextCardComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { handleMaxChars } from '../../../utils/utilities';\n/**\n * @interface ButtonCardProps\n */\n\ninterface InfoTextCardProps {\n  /**\n   * Info text\n   */\n  infoText?: string;\n  /**\n   * Info text second position text\n   */\n  infoTextSecond?: string;\n  /**\n   * info text third position text\n   */\n  infoTextThird?: string;\n  className?: string;\n}\n\nconst InfoTextCardComponent: React.FC<InfoTextCardProps> = ({ infoText, infoTextSecond, infoTextThird, className }) => {\n  return (\n    <div className={className}>\n      {infoText && (\n        <span className=\"infoTextFirst\">\n          {infoText}\n          {(infoTextSecond || infoTextThird) && <span> | </span>}\n        </span>\n      )}\n      {infoTextSecond && (\n        <span className=\"infoTextSecond\">\n          {infoTextSecond}\n          {infoTextThird && <span> | </span>}\n        </span>\n      )}\n      {infoTextThird && (\n        <div className=\"infoTextThirdContainer\">\n          <span className=\"infoTextThird\">{handleMaxChars(infoTextThird, 50)}</span>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default InfoTextCardComponent;\n"],"names":["InfoTextCardComponent","infoText","infoTextSecond","infoTextThird","className","_jsxs","children","_jsx","handleMaxChars"],"mappings":"+GAsBA,MAAMA,EAAqD,EAAGC,WAAUC,iBAAgBC,gBAAeC,eAEnGC,EAAA,MAAA,CAAKD,UAAWA,EAASE,SAAA,CACtBL,GACCI,EAAA,OAAA,CAAMD,UAAU,gBACbE,SAAA,CAAAL,GACCC,GAAkBC,IAAkBI,EAAgB,OAAA,CAAAD,SAAA,WAGzDJ,GACCG,EAAA,OAAA,CAAMD,UAAU,iBACbE,SAAA,CAAAJ,EACAC,GAAiBI,EAAA,OAAA,CAAAD,SAAA,WAGrBH,GACCI,EAAK,MAAA,CAAAH,UAAU,yBAAwBE,SACrCC,EAAM,OAAA,CAAAH,UAAU,gBAAiBE,SAAAE,EAAeL,EAAe"}
+{"version":3,"file":"infoTextCardComponent.js","sources":["../../../../src/organisms/common/infoTextCardComponent/infoTextCardComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { handleMaxChars } from '../../../utils/utilities';\n/**\n * @interface ButtonCardProps\n */\n\ninterface InfoTextCardProps {\n  /**\n   * Info text\n   */\n  infoText?: string;\n  /**\n   * Info text second position text\n   */\n  infoTextSecond?: string;\n  /**\n   * info text third position text\n   */\n  infoTextThird?: string;\n  className?: string;\n}\n\nconst InfoTextCardComponent: React.FC<InfoTextCardProps> = ({ infoText, infoTextSecond, infoTextThird, className }) => {\n  return (\n    <div className={className}>\n      {infoText && (\n        <span className=\"infoTextFirst\">\n          {infoText}\n          {(infoTextSecond || infoTextThird) && <span> | </span>}\n        </span>\n      )}\n      {infoTextSecond && (\n        <span className=\"infoTextSecond\">\n          {infoTextSecond}\n          {infoTextThird && <span> | </span>}\n        </span>\n      )}\n      {infoTextThird && (\n        <div className=\"infoTextThirdContainer\">\n          <span className=\"infoTextThird\">{handleMaxChars(infoTextThird, 50)}</span>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default InfoTextCardComponent;\n"],"names":["InfoTextCardComponent","infoText","infoTextSecond","infoTextThird","className","_jsxs","children","_jsx","handleMaxChars"],"mappings":"+GAsBA,MAAMA,EAAqD,EAAGC,WAAUC,iBAAgBC,gBAAeC,eAEnGC,EAAA,MAAA,CAAKD,UAAWA,EAASE,SAAA,CACtBL,GACCI,EAAA,OAAA,CAAMD,UAAU,gBAAeE,SAAA,CAC5BL,GACCC,GAAkBC,IAAkBI,EAAA,OAAA,CAAAD,SAAA,WAGzCJ,GACCG,EAAA,OAAA,CAAMD,UAAU,iBAAgBE,SAAA,CAC7BJ,EACAC,GAAiBI,EAAA,OAAA,CAAAD,SAAA,WAGrBH,GACCI,EAAA,MAAA,CAAKH,UAAU,yBAAwBE,SACrCC,EAAA,OAAA,CAAMH,UAAU,gBAAeE,SAAEE,EAAeL,EAAe"}