npm - @skodaflow/web-library - Versions diffs - 7.15.1 → 7.16.1 - Mend

@skodaflow/web-library 7.15.1 → 7.16.1

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

Files changed (3915) hide show

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

	@@ -1 +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","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","optionsAutoplay","playOnInit","autoplay","Autoplay","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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"}
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","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","optionsAutoplay","playOnInit","autoplay","Autoplay","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/cjs/organisms/carousel/carouselTemplate.js CHANGED Viewed

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

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

	@@ -1 +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","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":"yLAQO,MAAMA,EAAkB,CAACC,EAA4BC,EAAkBC,IACrED,GAAWC,EAAe,GAAGF,aAAuB,GAGhDG,EAAY,EAAGC,WAAUC,UAASC,iBAC7CC,EAAAA,IAAA,SAAA,CACEC,UACEF,GAA+B,QAAhBA,EACX,qBAAoBF,EAAW,cAAgB,IAC/C,eAAcA,EAAW,cAAgB,IAE/CK,KAAK,SACLJ,QAASA,mEAIW,CACtBK,EACAT,EACAU,EACAC,EACAZ,EACAa,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAtB,EACAuB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA2B,QAAdtC,EAEnB,OACEuC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACElC,EAAAA,IAAA,MAAA,CAAKC,UAAW,SAASE,KAAYiB,IAAce,IAAK1C,EAASyC,SAC/DF,cAAK/B,UAAU,kBAAkBmC,IAAK9B,EAAQ4B,SAAA,CAC5ClC,EAAAA,WAAKC,UAAU,mBAAkBiC,SAC9B3B,EAAY8B,~~KAAI~~,CAACC,EAAOC,IACvBvC,MAAA,MAAA,CAAKwC,GAAI,SAASrC,MAAaoC,IAAStC,UAAU,wBAChDD,EAAAA,IAAA,MAAA,CAAKC,UAAU,sBAAsBwC,MAAO,CAAEC,OAAQlC,GAAa0B,SAChEI,KAFiEC,~~OAOzE9B~~,GACCuB,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACElC,EAAAA,IAAC2C,EAAAA,WAAU,CACTF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAapB,EACbqB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB5B,UAAW,qCAAqCT,EAAgB,OAAQE,EAASU,KACjF6C,gBAAiB,IAAM1B,EAAiBlB,EAAUZ,GAClDyD,WAAYnB,EAAa3B,IAAmBQ,GAAkBR,EAC9D+C,aAAczC,EACd0C,aAAc,IAAMlC,EAAY,QAChCmC,aAAc,IAAMnC,EAAY,MAElClB,EAAAA,IAAC2C,EAAAA,YACCF,MAAO,CAAEG,IAAK,GAAGjC,OACjBkC,YAAanB,EACboB,gBAAiBhB,EACjBiB,UAAWpB,EACXqB,aAAcpB,EACdC,eAAgBA,EAChB5B,UAAW,qCAAqCT,EAAgB,OAAQE,EAASkB,KACjFqC,gBAAiB,IAAMzB,EAAiBnB,EAAUZ,GAClDyD,WAAYnB,GAAc3B,GAAkBQ,GAAkBA,EAC9DuC,aAAczC,EACd0C,aAAc,IAAMlC,EAAY,QAChCmC,aAAc,IAAMnC,EAAY,cAMzCL,GACCb,EAAAA,IAAAiC,EAAAA,SAAA,CAAAC,SACElC,EAAAA,IAACsD,EAAAA,UAAS,CACRrD,UAAU,qBACVsC,MAAOzB,EAAgBK,EACvBoC,MAAOhD,EAAYiD,OACnBC,gBAAiB1C,EACjB2C,WAAYC,EAAAA,gBAAgBC,KAC5BC,KAAMC,iBAAeC,UAI1B/C,IAAgBK,GACfrB,EAAAA,IAAA,MAAA,CAAKC,UAAU,2BACbD,EAAAA,IAAA,MAAA,CAAKC,UAAU,uBAAuBwC,MAAO,CAAEuB,UAAW,cAAc/C,WAI3EI,GAAgC,IAAhBF,GACfnB,EAAAA,IAAA,MAAA,CAAKC,UAAU,uBACZM,EAAY8B,~~KAAI~~,CAAC4B,EAAG1B,KACnB,MAAM2B,EAAgB3D,EAAYiD,OAASjB,EAAQ,EACnD,OACEvC,EAAAA,IAACJ,EAAS,CACRG,YAAaA,EAEbF,SAAUkC,EAAamC,IAAkBpD,EAAgByB,IAAUzB,EACnEhB,QAAS,IAAMwB,EAAejB,EAAUkC,IAFnCA~~,EAGL,QAKT~~"}
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","cssClass","prevBtnEnabled","emblaApi","emblaRef","slidesItems","heightSlide","buttonControls","buttonAreaControlsHeight","buttonControlsPosition","nextBtnEnabled","numberingSlides","selectedIndex","numberingSeparator","progressbar","scrollProgress","toggleHover","slideToShow","classEmbla","bulletScroll","handleScrollTo","handleScrollPrev","handleScrollNext","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","isMirrored","_jsxs","_Fragment","children","dir","ref","map","slide","index","id","style","height","Controller","top","controlType","controllerColor","iconStyle","iconFontSize","onClickCallback","isDisabled","customHeight","onMouseEnter","onMouseLeave","Numbering","total","length","customSeparator","colorTheme","NumberingColors","DARK","size","NumberingSizes","LARGE","transform","_","mirroredIndex"],"mappings":"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"}

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

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

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

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

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

@@ -1,4 +1,4 @@
 import { CarouselPropType } from '../carousel';
-export declare const CarouselStyledVertical: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/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/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material"),o=require("react"),i=require("../../../components/numbering/numbering.js");exports.Numbering=n=>{var{direction:s,separator:a,color:l,size:c,emblaApi:u}=n,d=e.__rest(n,["direction","separator","color","size","emblaApi"]);const[p,m]=o.useState(0),[x,b]=o.useState(0);return o.useEffect((()=>{if(u){const e=()=>{const e=u.slideNodes().length,r=u.selectedScrollSnap()+1;m(e),b(r)};u.on("scroll",e),e()}}),[u]),r.jsx(t.Box,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"===l?"#F3F3F31F":"#1617180F",".total-container":{color:"#9E9FA0 !important"},".separator-container":{color:"#9E9FA0 !important"},".index-container":{color:"dark"===l?"#FFFFFF":"#161718"}},d.sx),"data-testid":"Carousel.numbering",children:r.jsx(i.Numbering,{index:x,total:p,customSeparator:null!=a?a:"/",colorTheme:l,size:c})}))};
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material"),o=require("react"),i=require("../../../components/numbering/numbering.js");exports.Numbering=n=>{var{direction:s,separator:a,color:l,size:c,emblaApi:u}=n,d=e.__rest(n,["direction","separator","color","size","emblaApi"]);const[p,m]=o.useState(0),[x,b]=o.useState(0);return o.useEffect(()=>{if(u){const e=()=>{const e=u.slideNodes().length,r=u.selectedScrollSnap()+1;m(e),b(r)};u.on("scroll",e),e()}},[u]),r.jsx(t.Box,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"===l?"#F3F3F31F":"#1617180F",".total-container":{color:"#9E9FA0 !important"},".separator-container":{color:"#9E9FA0 !important"},".index-container":{color:"dark"===l?"#FFFFFF":"#161718"}},d.sx),"data-testid":"Carousel.numbering",children:r.jsx(i.Numbering,{index:x,total:p,customSeparator:null!=a?a:"/",colorTheme:l,size:c})}))};
 //# sourceMappingURL=Numbering.js.map

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

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

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

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

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

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

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

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

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

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

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

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