npm - @skodaflow/web-library - Versions diffs - 7.13.0 → 7.14.0 - Mend

@skodaflow/web-library 7.13.0 → 7.14.0

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

Files changed (2398) hide show

package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js CHANGED Viewed

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

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

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

package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { CarouselPropType } from '../carousel';
-export declare const CarouselStyledVertical: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & CarouselPropType & {
+export declare const CarouselStyledVertical: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & CarouselPropType & {
     theme?: any;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const t=require("@mui/system").styled("div",{shouldForwardProp:t=>"isSlideDifferentWidth"!==t&&"slidesItems"!==t&&"slideToShow"!==t&&"bulletTheme"!==t&&"numberingSeparator"!==t&&"numberingSlides"!==t&&"startIndex"!==t&&"cssClass"!==t&&"buttonControls"!==t&&"buttonAreaControlsHeight"!==t&&"slideToScroll"!==t&&"prevControlIcon"!==t&&"nextControlIcon"!==t&&"controlColor"!==t&&"controlIconStyle"!==t&&"controlVariant"!==t&&"controlIconFontSize"!==t&&"slideSelectedClass"!==t&&"heightSlide"!==t&&"bulletScroll"!==t&&"bulletStyle"!==t})((({theme:t})=>{let e={};return e=Object.assign(Object.assign({},e),{"& .embla":{position:"relative",padding:"0px",maxWidth:"100%",marginLeft:"auto",marginRight:"auto"},"& .embla__viewport":{overflow:"hidden",width:"100%"},"& .embla__viewport.is-draggable":{cursor:"move grab"},"& .embla__viewport.is-dragging":{cursor:"grabbing"},"& .embla__container":{userSelect:"none",webkitTouchCallout:"none",khtmlUserSelect:"none",webkitTapHighlightColor:"transparent",marginTop:NaN,height:"450px"},"& .embla__slide":{position:"relative",overflow:"hidden",height:"100%",width:"100%",maxWidth:"100%","& *":{maxwidth:"100%"},"& .MuiButton-root":{[t.breakpoints.up("md")]:{width:"auto"}}},"& .embla__slide__inner":{position:"relative",overflow:"hidden",height:"100%"},"& .embla__slide__img":{position:"absolute",display:"block",top:" 50%",left:"50%",width:"auto",minHeight:"100%",minWidth:"100%",maxWidth:"none",transform:"translate(-50%, -50%)"},"& .embla__button":{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"0",height:"100%",zIndex:"2",border:"0",boxShadow:"none",backgroundColor:"transparent",cursor:"pointer","& .MuiIcon-fontSizeSmall":{width:"24px",height:"24px"},"& .MuiIcon-fontSizeMedium":{width:"32px",height:"32px"},"&:hover":{"& .MuiIcon-root":{borderRadius:"50%",backgroundColor:t.palette.onSurface.os100,transfrom:"translateY(-3px)"}},"&:disabled":{"& .MuiIcon-root":{color:t.palette.disabled.primary},"&:hover":{"& .MuiIcon-root":{backgroundColor:"transparent"}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--next":{right:"0",width:"20%"},"& .embla__progress":{position:"relative",backgroundColor:"transparent",marginTop:"10px",maxWidth:"100%",width:"100%",height:"4px",overflow:"hidden",borderRadius:"4px",marginLeft:"auto",marginRight:"auto"},"& .embla__progress__bar":{position:"absolute",backgroundColor:t.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"}}),e}));exports.CarouselStyledVertical=t;
+"use strict";const t=require("@mui/material/styles").styled("div",{shouldForwardProp:t=>"isSlideDifferentWidth"!==t&&"slidesItems"!==t&&"slideToShow"!==t&&"bulletTheme"!==t&&"numberingSeparator"!==t&&"numberingSlides"!==t&&"startIndex"!==t&&"cssClass"!==t&&"buttonControls"!==t&&"buttonAreaControlsHeight"!==t&&"slideToScroll"!==t&&"prevControlIcon"!==t&&"nextControlIcon"!==t&&"controlColor"!==t&&"controlIconStyle"!==t&&"controlVariant"!==t&&"controlIconFontSize"!==t&&"slideSelectedClass"!==t&&"heightSlide"!==t&&"bulletScroll"!==t&&"bulletStyle"!==t})((({theme:t})=>{let e={};return e=Object.assign(Object.assign({},e),{"& .embla":{position:"relative",padding:"0px",maxWidth:"100%",marginLeft:"auto",marginRight:"auto"},"& .embla__viewport":{overflow:"hidden",width:"100%"},"& .embla__viewport.is-draggable":{cursor:"move grab"},"& .embla__viewport.is-dragging":{cursor:"grabbing"},"& .embla__container":{userSelect:"none",webkitTouchCallout:"none",khtmlUserSelect:"none",webkitTapHighlightColor:"transparent",marginTop:NaN,height:"450px"},"& .embla__slide":{position:"relative",overflow:"hidden",height:"100%",width:"100%",maxWidth:"100%","& *":{maxwidth:"100%"},"& .MuiButton-root":{[t.breakpoints.up("md")]:{width:"auto"}}},"& .embla__slide__inner":{position:"relative",overflow:"hidden",height:"100%"},"& .embla__slide__img":{position:"absolute",display:"block",top:" 50%",left:"50%",width:"auto",minHeight:"100%",minWidth:"100%",maxWidth:"none",transform:"translate(-50%, -50%)"},"& .embla__button":{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"0",height:"100%",zIndex:"2",border:"0",boxShadow:"none",backgroundColor:"transparent",cursor:"pointer","& .MuiIcon-fontSizeSmall":{width:"24px",height:"24px"},"& .MuiIcon-fontSizeMedium":{width:"32px",height:"32px"},"&:hover":{"& .MuiIcon-root":{borderRadius:"50%",backgroundColor:t.palette.onSurface.os100,transfrom:"translateY(-3px)"}},"&:disabled":{"& .MuiIcon-root":{color:t.palette.disabled.primary},"&:hover":{"& .MuiIcon-root":{backgroundColor:"transparent"}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--next":{right:"0",width:"20%"},"& .embla__progress":{position:"relative",backgroundColor:"transparent",marginTop:"10px",maxWidth:"100%",width:"100%",height:"4px",overflow:"hidden",borderRadius:"4px",marginLeft:"auto",marginRight:"auto"},"& .embla__progress__bar":{position:"absolute",backgroundColor:t.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"}}),e}));exports.CarouselStyledVertical=t;
 //# sourceMappingURL=styledCarouselVertical.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../hooks/useDefaultProps.js"),i=require("../hooks/useEmbla.js"),s=require("../../../utils/enum.js"),o=require("@mui/system"),n=require("../components/ItemsContainer.js"),l=require("../components/ViewPort.js"),a=require("../components/NavButton.js"),u=require("../components/Numbering.js"),c=require("../hooks/useContainerPeek.js"),d=require("../../../utils/ResponsiveType.js"),p=require("./galleryContext.js");const m={align:"start",height:"100%",controlOptions:{color:"light",buttonPosition:"30%",buttonAreaHeight:"30%"},maxSlideWidth:"100%",isSlideDifferentWidth:!0,cssClass:"gallery-variant"};exports.GalleryCarousel=x=>{const h=Object.assign(Object.assign({},m),x),g=r.useDefaultProps(h),[j,v]=i.useEmbla(g),{containerLeft:b,peekNextOnHover:f,peekPrevOnHover:q,resetPeek:y}=c.useContainerPeek(v,g.direction),C=d.useResponsiveProp(g.height),[P,N]=t.useState(),E=t.useCallback((()=>{if(v){const e=v.slideNodes()[v.slidesInView().pop()];if(e){const t=e.getElementsByTagName("picture").item(0);if(t){const e=t.getBoundingClientRect().bottom;N(e-62)}}}}),[v,N]);return t.useEffect(E,[E]),t.useEffect((()=>{const e=()=>E();return window.addEventListener("resize",e),v&&v.on("scroll",e),()=>{window.removeEventListener("resize",e),v&&v.off("scroll",e)}}),[E,v]),e.jsx(p.GalleryContextProvider,{children:e.jsx(o.Box,{sx:{overflow:"hidden"},className:"gallery","data-testid":"GalleryCarousel",dir:g.direction,"data-state":null==v?void 0:v.selectedScrollSnap(),children:e.jsxs(o.Box,{sx:{position:"relative",height:C,maxHeight:C},children:[e.jsxs(l.ViewPort,{emblaRef:j,children:[e.jsx(n.ItemsContainer,{left:b,children:g.children}),g.controlOptions&&e.jsxs(e.Fragment,{children:[e.jsx(a.NavButton,{direction:g.direction,emblaApi:v,type:"prev",onMouseEnter:q,onMouseLeave:y}),e.jsx(a.NavButton,{direction:g.direction,emblaApi:v,type:"next",onMouseEnter:f,onMouseLeave:y})]})]}),e.jsx(u.Numbering,{sx:{top:P?`${P}px`:"inherit",bottom:P?"inherit":"24px"},emblaApi:v,separator:g.numberingSeparator,color:s.NumberingColors.DARK,size:s.NumberingSizes.LARGE,direction:g.direction})]})})})},exports.GalleryDefaultProps=m;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../hooks/useDefaultProps.js"),i=require("../hooks/useEmbla.js"),s=require("../../../utils/enum.js"),o=require("@mui/material"),n=require("../components/ItemsContainer.js"),l=require("../components/ViewPort.js"),a=require("../components/NavButton.js"),u=require("../components/Numbering.js"),c=require("../hooks/useContainerPeek.js"),d=require("../../../utils/ResponsiveType.js"),p=require("./galleryContext.js");const m={align:"start",height:"100%",controlOptions:{color:"light",buttonPosition:"30%",buttonAreaHeight:"30%"},maxSlideWidth:"100%",isSlideDifferentWidth:!0,cssClass:"gallery-variant"};exports.GalleryCarousel=x=>{const h=Object.assign(Object.assign({},m),x),g=r.useDefaultProps(h),[j,v]=i.useEmbla(g),{containerLeft:b,peekNextOnHover:f,peekPrevOnHover:q,resetPeek:C}=c.useContainerPeek(v,g.direction),P=d.useResponsiveProp(g.height),[y,N]=t.useState(),E=t.useCallback((()=>{if(v){const e=v.slideNodes()[v.slidesInView().pop()];if(e){const t=e.getElementsByTagName("picture").item(0);if(t){const e=t.getBoundingClientRect().bottom;N(e-62)}}}}),[v,N]);return t.useEffect(E,[E]),t.useEffect((()=>{const e=()=>E();return window.addEventListener("resize",e),v&&v.on("scroll",e),()=>{window.removeEventListener("resize",e),v&&v.off("scroll",e)}}),[E,v]),e.jsx(p.GalleryContextProvider,{children:e.jsx(o.Box,{sx:{overflow:"hidden"},className:"gallery","data-testid":"GalleryCarousel",dir:g.direction,"data-state":null==v?void 0:v.selectedScrollSnap(),children:e.jsxs(o.Box,{sx:{position:"relative",height:P,maxHeight:P},children:[e.jsxs(l.ViewPort,{emblaRef:j,children:[e.jsx(n.ItemsContainer,{left:b,children:g.children}),g.controlOptions&&e.jsxs(e.Fragment,{children:[e.jsx(a.NavButton,{direction:g.direction,emblaApi:v,type:"prev",onMouseEnter:q,onMouseLeave:C}),e.jsx(a.NavButton,{direction:g.direction,emblaApi:v,type:"next",onMouseEnter:f,onMouseLeave:C})]})]}),e.jsx(u.Numbering,{sx:{top:y?`${y}px`:"inherit",bottom:y?"inherit":"24px"},emblaApi:v,separator:g.numberingSeparator,color:s.NumberingColors.DARK,size:s.NumberingSizes.LARGE,direction:g.direction})]})})})},exports.GalleryDefaultProps=m;
 //# sourceMappingURL=galleryCarousel.js.map

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

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

package/cjs/organisms/carousel2/galleryCarousel/galleryCarouselItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@mui/system"),t=require("react"),s=require("../../../utils/ResponsiveType.js"),r=require("./galleryItemContext.js"),o=require("@mui/material");const n={"&::before, &::after":{content:"''",display:"block",zIndex:1,position:"absolute",left:0,right:0,height:"30%"},"::before":{top:"0",background:"linear-gradient(0deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)"},"::after":{bottom:"0",background:"linear-gradient(180deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)"}};exports.GalleryCarouselItem=l=>{var a,d,u,c;const x=i.useTheme(),m=s.useResponsiveProp(l.imageSrc),p=s.useResponsiveProp(l.imageFit),[h,g]=t.useState("inherit"),v=t.useRef(null),b=t.useRef(null),f=t.useRef(null),j=o.useMediaQuery((e=>e.breakpoints.only("sm"))),k=o.useMediaQuery((e=>e.breakpoints.only("xs"))),w=t.useCallback((()=>{var e,i,t,s,r;if(j||k){const o=(null!==(e=f.current.clientHeight)&&void 0!==e?e:0)-((null!==(t=null===(i=v.current)||void 0===i?void 0:i.clientHeight)&&void 0!==t?t:0)+(null!==(r=null===(s=b.current)||void 0===s?void 0:s.clientHeight)&&void 0!==r?r:0));g(`${o<0?0:o}px`)}else g("inherit")}),[j,k,g]);return t.useEffect(w,[w]),t.useEffect((()=>{const e=()=>w();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[w]),e.jsx(r.GalleryItemContext.Provider,{value:{color:null!==(a=l.color)&&void 0!==a?a:"dark"},children:e.jsx(i.Box,{sx:{flexBasis:null!==(d=l.width)&&void 0!==d?d:"100%",maxWidth:null!==(u=l.width)&&void 0!==u?u:"100%"},"data-testid":"Carousel.slide",children:e.jsxs(i.Box,{ref:f,sx:{position:"relative",width:null!==(c=l.width)&&void 0!==c?c:"100%",height:"100%"},children:[l.header&&e.jsx(o.Stack,{ref:v,direction:"column",spacing:2,sx:{position:{sm:"static",md:"absolute"},padding:"24px",zIndex:2,top:0,right:0,left:0},children:l.header}),e.jsxs(i.Box,{component:"picture",sx:Object.assign({display:"flex",position:"relative",height:h},n),children:[e.jsx("source",{media:`(min-width: ${x.breakpoints.values.xl}px)`,srcSet:m.xl}),e.jsx("source",{media:`(min-width: ${x.breakpoints.values.lg}px)`,srcSet:m.lg}),e.jsx("source",{media:`(min-width: ${x.breakpoints.values.md}px)`,srcSet:m.md}),e.jsx("source",{media:`(min-width: ${x.breakpoints.values.sm}px)`,srcSet:m.sm}),e.jsx("source",{media:`(max-width: ${x.breakpoints.values.sm}px)`,srcSet:m.xs}),e.jsx(i.Box,{component:"img",sx:{height:"100%",width:"100%",objectFit:null!=p?p:"cover"},src:m.xs,alt:l.alt})]}),l.footer&&e.jsx(o.Stack,{ref:b,direction:"column",spacing:2,sx:{position:{sm:"static",md:"absolute"},paddingRight:{md:"150px"},padding:"24px",zIndex:1,bottom:0,right:0,left:0},children:l.footer})]})})})};
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("../../../utils/ResponsiveType.js"),s=require("./galleryItemContext.js"),r=require("@mui/material");const o={"&::before, &::after":{content:"''",display:"block",zIndex:1,position:"absolute",left:0,right:0,height:"30%"},"::before":{top:"0",background:"linear-gradient(0deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)"},"::after":{bottom:"0",background:"linear-gradient(180deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)"}};exports.GalleryCarouselItem=n=>{var l,a,d,u;const c=r.useTheme(),x=t.useResponsiveProp(n.imageSrc),p=t.useResponsiveProp(n.imageFit),[m,h]=i.useState("inherit"),g=i.useRef(null),v=i.useRef(null),b=i.useRef(null),f=r.useMediaQuery((e=>e.breakpoints.only("sm"))),j=r.useMediaQuery((e=>e.breakpoints.only("xs"))),k=i.useCallback((()=>{var e,i,t,s,r;if(f||j){const o=(null!==(e=b.current.clientHeight)&&void 0!==e?e:0)-((null!==(t=null===(i=g.current)||void 0===i?void 0:i.clientHeight)&&void 0!==t?t:0)+(null!==(r=null===(s=v.current)||void 0===s?void 0:s.clientHeight)&&void 0!==r?r:0));h(`${o<0?0:o}px`)}else h("inherit")}),[f,j,h]);return i.useEffect(k,[k]),i.useEffect((()=>{const e=()=>k();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[k]),e.jsx(s.GalleryItemContext.Provider,{value:{color:null!==(l=n.color)&&void 0!==l?l:"dark"},children:e.jsx(r.Box,{sx:{flexBasis:null!==(a=n.width)&&void 0!==a?a:"100%",maxWidth:null!==(d=n.width)&&void 0!==d?d:"100%"},"data-testid":"Carousel.slide",children:e.jsxs(r.Box,{ref:b,sx:{position:"relative",width:null!==(u=n.width)&&void 0!==u?u:"100%",height:"100%"},children:[n.header&&e.jsx(r.Stack,{ref:g,direction:"column",spacing:2,sx:{position:{sm:"static",md:"absolute"},padding:"24px",zIndex:2,top:0,right:0,left:0},children:n.header}),e.jsxs(r.Box,{component:"picture",sx:Object.assign({display:"flex",position:"relative",height:m},o),children:[e.jsx("source",{media:`(min-width: ${c.breakpoints.values.xl}px)`,srcSet:x.xl}),e.jsx("source",{media:`(min-width: ${c.breakpoints.values.lg}px)`,srcSet:x.lg}),e.jsx("source",{media:`(min-width: ${c.breakpoints.values.md}px)`,srcSet:x.md}),e.jsx("source",{media:`(min-width: ${c.breakpoints.values.sm}px)`,srcSet:x.sm}),e.jsx("source",{media:`(max-width: ${c.breakpoints.values.sm}px)`,srcSet:x.xs}),e.jsx(r.Box,{component:"img",sx:{height:"100%",width:"100%",objectFit:null!=p?p:"cover"},src:x.xs,alt:n.alt})]}),n.footer&&e.jsx(r.Stack,{ref:v,direction:"column",spacing:2,sx:{position:{sm:"static",md:"absolute"},paddingRight:{md:"150px"},padding:"24px",zIndex:1,bottom:0,right:0,left:0},children:n.footer})]})})})};
 //# sourceMappingURL=galleryCarouselItem.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryCarouselItem.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarouselItem.tsx"],"sourcesContent":[null],"names":["shadowStyle","content","display","zIndex","position","left","right","height","top","background","bottom","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","pictureHeight","setPictureHeight","useState","headerRef","useRef","footerRef","containerRef","isSm","useMediaQuery","themeA","breakpoints","only","isXs","updatePictureHeight","useCallback","h","_a","current","clientHeight","_c","_b","_e","_d","useEffect","e","window","addEventListener","removeEventListener","_jsx","GalleryItemContext","Provider","value","color","jsx","Box","sx","flexBasis","width","maxWidth","children","_jsxs","ref","header","Stack","direction","spacing","sm","md","padding","component","Object","assign","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight"],"mappings":"~~0MAoEa~~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"}
1	+ {"version":3,"file":"galleryCarouselItem.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarouselItem.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { ResponsiveType, useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryItemContext } from './galleryItemContext';\nimport { Box, useTheme, Stack, Theme, useMediaQuery } from '@mui/material';\n\ntype FitType = 'contain' \| 'cover' \| 'fill' \| 'scale-down' \| 'none';\n\nexport type GalleryCarouselItemProps = {\n /*\n Link to image that should be displayed. This property can be responsive.\n * @requires\n * @example\n * ```tsx\n * <GalleryCarouselItem imageSrc=\"../image.png\"/>\n * <GalleryCarouselItem imageSrc={{\n * xs: \"../xs-image.png\",\n * sm: \"../sm-image.png\",\n * md: \"../md-image.png\",\n * lg: \"../lg-image.png\",\n * xl: \"../xl-image.png\"\n * }}/>\n * ```\n /\n imageSrc: ResponsiveType<string>;\n /\n Css `object-fit` property\n * @default cover\n * @example\n * ```tsx\n * <GalleryCarouselItem imageFit=\"contain\"/>\n * <GalleryCarouselItem imageFit={{\n * xs: \"contain\",\n * sm: \"cover\",\n * md: \"fill\",\n * lg: \"contain\",\n * xl: \"cover\"\n * }}/>\n * ```\n /\n imageFit?: ResponsiveType<FitType>;\n /\n Alternative text of image.\n /\n alt?: string;\n /\n Header content of an Slide. This can be any ReactNode, however `GalleryItemHeading` component is recommended.\n /\n header?: React.ReactNode;\n /\n Footer content of an Slide. This can be any ReactNode, however `GalleryItemFooter` component is recommended.\n /\n footer?: React.ReactNode;\n /\n Width of an slide\n * @example\n * ```tsx\n * <GalleryCarouselItem width=\"200px\"/>\n * ```\n /\n width?: string;\n /\n Color that `header` and `footer` should have when overlapping rendered image.\n * @default dark\n */\n color?: 'dark' \| 'light';\n};\n\nexport const GalleryCarouselItem: React.FC<GalleryCarouselItemProps> = (props) => {\n const theme = useTheme();\n\n const imageSrc = useResponsiveProp(props.imageSrc);\n const imageFit = useResponsiveProp(props.imageFit);\n\n const [pictureHeight, setPictureHeight] = useState<string>('inherit');\n const headerRef = useRef<HTMLDivElement>(null);\n const footerRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const isSm = useMediaQuery<Theme>((themeA) => themeA.breakpoints.only('sm'));\n const isXs = useMediaQuery<Theme>((themeA) => themeA.breakpoints.only('xs'));\n\n const updatePictureHeight = useCallback(() => {\n if (isSm \|\| isXs) {\n const containerHeight = containerRef.current.clientHeight ?? 0;\n const headerHeight = headerRef.current?.clientHeight ?? 0;\n const footerHeight = footerRef.current?.clientHeight ?? 0;\n const h = containerHeight - (headerHeight + footerHeight);\n setPictureHeight(`${h < 0 ? 0 : h}px`);\n } else {\n setPictureHeight('inherit');\n }\n }, [isSm, isXs, setPictureHeight]);\n\n useEffect(updatePictureHeight, [updatePictureHeight]);\n\n useEffect(() => {\n const e = () => updatePictureHeight();\n window.addEventListener('resize', e);\n return () => window.removeEventListener('resize', e);\n }, [updatePictureHeight]);\n\n return (\n <GalleryItemContext.Provider value={{ color: props.color ?? 'dark' }}>\n <Box\n sx={{\n flexBasis: props.width ?? '100%',\n maxWidth: props.width ?? '100%',\n }}\n data-testid=\"Carousel.slide\"\n >\n <Box\n ref={containerRef}\n sx={{\n position: 'relative',\n width: props.width ?? '100%',\n height: '100%',\n }}\n >\n {props.header && (\n <Stack\n ref={headerRef}\n direction=\"column\"\n spacing={2}\n sx={{\n position: { sm: 'static', md: 'absolute' },\n padding: '24px',\n zIndex: 2,\n top: 0,\n right: 0,\n left: 0,\n }}\n >\n {props.header}\n </Stack>\n )}\n\n <Box\n component=\"picture\"\n sx={{\n display: 'flex',\n position: 'relative',\n height: pictureHeight,\n ...shadowStyle,\n }}\n >\n <source media={`(min-width: ${theme.breakpoints.values.xl}px)`} srcSet={imageSrc.xl} />\n <source media={`(min-width: ${theme.breakpoints.values.lg}px)`} srcSet={imageSrc.lg} />\n <source media={`(min-width: ${theme.breakpoints.values.md}px)`} srcSet={imageSrc.md} />\n <source media={`(min-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.sm} />\n <source media={`(max-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.xs} />\n <Box\n component=\"img\"\n sx={{\n height: '100%',\n width: '100%',\n objectFit: imageFit ?? 'cover',\n }}\n src={imageSrc.xs}\n alt={props.alt}\n />\n </Box>\n\n {props.footer && (\n <Stack\n ref={footerRef}\n direction=\"column\"\n spacing={2}\n sx={{\n position: { sm: 'static', md: 'absolute' },\n paddingRight: { md: '150px' },\n padding: '24px',\n zIndex: 1,\n bottom: 0,\n right: 0,\n left: 0,\n }}\n >\n {props.footer}\n </Stack>\n )}\n </Box>\n </Box>\n </GalleryItemContext.Provider>\n );\n};\n\nconst shadowStyle = {\n '&::before, &::after': {\n content: \"''\",\n display: 'block',\n zIndex: 1,\n position: 'absolute',\n left: 0,\n right: 0,\n height: '30%',\n },\n '::before': {\n top: '0',\n background: 'linear-gradient(0deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)',\n },\n '::after': {\n bottom: '0',\n background: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)',\n },\n};\n"],"names":["shadowStyle","content","display","zIndex","position","left","right","height","top","background","bottom","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","pictureHeight","setPictureHeight","useState","headerRef","useRef","footerRef","containerRef","isSm","useMediaQuery","themeA","breakpoints","only","isXs","updatePictureHeight","useCallback","h","_a","current","clientHeight","_c","_b","_e","_d","useEffect","e","window","addEventListener","removeEventListener","_jsx","GalleryItemContext","Provider","value","color","jsx","Box","sx","flexBasis","width","maxWidth","children","_jsxs","ref","header","Stack","direction","spacing","sm","md","padding","component","Object","assign","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"heroCarousel.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":[null],"names":["HeroDefaultProps","direction","useNumberingStyles","emblaApi","headingRef","viewportRef","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","useState","y","setY","updateNumberingPosition","useCallback","viewport","getBoundingClientRect","heading","md","right","left","sm","xs","height","_a","_b","window","innerWidth","useEffect","e","addEventListener","on","removeEventListener","off","top","backgroundColor","color","inProps","heroProps","Object","assign","props","useDefaultProps","emblaRef","useEmbla","useRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","numberingStyles","current","_jsx","jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","jsxs","Stack","component","Container","spacing","fixed","ref","Typography","variant","ViewPort","width","xl","ItemsContainer","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"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"}
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","useNumberingStyles","emblaApi","headingRef","viewportRef","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","useState","y","setY","updateNumberingPosition","useCallback","viewport","getBoundingClientRect","heading","md","right","left","sm","xs","height","_a","_b","window","innerWidth","useEffect","e","addEventListener","on","removeEventListener","off","top","backgroundColor","color","inProps","heroProps","Object","assign","props","useDefaultProps","emblaRef","useEmbla","useRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","numberingStyles","current","_jsx","jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","jsxs","Stack","component","Container","spacing","fixed","ref","Typography","variant","ViewPort","width","xl","ItemsContainer","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"heroCarouselContext.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":[null],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter"],"mappings":"aASO,MAAMA,mBAAsBC,cAAuC,CACxEC,aAAc,KACdC,gBAAiB"}
1	+ {"version":3,"file":"heroCarouselContext.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":["import { EmblaCarouselType } from 'embla-carousel-react';\nimport React, { createContext } from 'react';\n\nexport type HeroCarouselContextType = {\n emblaApi?: EmblaCarouselType;\n activeFooter: React.ReactNode;\n setActiveFooter: (e: React.ReactNode) => void;\n};\n\nexport const HeroCarouselContext = createContext<HeroCarouselContextType>({\n activeFooter: null,\n setActiveFooter: () => {},\n});\n\nexport type HeroCarouselContextProviderProps = {\n children: React.ReactNode;\n emblaApi: EmblaCarouselType;\n};\n"],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter"],"mappings":"aASO,MAAMA,mBAAsBC,cAAuC,CACxEC,aAAc,KACdC,gBAAiB"}

package/cjs/organisms/carousel2/hooks/useContainerPeek.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useContainerPeek.js","sources":["../../../../../../src/organisms/carousel2/hooks/useContainerPeek.ts"],"sourcesContent":[~~null~~],"names":["emblaApi","direction","positions","containerLeft","setContainerLeft","useState","peekNextOnHover","useCallback","canScrollNext","canScrollPrev","peekPrevOnHover","resetPeek","useEffect","on"],"mappings":"6DAMgC,CAC9BA,EACAC,EACAC,KAEA,MAAOC,EAAeC,GAAoBC,aAEpCC,EAAkBC,EAAAA,aAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,UAGvC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCS,EAAkBH,EAAAA,aAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,SAGvC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCU,EAAYJ,EAAAA,aAAY,KAC5BH,EAAiB,MAAM,GACtB,CAACA,IAUJ,OARAQ,EAAAA,WAAU,KACJZ,GACFA,EAASa,GAAG,UAAU,KACpBT,EAAiB,MAAM,MAG1B,CAACJ,IAEG,CACLG,gBACAG,kBACAI,kBACAC,YACD"}
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":["emblaApi","direction","positions","containerLeft","setContainerLeft","useState","peekNextOnHover","useCallback","canScrollNext","canScrollPrev","peekPrevOnHover","resetPeek","useEffect","on"],"mappings":"6DAMgC,CAC9BA,EACAC,EACAC,KAEA,MAAOC,EAAeC,GAAoBC,aAEpCC,EAAkBC,EAAAA,aAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,UAGvC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCS,EAAkBH,EAAAA,aAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,SAGvC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCU,EAAYJ,EAAAA,aAAY,KAC5BH,EAAiB,MAAM,GACtB,CAACA,IAUJ,OARAQ,EAAAA,WAAU,KACJZ,GACFA,EAASa,GAAG,UAAU,KACpBT,EAAiB,MAAM,MAG1B,CAACJ,IAEG,CACLG,gBACAG,kBACAI,kBACAC,YACD"}

package/cjs/organisms/carousel2/hooks/useDefaultProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDefaultProps.js","sources":["../../../../../../src/organisms/carousel2/hooks/useDefaultProps.ts"],"sourcesContent":[~~null~~],"names":["defaultControlOptions","prevIcon","nextIcon","iconStyle","iconSize","variant","color","props","controlOptions","useMemo","Object","assign","align","autoPlay","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","direction","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","autoPlayDelay"],"mappings":"oCAGA,MAAMA,EAAwB,CAC5BC,SAAU,aACVC,SAAU,cACVC,UAAW,UACXC,SAAU,SACVC,QAAS,WACTC,MAAO,gCAGuBC,IAC9B,MAAMC,EAAiBC,EAAAA,SAAQ,KAC7B,GAAIF,EAAMC,eACR,OAAOE,OAAOC,OAAO,CAAA,EAAIX,EAAuBO,EAAMC,eAExC,GACf,CAACD,EAAMC,iBAEV,OAAOC,EAAOA,SAAC,IACbC,OAAAC,OAAAD,OAAAC,OAAA,CACEC,MAAO,QACPC,UAAU,EACVC,yBAA0B,MAC1BC,gBAAgB,EAChBC,uBAAwB,IACxBC,SAAU,GACVC,UAAW,MACXC,uBAAuB,EACvBC,MAAM,EACNC,mBAAoB,IACpBC,iBAAiB,EACjBC,aAAa,EACbC,cAAe,EACfC,YAAa,EACbC,mBAAoB,iBACpBC,MAAO,GACPC,WAAY,EACZC,cAAc,EACdC,YAAa,MACbC,YAAa,OACbC,cAAe,MACZzB,GAAK,CACRC,oBAED,CAACD,EAAOC,GAAgB"}
1	+ {"version":3,"file":"useDefaultProps.js","sources":["../../../../../../src/organisms/carousel2/hooks/useDefaultProps.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { Carousel2Props } from '../carousel2';\n\nconst defaultControlOptions = {\n prevIcon: 'arrow-left',\n nextIcon: 'arrow-right',\n iconStyle: 'regular',\n iconSize: 'medium',\n variant: 'standard',\n color: 'dark',\n};\n\nexport const useDefaultProps = (props: Carousel2Props): Carousel2Props => {\n const controlOptions = useMemo(() => {\n if (props.controlOptions) {\n return Object.assign({}, defaultControlOptions, props.controlOptions);\n }\n return undefined;\n }, [props.controlOptions]);\n\n return useMemo(() => {\n return {\n align: 'start',\n autoPlay: false,\n buttonAreaControlsHeight: '50%',\n buttonControls: true,\n buttonControlsPosition: '0',\n cssClass: '',\n direction: 'ltr',\n isSlideDifferentWidth: false,\n loop: false,\n numberingSeparator: '/',\n numberingSlides: true,\n progressbar: false,\n slideToScroll: 1,\n slideToShow: 1,\n slideSelectedClass: 'slide-selected',\n speed: 10,\n startIndex: 0,\n bulletScroll: false,\n bulletStyle: 'dot',\n bulletTheme: 'dark',\n autoPlayDelay: 1600,\n ...props,\n controlOptions,\n };\n }, [props, controlOptions]);\n};\n"],"names":["defaultControlOptions","prevIcon","nextIcon","iconStyle","iconSize","variant","color","props","controlOptions","useMemo","Object","assign","align","autoPlay","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","direction","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","autoPlayDelay"],"mappings":"oCAGA,MAAMA,EAAwB,CAC5BC,SAAU,aACVC,SAAU,cACVC,UAAW,UACXC,SAAU,SACVC,QAAS,WACTC,MAAO,gCAGuBC,IAC9B,MAAMC,EAAiBC,EAAAA,SAAQ,KAC7B,GAAIF,EAAMC,eACR,OAAOE,OAAOC,OAAO,CAAA,EAAIX,EAAuBO,EAAMC,eAExC,GACf,CAACD,EAAMC,iBAEV,OAAOC,EAAOA,SAAC,IACbC,OAAAC,OAAAD,OAAAC,OAAA,CACEC,MAAO,QACPC,UAAU,EACVC,yBAA0B,MAC1BC,gBAAgB,EAChBC,uBAAwB,IACxBC,SAAU,GACVC,UAAW,MACXC,uBAAuB,EACvBC,MAAM,EACNC,mBAAoB,IACpBC,iBAAiB,EACjBC,aAAa,EACbC,cAAe,EACfC,YAAa,EACbC,mBAAoB,iBACpBC,MAAO,GACPC,WAAY,EACZC,cAAc,EACdC,YAAa,MACbC,YAAa,OACbC,cAAe,MACZzB,GAAK,CACRC,oBAED,CAACD,EAAOC,GAAgB"}

package/cjs/organisms/carousel2/hooks/useEmbla.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEmbla.js","sources":["../../../../../../src/organisms/carousel2/hooks/useEmbla.ts"],"sourcesContent":[~~null~~],"names":["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":"4NAMyBA,IACvB,MAAMC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAiBC,WACrB,IACEC,UAAS,CACPC,aAAYT,EAAMU,SAClBC,MAAOX,EAAMY,iBAEjB,CAACZ,EAAMU,WAGHG,EAAiCN,EAAOA,SAC5C,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,UAAiBd,EAAc,CAACP,GAAgB"}
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":["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":"4NAMyBA,IACvB,MAAMC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAiBC,WACrB,IACEC,UAAS,CACPC,aAAYT,EAAMU,SAClBC,MAAOX,EAAMY,iBAEjB,CAACZ,EAAMU,WAGHG,EAAiCN,EAAOA,SAC5C,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,UAAiBd,EAAc,CAACP,GAAgB"}

package/cjs/organisms/carousel2/styledComponents/styledCarouselHorizontal.d.ts CHANGED Viewed

@@ -3,6 +3,6 @@ export declare enum controlButtonsHover {
     NEXT = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K",
     PREV = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="
 }
-export declare const CarouselStyledHorizontal: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & Carousel2Props & {
+export declare const CarouselStyledHorizontal: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Carousel2Props & {
     theme?: any;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/cjs/organisms/common/buttonCardComponent/buttonCardComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buttonCardComponent.js","sources":["../../../../../../src/organisms/common/buttonCardComponent/buttonCardComponent.tsx"],"sourcesContent":[~~null~~],"names":["buttonObject","compact","className","onClickButton","useCallback","button","callbackAnalytics","url","window","open","encodeURI","target","callback","_jsx","children","Button","onClick","variant","label","handleMaxChars"],"mappings":"qOAoBuD,EAAGA,eAAcC,UAASC,gBAC/E,MAAMC,EAAgBC,eAAaC,IACjCA,EAAOC,mBAAqBD,EAAOC,oBAC/BD,EAAOE,IACTC,OAAOC,KAAKC,UAAUL,EAAOE,KAAMF,EAAOM,OAASN,EAAOM,OAAS,IAEnEN,EAAOO,UAAYP,EAAOO,aAE3B,IAEH,OACEC,aAAKX,UAAWA,EACdY,SAAAD,MAACE,EAAAA,OACC,CAAAb,UAAU,aACVc,QAAS,IAAMb,EAAcH,GAC7BC,QAASA,EACTgB,QAASjB,EAAaiB,QACtBC,MAAOC,EAAcA,eAACnB,EAAakB,MAAO,OAExC"}
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":["buttonObject","compact","className","onClickButton","useCallback","button","callbackAnalytics","url","window","open","encodeURI","target","callback","_jsx","children","Button","onClick","variant","label","handleMaxChars"],"mappings":"qOAoBuD,EAAGA,eAAcC,UAASC,gBAC/E,MAAMC,EAAgBC,eAAaC,IACjCA,EAAOC,mBAAqBD,EAAOC,oBAC/BD,EAAOE,IACTC,OAAOC,KAAKC,UAAUL,EAAOE,KAAMF,EAAOM,OAASN,EAAOM,OAAS,IAEnEN,EAAOO,UAAYP,EAAOO,aAE3B,IAEH,OACEC,aAAKX,UAAWA,EACdY,SAAAD,MAACE,EAAAA,OACC,CAAAb,UAAU,aACVc,QAAS,IAAMb,EAAcH,GAC7BC,QAASA,EACTgB,QAASjB,EAAaiB,QACtBC,MAAOC,EAAcA,eAACnB,EAAakB,MAAO,OAExC"}