@skodaflow/web-library 7.15.0 → 7.16.0

package/organisms/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useState } from 'react';\nimport useEmblaCarousel, { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';\nimport ClassNames from 'embla-carousel-class-names';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';\nimport { CarouselStyledHorizontal } from './styledComponents/styledCarouselHorizontal';\nimport { CarouselStyledVertical } from './styledComponents/styledCarouselVertical';\nimport { useTheme } from '@mui/material';\nimport { template } from './carouselTemplate';\nimport { IconNameProp } from '@/src/components/icon';\n\nexport type CarouselPropType = {\n  /**\n   * 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%.\n   */\n  align?: 'start' | 'center' | 'end' | number;\n  /**\n   * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.\n   */\n  autoPlay?: boolean;\n  /**\n   * Choose scroll axis between x and y.\n   */\n  axis?: 'x' | 'y';\n  /**\n   * if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.\n   */\n  bulletScroll?: boolean;\n  /**\n   * defines the bullet-scroller style. can be 'dash' or 'dot'.\n   */\n  bulletStyle?: 'dash' | 'dot';\n  /**\n   * defines the bullet-scroller color theme. can be 'light' or 'dark'.\n   */\n  bulletTheme?: 'light' | 'dark';\n  /**\n   * Definition of height or clickable area for buttons next and prev. value should be in \"px\" or \"%\".\n   */\n  buttonAreaControlsHeight?: string;\n  /**\n   * Buttons controls, if true the buttons will be visible. Default is true.\n   */\n  buttonControls?: boolean;\n  /**\n   * Definition of position or clickable area for buttons next and prev. value should be in \"px\" and default position is top: 0.\n   */\n  buttonControlsPosition?: string;\n  /**\n   * control color, can be \"dark\" or \"light\".\n   */\n  controlColor?: DarkLightOptions;\n  /**\n   * icon font size, can be \"small\" or \"medium\".\n   */\n  controlIconFontSize?: ControllerSize;\n  /**\n   * icon style, can be \"regular\" or \"filled\".\n   */\n  controlIconStyle?: IconsStyle;\n  /**\n   * control variant, can be \"standard\" or \"outline\".\n   */\n  controlVariant?: ControlVariant;\n  /**\n   * Class applied to the main container carousel. Default value ''.\n   * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.\n   * eg. class applied to container carousel : my-carousel\n   * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).\n   */\n  cssClass?: string;\n  /**\n   * Direction carousel ltr or rtl. Default ltr.\n   */\n  direction?: 'ltr' | 'rtl';\n  /**\n   * set height for slide carousel.\n   */\n  heightSlide?: string;\n  /**\n   * Slide with different width. if true the slide width is base on his content. Default false.\n   */\n  isSlideDifferentWidth?: boolean;\n  /**\n   * Loop, if true the loop functionality will be added to the carousel. Default is false.\n   */\n  loop?: boolean;\n  /**\n   * next control icon.\n   */\n  nextControlIcon?: IconNameProp;\n  /**\n   * Label of numbering length sliders.\n   */\n  numberingSeparator?: string;\n  /**\n   * Numbering Slides, if true the numbering slides will be visible. Default is true.\n   */\n  numberingSlides?: boolean;\n  /**\n   * Options setting carousel.\n   */\n  options?: EmblaOptionsType;\n  /**\n   * previous control icon.\n   */\n  prevControlIcon?: IconNameProp;\n  /**\n   * Progress bar status, if true the progress bar will be visible. Default is false.\n   */\n  progressbar?: boolean;\n  /**\n   * Add Class to selected slide.\n   */\n  slideSelectedClass?: string;\n  /**\n   * Slides reactNode carousel.\n   */\n  slidesItems: ReactNode[];\n  /**\n   * Number of visible slides. Default value 1.\n   */\n  slideToShow?: number;\n  /**\n   * Number of slides to scroll.\n   */\n  slideToScroll: number;\n  /**\n   * speed transition slide, Higher numbers enables faster scrolling. Default is 10.\n   */\n  speed?: number;\n  /**\n   * StartIndex slide. Default is 0.\n   */\n  startIndex?: number;\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollPrev = (emblaApi: EmblaCarouselType, direction: 'rtl' | 'ltr') => {\n  if (emblaApi) {\n    direction === 'ltr' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n  }\n};\nexport const handleScrollNext = (emblaApi: EmblaCarouselType, direction: 'rtl' | 'ltr') => {\n  if (emblaApi) {\n    direction === 'rtl' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n  }\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollTo = (emblaApi: EmblaCarouselType, index: number) => {\n  if (emblaApi) {\n    emblaApi.scrollTo(index);\n  }\n};\n\nexport const emblaWidthSize = (apiParam, slideToShowParam) => {\n  const slideNode = apiParam.slideNodes();\n  if (slideToShowParam <= 1) {\n    slideNode.forEach((item) => {\n      if (item) {\n        const img = item.querySelector('img');\n        if (img) return (item.style.width = `${img.naturalWidth}px`);\n      }\n    });\n  }\n};\n\n/**\n * @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const DeprecatedCarousel = (props: CarouselPropType) => {\n  const {\n    align = 'start',\n    autoPlay = false,\n    axis = 'x',\n    buttonAreaControlsHeight = '50%',\n    buttonControls = true,\n    buttonControlsPosition = '0',\n    cssClass = '',\n    direction = 'ltr',\n    heightSlide,\n    isSlideDifferentWidth = false,\n    loop = false,\n    numberingSeparator = '/',\n    numberingSlides = true,\n    progressbar = false,\n    slidesItems,\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    prevControlIcon = 'arrow-left',\n    nextControlIcon = 'arrow-right',\n    controlIconStyle = 'regular',\n    controlIconFontSize = 'medium',\n    controlVariant = 'standard',\n    controlColor = 'dark',\n  } = props;\n\n  const optionsAutoplay = {\n    playOnInit: autoPlay ? true : false,\n  };\n  const autoplay = Autoplay(optionsAutoplay);\n  const optionsClassNames = { selected: slideSelectedClass };\n  const optionAlign = align !== 'center' ? 'trimSnaps' : '';\n  const [selectedIndex, setSelectedIndex] = useState(startIndex);\n  const [prevBtnEnabled, setPrevBtnEnabled] = useState(true);\n  const [nextBtnEnabled, setNextBtnEnabled] = useState(true);\n  const [scrollProgress, setScrollProgress] = useState(0);\n  const [hovered, setHovered] = useState(false);\n  const [isMobile, setIsMobile] = useState<boolean>();\n  const [classEmbla, setClassEmbla] = useState('');\n\n  const emblaOptions: Partial<EmblaOptionsType> = {\n    align: align,\n    axis: axis,\n    containScroll: optionAlign,\n    direction: direction,\n    loop: loop,\n    slidesToScroll: isMobile ? 1 : slideToScroll,\n    skipSnaps: false,\n    speed: speed,\n    startIndex: startIndex,\n  };\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, [autoplay, ClassNames(optionsClassNames)]);\n  const theme = useTheme();\n\n  const controllerHover = (controller) => {\n    switch (true) {\n      case controller === 'prev' && prevBtnEnabled:\n        return setClassEmbla('embla-container-prev');\n      case controller === 'next' && nextBtnEnabled:\n        return setClassEmbla('embla-container-next');\n      default:\n        return setClassEmbla('');\n    }\n  };\n  const toggleHover = (element: string) => {\n    setHovered(!hovered);\n    controllerHover(element);\n  };\n\n  const onScroll = useCallback(() => {\n    if (!emblaApi && !progressbar) return;\n    const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\n    setScrollProgress(progress * 100);\n  }, [emblaApi, progressbar, setScrollProgress]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      emblaWidthSize(emblaApi, slideToShow);\n      const onSelect = () => {\n        const index = emblaApi.selectedScrollSnap();\n        setSelectedIndex(index);\n        setSelectedIndex(emblaApi.selectedScrollSnap());\n        setPrevBtnEnabled(emblaApi.canScrollPrev());\n        setNextBtnEnabled(emblaApi.canScrollNext());\n      };\n      emblaApi.on('select', onSelect);\n      onSelect();\n      emblaApi.on('scroll', onScroll);\n      onScroll();\n    }\n  }, [emblaApi, progressbar, onScroll, slideToShow]);\n\n  useEffect(() => {\n    const mq = window.matchMedia(`(max-width: ${theme.breakpoints.values.md}px)`);\n    setIsMobile(mq.matches);\n  }, [theme.breakpoints.values.md]);\n\n  return axis === 'y' ? (\n    <CarouselStyledVertical\n      align={align}\n      slidesItems={slidesItems}\n      slideToShow={slideToShow}\n      bulletTheme={bulletTheme}\n      {...props}\n    >\n      {template(\n        cssClass,\n        hovered,\n        prevBtnEnabled,\n        emblaApi,\n        direction,\n        emblaRef,\n        slidesItems,\n        heightSlide,\n        buttonControls,\n        buttonAreaControlsHeight,\n        buttonControlsPosition,\n        nextBtnEnabled,\n        numberingSlides,\n        selectedIndex,\n        numberingSeparator,\n        progressbar,\n        scrollProgress,\n        (element) => toggleHover(element),\n        slideToShow,\n        classEmbla,\n        bulletScroll,\n        bulletStyle,\n        handleScrollTo,\n        handleScrollPrev,\n        handleScrollNext,\n        prevControlIcon,\n        nextControlIcon,\n        controlIconStyle,\n        controlIconFontSize,\n        controlVariant,\n        controlColor,\n      )}\n    </CarouselStyledVertical>\n  ) : (\n    <CarouselStyledHorizontal\n      isSlideDifferentWidth={isSlideDifferentWidth}\n      align={align}\n      slidesItems={slidesItems}\n      slideToShow={slideToShow}\n      bulletTheme={bulletTheme}\n      {...props}\n    >\n      {template(\n        cssClass,\n        hovered,\n        prevBtnEnabled,\n        emblaApi,\n        direction,\n        emblaRef,\n        slidesItems,\n        heightSlide,\n        buttonControls,\n        buttonAreaControlsHeight,\n        buttonControlsPosition,\n        nextBtnEnabled,\n        numberingSlides,\n        selectedIndex,\n        numberingSeparator,\n        progressbar,\n        scrollProgress,\n        (element) => toggleHover(element),\n        slideToShow,\n        classEmbla,\n        bulletScroll,\n        bulletStyle,\n        handleScrollTo,\n        handleScrollPrev,\n        handleScrollNext,\n        prevControlIcon,\n        nextControlIcon,\n        controlIconStyle,\n        controlIconFontSize,\n        controlVariant,\n        controlColor,\n      )}\n    </CarouselStyledHorizontal>\n  );\n};\n"],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","DeprecatedCarousel","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","autoplay","Autoplay","playOnInit","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","CarouselStyledVertical","Object","assign","template","CarouselStyledHorizontal","children"],"mappings":"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"}
+{"version":3,"file":"carousel.js","sources":["../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useState } from 'react';\nimport useEmblaCarousel, { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';\nimport ClassNames from 'embla-carousel-class-names';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';\nimport { CarouselStyledHorizontal } from './styledComponents/styledCarouselHorizontal';\nimport { CarouselStyledVertical } from './styledComponents/styledCarouselVertical';\nimport { useTheme } from '@mui/material';\nimport { template } from './carouselTemplate';\nimport { IconNameProp } from '@/src/components/icon';\n\nexport type CarouselPropType = {\n  /**\n   * 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%.\n   */\n  align?: 'start' | 'center' | 'end' | number;\n  /**\n   * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.\n   */\n  autoPlay?: boolean;\n  /**\n   * Choose scroll axis between x and y.\n   */\n  axis?: 'x' | 'y';\n  /**\n   * if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.\n   */\n  bulletScroll?: boolean;\n  /**\n   * defines the bullet-scroller style. can be 'dash' or 'dot'.\n   */\n  bulletStyle?: 'dash' | 'dot';\n  /**\n   * defines the bullet-scroller color theme. can be 'light' or 'dark'.\n   */\n  bulletTheme?: 'light' | 'dark';\n  /**\n   * Definition of height or clickable area for buttons next and prev. value should be in \"px\" or \"%\".\n   */\n  buttonAreaControlsHeight?: string;\n  /**\n   * Buttons controls, if true the buttons will be visible. Default is true.\n   */\n  buttonControls?: boolean;\n  /**\n   * Definition of position or clickable area for buttons next and prev. value should be in \"px\" and default position is top: 0.\n   */\n  buttonControlsPosition?: string;\n  /**\n   * control color, can be \"dark\" or \"light\".\n   */\n  controlColor?: DarkLightOptions;\n  /**\n   * icon font size, can be \"small\" or \"medium\".\n   */\n  controlIconFontSize?: ControllerSize;\n  /**\n   * icon style, can be \"regular\" or \"filled\".\n   */\n  controlIconStyle?: IconsStyle;\n  /**\n   * control variant, can be \"standard\" or \"outline\".\n   */\n  controlVariant?: ControlVariant;\n  /**\n   * Class applied to the main container carousel. Default value ''.\n   * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.\n   * eg. class applied to container carousel : my-carousel\n   * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).\n   */\n  cssClass?: string;\n  /**\n   * Direction carousel ltr or rtl. Default ltr.\n   */\n  direction?: 'ltr' | 'rtl';\n  /**\n   * set height for slide carousel.\n   */\n  heightSlide?: string;\n  /**\n   * Slide with different width. if true the slide width is base on his content. Default false.\n   */\n  isSlideDifferentWidth?: boolean;\n  /**\n   * Loop, if true the loop functionality will be added to the carousel. Default is false.\n   */\n  loop?: boolean;\n  /**\n   * next control icon.\n   */\n  nextControlIcon?: IconNameProp;\n  /**\n   * Label of numbering length sliders.\n   */\n  numberingSeparator?: string;\n  /**\n   * Numbering Slides, if true the numbering slides will be visible. Default is true.\n   */\n  numberingSlides?: boolean;\n  /**\n   * Options setting carousel.\n   */\n  options?: EmblaOptionsType;\n  /**\n   * previous control icon.\n   */\n  prevControlIcon?: IconNameProp;\n  /**\n   * Progress bar status, if true the progress bar will be visible. Default is false.\n   */\n  progressbar?: boolean;\n  /**\n   * Add Class to selected slide.\n   */\n  slideSelectedClass?: string;\n  /**\n   * Slides reactNode carousel.\n   */\n  slidesItems: ReactNode[];\n  /**\n   * Number of visible slides. Default value 1.\n   */\n  slideToShow?: number;\n  /**\n   * Number of slides to scroll.\n   */\n  slideToScroll: number;\n  /**\n   * speed transition slide, Higher numbers enables faster scrolling. Default is 10.\n   */\n  speed?: number;\n  /**\n   * StartIndex slide. Default is 0.\n   */\n  startIndex?: number;\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollPrev = (emblaApi: EmblaCarouselType, direction: 'rtl' | 'ltr') => {\n  if (emblaApi) {\n    direction === 'ltr' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n  }\n};\nexport const handleScrollNext = (emblaApi: EmblaCarouselType, direction: 'rtl' | 'ltr') => {\n  if (emblaApi) {\n    direction === 'rtl' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n  }\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollTo = (emblaApi: EmblaCarouselType, index: number) => {\n  if (emblaApi) {\n    emblaApi.scrollTo(index);\n  }\n};\n\nexport const emblaWidthSize = (apiParam, slideToShowParam) => {\n  const slideNode = apiParam.slideNodes();\n  if (slideToShowParam <= 1) {\n    slideNode.forEach((item) => {\n      if (item) {\n        const img = item.querySelector('img');\n        if (img) return (item.style.width = `${img.naturalWidth}px`);\n      }\n    });\n  }\n};\n\n/**\n * @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const DeprecatedCarousel = (props: CarouselPropType) => {\n  const {\n    align = 'start',\n    autoPlay = false,\n    axis = 'x',\n    buttonAreaControlsHeight = '50%',\n    buttonControls = true,\n    buttonControlsPosition = '0',\n    cssClass = '',\n    direction = 'ltr',\n    heightSlide,\n    isSlideDifferentWidth = false,\n    loop = false,\n    numberingSeparator = '/',\n    numberingSlides = true,\n    progressbar = false,\n    slidesItems,\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    prevControlIcon = 'arrow-left',\n    nextControlIcon = 'arrow-right',\n    controlIconStyle = 'regular',\n    controlIconFontSize = 'medium',\n    controlVariant = 'standard',\n    controlColor = 'dark',\n  } = props;\n\n  const optionsAutoplay = {\n    playOnInit: autoPlay ? true : false,\n  };\n  const autoplay = Autoplay(optionsAutoplay);\n  const optionsClassNames = { selected: slideSelectedClass };\n  const optionAlign = align !== 'center' ? 'trimSnaps' : '';\n  const [selectedIndex, setSelectedIndex] = useState(startIndex);\n  const [prevBtnEnabled, setPrevBtnEnabled] = useState(true);\n  const [nextBtnEnabled, setNextBtnEnabled] = useState(true);\n  const [scrollProgress, setScrollProgress] = useState(0);\n  const [hovered, setHovered] = useState(false);\n  const [isMobile, setIsMobile] = useState<boolean>();\n  const [classEmbla, setClassEmbla] = useState('');\n\n  const emblaOptions: Partial<EmblaOptionsType> = {\n    align: align,\n    axis: axis,\n    containScroll: optionAlign,\n    direction: direction,\n    loop: loop,\n    slidesToScroll: isMobile ? 1 : slideToScroll,\n    skipSnaps: false,\n    speed: speed,\n    startIndex: startIndex,\n  };\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, [autoplay, ClassNames(optionsClassNames)]);\n  const theme = useTheme();\n\n  const controllerHover = (controller) => {\n    switch (true) {\n      case controller === 'prev' && prevBtnEnabled:\n        return setClassEmbla('embla-container-prev');\n      case controller === 'next' && nextBtnEnabled:\n        return setClassEmbla('embla-container-next');\n      default:\n        return setClassEmbla('');\n    }\n  };\n  const toggleHover = (element: string) => {\n    setHovered(!hovered);\n    controllerHover(element);\n  };\n\n  const onScroll = useCallback(() => {\n    if (!emblaApi && !progressbar) return;\n    const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\n    setScrollProgress(progress * 100);\n  }, [emblaApi, progressbar, setScrollProgress]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      emblaWidthSize(emblaApi, slideToShow);\n      const onSelect = () => {\n        const index = emblaApi.selectedScrollSnap();\n        setSelectedIndex(index);\n        setSelectedIndex(emblaApi.selectedScrollSnap());\n        setPrevBtnEnabled(emblaApi.canScrollPrev());\n        setNextBtnEnabled(emblaApi.canScrollNext());\n      };\n      emblaApi.on('select', onSelect);\n      onSelect();\n      emblaApi.on('scroll', onScroll);\n      onScroll();\n    }\n  }, [emblaApi, progressbar, onScroll, slideToShow]);\n\n  useEffect(() => {\n    const mq = window.matchMedia(`(max-width: ${theme.breakpoints.values.md}px)`);\n    setIsMobile(mq.matches);\n  }, [theme.breakpoints.values.md]);\n\n  return axis === 'y' ? (\n    <CarouselStyledVertical\n      align={align}\n      slidesItems={slidesItems}\n      slideToShow={slideToShow}\n      bulletTheme={bulletTheme}\n      {...props}\n    >\n      {template(\n        cssClass,\n        hovered,\n        prevBtnEnabled,\n        emblaApi,\n        direction,\n        emblaRef,\n        slidesItems,\n        heightSlide,\n        buttonControls,\n        buttonAreaControlsHeight,\n        buttonControlsPosition,\n        nextBtnEnabled,\n        numberingSlides,\n        selectedIndex,\n        numberingSeparator,\n        progressbar,\n        scrollProgress,\n        (element) => toggleHover(element),\n        slideToShow,\n        classEmbla,\n        bulletScroll,\n        bulletStyle,\n        handleScrollTo,\n        handleScrollPrev,\n        handleScrollNext,\n        prevControlIcon,\n        nextControlIcon,\n        controlIconStyle,\n        controlIconFontSize,\n        controlVariant,\n        controlColor,\n      )}\n    </CarouselStyledVertical>\n  ) : (\n    <CarouselStyledHorizontal\n      isSlideDifferentWidth={isSlideDifferentWidth}\n      align={align}\n      slidesItems={slidesItems}\n      slideToShow={slideToShow}\n      bulletTheme={bulletTheme}\n      {...props}\n    >\n      {template(\n        cssClass,\n        hovered,\n        prevBtnEnabled,\n        emblaApi,\n        direction,\n        emblaRef,\n        slidesItems,\n        heightSlide,\n        buttonControls,\n        buttonAreaControlsHeight,\n        buttonControlsPosition,\n        nextBtnEnabled,\n        numberingSlides,\n        selectedIndex,\n        numberingSeparator,\n        progressbar,\n        scrollProgress,\n        (element) => toggleHover(element),\n        slideToShow,\n        classEmbla,\n        bulletScroll,\n        bulletStyle,\n        handleScrollTo,\n        handleScrollPrev,\n        handleScrollNext,\n        prevControlIcon,\n        nextControlIcon,\n        controlIconStyle,\n        controlIconFontSize,\n        controlVariant,\n        controlColor,\n      )}\n    </CarouselStyledHorizontal>\n  );\n};\n"],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","DeprecatedCarousel","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","autoplay","Autoplay","playOnInit","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","CarouselStyledVertical","Object","assign","template","CarouselStyledHorizontal","children"],"mappings":"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"}

package/organisms/carousel/carouselTemplate.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as l,jsx as t}from"react/jsx-runtime";import{Controller as o}from"../../components/controls/controls.js";import{Numbering as n}from"../../components/numbering/numbering.js";import{NumberingSizes as s,NumberingColors as r}from"../../utils/enum.js";const a=(e,l,t)=>l&&t?`${e}--hovered`:"",i=({selected:e,onClick:l,bulletStyle:o})=>t("button",{className:o&&"dot"===o?"embla__dot_small "+(e?"is-selected":""):"embla__dot "+(e?"is-selected":""),type:"button",onClick:l}),c=(c,m,d,_,b,u,p,h,v,N,y,g,$,C,x,k,S,f,j,M,z,D,E,L,T,A,F,H,R,V,w)=>{const G="rtl"===b;return e(l,{children:[t("div",{className:`embla ${c} ${M}`,dir:b,children:e("div",{className:"embla__viewport",ref:u,children:[t("div",{className:"embla__container",children:p.map(((e,l)=>t("div",{id:`embla ${c}__${l}`,className:"embla__slide",children:t("div",{className:"embla__slide__inner",style:{height:h},children:e})},l)))}),v&&e(l,{children:[t(o,{style:{top:`${y}px`},controlType:A,controllerColor:w,iconStyle:H,iconFontSize:R,controlVariant:V,className:`embla__button embla__button--prev ${a("prev",m,d)}`,onClickCallback:()=>L(_,b),isDisabled:G?d&&!g:!d,customHeight:N,onMouseEnter:()=>f("prev"),onMouseLeave:()=>f("")}),t(o,{style:{top:`${y}px`},controlType:F,controllerColor:w,iconStyle:H,iconFontSize:R,controlVariant:V,className:`embla__button embla__button--next ${a("next",m,g)}`,onClickCallback:()=>T(_,b),isDisabled:G?!d&&g:!g,customHeight:N,onMouseEnter:()=>f("next"),onMouseLeave:()=>f("")})]})]})}),$&&t(l,{children:t(n,{className:"carousel_numbering",index:C+j,total:p.length,customSeparator:x,colorTheme:r.DARK,size:s.LARGE})}),k&&!z&&t("div",{className:"embla__progress",children:t("div",{className:"embla__progress__bar",style:{transform:`translateX(${S}%)`}})}),z&&1===j&&t("div",{className:"embla__dots",children:p.map(((e,l)=>{const o=p.length-l-1;return t(i,{bulletStyle:D,selected:G?o===C:l===C,onClick:()=>E(_,l)},l)}))})]})};export{i as DotButton,a as getHoveredClass,c as template};
+import{jsxs as e,Fragment as l,jsx as t}from"react/jsx-runtime";import{Controller as o}from"../../components/controls/controls.js";import{Numbering as n}from"../../components/numbering/numbering.js";import{NumberingSizes as s,NumberingColors as r}from"../../utils/enum.js";const a=(e,l,t)=>l&&t?`${e}--hovered`:"",i=({selected:e,onClick:l,bulletStyle:o})=>t("button",{className:o&&"dot"===o?"embla__dot_small "+(e?"is-selected":""):"embla__dot "+(e?"is-selected":""),type:"button",onClick:l}),c=(c,m,d,_,b,u,p,h,v,N,y,g,$,C,x,k,S,f,j,M,z,D,E,L,T,A,F,H,R,V,w)=>{const G="rtl"===b;return e(l,{children:[t("div",{className:`embla ${c} ${M}`,dir:b,children:e("div",{className:"embla__viewport",ref:u,children:[t("div",{className:"embla__container",children:p.map((e,l)=>t("div",{id:`embla ${c}__${l}`,className:"embla__slide",children:t("div",{className:"embla__slide__inner",style:{height:h},children:e})},l))}),v&&e(l,{children:[t(o,{style:{top:`${y}px`},controlType:A,controllerColor:w,iconStyle:H,iconFontSize:R,controlVariant:V,className:`embla__button embla__button--prev ${a("prev",m,d)}`,onClickCallback:()=>L(_,b),isDisabled:G?d&&!g:!d,customHeight:N,onMouseEnter:()=>f("prev"),onMouseLeave:()=>f("")}),t(o,{style:{top:`${y}px`},controlType:F,controllerColor:w,iconStyle:H,iconFontSize:R,controlVariant:V,className:`embla__button embla__button--next ${a("next",m,g)}`,onClickCallback:()=>T(_,b),isDisabled:G?!d&&g:!g,customHeight:N,onMouseEnter:()=>f("next"),onMouseLeave:()=>f("")})]})]})}),$&&t(l,{children:t(n,{className:"carousel_numbering",index:C+j,total:p.length,customSeparator:x,colorTheme:r.DARK,size:s.LARGE})}),k&&!z&&t("div",{className:"embla__progress",children:t("div",{className:"embla__progress__bar",style:{transform:`translateX(${S}%)`}})}),z&&1===j&&t("div",{className:"embla__dots",children:p.map((e,l)=>{const o=p.length-l-1;return t(i,{bulletStyle:D,selected:G?o===C:l===C,onClick:()=>E(_,l)},l)})})]})};export{i as DotButton,a as getHoveredClass,c as template};
 //# sourceMappingURL=carouselTemplate.js.map

package/organisms/carousel/carouselTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"carouselTemplate.js","sources":["../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":["import React from 'react';\nimport { EmblaCarouselType } from 'embla-carousel-react';\nimport { Controller } from '../../components/controls';\nimport { Numbering } from '../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { IconNameProp } from '@/src/components/icon';\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const getHoveredClass = (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => {\n  return hovered && isBtnEnabled ? `${direction}--hovered` : '';\n};\n\nexport const DotButton = ({ selected, onClick, bulletStyle }) => (\n  <button\n    className={\n      bulletStyle && bulletStyle === 'dot'\n        ? `embla__dot_small ${selected ? 'is-selected' : ''}`\n        : `embla__dot ${selected ? 'is-selected' : ''}`\n    }\n    type=\"button\"\n    onClick={onClick}\n  />\n);\n\nexport const template = (\n  cssClass: string,\n  hovered: boolean,\n  prevBtnEnabled: boolean,\n  emblaApi: EmblaCarouselType,\n  direction: any,\n  emblaRef: any,\n  slidesItems: React.ReactNode[],\n  heightSlide: string,\n  buttonControls: boolean,\n  buttonAreaControlsHeight: string,\n  buttonControlsPosition: string,\n  nextBtnEnabled: boolean,\n  numberingSlides: boolean,\n  selectedIndex: number,\n  numberingSeparator: string,\n  progressbar: boolean,\n  scrollProgress: number,\n  toggleHover: (element: string) => void,\n  slideToShow: number,\n  classEmbla: string,\n  bulletScroll: boolean,\n  bulletStyle: string,\n  handleScrollTo: (emblaApi, index) => void,\n  handleScrollPrev: (emblaApi, index) => void,\n  handleScrollNext: (emblaApi, index) => void,\n  prevControlIcon: IconNameProp,\n  nextControlIcon: IconNameProp,\n  controlIconStyle: any,\n  controlIconFontSize: any,\n  controlVariant: any,\n  controlColor: any,\n) => {\n  const isMirrored = direction === 'rtl';\n\n  return (\n    <>\n      <div className={`embla ${cssClass} ${classEmbla}`} dir={direction}>\n        <div className=\"embla__viewport\" ref={emblaRef}>\n          <div className=\"embla__container\">\n            {slidesItems.map((slide, index) => (\n              <div id={`embla ${cssClass}__${index}`} className=\"embla__slide\" key={index}>\n                <div className=\"embla__slide__inner\" style={{ height: heightSlide }}>\n                  {slide}\n                </div>\n              </div>\n            ))}\n          </div>\n          {buttonControls && (\n            <>\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={prevControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--prev ${getHoveredClass('prev', hovered, prevBtnEnabled)}`}\n                onClickCallback={() => handleScrollPrev(emblaApi, direction)}\n                isDisabled={isMirrored ? prevBtnEnabled && !nextBtnEnabled : !prevBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('prev')}\n                onMouseLeave={() => toggleHover('')}\n              />\n              <Controller\n                style={{ top: `${buttonControlsPosition}px` }}\n                controlType={nextControlIcon}\n                controllerColor={controlColor}\n                iconStyle={controlIconStyle}\n                iconFontSize={controlIconFontSize}\n                controlVariant={controlVariant}\n                className={`embla__button embla__button--next ${getHoveredClass('next', hovered, nextBtnEnabled)}`}\n                onClickCallback={() => handleScrollNext(emblaApi, direction)}\n                isDisabled={isMirrored ? !prevBtnEnabled && nextBtnEnabled : !nextBtnEnabled}\n                customHeight={buttonAreaControlsHeight}\n                onMouseEnter={() => toggleHover('next')}\n                onMouseLeave={() => toggleHover('')}\n              />\n            </>\n          )}\n        </div>\n      </div>\n      {numberingSlides && (\n        <>\n          <Numbering\n            className=\"carousel_numbering\"\n            index={selectedIndex + slideToShow}\n            total={slidesItems.length}\n            customSeparator={numberingSeparator}\n            colorTheme={NumberingColors.DARK}\n            size={NumberingSizes.LARGE}\n          />\n        </>\n      )}\n      {progressbar && !bulletScroll && (\n        <div className=\"embla__progress\">\n          <div className=\"embla__progress__bar\" style={{ transform: `translateX(${scrollProgress}%)` }} />\n        </div>\n      )}\n\n      {bulletScroll && slideToShow === 1 && (\n        <div className=\"embla__dots\">\n          {slidesItems.map((_, index: any) => {\n            const mirroredIndex = slidesItems.length - index - 1;\n            return (\n              <DotButton\n                bulletStyle={bulletStyle}\n                key={index}\n                selected={isMirrored ? mirroredIndex === selectedIndex : index === selectedIndex}\n                onClick={() => handleScrollTo(emblaApi, index)}\n              />\n            );\n          })}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["getHoveredClass","direction","hovered","isBtnEnabled","DotButton","selected","onClick","bulletStyle","_jsx","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":"iRAQa,MAAAA,EAAkB,CAACC,EAA4BC,EAAkBC,IACrED,GAAWC,EAAe,GAAGF,aAAuB,GAGhDG,EAAY,EAAGC,WAAUC,UAASC,iBAC7CC,EACE,SAAA,CAAAC,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,EACEC,EAAA,CAAAC,SAAA,CAAAnC,EAAA,MAAA,CAAKC,UAAW,SAASG,KAAYiB,IAAce,IAAK3C,EAAS0C,SAC/DF,SAAKhC,UAAU,kBAAkBoC,IAAK9B,EAAQ4B,SAAA,CAC5CnC,SAAKC,UAAU,mBACZkC,SAAA3B,EAAY8B,KAAI,CAACC,EAAOC,IACvBxC,EAAA,MAAA,CAAKyC,GAAI,SAASrC,MAAaoC,IAASvC,UAAU,wBAChDD,EAAK,MAAA,CAAAC,UAAU,sBAAsByC,MAAO,CAAEC,OAAQlC,GACnD0B,SAAAI,KAFiEC,OAOzE9B,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,EAAK,MAAA,CAAAC,UAAU,uBAAuByC,MAAO,CAAEuB,UAAW,cAAc/C,WAI3EI,GAAgC,IAAhBF,GACfpB,EAAA,MAAA,CAAKC,UAAU,uBACZO,EAAY8B,KAAI,CAAC4B,EAAG1B,KACnB,MAAM2B,EAAgB3D,EAAYiD,OAASjB,EAAQ,EACnD,OACExC,EAACJ,EACC,CAAAG,YAAaA,EAEbF,SAAUmC,EAAamC,IAAkBpD,EAAgByB,IAAUzB,EACnEjB,QAAS,IAAMyB,EAAejB,EAAUkC,IAFnCA,EAGL,QAKT"}
+{"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/styledComponents/styledCarouselHorizontal.js

@@ -1,2 +1,2 @@
-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};
+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 +1 @@
-{"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { ternaryCondition } from '../../../utils/utilities';\nimport { CarouselPropType } from '../carousel';\nimport { Theme } from '@mui/material';\nexport enum controlButtonsHover {\n  NEXT = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K',\n  PREV = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==',\n}\n\nexport const CarouselStyledHorizontal = styled('div', {\n  shouldForwardProp: (prop) =>\n    prop !== 'isSlideDifferentWidth' &&\n    prop !== 'slidesItems' &&\n    prop !== 'slideToShow' &&\n    prop !== 'bulletTheme' &&\n    prop !== 'numberingSeparator' &&\n    prop !== 'numberingSlides' &&\n    prop !== 'startIndex' &&\n    prop !== 'cssClass' &&\n    prop !== 'buttonControls' &&\n    prop !== 'buttonAreaControlsHeight' &&\n    prop !== 'slideToScroll' &&\n    prop !== 'prevControlIcon' &&\n    prop !== 'nextControlIcon' &&\n    prop !== 'controlColor' &&\n    prop !== 'controlIconStyle' &&\n    prop !== 'controlVariant' &&\n    prop !== 'controlIconFontSize' &&\n    prop !== 'slideSelectedClass' &&\n    prop !== 'heightSlide' &&\n    prop !== 'bulletScroll' &&\n    prop !== 'bulletStyle',\n})<CarouselPropType & { theme?: Theme }>(({ theme, ...args }) => {\n  const props = args as CarouselPropType;\n  let styles = {};\n  styles = {\n    ...styles,\n    '& .embla': {\n      position: 'relative',\n      padding: '0px',\n      maxWidth: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      boxSizing: 'border-box',\n      '& *': {\n        boxSizing: 'border-box',\n      },\n      [theme.breakpoints.up('md')]: {\n        '&.embla-container-next': {\n          '& .embla__container': {\n            left: props.align === 'center' ? '-6%' : '-3%',\n          },\n        },\n        '&.embla-container-prev': {\n          '& .embla__container': {\n            left: props.align === 'center' ? '-2%' : '3%',\n          },\n        },\n      },\n    },\n    '& .embla__viewport': {\n      overflow: 'hidden',\n      width: '100%',\n    },\n    '& .embla__viewport.is-draggable': {\n      cursor: 'move',\n    },\n    '& .embla__viewport.is-dragging': {\n      cursor: 'grabbing',\n    },\n    '& .embla__container': {\n      display: 'flex',\n      userSelect: 'none',\n      webkitTouchCallout: 'none',\n      khtmlUserSelect: 'none',\n      webkitTapHighlightColor: 'transparent',\n      marginLeft: '-24px',\n      transition: 'left .4s',\n      [theme.breakpoints.up('md')]: {\n        position: 'relative',\n        left: props.align === 'center' ? '-4%' : '0',\n      },\n    },\n    '& .embla__slide': {\n      position: 'relative',\n      flex: '0 0 auto',\n      paddingLeft: '24px',\n      [theme.breakpoints.down('md')]: {\n        width: props.isSlideDifferentWidth ? '' : '100%',\n      },\n    },\n    '& .embla__slide__inner': {\n      position: 'relative',\n      overflow: 'hidden',\n      height: '100%',\n      display: props.isSlideDifferentWidth ? 'flex' : '',\n      '& img': {\n        maxWidth: '100%',\n        height: '100%',\n        objectFit: 'cover',\n      },\n    },\n    '& .embla__button': {\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: '0',\n      height: '100%',\n      zIndex: '2',\n      border: '0',\n      boxShadow: 'none',\n      backgroundColor: 'transparent',\n      cursor: 'auto',\n      borderRadius: 0,\n      '& .MuiIcon-fontSizeSmall': {\n        width: '24px',\n        height: '24px',\n      },\n      '& .MuiIcon-fontSizeMedium': {\n        width: '32px',\n        height: '32px',\n      },\n      '&:disabled': {\n        '& .MuiIcon-root': {\n          color: theme.palette.disabled.primary,\n        },\n        '&:hover': {\n          [theme.breakpoints.up('lg')]: {\n            '& .MuiIcon-root': {\n              backgroundColor: 'transparent',\n            },\n          },\n        },\n      },\n    },\n    '& .embla__button--prev': {\n      left: '0',\n      width: '12%',\n    },\n    '& .embla__button--prev.prev--hovered': {\n      [theme.breakpoints.up('lg')]: {\n        cursor: `url(${controlButtonsHover.PREV}), auto`,\n        '& button': {\n          transform: 'scale(0)',\n        },\n      },\n    },\n    '& .embla__button--next': {\n      right: '0',\n      width: '12%',\n    },\n    '& .embla__button--next.next--hovered': {\n      [theme.breakpoints.up('lg')]: {\n        cursor: `url(${controlButtonsHover.NEXT}), auto`,\n        '& button': {\n          transform: 'scale(0)',\n        },\n      },\n    },\n    '& .embla__progress': {\n      position: 'relative',\n      backgroundColor: 'transparent',\n      marginTop: props.numberingSlides === true ? '30px' : '10px',\n      maxWidth: '100%',\n      width: '100%',\n      height: '4px',\n      overflow: 'hidden',\n      borderRadius: '4px',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n    '& .embla__progress__bar': {\n      position: 'absolute',\n      backgroundColor: theme.palette.onSurface.os200,\n      width: '100%',\n      top: '0',\n      bottom: '0',\n      left: '-100%',\n    },\n    '& .carousel_numbering': {\n      [theme.breakpoints.up('md')]: {\n        position: 'absolute',\n        right: '11%',\n      },\n      [theme.breakpoints.down('md')]: {\n        textAlign: 'center',\n      },\n    },\n    '& .embla__dots': {\n      display: 'flex',\n      listStyle: 'none',\n      justifyContent: 'center',\n      paddingTop: '10px',\n\n      '& .embla__dot': {\n        backgroundColor: 'transparent',\n        cursor: 'pointer',\n        position: 'relative',\n        padding: '0',\n        outline: '0',\n        border: '0',\n        width: '30px',\n        height: '30px',\n        marginRight: '7.5px',\n        marginLeft: '7.5px',\n        display: 'flex',\n        alignItems: 'center',\n\n        '&:after': {\n          backgroundColor: theme.palette.disabled.secondary,\n          width: '50px',\n          height: '4px',\n          borderRadius: '2px',\n          content: '\"\"',\n        },\n        '&.is-selected': {\n          '&:after': {\n            backgroundColor: theme.palette.onSurface.os900,\n            opacity: '1',\n          },\n        },\n      },\n      '& .embla__dot_small': {\n        backgroundColor: 'transparent',\n        cursor: 'pointer',\n        position: 'relative',\n        padding: '0',\n        outline: '0',\n        border: '0',\n        width: '12px',\n        height: '6px',\n        marginRight: '6px',\n        marginLeft: '6px',\n        display: 'flex',\n        alignItems: 'center',\n\n        '&:after': {\n          backgroundColor: ternaryCondition(\n            props.bulletTheme,\n            'dark',\n            theme.palette.onSurface.os900,\n            theme.palette.surface.tertiary,\n          ),\n          width: '6px',\n          height: '6px',\n          borderRadius: '50%',\n          content: '\"\"',\n        },\n        '&.is-selected': {\n          '&:after': {\n            backgroundColor: 'transparent',\n            height: '12px',\n            width: '12px',\n            border: ternaryCondition(\n              props.bulletTheme,\n              'dark',\n              theme.palette.onSurface.os900,\n              theme.palette.surface.tertiary,\n            ),\n            borderRadius: '50%',\n            opacity: '1',\n          },\n        },\n      },\n    },\n  };\n  switch (props.slideToShow) {\n    case 1:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          paddingLeft: '24px',\n          [theme.breakpoints.up('md')]: {\n            flex: props.isSlideDifferentWidth ? '0 0 auto' : '0 0 100%',\n            maxWidth: props.isSlideDifferentWidth === true ? ' 100%' : '80%',\n          },\n        },\n      });\n    case 2:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 50%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n    case 3:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 33.33%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n    case 4:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 25%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n  }\n  return styles;\n});\n"],"names":["controlButtonsHover","CarouselStyledHorizontal","styled","shouldForwardProp","prop","_a","theme","props","__rest","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","boxSizing","breakpoints","up","left","align","overflow","width","cursor","display","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","transition","flex","paddingLeft","down","isSlideDifferentWidth","height","objectFit","alignItems","justifyContent","top","zIndex","border","boxShadow","backgroundColor","borderRadius","color","palette","disabled","primary","PREV","transform","right","NEXT","marginTop","numberingSlides","onSurface","os200","bottom","textAlign","listStyle","paddingTop","outline","secondary","content","os900","opacity","ternaryCondition","bulletTheme","surface","tertiary","slideToShow"],"mappings":"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"}
+{"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { ternaryCondition } from '../../../utils/utilities';\nimport { CarouselPropType } from '../carousel';\nimport { Theme } from '@mui/material';\nexport enum controlButtonsHover {\n  NEXT = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K',\n  PREV = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==',\n}\n\nexport const CarouselStyledHorizontal = styled('div', {\n  shouldForwardProp: (prop) =>\n    prop !== 'isSlideDifferentWidth' &&\n    prop !== 'slidesItems' &&\n    prop !== 'slideToShow' &&\n    prop !== 'bulletTheme' &&\n    prop !== 'numberingSeparator' &&\n    prop !== 'numberingSlides' &&\n    prop !== 'startIndex' &&\n    prop !== 'cssClass' &&\n    prop !== 'buttonControls' &&\n    prop !== 'buttonAreaControlsHeight' &&\n    prop !== 'slideToScroll' &&\n    prop !== 'prevControlIcon' &&\n    prop !== 'nextControlIcon' &&\n    prop !== 'controlColor' &&\n    prop !== 'controlIconStyle' &&\n    prop !== 'controlVariant' &&\n    prop !== 'controlIconFontSize' &&\n    prop !== 'slideSelectedClass' &&\n    prop !== 'heightSlide' &&\n    prop !== 'bulletScroll' &&\n    prop !== 'bulletStyle',\n})<CarouselPropType & { theme?: Theme }>(({ theme, ...args }) => {\n  const props = args as CarouselPropType;\n  let styles = {};\n  styles = {\n    ...styles,\n    '& .embla': {\n      position: 'relative',\n      padding: '0px',\n      maxWidth: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      boxSizing: 'border-box',\n      '& *': {\n        boxSizing: 'border-box',\n      },\n      [theme.breakpoints.up('md')]: {\n        '&.embla-container-next': {\n          '& .embla__container': {\n            left: props.align === 'center' ? '-6%' : '-3%',\n          },\n        },\n        '&.embla-container-prev': {\n          '& .embla__container': {\n            left: props.align === 'center' ? '-2%' : '3%',\n          },\n        },\n      },\n    },\n    '& .embla__viewport': {\n      overflow: 'hidden',\n      width: '100%',\n    },\n    '& .embla__viewport.is-draggable': {\n      cursor: 'move',\n    },\n    '& .embla__viewport.is-dragging': {\n      cursor: 'grabbing',\n    },\n    '& .embla__container': {\n      display: 'flex',\n      userSelect: 'none',\n      webkitTouchCallout: 'none',\n      khtmlUserSelect: 'none',\n      webkitTapHighlightColor: 'transparent',\n      marginLeft: '-24px',\n      transition: 'left .4s',\n      [theme.breakpoints.up('md')]: {\n        position: 'relative',\n        left: props.align === 'center' ? '-4%' : '0',\n      },\n    },\n    '& .embla__slide': {\n      position: 'relative',\n      flex: '0 0 auto',\n      paddingLeft: '24px',\n      [theme.breakpoints.down('md')]: {\n        width: props.isSlideDifferentWidth ? '' : '100%',\n      },\n    },\n    '& .embla__slide__inner': {\n      position: 'relative',\n      overflow: 'hidden',\n      height: '100%',\n      display: props.isSlideDifferentWidth ? 'flex' : '',\n      '& img': {\n        maxWidth: '100%',\n        height: '100%',\n        objectFit: 'cover',\n      },\n    },\n    '& .embla__button': {\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: '0',\n      height: '100%',\n      zIndex: '2',\n      border: '0',\n      boxShadow: 'none',\n      backgroundColor: 'transparent',\n      cursor: 'auto',\n      borderRadius: 0,\n      '& .MuiIcon-fontSizeSmall': {\n        width: '24px',\n        height: '24px',\n      },\n      '& .MuiIcon-fontSizeMedium': {\n        width: '32px',\n        height: '32px',\n      },\n      '&:disabled': {\n        '& .MuiIcon-root': {\n          color: theme.palette.disabled.primary,\n        },\n        '&:hover': {\n          [theme.breakpoints.up('lg')]: {\n            '& .MuiIcon-root': {\n              backgroundColor: 'transparent',\n            },\n          },\n        },\n      },\n    },\n    '& .embla__button--prev': {\n      left: '0',\n      width: '12%',\n    },\n    '& .embla__button--prev.prev--hovered': {\n      [theme.breakpoints.up('lg')]: {\n        cursor: `url(${controlButtonsHover.PREV}), auto`,\n        '& button': {\n          transform: 'scale(0)',\n        },\n      },\n    },\n    '& .embla__button--next': {\n      right: '0',\n      width: '12%',\n    },\n    '& .embla__button--next.next--hovered': {\n      [theme.breakpoints.up('lg')]: {\n        cursor: `url(${controlButtonsHover.NEXT}), auto`,\n        '& button': {\n          transform: 'scale(0)',\n        },\n      },\n    },\n    '& .embla__progress': {\n      position: 'relative',\n      backgroundColor: 'transparent',\n      marginTop: props.numberingSlides === true ? '30px' : '10px',\n      maxWidth: '100%',\n      width: '100%',\n      height: '4px',\n      overflow: 'hidden',\n      borderRadius: '4px',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n    '& .embla__progress__bar': {\n      position: 'absolute',\n      backgroundColor: theme.palette.onSurface.os200,\n      width: '100%',\n      top: '0',\n      bottom: '0',\n      left: '-100%',\n    },\n    '& .carousel_numbering': {\n      [theme.breakpoints.up('md')]: {\n        position: 'absolute',\n        right: '11%',\n      },\n      [theme.breakpoints.down('md')]: {\n        textAlign: 'center',\n      },\n    },\n    '& .embla__dots': {\n      display: 'flex',\n      listStyle: 'none',\n      justifyContent: 'center',\n      paddingTop: '10px',\n\n      '& .embla__dot': {\n        backgroundColor: 'transparent',\n        cursor: 'pointer',\n        position: 'relative',\n        padding: '0',\n        outline: '0',\n        border: '0',\n        width: '30px',\n        height: '30px',\n        marginRight: '7.5px',\n        marginLeft: '7.5px',\n        display: 'flex',\n        alignItems: 'center',\n\n        '&:after': {\n          backgroundColor: theme.palette.disabled.secondary,\n          width: '50px',\n          height: '4px',\n          borderRadius: '2px',\n          content: '\"\"',\n        },\n        '&.is-selected': {\n          '&:after': {\n            backgroundColor: theme.palette.onSurface.os900,\n            opacity: '1',\n          },\n        },\n      },\n      '& .embla__dot_small': {\n        backgroundColor: 'transparent',\n        cursor: 'pointer',\n        position: 'relative',\n        padding: '0',\n        outline: '0',\n        border: '0',\n        width: '12px',\n        height: '6px',\n        marginRight: '6px',\n        marginLeft: '6px',\n        display: 'flex',\n        alignItems: 'center',\n\n        '&:after': {\n          backgroundColor: ternaryCondition(\n            props.bulletTheme,\n            'dark',\n            theme.palette.onSurface.os900,\n            theme.palette.surface.tertiary,\n          ),\n          width: '6px',\n          height: '6px',\n          borderRadius: '50%',\n          content: '\"\"',\n        },\n        '&.is-selected': {\n          '&:after': {\n            backgroundColor: 'transparent',\n            height: '12px',\n            width: '12px',\n            border: ternaryCondition(\n              props.bulletTheme,\n              'dark',\n              theme.palette.onSurface.os900,\n              theme.palette.surface.tertiary,\n            ),\n            borderRadius: '50%',\n            opacity: '1',\n          },\n        },\n      },\n    },\n  };\n  switch (props.slideToShow) {\n    case 1:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          paddingLeft: '24px',\n          [theme.breakpoints.up('md')]: {\n            flex: props.isSlideDifferentWidth ? '0 0 auto' : '0 0 100%',\n            maxWidth: props.isSlideDifferentWidth === true ? ' 100%' : '80%',\n          },\n        },\n      });\n    case 2:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 50%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n    case 3:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 33.33%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n    case 4:\n      return (styles = {\n        ...styles,\n        '& .embla__slide': {\n          position: 'relative',\n          flex: '0 0 100%',\n          [theme.breakpoints.up('md')]: {\n            flex: '0 0 25%',\n          },\n          paddingLeft: '24px',\n        },\n      });\n  }\n  return styles;\n});\n"],"names":["controlButtonsHover","CarouselStyledHorizontal","styled","shouldForwardProp","prop","_a","theme","props","__rest","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","boxSizing","breakpoints","up","left","align","overflow","width","cursor","display","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","transition","flex","paddingLeft","down","isSlideDifferentWidth","height","objectFit","alignItems","justifyContent","top","zIndex","border","boxShadow","backgroundColor","borderRadius","color","palette","disabled","primary","PREV","transform","right","NEXT","marginTop","numberingSlides","onSurface","os200","bottom","textAlign","listStyle","paddingTop","outline","secondary","content","os900","opacity","ternaryCondition","bulletTheme","surface","tertiary","slideToShow"],"mappings":"gJAIYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,ybACAA,EAAA,KAAA,4bACD,CAHD,CAAYA,IAAAA,EAAmB,CAAA,IAKxB,MAAMC,EAA2BC,EAAO,MAAO,CACpDC,kBAAoBC,GACT,0BAATA,GACS,gBAATA,GACS,gBAATA,GACS,gBAATA,GACS,uBAATA,GACS,oBAATA,GACS,eAATA,GACS,aAATA,GACS,mBAATA,GACS,6BAATA,GACS,kBAATA,GACS,oBAATA,GACS,oBAATA,GACS,iBAATA,GACS,qBAATA,GACS,mBAATA,GACS,wBAATA,GACS,uBAATA,GACS,gBAATA,GACS,iBAATA,GACS,gBAATA,GAtBoCF,CAuBEG,IAAA,IAAAC,MAAEA,GAAKD,EAC/C,MAAME,EADkDC,EAAAH,EAAhB,WAExC,IAAII,EAAS,CAAA,EAyOb,OAxOAA,EAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACDF,GAAM,CACT,WAAY,CACVG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,OACbC,UAAW,aACX,MAAO,CACLA,UAAW,cAEb,CAACX,EAAMY,YAAYC,GAAG,OAAQ,CAC5B,yBAA0B,CACxB,sBAAuB,CACrBC,KAAsB,WAAhBb,EAAMc,MAAqB,MAAQ,QAG7C,yBAA0B,CACxB,sBAAuB,CACrBD,KAAsB,WAAhBb,EAAMc,MAAqB,MAAQ,SAKjD,qBAAsB,CACpBC,SAAU,SACVC,MAAO,QAET,kCAAmC,CACjCC,OAAQ,QAEV,iCAAkC,CAChCA,OAAQ,YAEV,sBAAuB,CACrBC,QAAS,OACTC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBd,WAAY,QACZe,WAAY,WACZ,CAACxB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BP,SAAU,WACVQ,KAAsB,WAAhBb,EAAMc,MAAqB,MAAQ,MAG7C,kBAAmB,CACjBT,SAAU,WACVmB,KAAM,WACNC,YAAa,OACb,CAAC1B,EAAMY,YAAYe,KAAK,OAAQ,CAC9BV,MAAOhB,EAAM2B,sBAAwB,GAAK,SAG9C,yBAA0B,CACxBtB,SAAU,WACVU,SAAU,SACVa,OAAQ,OACRV,QAASlB,EAAM2B,sBAAwB,OAAS,GAChD,QAAS,CACPpB,SAAU,OACVqB,OAAQ,OACRC,UAAW,UAGf,mBAAoB,CAClBxB,SAAU,WACVa,QAAS,OACTY,WAAY,SACZC,eAAgB,SAChBC,IAAK,IACLJ,OAAQ,OACRK,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBnB,OAAQ,OACRoB,aAAc,EACd,2BAA4B,CAC1BrB,MAAO,OACPY,OAAQ,QAEV,4BAA6B,CAC3BZ,MAAO,OACPY,OAAQ,QAEV,aAAc,CACZ,kBAAmB,CACjBU,MAAOvC,EAAMwC,QAAQC,SAASC,SAEhC,UAAW,CACT,CAAC1C,EAAMY,YAAYC,GAAG,OAAQ,CAC5B,kBAAmB,CACjBwB,gBAAiB,mBAM3B,yBAA0B,CACxBvB,KAAM,IACNG,MAAO,OAET,uCAAwC,CACtC,CAACjB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BK,OAAQ,OAAOxB,EAAoBiD,cACnC,WAAY,CACVC,UAAW,cAIjB,yBAA0B,CACxBC,MAAO,IACP5B,MAAO,OAET,uCAAwC,CACtC,CAACjB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BK,OAAQ,OAAOxB,EAAoBoD,cACnC,WAAY,CACVF,UAAW,cAIjB,qBAAsB,CACpBtC,SAAU,WACV+B,gBAAiB,cACjBU,WAAqC,IAA1B9C,EAAM+C,gBAA2B,OAAS,OACrDxC,SAAU,OACVS,MAAO,OACPY,OAAQ,MACRb,SAAU,SACVsB,aAAc,MACd7B,WAAY,OACZC,YAAa,QAEf,0BAA2B,CACzBJ,SAAU,WACV+B,gBAAiBrC,EAAMwC,QAAQS,UAAUC,MACzCjC,MAAO,OACPgB,IAAK,IACLkB,OAAQ,IACRrC,KAAM,SAER,wBAAyB,CACvB,CAACd,EAAMY,YAAYC,GAAG,OAAQ,CAC5BP,SAAU,WACVuC,MAAO,OAET,CAAC7C,EAAMY,YAAYe,KAAK,OAAQ,CAC9ByB,UAAW,WAGf,iBAAkB,CAChBjC,QAAS,OACTkC,UAAW,OACXrB,eAAgB,SAChBsB,WAAY,OAEZ,gBAAiB,CACfjB,gBAAiB,cACjBnB,OAAQ,UACRZ,SAAU,WACVC,QAAS,IACTgD,QAAS,IACTpB,OAAQ,IACRlB,MAAO,OACPY,OAAQ,OACRnB,YAAa,QACbD,WAAY,QACZU,QAAS,OACTY,WAAY,SAEZ,UAAW,CACTM,gBAAiBrC,EAAMwC,QAAQC,SAASe,UACxCvC,MAAO,OACPY,OAAQ,MACRS,aAAc,MACdmB,QAAS,MAEX,gBAAiB,CACf,UAAW,CACTpB,gBAAiBrC,EAAMwC,QAAQS,UAAUS,MACzCC,QAAS,OAIf,sBAAuB,CACrBtB,gBAAiB,cACjBnB,OAAQ,UACRZ,SAAU,WACVC,QAAS,IACTgD,QAAS,IACTpB,OAAQ,IACRlB,MAAO,OACPY,OAAQ,MACRnB,YAAa,MACbD,WAAY,MACZU,QAAS,OACTY,WAAY,SAEZ,UAAW,CACTM,gBAAiBuB,EACf3D,EAAM4D,YACN,OACA7D,EAAMwC,QAAQS,UAAUS,MACxB1D,EAAMwC,QAAQsB,QAAQC,UAExB9C,MAAO,MACPY,OAAQ,MACRS,aAAc,MACdmB,QAAS,MAEX,gBAAiB,CACf,UAAW,CACTpB,gBAAiB,cACjBR,OAAQ,OACRZ,MAAO,OACPkB,OAAQyB,EACN3D,EAAM4D,YACN,OACA7D,EAAMwC,QAAQS,UAAUS,MACxB1D,EAAMwC,QAAQsB,QAAQC,UAExBzB,aAAc,MACdqB,QAAS,UAMX1D,EAAM+D,aACZ,KAAK,EACH,OAAc5D,OAAAC,OAAAD,OAAAC,OAAA,GACTF,GAAM,CACT,kBAAmB,CACjBG,SAAU,WACVmB,KAAM,WACNC,YAAa,OACb,CAAC1B,EAAMY,YAAYC,GAAG,OAAQ,CAC5BY,KAAMxB,EAAM2B,sBAAwB,WAAa,WACjDpB,UAA0C,IAAhCP,EAAM2B,sBAAiC,QAAU,UAInE,KAAK,EACH,OAAcxB,OAAAC,OAAAD,OAAAC,OAAA,GACTF,GAAM,CACT,kBAAmB,CACjBG,SAAU,WACVmB,KAAM,WACN,CAACzB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BY,KAAM,WAERC,YAAa,UAGnB,KAAK,EACH,OAActB,OAAAC,OAAAD,OAAAC,OAAA,GACTF,GAAM,CACT,kBAAmB,CACjBG,SAAU,WACVmB,KAAM,WACN,CAACzB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BY,KAAM,cAERC,YAAa,UAGnB,KAAK,EACH,OAActB,OAAAC,OAAAD,OAAAC,OAAA,GACTF,GAAM,CACT,kBAAmB,CACjBG,SAAU,WACVmB,KAAM,WACN,CAACzB,EAAMY,YAAYC,GAAG,OAAQ,CAC5BY,KAAM,WAERC,YAAa,UAIrB,OAAOvB"}

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

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

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

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

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

package/organisms/carousel2/components/NavButton.js

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

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

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

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

package/organisms/carousel2/galleryCarousel/GalleryItemText.js

@@ -1,2 +1,2 @@
-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};
+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 +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":["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,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,GAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,EAACC,EAAU,CACTX,MAAOQ,EACPI,GAAI,CACFC,cAAe,qBAChB,cACW,gBAAed,SAE1BA,GACU"}
+{"version":3,"file":"GalleryItemText.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/GalleryItemText.tsx"],"sourcesContent":["import { Theme, Typography, useMediaQuery } from '@mui/material';\nimport React, { useContext, useMemo } from 'react';\nimport { GalleryItemContext } from './galleryItemContext';\n\nexport type GalleryItemTextProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryItemText: React.FC<GalleryItemTextProps> = ({ children }) => {\n  const { color } = useContext(GalleryItemContext);\n  const smallerThanMd = useMediaQuery<Theme>((theme) => theme.breakpoints.down('md'));\n\n  const fontColor = useMemo(() => {\n    if (smallerThanMd) {\n      return '#161718';\n    }\n    return color === 'light' ? '#fff' : '#161718';\n  }, [smallerThanMd, color]);\n\n  return (\n    <Typography\n      color={fontColor}\n      sx={{\n        letterSpacing: '0.02em !important',\n      }}\n      data-testid=\"Carousel.text\"\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["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"}