@skodaflow/web-library 7.16.1 → 8.0.1

package/organisms/carousel/carouselTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carouselTemplate.js","sources":["../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":["import React from 'react';\nimport { EmblaCarouselType } from 'embla-carousel-react';\nimport { Controller } from '../../components/controls';\nimport { Numbering } from '../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { IconNameProp } from '@/src/components/icon';\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const getHoveredClass = (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => {\n  return hovered && isBtnEnabled ? `${direction}--hovered` : '';\n};\n\nexport const DotButton = ({ selected, onClick, bulletStyle }) => (\n  <button\n    className={\n      bulletStyle && bulletStyle === 'dot'\n        ? `embla__dot_small ${selected ? 'is-selected' : ''}`\n        : `embla__dot ${selected ? 'is-selected' : ''}`\n    }\n    type=\"button\"\n    onClick={onClick}\n  />\n);\n\nexport const template = (\n  cssClass: string,\n  hovered: boolean,\n  prevBtnEnabled: boolean,\n  emblaApi: EmblaCarouselType,\n  direction: any,\n  emblaRef: any,\n  slidesItems: React.ReactNode[],\n  heightSlide: string,\n  buttonControls: boolean,\n  buttonAreaControlsHeight: string,\n  buttonControlsPosition: string,\n  nextBtnEnabled: boolean,\n  numberingSlides: boolean,\n  selectedIndex: number,\n  numberingSeparator: string,\n  progressbar: boolean,\n  scrollProgress: number,\n  toggleHover: (element: string) => void,\n  slideToShow: number,\n  classEmbla: string,\n  bulletScroll: boolean,\n  bulletStyle: string,\n  handleScrollTo: (emblaApi, index) => void,\n  handleScrollPrev: (emblaApi, index) => void,\n  handleScrollNext: (emblaApi, index) => void,\n  prevControlIcon: IconNameProp,\n  nextControlIcon: IconNameProp,\n  controlIconStyle: any,\n  controlIconFontSize: any,\n  controlVariant: any,\n  controlColor: any,\n) => {\n  const isMirrored = direction === 'rtl';\n\n  return (\n    <>\n      <div className={`embla ${cssClass} ${classEmbla}`} dir={direction}>\n        <div className=\"embla__viewport\" ref={emblaRef}>\n          <div className=\"embla__container\">\n            {slidesItems.map((slide, index) => (\n              <div id={`embla ${cssClass}__${index}`} className=\"embla__slide\" key={index}>\n                <div className=\"embla__slide__inner\" style={{ height: heightSlide }}>\n                  {slide}\n                </div>\n              </div>\n            ))}\n          </div>\n          {buttonControls && (\n            <>\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={prevControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--prev ${getHoveredClass('prev', hovered, prevBtnEnabled)}`}\n                onClickCallback={() => handleScrollPrev(emblaApi, direction)}\n                isDisabled={isMirrored ? prevBtnEnabled && !nextBtnEnabled : !prevBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('prev')}\n                onMouseLeave={() => toggleHover('')}\n              />\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={nextControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--next ${getHoveredClass('next', hovered, nextBtnEnabled)}`}\n                onClickCallback={() => handleScrollNext(emblaApi, direction)}\n                isDisabled={isMirrored ? !prevBtnEnabled && nextBtnEnabled : !nextBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('next')}\n                onMouseLeave={() => toggleHover('')}\n              />\n            </>\n          )}\n        </div>\n      </div>\n      {numberingSlides && (\n        <>\n          <Numbering\n            className=\"carousel_numbering\"\n            index={selectedIndex + slideToShow}\n            total={slidesItems.length}\n            customSeparator={numberingSeparator}\n            colorTheme={NumberingColors.DARK}\n            size={NumberingSizes.LARGE}\n          />\n        </>\n      )}\n      {progressbar && !bulletScroll && (\n        <div className=\"embla__progress\">\n          <div className=\"embla__progress__bar\" style={{ transform: `translateX(${scrollProgress}%)` }} />\n        </div>\n      )}\n\n      {bulletScroll && slideToShow === 1 && (\n        <div className=\"embla__dots\">\n          {slidesItems.map((_, index: any) => {\n            const mirroredIndex = slidesItems.length - index - 1;\n            return (\n              <DotButton\n                bulletStyle={bulletStyle}\n                key={index}\n                selected={isMirrored ? mirroredIndex === selectedIndex : index === selectedIndex}\n                onClick={() => handleScrollTo(emblaApi, index)}\n              />\n            );\n          })}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["getHoveredClass","direction","hovered","isBtnEnabled","DotButton","selected","onClick","bulletStyle","_jsx","className","type","template","cssClass","prevBtnEnabled","emblaApi","emblaRef","slidesItems","heightSlide","buttonControls","buttonAreaControlsHeight","buttonControlsPosition","nextBtnEnabled","numberingSlides","selectedIndex","numberingSeparator","progressbar","scrollProgress","toggleHover","slideToShow","classEmbla","bulletScroll","handleScrollTo","handleScrollPrev","handleScrollNext","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","isMirrored","_jsxs","_Fragment","children","dir","ref","map","slide","index","id","style","height","Controller","top","controlType","controllerColor","iconStyle","iconFontSize","onClickCallback","isDisabled","customHeight","onMouseEnter","onMouseLeave","Numbering","total","length","customSeparator","colorTheme","NumberingColors","DARK","size","NumberingSizes","LARGE","transform","_","mirroredIndex"],"mappings":"iRAQO,MAAMA,EAAkB,CAACC,EAA4BC,EAAkBC,IACrED,GAAWC,EAAe,GAAGF,aAAuB,GAGhDG,EAAY,EAAGC,WAAUC,UAASC,iBAC7CC,EAAA,SAAA,CACEC,UACEF,GAA+B,QAAhBA,EACX,qBAAoBF,EAAW,cAAgB,IAC/C,eAAcA,EAAW,cAAgB,IAE/CK,KAAK,SACLJ,QAASA,IAIAK,EAAW,CACtBC,EACAV,EACAW,EACAC,EACAb,EACAc,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAvB,EACAwB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA2B,QAAdvC,EAEnB,OACEwC,EAAAC,EAAA,CAAAC,SAAA,CACEnC,EAAA,MAAA,CAAKC,UAAW,SAASG,KAAYiB,IAAce,IAAK3C,EAAS0C,SAC/DF,SAAKhC,UAAU,kBAAkBoC,IAAK9B,EAAQ4B,SAAA,CAC5CnC,SAAKC,UAAU,mBAAkBkC,SAC9B3B,EAAY8B,IAAI,CAACC,EAAOC,IACvBxC,EAAA,MAAA,CAAKyC,GAAI,SAASrC,MAAaoC,IAASvC,UAAU,wBAChDD,EAAA,MAAA,CAAKC,UAAU,sBAAsByC,MAAO,CAAEC,OAAQlC,GAAa0B,SAChEI,KAFiEC,MAOzE9B,GACCuB,EAAAC,EAAA,CAAAC,SAAA,CACEnC,EAAC4C,EAAU,CACTF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAapB,EACbqB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB7B,UAAW,qCAAqCT,EAAgB,OAAQE,EAASW,KACjF6C,gBAAiB,IAAM1B,EAAiBlB,EAAUb,GAClD0D,WAAYnB,EAAa3B,IAAmBQ,GAAkBR,EAC9D+C,aAAczC,EACd0C,aAAc,IAAMlC,EAAY,QAChCmC,aAAc,IAAMnC,EAAY,MAElCnB,EAAC4C,GACCF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAanB,EACboB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB7B,UAAW,qCAAqCT,EAAgB,OAAQE,EAASmB,KACjFqC,gBAAiB,IAAMzB,EAAiBnB,EAAUb,GAClD0D,WAAYnB,GAAc3B,GAAkBQ,GAAkBA,EAC9DuC,aAAczC,EACd0C,aAAc,IAAMlC,EAAY,QAChCmC,aAAc,IAAMnC,EAAY,cAMzCL,GACCd,EAAAkC,EAAA,CAAAC,SACEnC,EAACuD,EAAS,CACRtD,UAAU,qBACVuC,MAAOzB,EAAgBK,EACvBoC,MAAOhD,EAAYiD,OACnBC,gBAAiB1C,EACjB2C,WAAYC,EAAgBC,KAC5BC,KAAMC,EAAeC,UAI1B/C,IAAgBK,GACftB,EAAA,MAAA,CAAKC,UAAU,2BACbD,EAAA,MAAA,CAAKC,UAAU,uBAAuByC,MAAO,CAAEuB,UAAW,cAAc/C,WAI3EI,GAAgC,IAAhBF,GACfpB,EAAA,MAAA,CAAKC,UAAU,uBACZO,EAAY8B,IAAI,CAAC4B,EAAG1B,KACnB,MAAM2B,EAAgB3D,EAAYiD,OAASjB,EAAQ,EACnD,OACExC,EAACJ,EAAS,CACRG,YAAaA,EAEbF,SAAUmC,EAAamC,IAAkBpD,EAAgByB,IAAUzB,EACnEjB,QAAS,IAAMyB,EAAejB,EAAUkC,IAFnCA"}

package/organisms/carousel/index.d.ts

@@ -1 +0,0 @@
-export * from './carousel';

package/organisms/carousel/styledComponents/styledCarouselHorizontal.d.ts

@@ -1,9 +0,0 @@
-import { CarouselPropType } from '../carousel';
-import { Theme } from '@mui/material';
-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<Theme> & CarouselPropType & {
-    theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/organisms/carousel/styledComponents/styledCarouselHorizontal.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"tslib";import{styled as t}from"@mui/material/styles";import{ternaryCondition as i}from"../../../utils/utilities.js";var o;!function(e){e.NEXT="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K",e.PREV="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}(o||(o={}));const r=t("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})(t=>{var{theme:r}=t;const a=e(t,["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"},[r.breakpoints.up("md")]:{"&.embla-container-next":{"& .embla__container":{left:"center"===a.align?"-6%":"-3%"}},"&.embla-container-prev":{"& .embla__container":{left:"center"===a.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",[r.breakpoints.up("md")]:{position:"relative",left:"center"===a.align?"-4%":"0"}},"& .embla__slide":{position:"relative",flex:"0 0 auto",paddingLeft:"24px",[r.breakpoints.down("md")]:{width:a.isSlideDifferentWidth?"":"100%"}},"& .embla__slide__inner":{position:"relative",overflow:"hidden",height:"100%",display:a.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:r.palette.disabled.primary},"&:hover":{[r.breakpoints.up("lg")]:{"& .MuiIcon-root":{backgroundColor:"transparent"}}}}},"& .embla__button--prev":{left:"0",width:"12%"},"& .embla__button--prev.prev--hovered":{[r.breakpoints.up("lg")]:{cursor:`url(${o.PREV}), auto`,"& button":{transform:"scale(0)"}}},"& .embla__button--next":{right:"0",width:"12%"},"& .embla__button--next.next--hovered":{[r.breakpoints.up("lg")]:{cursor:`url(${o.NEXT}), auto`,"& button":{transform:"scale(0)"}}},"& .embla__progress":{position:"relative",backgroundColor:"transparent",marginTop:!0===a.numberingSlides?"30px":"10px",maxWidth:"100%",width:"100%",height:"4px",overflow:"hidden",borderRadius:"4px",marginLeft:"auto",marginRight:"auto"},"& .embla__progress__bar":{position:"absolute",backgroundColor:r.palette.onSurface.os200,width:"100%",top:"0",bottom:"0",left:"-100%"},"& .carousel_numbering":{[r.breakpoints.up("md")]:{position:"absolute",right:"11%"},[r.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:r.palette.disabled.secondary,width:"50px",height:"4px",borderRadius:"2px",content:'""'},"&.is-selected":{"&:after":{backgroundColor:r.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:i(a.bulletTheme,"dark",r.palette.onSurface.os900,r.palette.surface.tertiary),width:"6px",height:"6px",borderRadius:"50%",content:'""'},"&.is-selected":{"&:after":{backgroundColor:"transparent",height:"12px",width:"12px",border:i(a.bulletTheme,"dark",r.palette.onSurface.os900,r.palette.surface.tertiary),borderRadius:"50%",opacity:"1"}}}}}),a.slideToShow){case 1:return Object.assign(Object.assign({},n),{"& .embla__slide":{position:"relative",flex:"0 0 100%",paddingLeft:"24px",[r.breakpoints.up("md")]:{flex:a.isSlideDifferentWidth?"0 0 auto":"0 0 100%",maxWidth:!0===a.isSlideDifferentWidth?" 100%":"80%"}}});case 2:return Object.assign(Object.assign({},n),{"& .embla__slide":{position:"relative",flex:"0 0 100%",[r.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%",[r.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%",[r.breakpoints.up("md")]:{flex:"0 0 25%"},paddingLeft:"24px"}})}return n});export{r as CarouselStyledHorizontal,o as controlButtonsHover};
-//# sourceMappingURL=styledCarouselHorizontal.js.map

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

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

package/organisms/carousel/styledComponents/styledCarouselVertical.d.ts

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

package/organisms/carousel/styledComponents/styledCarouselVertical.js

@@ -1,2 +0,0 @@
-import{styled as t}from"@mui/material/styles";const o=t("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 o={};return o=Object.assign(Object.assign({},o),{"& .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%"}}),o});export{o as CarouselStyledVertical};
-//# sourceMappingURL=styledCarouselVertical.js.map

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

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

package/organisms/carousel2/cardCarousel/cardCarousel.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-export type CardCarouselProps = {
-    /**
-     * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.
-     * @default false
-     */
-    autoPlay?: boolean;
-    /**
-     * Delay in ms between automatic slides
-     * @default 4000
-     */
-    autoPlayDelay?: number;
-    /**
-     * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.
-     * @default 10
-     */
-    speed?: number;
-    /**
-     * Direction of content.
-     * @default ltr
-     */
-    direction?: 'rtl' | 'ltr';
-    /**
-     * Carousel slides. Any ReactNode can be used here.
-     * @requires
-     */
-    children: React.ReactNode;
-    /**
-     * Index of Slide that is active by default.
-     * @default 0
-     */
-    startIndex?: number;
-};
-/**
- * @deprecated use Carousel instead
- */
-export declare const CardCarousel: React.FC<CardCarouselProps>;

package/organisms/carousel2/cardCarousel/cardCarousel.js

@@ -1,2 +0,0 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useEmbla as t}from"../hooks/useEmbla.js";import{useDefaultProps as r}from"../hooks/useDefaultProps.js";import{Box as i,Stack as n,Container as s}from"@mui/material";import{ViewPort as a}from"../components/ViewPort.js";import{ItemsContainer as m}from"../components/ItemsContainer.js";import{NavButton as p}from"../components/NavButton.js";import{useContainerPeek as l}from"../hooks/useContainerPeek.js";import{ScrollSnapDots as c}from"../components/ScrollSnapDots.js";const d=d=>{const u=r(d),[f,h]=t(u),{containerLeft:x,peekNextOnHover:k,peekPrevOnHover:b,resetPeek:v}=l(h,u.direction);return o(i,{className:"card-carousel",position:"relative",dir:u.direction,"data-testid":"CardCarousel","data-state":null==h?void 0:h.selectedScrollSnap(),sx:{overflow:"hidden"},children:[e(n,{component:s,spacing:3,fixed:!0,sx:{height:"100%"},children:o(a,{emblaRef:f,sx:{height:u.height,width:"100%"},children:[e(m,{sx:{left:x,gap:"24px","&>*":{flexBasis:"inherit",flexGrow:0,flexShrink:0}},children:u.children}),e(p,{color:"dark",direction:u.direction,emblaApi:h,type:"prev",onMouseEnter:b,onMouseLeave:v,sx:{top:0,bottom:"30px","& button":{backgroundColor:"#F1F1F1 !important"}}}),e(p,{color:"dark",direction:u.direction,emblaApi:h,type:"next",onMouseEnter:k,onMouseLeave:v,sx:{top:0,bottom:"30px","& button":{backgroundColor:"#F1F1F1 !important"}}})]})}),e(c,{emblaApi:h})]})};export{d as CardCarousel};
-//# sourceMappingURL=cardCarousel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cardCarousel.js","sources":["../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Container, Stack } from '@mui/material';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\n\nexport type CardCarouselProps = {\n  /**\n   * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.\n   * @default false\n   */\n  autoPlay?: boolean;\n  /**\n   * Delay in ms between automatic slides\n   * @default 4000\n   */\n  autoPlayDelay?: number;\n  /**\n   * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.\n   * @default 10\n   */\n  speed?: number;\n  /**\n   * Direction of content.\n   * @default ltr\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * Carousel slides. Any ReactNode can be used here.\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Index of Slide that is active by default.\n   * @default 0\n   */\n  startIndex?: number;\n};\n\n/**\n * @deprecated use Carousel instead\n */\nexport const CardCarousel: React.FC<CardCarouselProps> = (inProps) => {\n  const props = useDefaultProps(inProps);\n\n  const [emblaRef, emblaApi] = useEmbla(props);\n\n  const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n  return (\n    <Box\n      className=\"card-carousel\"\n      position=\"relative\"\n      dir={props.direction}\n      data-testid=\"CardCarousel\"\n      data-state={emblaApi?.selectedScrollSnap()}\n      sx={{ overflow: 'hidden' }}\n    >\n      <Stack component={Container} spacing={3} fixed sx={{ height: '100%' }}>\n        <ViewPort\n          emblaRef={emblaRef}\n          sx={{\n            height: props.height,\n            width: '100%',\n          }}\n        >\n          <ItemsContainer\n            sx={{\n              left: containerLeft,\n              gap: '24px',\n              '&>*': {\n                flexBasis: 'inherit',\n                flexGrow: 0,\n                flexShrink: 0,\n              },\n            }}\n          >\n            {props.children}\n          </ItemsContainer>\n\n          <NavButton\n            color=\"dark\"\n            direction={props.direction}\n            emblaApi={emblaApi}\n            type=\"prev\"\n            onMouseEnter={peekPrevOnHover}\n            onMouseLeave={resetPeek}\n            sx={{\n              top: 0,\n              bottom: '30px',\n              '& button': {\n                backgroundColor: '#F1F1F1 !important',\n              },\n            }}\n          />\n          <NavButton\n            color=\"dark\"\n            direction={props.direction}\n            emblaApi={emblaApi}\n            type=\"next\"\n            onMouseEnter={peekNextOnHover}\n            onMouseLeave={resetPeek}\n            sx={{\n              top: 0,\n              bottom: '30px',\n              '& button': {\n                backgroundColor: '#F1F1F1 !important',\n              },\n            }}\n          />\n        </ViewPort>\n      </Stack>\n\n      <ScrollSnapDots emblaApi={emblaApi} />\n    </Box>\n  );\n};\n"],"names":["CardCarousel","inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"4gBA8CO,MAAMA,EAA6CC,IACxD,MAAMC,EAAQC,EAAgBF,IAEvBG,EAAUC,GAAYC,EAASJ,IAEhCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WACxG,OACEC,EAACC,EAAG,CACFC,UAAU,gBACVC,SAAS,WACTC,IAAKf,EAAMU,UAAS,cACR,eAAc,aACdP,aAAQ,EAARA,EAAUa,qBACtBC,GAAI,CAAEC,SAAU,UAAUC,SAAA,CAE1BC,EAACC,EAAK,CAACC,UAAWC,EAAWC,QAAS,EAAGC,OAAK,EAACR,GAAI,CAAES,OAAQ,QAAQP,SACnER,EAACgB,EAAQ,CACPzB,SAAUA,EACVe,GAAI,CACFS,OAAQ1B,EAAM0B,OACdE,MAAO,QACRT,SAAA,CAEDC,EAACS,EAAc,CACbZ,GAAI,CACFa,KAAMzB,EACN0B,IAAK,OACL,MAAO,CACLC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEff,SAEAnB,EAAMmB,WAGTC,EAACe,EAAS,CACRC,MAAM,OACN1B,UAAWV,EAAMU,UACjBP,SAAUA,EACVkC,KAAK,OACLC,aAAc/B,EACdgC,aAAc/B,EACdS,GAAI,CACFuB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,yBAIvBtB,EAACe,EAAS,CACRC,MAAM,OACN1B,UAAWV,EAAMU,UACjBP,SAAUA,EACVkC,KAAK,OACLC,aAAchC,EACdiC,aAAc/B,EACdS,GAAI,CACFuB,IAAK,EACLC,OAAQ,OACR,WAAY,CACVC,gBAAiB,8BAO3BtB,EAACuB,EAAc,CAACxC,SAAUA"}

package/organisms/carousel2/cardCarousel/index.d.ts

@@ -1 +0,0 @@
-export * from './cardCarousel';

package/organisms/carousel2/carousel2.d.ts

@@ -1,133 +0,0 @@
-import { ReactNode } from 'react';
-import { EmblaOptionsType } from 'embla-carousel-react';
-import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
-import { ResponsiveType } from '../../utils/ResponsiveType';
-import { IconNameProp } from '@/src/components/icon';
-export type Carousel2Props = {
-    /**
-     * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.
-     */
-    align?: 'start' | 'center' | 'end' | number;
-    /**
-     * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.
-     */
-    autoPlay?: boolean;
-    autoPlayDelay?: number;
-    /**
-     * if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.
-     */
-    bulletScroll?: boolean;
-    /**
-     * defines the bullet-scroller style. can be 'dash' or 'dot'.
-     */
-    bulletStyle?: 'dash' | 'dot';
-    /**
-     * defines the bullet-scroller color theme. can be 'light' or 'dark'.
-     */
-    bulletTheme?: 'light' | 'dark';
-    /**
-     * Class applied to the main container carousel. Default value ''.
-     * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.
-     * eg. class applied to container carousel : my-carousel
-     * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).
-     */
-    cssClass?: string;
-    /**
-     * Direction carousel ltr or rtl. Default ltr.
-     */
-    direction?: 'rtl' | 'ltr';
-    /**
-     * set height for slide carousel.
-     */
-    height?: ResponsiveType<string>;
-    /**
-     * Slide with different width. if true the slide width is base on his content. Default false.
-     */
-    isSlideDifferentWidth?: boolean;
-    /**
-     * Loop, if true the loop functionality will be added to the carousel. Default is false.
-     */
-    loop?: boolean;
-    /**
-     * Label of numbering length sliders.
-     */
-    numberingSeparator?: string;
-    /**
-     * Numbering Slides, if true the numbering slides will be visible. Default is true.
-     */
-    numberingSlides?: boolean;
-    /**
-     * Options setting carousel.
-     */
-    options?: EmblaOptionsType;
-    /**
-     * Progress bar status, if true the progress bar will be visible. Default is false.
-     */
-    progressbar?: boolean;
-    /**
-     * Add Class to selected slide.
-     */
-    slideSelectedClass?: string;
-    /**
-     * Slides reactNode carousel.
-     */
-    children: ReactNode;
-    /**
-     * Number of visible slides. Default value 1.
-     */
-    slideToShow?: number;
-    /**
-     * Number of slides to scroll. Default value 1.
-     */
-    slideToScroll?: number;
-    /**
-     * speed transition slide, Higher numbers enables faster scrolling. Default is 10.
-     */
-    speed?: number;
-    /**
-     * StartIndex slide. Default is 0.
-     */
-    startIndex?: number;
-    /**
-     * Defines max-width for each slide. Default "80%"
-     */
-    maxSlideWidth?: string;
-    /**
-     * Options for buttons, keep undefined for buttons to not be used
-     */
-    controlOptions?: {
-        /**
-         * previous control icon.
-         */
-        prevIcon?: IconNameProp;
-        /**
-         * next control icon.
-         */
-        nextIcon?: IconNameProp;
-        /**
-         * Definition of height or clickable area for buttons next and prev. value should be in "px" or "%".
-         */
-        buttonAreaHeight?: string;
-        /**
-         * Definition of position or clickable area for buttons next and prev. Value is inserted into top css property
-         */
-        buttonPosition?: string;
-        /**
-         * control color, can be "dark" or "light".
-         */
-        color?: DarkLightOptions;
-        /**
-         * icon font size, can be "small" or "medium".
-         */
-        iconSize?: ControllerSize;
-        /**
-         * icon style, can be "regular" or "filled".
-         */
-        iconStyle?: IconsStyle;
-        /**
-         * control variant, can be "standard" or "outline".
-         */
-        variant?: ControlVariant;
-    };
-};
-export declare const Carousel2: (propsIn: Carousel2Props) => import("react/jsx-runtime").JSX.Element;

package/organisms/carousel2/carouselButton.d.ts

@@ -1,10 +0,0 @@
-export declare const PrevButton: ({ enabled, onClick, height }: {
-    enabled: any;
-    onClick: any;
-    height: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const NextButton: ({ enabled, onClick, height }: {
-    enabled: any;
-    onClick: any;
-    height: any;
-}) => import("react/jsx-runtime").JSX.Element;

package/organisms/carousel2/carouselTemplate.d.ts

@@ -1,8 +0,0 @@
-import { Carousel2Props } from './carousel2';
-import { UseEmblaCarouselType } from 'embla-carousel-react';
-export declare const DotButton: ({ selected, onClick, bulletStyle }: {
-    selected: any;
-    onClick: any;
-    bulletStyle: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const template: (hovered: boolean, prevBtnEnabled: boolean, emblaRef: UseEmblaCarouselType[0], nextBtnEnabled: boolean, selectedIndex: number, scrollProgress: number, toggleHover: (element?: "prev" | "next") => void, classEmbla: string, handleScrollTo: (index: any) => void, handleScrollPrev: () => void, handleScrollNext: () => void, props: Carousel2Props) => import("react/jsx-runtime").JSX.Element;

package/organisms/carousel2/components/DotButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type DotButtonProps = {
-    selected: boolean;
-    onClick: () => void;
-    bulletStyle: 'dash' | 'dot';
-};
-export declare const DotButton: React.FC<DotButtonProps>;

package/organisms/carousel2/components/ItemsContainer.d.ts

@@ -1,7 +0,0 @@
-import { BoxProps } from '@mui/material';
-import React from 'react';
-export type ItemsContainerProps = BoxProps & {
-    children: React.ReactNode;
-    left?: string;
-};
-export declare const ItemsContainer: React.FC<ItemsContainerProps>;

package/organisms/carousel2/components/ItemsContainer.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Box as i}from"@mui/material";const r=r=>{var{children:l,left:s}=r,n=e(r,["children","left"]);return t(i,Object.assign({},n,{sx:Object.assign({display:"flex",transition:"left .4s",userSelect:"none",position:"relative",height:"100%",left:null!=s?s:"0px","&>*":{flexGrow:0,flexShrink:0,flexBasis:"100%"}},n.sx),"data-testid":"Carousel.container",children:l}))};export{r as ItemsContainer};
-//# sourceMappingURL=ItemsContainer.js.map

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

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

package/organisms/carousel2/components/NavButton.d.ts

@@ -1,15 +0,0 @@
-import { BoxProps } from '@mui/material';
-import React from 'react';
-import { EmblaCarouselType } from 'embla-carousel-react';
-export type NavButtonProps = BoxProps & {
-    emblaApi: EmblaCarouselType;
-    type: 'prev' | 'next';
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-    color?: 'light' | 'dark';
-    style?: 'regular' | 'filled';
-    variant?: 'standard' | 'outline';
-    direction: 'rtl' | 'ltr';
-    skipInViewItems?: boolean;
-};
-export declare const NavButton: React.FC<NavButtonProps>;

package/organisms/carousel2/components/NavButton.js

@@ -1,2 +0,0 @@
-import{__rest as o}from"tslib";import{jsx as e}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{useState as l,useEffect as r,useCallback as i}from"react";import{Controller as n}from"../../../components/controls/controls.js";const a=i=>{var{emblaApi:a,type:M,color:u,style:v,variant:d,onMouseEnter:I,onMouseLeave:g,direction:N}=i,m=o(i,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const p=c(a,N,M),[x,D]=l(!0),{hover:j,handleMouseEnter:b,handleMouseLeave:T}=s(a,M,N,{onMouseEnter:I,onMouseLeave:g});return r(()=>{if(a){const o=()=>{const o="prev"===M?a.canScrollPrev():a.canScrollNext(),e="next"===M?a.canScrollPrev():a.canScrollNext();D(!("rtl"===N?e:o))};a.on("scroll",o),o()}},[a,M,N]),e(t,{sx:{cursor:j?`url(${"next"===M?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:e(t,Object.assign({},m,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===M?"0px":void 0,right:"next"===M?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===M?"15px":void 0,xl:"prev"===M?"34px":void 0},right:{sm:"next"===M?"15px":void 0,xl:"next"===M?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:j?"hidden":void 0}},m.sx),onMouseEnter:b,onMouseLeave:T,children:e(n,{controlType:"prev"===M?"arrow-left":"arrow-right",controllerColor:null!=u?u:"light",iconStyle:null!=v?v:"regular",controlVariant:null!=d?d:"standard",onClickCallback:p,isDisabled:x,customHeight:"100%"})}))})},s=(o,e,t,r)=>{const[n,a]=l(!1);return{hover:n,handleMouseEnter:i(()=>{var l;if(o){const l="prev"===e?o.canScrollPrev():o.canScrollNext(),r="next"===e?o.canScrollPrev():o.canScrollNext();("rtl"===t?r:l)&&a(!0)}null===(l=null==r?void 0:r.onMouseEnter)||void 0===l||l.call(r)},[o,a,r,e,t]),handleMouseLeave:i(()=>{var o;a(!1),null===(o=null==r?void 0:r.onMouseLeave)||void 0===o||o.call(r)},[r,a])}},c=(o,e,t)=>i(()=>{"prev"===t&&("ltr"===e?o.scrollPrev():o.scrollNext()),"next"===t&&("ltr"===e?o.scrollNext():o.scrollPrev())},[o,e,t]);export{a as NavButton};
-//# sourceMappingURL=NavButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '@/src/components/controls';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\nconst nextCursor =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\n\nexport type NavButtonProps = BoxProps & {\n  emblaApi: EmblaCarouselType;\n\n  type: 'prev' | 'next';\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n\n  color?: 'light' | 'dark';\n  style?: 'regular' | 'filled';\n  variant?: 'standard' | 'outline';\n\n  direction: 'rtl' | 'ltr';\n  skipInViewItems?: boolean;\n};\n\nexport const NavButton: React.FC<NavButtonProps> = ({\n  emblaApi,\n  type,\n  color,\n  style,\n  variant,\n  onMouseEnter,\n  onMouseLeave,\n  direction,\n  ...rest\n}) => {\n  const handleScroll = useNavCallback(emblaApi, direction, type);\n\n  const [disabled, setDisabled] = useState(true);\n  const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n    onMouseEnter,\n    onMouseLeave,\n  });\n\n  useEffect(() => {\n    if (emblaApi) {\n      const onScroll = () => {\n        const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n\n        const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n\n        const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n        setDisabled(!canScroll);\n      };\n      emblaApi.on('scroll', onScroll);\n      onScroll();\n    }\n  }, [emblaApi, type, direction]);\n\n  return (\n    <Box\n      sx={{\n        cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n      }}\n      data-testid=\"Carousel.nav\"\n    >\n      <Box\n        {...rest}\n        sx={{\n          position: 'absolute',\n          top: '33%',\n          bottom: '33%',\n          width: '10%',\n          minWidth: '50px',\n          left: type === 'prev' ? '0px' : undefined,\n          right: type === 'next' ? '0px' : undefined,\n          button: {\n            position: 'absolute !important',\n            left: {\n              sm: type === 'prev' ? '15px' : undefined,\n              xl: type === 'prev' ? '34px' : undefined,\n            },\n            right: {\n              sm: type === 'next' ? '15px' : undefined,\n              xl: type === 'next' ? '34px' : undefined,\n            },\n            top: '50%',\n            transform: 'translate(0, -50%)',\n            '&:active': {\n              transform: 'translate(0, -50%) scale(0.95) !important',\n            },\n            visibility: hover ? 'hidden' : undefined,\n          },\n          ...rest.sx,\n        }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        <Controller\n          controlType={type === 'prev' ? 'arrow-left' : 'arrow-right'}\n          controllerColor={color ?? 'light'}\n          iconStyle={style ?? 'regular'}\n          controlVariant={variant ?? 'standard'}\n          onClickCallback={handleScroll}\n          isDisabled={disabled}\n          customHeight={'100%'}\n        />\n      </Box>\n    </Box>\n  );\n};\n\nconst useNavHoverEffect = (\n  api: EmblaCarouselType,\n  type: 'next' | 'prev',\n  direction: 'ltr' | 'rtl',\n  options?: {\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n  },\n) => {\n  const [hover, setHover] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    if (api) {\n      const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n\n      const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n\n      const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n\n      if (canScroll) {\n        setHover(true);\n      }\n    }\n    options?.onMouseEnter?.();\n  }, [api, setHover, options, type, direction]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHover(false);\n    options?.onMouseLeave?.();\n  }, [options, setHover]);\n\n  return { hover, handleMouseEnter, handleMouseLeave };\n};\n\nconst useNavCallback = (api: EmblaCarouselType, direction: 'ltr' | 'rtl', type: 'prev' | 'next') => {\n  return useCallback(() => {\n    if (type === 'prev') {\n      direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n    }\n\n    if (type === 'next') {\n      direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n    }\n  }, [api, direction, type]);\n};\n"],"names":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","scrollPrev","scrollNext"],"mappings":"kPAKA,MAoBaA,EAAuCC,QAAAC,SAClDA,EAAQC,KACRA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,UACZA,GAASR,EACNS,EAAIC,EAAAV,EAT2C,yFAWlD,MAAMW,EAAeC,EAAeX,EAAUO,EAAWN,IAElDW,EAAUC,GAAeC,GAAS,IACnCC,MAAEA,EAAKC,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAkBlB,EAAUC,EAAMM,EAAW,CACjGF,eACAC,iBAkBF,OAfAa,EAAU,KACR,GAAInB,EAAU,CACZ,MAAMoB,EAAW,KACf,MAAMC,EAAwB,SAATpB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAErEC,EAAwB,SAATvB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAG3EV,IADgC,QAAdN,EAAsBiB,EAAeH,KAGzDrB,EAASyB,GAAG,SAAUL,GACtBA,GACF,GACC,CAACpB,EAAUC,EAAMM,IAGlBmB,EAACC,EAAG,CACFC,GAAI,CACFC,OAAQd,EAAQ,OAAgB,SAATd,EAxD7B,ybAEA,idAsDwF6B,GACnF,cACW,eAAcC,SAE1BL,EAACC,EAAGK,OAAAC,OAAA,CAAA,EACEzB,EAAI,CACRoB,GAAEI,OAAAC,OAAA,CACAC,SAAU,WACVC,IAAK,MACLC,OAAQ,MACRC,MAAO,MACPC,SAAU,OACVC,KAAe,SAATtC,EAAkB,WAAQ6B,EAChCU,MAAgB,SAATvC,EAAkB,WAAQ6B,EACjCW,OAAQ,CACNP,SAAU,sBACVK,KAAM,CACJG,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEjCU,MAAO,CACLE,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEjCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACVA,UAAW,6CAEbC,WAAY9B,EAAQ,cAAWe,IAE9BtB,EAAKoB,IAEVvB,aAAcW,EACdV,aAAcW,EAAgBc,SAE9BL,EAACoB,GACCC,YAAsB,SAAT9C,EAAkB,aAAe,cAC9C+C,gBAAiB9C,QAAAA,EAAS,QAC1B+C,UAAW9C,QAAAA,EAAS,UACpB+C,eAAgB9C,QAAAA,EAAW,WAC3B+C,gBAAiBzC,EACjB0C,WAAYxC,EACZyC,aAAc,eAOlBnC,EAAoB,CACxBoC,EACArD,EACAM,EACAgD,KAKA,MAAOxC,EAAOyC,GAAY1C,GAAS,GAsBnC,MAAO,CAAEC,QAAOC,iBApBSyC,EAAY,WACnC,GAAIH,EAAK,CACP,MAAMjC,EAAwB,SAATpB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,gBAE3DC,EAAwB,SAATvB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,iBAEjC,QAAdhB,EAAsBiB,EAAeH,IAGrDmC,GAAS,EAEb,SACAzD,EAAAwD,aAAO,EAAPA,EAASlD,sCACR,CAACiD,EAAKE,EAAUD,EAAStD,EAAMM,IAOAU,iBALTwC,EAAY,WACnCD,GAAS,WACTzD,EAAAwD,aAAO,EAAPA,EAASjD,sCACR,CAACiD,EAASC,MAKT7C,EAAiB,CAAC2C,EAAwB/C,EAA0BN,IACjEwD,EAAY,KACJ,SAATxD,IACY,QAAdM,EAAsB+C,EAAII,aAAeJ,EAAIK,cAGlC,SAAT1D,IACY,QAAdM,EAAsB+C,EAAIK,aAAeL,EAAII,eAE9C,CAACJ,EAAK/C,EAAWN"}

package/organisms/carousel2/components/Numbering.d.ts

@@ -1,12 +0,0 @@
-import { BoxProps } from '@mui/material';
-import React from 'react';
-import { NumberingColors, NumberingSizes } from '../../../utils';
-import { EmblaCarouselType } from 'embla-carousel-react';
-export type NumberingProps = BoxProps & {
-    emblaApi: EmblaCarouselType;
-    direction: 'rtl' | 'ltr';
-    color: NumberingColors;
-    size: NumberingSizes;
-    separator?: string;
-};
-export declare const Numbering: React.FC<NumberingProps>;

package/organisms/carousel2/components/Numbering.js

@@ -1,2 +0,0 @@
-import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{useState as e,useEffect as i}from"react";import{Numbering as n}from"../../../components/numbering/numbering.js";const a=a=>{var{direction:s,separator:l,color:c,size:m,emblaApi:p}=a,d=o(a,["direction","separator","color","size","emblaApi"]);const[u,F]=e(0),[b,x]=e(0);return i(()=>{if(p){const o=()=>{const o=p.slideNodes().length,r=p.selectedScrollSnap()+1;F(o),x(r)};p.on("scroll",o),o()}},[p]),r(t,Object.assign({},d,{sx:Object.assign({position:"absolute",padding:"5px 24px",borderRadius:"4px",userSelect:"none",transition:"all .4s",left:"rtl"===s?"24px":void 0,right:"ltr"===s?"24px":void 0,backgroundColor:"dark"===c?"#F3F3F31F":"#1617180F",".total-container":{color:"#9E9FA0 !important"},".separator-container":{color:"#9E9FA0 !important"},".index-container":{color:"dark"===c?"#FFFFFF":"#161718"}},d.sx),"data-testid":"Carousel.numbering",children:r(n,{index:b,total:u,customSeparator:null!=l?l:"/",colorTheme:c,size:m})}))};export{a as Numbering};
-//# sourceMappingURL=Numbering.js.map

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

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

package/organisms/carousel2/components/ScrollSnapDots.d.ts

@@ -1,6 +0,0 @@
-import { EmblaCarouselType } from 'embla-carousel-react';
-import React from 'react';
-export type ScrollSnapDotsProps = {
-    emblaApi: EmblaCarouselType;
-};
-export declare const ScrollSnapDots: React.FC<ScrollSnapDotsProps>;

package/organisms/carousel2/components/ScrollSnapDots.js

@@ -1,2 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{useState as e,useMemo as o,useEffect as n}from"react";const i=({emblaApi:i})=>{const[l,s]=e([]),[a,c]=e(0),p=o(()=>{var r;return null!==(r=l[a])&&void 0!==r?r:0},[l,a]);return n(()=>{if(i){console.log(i.internalEngine());const r=()=>s(i.scrollSnapList());return i.on("reInit",r),r(),()=>{i.off("reInit",r)}}},[i,s]),n(()=>{if(i){const r=()=>c(i.selectedScrollSnap());return i.on("select",r),r(),()=>{i.off("select",r)}}},[i,c]),r(t,{sx:{display:"flex",justifyContent:"center",gap:"8px",marginTop:"23px"},"data-testid":"Carousel.dots",children:l.map(e=>r(t,{sx:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:p<e?"#D8D8D8":"#161718"}},e))})};export{i as ScrollSnapDots};
-//# sourceMappingURL=ScrollSnapDots.js.map

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

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

package/organisms/carousel2/components/ViewPort.d.ts

@@ -1,9 +0,0 @@
-import { BoxProps } from '@mui/material';
-import React from 'react';
-type RefType = <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;
-export type ViewportProps = BoxProps & {
-    children: React.ReactNode;
-    emblaRef: RefType;
-};
-export declare const ViewPort: React.FC<ViewportProps>;
-export {};

package/organisms/carousel2/components/ViewPort.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{Box as i}from"@mui/material";const t=t=>{var{children:a,emblaRef:o}=t,s=r(t,["children","emblaRef"]);return e(i,Object.assign({},s,{sx:Object.assign({overview:"hidden",width:"100%",height:"100%",cursor:"grab"},s.sx),ref:o,"data-testid":"Carousel.viewport",children:a}))};export{t as ViewPort};
-//# sourceMappingURL=ViewPort.js.map

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

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

package/organisms/carousel2/galleryCarousel/GalleryItemText.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export type GalleryItemTextProps = {
-    children: React.ReactNode;
-};
-export declare const GalleryItemText: React.FC<GalleryItemTextProps>;

package/organisms/carousel2/galleryCarousel/GalleryItemText.js

@@ -1,2 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useMediaQuery as r,Typography as o}from"@mui/material";import{useContext as e,useMemo as m}from"react";import{GalleryItemContext as i}from"./galleryItemContext.js";const a=({children:a})=>{const{color:n}=e(i),l=r(t=>t.breakpoints.down("md")),c=m(()=>l?"#161718":"light"===n?"#fff":"#161718",[l,n]);return t(o,{color:c,sx:{letterSpacing:"0.02em !important"},"data-testid":"Carousel.text",children:a})};export{a as GalleryItemText};
-//# sourceMappingURL=GalleryItemText.js.map

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

@@ -1 +0,0 @@
-{"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":["GalleryItemText","children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","sx","letterSpacing"],"mappings":"yNAQaA,EAAkD,EAAGC,eAChE,MAAMC,MAAEA,GAAUC,EAAWC,GACvBC,EAAgBC,EAAsBC,GAAUA,EAAMC,YAAYC,KAAK,OAEvEC,EAAYC,EAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,UACnC,CAACG,EAAeH,IAEnB,OACEU,EAACC,EAAU,CACTX,MAAOQ,EACPI,GAAI,CACFC,cAAe,qBAChB,cACW,gBAAed,SAE1BA"}

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

@@ -1,55 +0,0 @@
-import React from 'react';
-import { Carousel2Props } from '../carousel2';
-import { ResponsiveType } from '../../../utils/ResponsiveType';
-export declare const GalleryDefaultProps: Partial<Carousel2Props>;
-export type GalleryCarouselProps = {
-    /**
-     * Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.
-     * @default false
-     */
-    autoPlay?: boolean;
-    /**
-     * Delay in ms between automatic slides
-     * @default 4000
-     */
-    autoPlayDelay?: number;
-    /**
-     * Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.
-     * @default 10
-     */
-    speed?: number;
-    /**
-     * Direction of content.
-     * @default ltr
-     */
-    direction?: 'rtl' | 'ltr';
-    /**
-     * Enables loop functionality, which can be used to continuously loop through all slides.
-     * @default false
-     */
-    loop?: boolean;
-    /**
-     * Separator of numbering component.
-     * @default /
-     */
-    numberingSeparator?: string;
-    /**
-     * Carousel slides. Any ReactNode can be used here, however `GalleryCarouselItem` component is suggested.
-     * @requires
-     */
-    children: React.ReactNode;
-    /**
-     * Index of Slide that is active by default.
-     * @default 0
-     */
-    startIndex?: number;
-    /**
-     * Optional height of carousel, this prop is added to height style property
-     * @default undefined
-     */
-    height?: ResponsiveType<string>;
-};
-/**
- * @deprecated use Carousel instead
- */
-export declare const GalleryCarousel: React.FC<GalleryCarouselProps>;

package/organisms/carousel2/galleryCarousel/galleryCarousel.js

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