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

@skodaflow/web-library 7.13.1 → 7.14.0

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

Files changed (338) hide show

package/cjs/node_modules/swiper/swiper-react.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"swiper-react.js","sources":["../../../../node_modules/swiper/swiper-react.mjs"],"sourcesContent":["/*\n Swiper React 11.2.8\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n \n Copyright 2014-2025 Vladimir Kharlampidi\n \n Released under the MIT License\n \n Released on: May 23, 2025\n /\n\nimport React, { useEffect, useLayoutEffect, useContext, createContext, forwardRef, useState, useRef } from 'react';\nimport { S as Swiper$1 } from './shared/swiper-core.mjs';\nimport { g as getParams, m as mountSwiper, a as getChangedParams, u as updateOnVirtualData } from './shared/update-on-virtual-data.mjs';\nimport { d as uniqueClasses, w as wrapperClass, n as needsNavigation, b as needsScrollbar, a as needsPagination, e as extend, u as updateSwiper } from './shared/update-swiper.mjs';\n\nfunction _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\n\nfunction isChildSwiperSlide(child) {\n return child.type && child.type.displayName && child.type.displayName.includes('SwiperSlide');\n}\nfunction processChildren(c) {\n const slides = [];\n React.Children.toArray(c).forEach(child => {\n if (isChildSwiperSlide(child)) {\n slides.push(child);\n } else if (child.props && child.props.children) {\n processChildren(child.props.children).forEach(slide => slides.push(slide));\n }\n });\n return slides;\n}\nfunction getChildren(c) {\n const slides = [];\n const slots = {\n 'container-start': [],\n 'container-end': [],\n 'wrapper-start': [],\n 'wrapper-end': []\n };\n React.Children.toArray(c).forEach(child => {\n if (isChildSwiperSlide(child)) {\n slides.push(child);\n } else if (child.props && child.props.slot && slots[child.props.slot]) {\n slots[child.props.slot].push(child);\n } else if (child.props && child.props.children) {\n const foundSlides = processChildren(child.props.children);\n if (foundSlides.length > 0) {\n foundSlides.forEach(slide => slides.push(slide));\n } else {\n slots['container-end'].push(child);\n }\n } else {\n slots['container-end'].push(child);\n }\n });\n return {\n slides,\n slots\n };\n}\n\nfunction renderVirtual(swiper, slides, virtualData) {\n if (!virtualData) return null;\n const getSlideIndex = index => {\n let slideIndex = index;\n if (index < 0) {\n slideIndex = slides.length + index;\n } else if (slideIndex >= slides.length) {\n // eslint-disable-next-line\n slideIndex = slideIndex - slides.length;\n }\n return slideIndex;\n };\n const style = swiper.isHorizontal() ? {\n [swiper.rtlTranslate ? 'right' : 'left']: `${virtualData.offset}px`\n } : {\n top: `${virtualData.offset}px`\n };\n const {\n from,\n to\n } = virtualData;\n const loopFrom = swiper.params.loop ? -slides.length : 0;\n const loopTo = swiper.params.loop ? slides.length 2 : slides.length;\n const slidesToRender = [];\n for (let i = loopFrom; i < loopTo; i += 1) {\n if (i >= from && i <= to) {\n slidesToRender.push(slides[getSlideIndex(i)]);\n }\n }\n return slidesToRender.map((child, index) => {\n return /#__PURE__/React.cloneElement(child, {\n swiper,\n style,\n key: child.props.virtualIndex \|\| child.key \|\| `slide-${index}`\n });\n });\n}\n\nfunction useIsomorphicLayoutEffect(callback, deps) {\n // eslint-disable-next-line\n if (typeof window === 'undefined') return useEffect(callback, deps);\n return useLayoutEffect(callback, deps);\n}\n\nconst SwiperSlideContext = /#__PURE__/createContext(null);\nconst useSwiperSlide = () => {\n return useContext(SwiperSlideContext);\n};\nconst SwiperContext = /#__PURE__/createContext(null);\nconst useSwiper = () => {\n return useContext(SwiperContext);\n};\n\nconst Swiper = /#__PURE__/forwardRef(function (_temp, externalElRef) {\n let {\n className,\n tag: Tag = 'div',\n wrapperTag: WrapperTag = 'div',\n children,\n onSwiper,\n ...rest\n } = _temp === void 0 ? {} : _temp;\n let eventsAssigned = false;\n const [containerClasses, setContainerClasses] = useState('swiper');\n const [virtualData, setVirtualData] = useState(null);\n const [breakpointChanged, setBreakpointChanged] = useState(false);\n const initializedRef = useRef(false);\n const swiperElRef = useRef(null);\n const swiperRef = useRef(null);\n const oldPassedParamsRef = useRef(null);\n const oldSlides = useRef(null);\n const nextElRef = useRef(null);\n const prevElRef = useRef(null);\n const paginationElRef = useRef(null);\n const scrollbarElRef = useRef(null);\n const {\n params: swiperParams,\n passedParams,\n rest: restProps,\n events\n } = getParams(rest);\n const {\n slides,\n slots\n } = getChildren(children);\n const onBeforeBreakpoint = () => {\n setBreakpointChanged(!breakpointChanged);\n };\n Object.assign(swiperParams.on, {\n _containerClasses(swiper, classes) {\n setContainerClasses(classes);\n }\n });\n const initSwiper = () => {\n // init swiper\n Object.assign(swiperParams.on, events);\n eventsAssigned = true;\n const passParams = {\n ...swiperParams\n };\n delete passParams.wrapperClass;\n swiperRef.current = new Swiper$1(passParams);\n if (swiperRef.current.virtual && swiperRef.current.params.virtual.enabled) {\n swiperRef.current.virtual.slides = slides;\n const extendWith = {\n cache: false,\n slides,\n renderExternal: setVirtualData,\n renderExternalUpdate: false\n };\n extend(swiperRef.current.params.virtual, extendWith);\n extend(swiperRef.current.originalParams.virtual, extendWith);\n }\n };\n if (!swiperElRef.current) {\n initSwiper();\n }\n\n // Listen for breakpoints change\n if (swiperRef.current) {\n swiperRef.current.on('_beforeBreakpoint', onBeforeBreakpoint);\n }\n const attachEvents = () => {\n if (eventsAssigned \|\| !events \|\| !swiperRef.current) return;\n Object.keys(events).forEach(eventName => {\n swiperRef.current.on(eventName, events[eventName]);\n });\n };\n const detachEvents = () => {\n if (!events \|\| !swiperRef.current) return;\n Object.keys(events).forEach(eventName => {\n swiperRef.current.off(eventName, events[eventName]);\n });\n };\n useEffect(() => {\n return () => {\n if (swiperRef.current) swiperRef.current.off('_beforeBreakpoint', onBeforeBreakpoint);\n };\n });\n\n // set initialized flag\n useEffect(() => {\n if (!initializedRef.current && swiperRef.current) {\n swiperRef.current.emitSlidesClasses();\n initializedRef.current = true;\n }\n });\n\n // mount swiper\n useIsomorphicLayoutEffect(() => {\n if (externalElRef) {\n externalElRef.current = swiperElRef.current;\n }\n if (!swiperElRef.current) return;\n if (swiperRef.current.destroyed) {\n initSwiper();\n }\n mountSwiper({\n el: swiperElRef.current,\n nextEl: nextElRef.current,\n prevEl: prevElRef.current,\n paginationEl: paginationElRef.current,\n scrollbarEl: scrollbarElRef.current,\n swiper: swiperRef.current\n }, swiperParams);\n if (onSwiper && !swiperRef.current.destroyed) onSwiper(swiperRef.current);\n // eslint-disable-next-line\n return () => {\n if (swiperRef.current && !swiperRef.current.destroyed) {\n swiperRef.current.destroy(true, false);\n }\n };\n }, []);\n\n // watch for params change\n useIsomorphicLayoutEffect(() => {\n attachEvents();\n const changedParams = getChangedParams(passedParams, oldPassedParamsRef.current, slides, oldSlides.current, c => c.key);\n oldPassedParamsRef.current = passedParams;\n oldSlides.current = slides;\n if (changedParams.length && swiperRef.current && !swiperRef.current.destroyed) {\n updateSwiper({\n swiper: swiperRef.current,\n slides,\n passedParams,\n changedParams,\n nextEl: nextElRef.current,\n prevEl: prevElRef.current,\n scrollbarEl: scrollbarElRef.current,\n paginationEl: paginationElRef.current\n });\n }\n return () => {\n detachEvents();\n };\n });\n\n // update on virtual update\n useIsomorphicLayoutEffect(() => {\n updateOnVirtualData(swiperRef.current);\n }, [virtualData]);\n\n // bypass swiper instance to slides\n function renderSlides() {\n if (swiperParams.virtual) {\n return renderVirtual(swiperRef.current, slides, virtualData);\n }\n return slides.map((child, index) => {\n return /#__PURE__/React.cloneElement(child, {\n swiper: swiperRef.current,\n swiperSlideIndex: index\n });\n });\n }\n return /#__PURE__/React.createElement(Tag, _extends({\n ref: swiperElRef,\n className: uniqueClasses(`${containerClasses}${className ? ` ${className}` : ''}`)\n }, restProps), /#__PURE__/React.createElement(SwiperContext.Provider, {\n value: swiperRef.current\n }, slots['container-start'], /#__PURE__/React.createElement(WrapperTag, {\n className: wrapperClass(swiperParams.wrapperClass)\n }, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), needsNavigation(swiperParams) && /#__PURE__/React.createElement(React.Fragment, null, /#__PURE__/React.createElement(\"div\", {\n ref: prevElRef,\n className: \"swiper-button-prev\"\n }), /#__PURE__/React.createElement(\"div\", {\n ref: nextElRef,\n className: \"swiper-button-next\"\n })), needsScrollbar(swiperParams) && /#__PURE__/React.createElement(\"div\", {\n ref: scrollbarElRef,\n className: \"swiper-scrollbar\"\n }), needsPagination(swiperParams) && /#__PURE__/React.createElement(\"div\", {\n ref: paginationElRef,\n className: \"swiper-pagination\"\n }), slots['container-end']));\n});\nSwiper.displayName = 'Swiper';\n\nconst SwiperSlide = /#__PURE__/forwardRef(function (_temp, externalRef) {\n let {\n tag: Tag = 'div',\n children,\n className = '',\n swiper,\n zoom,\n lazy,\n virtualIndex,\n swiperSlideIndex,\n ...rest\n } = _temp === void 0 ? {} : _temp;\n const slideElRef = useRef(null);\n const [slideClasses, setSlideClasses] = useState('swiper-slide');\n const [lazyLoaded, setLazyLoaded] = useState(false);\n function updateClasses(_s, el, classNames) {\n if (el === slideElRef.current) {\n setSlideClasses(classNames);\n }\n }\n useIsomorphicLayoutEffect(() => {\n if (typeof swiperSlideIndex !== 'undefined') {\n slideElRef.current.swiperSlideIndex = swiperSlideIndex;\n }\n if (externalRef) {\n externalRef.current = slideElRef.current;\n }\n if (!slideElRef.current \|\| !swiper) {\n return;\n }\n if (swiper.destroyed) {\n if (slideClasses !== 'swiper-slide') {\n setSlideClasses('swiper-slide');\n }\n return;\n }\n swiper.on('_slideClass', updateClasses);\n // eslint-disable-next-line\n return () => {\n if (!swiper) return;\n swiper.off('_slideClass', updateClasses);\n };\n });\n useIsomorphicLayoutEffect(() => {\n if (swiper && slideElRef.current && !swiper.destroyed) {\n setSlideClasses(swiper.getSlideClasses(slideElRef.current));\n }\n }, [swiper]);\n const slideData = {\n isActive: slideClasses.indexOf('swiper-slide-active') >= 0,\n isVisible: slideClasses.indexOf('swiper-slide-visible') >= 0,\n isPrev: slideClasses.indexOf('swiper-slide-prev') >= 0,\n isNext: slideClasses.indexOf('swiper-slide-next') >= 0\n };\n const renderChildren = () => {\n return typeof children === 'function' ? children(slideData) : children;\n };\n const onLoad = () => {\n setLazyLoaded(true);\n };\n return /#__PURE__/React.createElement(Tag, _extends({\n ref: slideElRef,\n className: uniqueClasses(`${slideClasses}${className ? ` ${className}` : ''}`),\n \"data-swiper-slide-index\": virtualIndex,\n onLoad: onLoad\n }, rest), zoom && /#__PURE__/React.createElement(SwiperSlideContext.Provider, {\n value: slideData\n }, /#__PURE__/React.createElement(\"div\", {\n className: \"swiper-zoom-container\",\n \"data-swiper-zoom\": typeof zoom === 'number' ? zoom : undefined\n }, renderChildren(), lazy && !lazyLoaded && /#__PURE__/React.createElement(\"div\", {\n className: \"swiper-lazy-preloader\"\n }))), !zoom && /#__PURE__/React.createElement(SwiperSlideContext.Provider, {\n value: slideData\n }, renderChildren(), lazy && !lazyLoaded && /#__PURE__/React.createElement(\"div\", {\n className: \"swiper-lazy-preloader\"\n })));\n});\nSwiperSlide.displayName = 'SwiperSlide';\n\nexport { Swiper, SwiperSlide, useSwiper, useSwiperSlide };\n"],"names":["_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","isChildSwiperSlide","child","type","displayName","includes","processChildren","c","slides","React","default","Children","toArray","forEach","push","props","children","slide","getChildren","slots","slot","foundSlides","useIsomorphicLayoutEffect","callback","deps","window","useEffect","useLayoutEffect","SwiperSlideContext","createContext","SwiperContext","Swiper","forwardRef","_temp","externalElRef","className","tag","Tag","wrapperTag","WrapperTag","onSwiper","rest","eventsAssigned","containerClasses","setContainerClasses","useState","virtualData","setVirtualData","breakpointChanged","setBreakpointChanged","initializedRef","useRef","swiperElRef","swiperRef","oldPassedParamsRef","oldSlides","nextElRef","prevElRef","paginationElRef","scrollbarElRef","params","swiperParams","passedParams","restProps","events","getParams","onBeforeBreakpoint","on","_containerClasses","swiper","classes","initSwiper","passParams","wrapperClass","current","Swiper$1","S","virtual","enabled","extendWith","cache","renderExternal","renderExternalUpdate","extend","originalParams","off","emitSlidesClasses","destroyed","mountSwiper","el","nextEl","prevEl","paginationEl","scrollbarEl","destroy","keys","eventName","changedParams","getChangedParams","updateSwiper","updateOnVirtualData","u","createElement","ref","uniqueClasses","d","Provider","value","getSlideIndex","index","slideIndex","style","isHorizontal","rtlTranslate","offset","top","from","to","loopFrom","loop","loopTo","slidesToRender","map","cloneElement","virtualIndex","renderVirtual","swiperSlideIndex","needsNavigation","n","Fragment","needsScrollbar","needsPagination","a","SwiperSlide","externalRef","zoom","lazy","slideElRef","slideClasses","setSlideClasses","lazyLoaded","setLazyLoaded","updateClasses","_s","classNames","getSlideClasses","slideData","isActive","indexOf","isVisible","isPrev","isNext","renderChildren","onLoad","undefined","useContext"],"mappings":"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","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"swiper-react.js","sources":["../../../../node_modules/swiper/swiper-react.mjs"],"sourcesContent":["/*\n Swiper React 11.2.10\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n \n Copyright 2014-2025 Vladimir Kharlampidi\n \n Released under the MIT License\n \n Released on: June 28, 2025\n /\n\nimport React, { useEffect, useLayoutEffect, useContext, createContext, forwardRef, useState, useRef } from 'react';\nimport { S as Swiper$1 } from './shared/swiper-core.mjs';\nimport { g as getParams, m as mountSwiper, a as getChangedParams, u as updateOnVirtualData } from './shared/update-on-virtual-data.mjs';\nimport { d as uniqueClasses, w as wrapperClass, n as needsNavigation, b as needsScrollbar, a as needsPagination, e as extend, u as updateSwiper } from './shared/update-swiper.mjs';\n\nfunction _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\n\nfunction isChildSwiperSlide(child) {\n return child.type && child.type.displayName && child.type.displayName.includes('SwiperSlide');\n}\nfunction processChildren(c) {\n const slides = [];\n React.Children.toArray(c).forEach(child => {\n if (isChildSwiperSlide(child)) {\n slides.push(child);\n } else if (child.props && child.props.children) {\n processChildren(child.props.children).forEach(slide => slides.push(slide));\n }\n });\n return slides;\n}\nfunction getChildren(c) {\n const slides = [];\n const slots = {\n 'container-start': [],\n 'container-end': [],\n 'wrapper-start': [],\n 'wrapper-end': []\n };\n React.Children.toArray(c).forEach(child => {\n if (isChildSwiperSlide(child)) {\n slides.push(child);\n } else if (child.props && child.props.slot && slots[child.props.slot]) {\n slots[child.props.slot].push(child);\n } else if (child.props && child.props.children) {\n const foundSlides = processChildren(child.props.children);\n if (foundSlides.length > 0) {\n foundSlides.forEach(slide => slides.push(slide));\n } else {\n slots['container-end'].push(child);\n }\n } else {\n slots['container-end'].push(child);\n }\n });\n return {\n slides,\n slots\n };\n}\n\nfunction renderVirtual(swiper, slides, virtualData) {\n if (!virtualData) return null;\n const getSlideIndex = index => {\n let slideIndex = index;\n if (index < 0) {\n slideIndex = slides.length + index;\n } else if (slideIndex >= slides.length) {\n // eslint-disable-next-line\n slideIndex = slideIndex - slides.length;\n }\n return slideIndex;\n };\n const style = swiper.isHorizontal() ? {\n [swiper.rtlTranslate ? 'right' : 'left']: `${virtualData.offset}px`\n } : {\n top: `${virtualData.offset}px`\n };\n const {\n from,\n to\n } = virtualData;\n const loopFrom = swiper.params.loop ? -slides.length : 0;\n const loopTo = swiper.params.loop ? slides.length 2 : slides.length;\n const slidesToRender = [];\n for (let i = loopFrom; i < loopTo; i += 1) {\n if (i >= from && i <= to) {\n slidesToRender.push(slides[getSlideIndex(i)]);\n }\n }\n return slidesToRender.map((child, index) => {\n return /#__PURE__/React.cloneElement(child, {\n swiper,\n style,\n key: child.props.virtualIndex \|\| child.key \|\| `slide-${index}`\n });\n });\n}\n\nfunction useIsomorphicLayoutEffect(callback, deps) {\n // eslint-disable-next-line\n if (typeof window === 'undefined') return useEffect(callback, deps);\n return useLayoutEffect(callback, deps);\n}\n\nconst SwiperSlideContext = /#__PURE__/createContext(null);\nconst useSwiperSlide = () => {\n return useContext(SwiperSlideContext);\n};\nconst SwiperContext = /#__PURE__/createContext(null);\nconst useSwiper = () => {\n return useContext(SwiperContext);\n};\n\nconst Swiper = /#__PURE__/forwardRef(function (_temp, externalElRef) {\n let {\n className,\n tag: Tag = 'div',\n wrapperTag: WrapperTag = 'div',\n children,\n onSwiper,\n ...rest\n } = _temp === void 0 ? {} : _temp;\n let eventsAssigned = false;\n const [containerClasses, setContainerClasses] = useState('swiper');\n const [virtualData, setVirtualData] = useState(null);\n const [breakpointChanged, setBreakpointChanged] = useState(false);\n const initializedRef = useRef(false);\n const swiperElRef = useRef(null);\n const swiperRef = useRef(null);\n const oldPassedParamsRef = useRef(null);\n const oldSlides = useRef(null);\n const nextElRef = useRef(null);\n const prevElRef = useRef(null);\n const paginationElRef = useRef(null);\n const scrollbarElRef = useRef(null);\n const {\n params: swiperParams,\n passedParams,\n rest: restProps,\n events\n } = getParams(rest);\n const {\n slides,\n slots\n } = getChildren(children);\n const onBeforeBreakpoint = () => {\n setBreakpointChanged(!breakpointChanged);\n };\n Object.assign(swiperParams.on, {\n _containerClasses(swiper, classes) {\n setContainerClasses(classes);\n }\n });\n const initSwiper = () => {\n // init swiper\n Object.assign(swiperParams.on, events);\n eventsAssigned = true;\n const passParams = {\n ...swiperParams\n };\n delete passParams.wrapperClass;\n swiperRef.current = new Swiper$1(passParams);\n if (swiperRef.current.virtual && swiperRef.current.params.virtual.enabled) {\n swiperRef.current.virtual.slides = slides;\n const extendWith = {\n cache: false,\n slides,\n renderExternal: setVirtualData,\n renderExternalUpdate: false\n };\n extend(swiperRef.current.params.virtual, extendWith);\n extend(swiperRef.current.originalParams.virtual, extendWith);\n }\n };\n if (!swiperElRef.current) {\n initSwiper();\n }\n\n // Listen for breakpoints change\n if (swiperRef.current) {\n swiperRef.current.on('_beforeBreakpoint', onBeforeBreakpoint);\n }\n const attachEvents = () => {\n if (eventsAssigned \|\| !events \|\| !swiperRef.current) return;\n Object.keys(events).forEach(eventName => {\n swiperRef.current.on(eventName, events[eventName]);\n });\n };\n const detachEvents = () => {\n if (!events \|\| !swiperRef.current) return;\n Object.keys(events).forEach(eventName => {\n swiperRef.current.off(eventName, events[eventName]);\n });\n };\n useEffect(() => {\n return () => {\n if (swiperRef.current) swiperRef.current.off('_beforeBreakpoint', onBeforeBreakpoint);\n };\n });\n\n // set initialized flag\n useEffect(() => {\n if (!initializedRef.current && swiperRef.current) {\n swiperRef.current.emitSlidesClasses();\n initializedRef.current = true;\n }\n });\n\n // mount swiper\n useIsomorphicLayoutEffect(() => {\n if (externalElRef) {\n externalElRef.current = swiperElRef.current;\n }\n if (!swiperElRef.current) return;\n if (swiperRef.current.destroyed) {\n initSwiper();\n }\n mountSwiper({\n el: swiperElRef.current,\n nextEl: nextElRef.current,\n prevEl: prevElRef.current,\n paginationEl: paginationElRef.current,\n scrollbarEl: scrollbarElRef.current,\n swiper: swiperRef.current\n }, swiperParams);\n if (onSwiper && !swiperRef.current.destroyed) onSwiper(swiperRef.current);\n // eslint-disable-next-line\n return () => {\n if (swiperRef.current && !swiperRef.current.destroyed) {\n swiperRef.current.destroy(true, false);\n }\n };\n }, []);\n\n // watch for params change\n useIsomorphicLayoutEffect(() => {\n attachEvents();\n const changedParams = getChangedParams(passedParams, oldPassedParamsRef.current, slides, oldSlides.current, c => c.key);\n oldPassedParamsRef.current = passedParams;\n oldSlides.current = slides;\n if (changedParams.length && swiperRef.current && !swiperRef.current.destroyed) {\n updateSwiper({\n swiper: swiperRef.current,\n slides,\n passedParams,\n changedParams,\n nextEl: nextElRef.current,\n prevEl: prevElRef.current,\n scrollbarEl: scrollbarElRef.current,\n paginationEl: paginationElRef.current\n });\n }\n return () => {\n detachEvents();\n };\n });\n\n // update on virtual update\n useIsomorphicLayoutEffect(() => {\n updateOnVirtualData(swiperRef.current);\n }, [virtualData]);\n\n // bypass swiper instance to slides\n function renderSlides() {\n if (swiperParams.virtual) {\n return renderVirtual(swiperRef.current, slides, virtualData);\n }\n return slides.map((child, index) => {\n return /#__PURE__/React.cloneElement(child, {\n swiper: swiperRef.current,\n swiperSlideIndex: index\n });\n });\n }\n return /#__PURE__/React.createElement(Tag, _extends({\n ref: swiperElRef,\n className: uniqueClasses(`${containerClasses}${className ? ` ${className}` : ''}`)\n }, restProps), /#__PURE__/React.createElement(SwiperContext.Provider, {\n value: swiperRef.current\n }, slots['container-start'], /#__PURE__/React.createElement(WrapperTag, {\n className: wrapperClass(swiperParams.wrapperClass)\n }, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), needsNavigation(swiperParams) && /#__PURE__/React.createElement(React.Fragment, null, /#__PURE__/React.createElement(\"div\", {\n ref: prevElRef,\n className: \"swiper-button-prev\"\n }), /#__PURE__/React.createElement(\"div\", {\n ref: nextElRef,\n className: \"swiper-button-next\"\n })), needsScrollbar(swiperParams) && /#__PURE__/React.createElement(\"div\", {\n ref: scrollbarElRef,\n className: \"swiper-scrollbar\"\n }), needsPagination(swiperParams) && /#__PURE__/React.createElement(\"div\", {\n ref: paginationElRef,\n className: \"swiper-pagination\"\n }), slots['container-end']));\n});\nSwiper.displayName = 'Swiper';\n\nconst SwiperSlide = /#__PURE__/forwardRef(function (_temp, externalRef) {\n let {\n tag: Tag = 'div',\n children,\n className = '',\n swiper,\n zoom,\n lazy,\n virtualIndex,\n swiperSlideIndex,\n ...rest\n } = _temp === void 0 ? {} : _temp;\n const slideElRef = useRef(null);\n const [slideClasses, setSlideClasses] = useState('swiper-slide');\n const [lazyLoaded, setLazyLoaded] = useState(false);\n function updateClasses(_s, el, classNames) {\n if (el === slideElRef.current) {\n setSlideClasses(classNames);\n }\n }\n useIsomorphicLayoutEffect(() => {\n if (typeof swiperSlideIndex !== 'undefined') {\n slideElRef.current.swiperSlideIndex = swiperSlideIndex;\n }\n if (externalRef) {\n externalRef.current = slideElRef.current;\n }\n if (!slideElRef.current \|\| !swiper) {\n return;\n }\n if (swiper.destroyed) {\n if (slideClasses !== 'swiper-slide') {\n setSlideClasses('swiper-slide');\n }\n return;\n }\n swiper.on('_slideClass', updateClasses);\n // eslint-disable-next-line\n return () => {\n if (!swiper) return;\n swiper.off('_slideClass', updateClasses);\n };\n });\n useIsomorphicLayoutEffect(() => {\n if (swiper && slideElRef.current && !swiper.destroyed) {\n setSlideClasses(swiper.getSlideClasses(slideElRef.current));\n }\n }, [swiper]);\n const slideData = {\n isActive: slideClasses.indexOf('swiper-slide-active') >= 0,\n isVisible: slideClasses.indexOf('swiper-slide-visible') >= 0,\n isPrev: slideClasses.indexOf('swiper-slide-prev') >= 0,\n isNext: slideClasses.indexOf('swiper-slide-next') >= 0\n };\n const renderChildren = () => {\n return typeof children === 'function' ? children(slideData) : children;\n };\n const onLoad = () => {\n setLazyLoaded(true);\n };\n return /#__PURE__/React.createElement(Tag, _extends({\n ref: slideElRef,\n className: uniqueClasses(`${slideClasses}${className ? ` ${className}` : ''}`),\n \"data-swiper-slide-index\": virtualIndex,\n onLoad: onLoad\n }, rest), zoom && /#__PURE__/React.createElement(SwiperSlideContext.Provider, {\n value: slideData\n }, /#__PURE__/React.createElement(\"div\", {\n className: \"swiper-zoom-container\",\n \"data-swiper-zoom\": typeof zoom === 'number' ? zoom : undefined\n }, renderChildren(), lazy && !lazyLoaded && /#__PURE__/React.createElement(\"div\", {\n className: \"swiper-lazy-preloader\"\n }))), !zoom && /#__PURE__/React.createElement(SwiperSlideContext.Provider, {\n value: slideData\n }, renderChildren(), lazy && !lazyLoaded && /#__PURE__/React.createElement(\"div\", {\n className: \"swiper-lazy-preloader\"\n })));\n});\nSwiperSlide.displayName = 'SwiperSlide';\n\nexport { Swiper, SwiperSlide, useSwiper, useSwiperSlide };\n"],"names":["_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","isChildSwiperSlide","child","type","displayName","includes","processChildren","c","slides","React","default","Children","toArray","forEach","push","props","children","slide","getChildren","slots","slot","foundSlides","useIsomorphicLayoutEffect","callback","deps","window","useEffect","useLayoutEffect","SwiperSlideContext","createContext","SwiperContext","Swiper","forwardRef","_temp","externalElRef","className","tag","Tag","wrapperTag","WrapperTag","onSwiper","rest","eventsAssigned","containerClasses","setContainerClasses","useState","virtualData","setVirtualData","breakpointChanged","setBreakpointChanged","initializedRef","useRef","swiperElRef","swiperRef","oldPassedParamsRef","oldSlides","nextElRef","prevElRef","paginationElRef","scrollbarElRef","params","swiperParams","passedParams","restProps","events","getParams","onBeforeBreakpoint","on","_containerClasses","swiper","classes","initSwiper","passParams","wrapperClass","current","Swiper$1","S","virtual","enabled","extendWith","cache","renderExternal","renderExternalUpdate","extend","originalParams","off","emitSlidesClasses","destroyed","mountSwiper","el","nextEl","prevEl","paginationEl","scrollbarEl","destroy","keys","eventName","changedParams","getChangedParams","updateSwiper","updateOnVirtualData","u","createElement","ref","uniqueClasses","d","Provider","value","getSlideIndex","index","slideIndex","style","isHorizontal","rtlTranslate","offset","top","from","to","loopFrom","loop","loopTo","slidesToRender","map","cloneElement","virtualIndex","renderVirtual","swiperSlideIndex","needsNavigation","n","Fragment","needsScrollbar","needsPagination","a","SwiperSlide","externalRef","zoom","lazy","slideElRef","slideClasses","setSlideClasses","lazyLoaded","setLazyLoaded","updateClasses","_s","classNames","getSlideClasses","slideData","isActive","indexOf","isVisible","isPrev","isNext","renderChildren","onLoad","undefined","useContext"],"mappings":"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","x_google_ignoreList":[0]}

package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("@mui/system"),a=require("@mui/material"),r=require("./cardPhotoFixedComponent.js"),p=require("../../utils/utilities.js");const o=i.forwardRef(((i,t)=>{const p=a.useTheme(),o=a.useMediaQuery(p.breakpoints.up("md"));return e.jsx(n,{ref:t,children:e.jsx(r.default,Object.assign({isCompact:o},i))})})),n=t.styled(a.Card)`
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material/styles"),a=require("@mui/material"),r=require("./cardPhotoFixedComponent.js"),p=require("../../utils/utilities.js");const o=i.forwardRef(((i,t)=>{const p=a.useTheme(),o=a.useMediaQuery(p.breakpoints.up("md"));return e.jsx(n,{ref:t,children:e.jsx(r.default,Object.assign({isCompact:o},i))})})),n=t.styled(a.Card)`
   background-color: ${e=>e.theme.palette.common.white};
   color: ${e=>"opacity0"!==e.children.props.lightOpacity&&"opacity0"===e.children.props.darkOpacity||"configurator"===e.children.props.cardType?e.theme.palette.common.black:("opacity0"!==e.children.props.darkOpacity&&e.children.props.cardType,e.theme.palette.common.white)};

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cardPhotoFixed.js","sources":["../../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled } from '@mui/system';\nimport { Card as MuiCard, CardProps as MuiCardProps, useTheme, useMediaQuery } from '@mui/material';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @interface CardPhotoFixedProps\n * @description Properties are inherited from HTML div element\n /\nexport interface CardPhotoFixedProps extends HTMLAttributes<HTMLDivElement> {\n /\n Label text\n /\n label?: string;\n /\n Title name text\n /\n title?: string;\n /\n Subtitle text\n /\n subTitle?: string;\n /\n Description text\n /\n description?: string;\n /\n if true, first label is showing\n /\n labelInfoFirst?: boolean;\n /\n First label information label text\n /\n labelInfoFirstText?: string;\n /\n First label variant\n /\n labelInfoFirstVariant?: 'primary' \| 'neutral';\n /\n if true, second optional label is showing\n /\n labelInfoSecond?: boolean;\n /\n Second label text\n /\n labelInfoSecondText?: string;\n /\n Second label variant\n /\n labelInfoSecondVariant?: 'primary' \| 'neutral';\n /\n An image of the component\n /\n cardImage?: string;\n /\n alt HTML tag apply to the image\n /\n altImageDescription?: string;\n /\n Mandatory Button link.\n /\n buttonLink?: string;\n\n /\n Mandatory Button label. Button displays only if it has a label text\n /\n buttonLabel?: string;\n\n /\n Mandatory Button variant.\n /\n buttonVariant?: ButtonVariants;\n /\n If true, button is showing\n /\n optionalButton?: boolean;\n /\n Optional Button label. Button displays only if it has a label text\n /\n optionalButtonLabel?: string;\n /\n Optional Button link.\n /\n optionalButtonLink?: string;\n /\n Mandatory Button variant.\n /\n optionalButtonVariant?: ButtonVariants;\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n /\n Info text\n /\n infoText?: string;\n /\n Info text second position text\n /\n infoTextSecond?: string;\n /\n info text third position text\n /\n infoTextThird?: string;\n /\n A dark gradient layer was added\n /\n darkOpacity?: DarkOpacity;\n\n /\n A light gradient layer was added\n /\n lightOpacity?: LightOpacity;\n\n /\n Uses for setting button size based on screensize\n /\n isCompact?: boolean;\n /\n Callback for analytics\n /\n analyticsCallback?: (payload?: any) => void;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const CardPhotoFixed = forwardRef<HTMLDivElement, CardPhotoFixedProps>((props, ref) => {\n const themeBreakpoint = useTheme();\n const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n return (\n <CardPhotoFixedsStyled ref={ref}>\n <CardPhotoFixedComponent isCompact={isCompact} {...props} />\n </CardPhotoFixedsStyled>\n );\n});\n\n/\n @description Card Photo Fixed styling definition based on props\n /\n\nconst CardPhotoFixedsStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n background-color: ${(props) => {\n return props.theme.palette.common.white;\n }};\n\n color: ${(props) => {\n if (\n (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') \|\|\n props.children.props.cardType === 'configurator'\n ) {\n return props.theme.palette.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n return props.theme.palette.common.white;\n } else return props.theme.palette.common.white;\n }};\n\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n }}\n\n / Height of the component */\n height: 500px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n height: 440px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n height: 400px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n height: 440px;\n }\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n }}\n\n .CardImageHeader {\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n max-width: 560px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n max-width: 640px;\n }\n }\n\n .CardImageHeader {\n .VehicleEquipment {\n margin: 0;\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 23px;\n line-height: 28px;\n }\n }\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n }};\n }\n\n .CardImageText {\n .CardImageSubtitleContainer {\n display: inline-flex;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n }\n .CardImageSubtitle {\n font-size: 16px;\n line-height: 24px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .CardImageTitle {\n font-size: 23px;\n line-height: 28px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 32px;\n line-height: 38px;\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n }};\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 36px;\n line-height: 44px;\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n }};\n }\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsGroup {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n width: 100%;\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n flex-direction: row;\n flex-wrap: wrap;\n width: auto;\n }\n .cta-button {\n text-decoration: none;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n width: auto;\n }\n div {\n width: 100%;\n }\n button {\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n }\n\n .LabelsOptional {\n display: flex;\n flex-wrap: wrap;\n margin-top: 6px;\n }\n .infoText {\n font-size: 14px;\n margin-bottom: 12px;\n margin-bottom: 12px;\n width: 100%;\n align-self: end;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n margin-bottom: 0;\n }\n .infoTextFirst {\n font-weight: bold;\n span {\n font-weight: 300;\n }\n }\n .infoTextThirdContainer {\n display: inline-flex;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n display: inline;\n text-align: right;\n margin-bottom: 0;\n width: auto;\n }\n }\n .infoTextThird {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n }};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n }}\n }\n`;\n"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"uMAqIa,MAAAA,EAAiBC,EAAUA,YAAsC,CAACC,EAAOC,KACpF,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,cAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAAAA,IAACC,GAAsBR,IAAKA,EAC1BS,SAAAF,MAACG,EAAAA,QAAwBC,OAAAC,OAAA,CAAAT,UAAWA,GAAeJ,KAC7B,IAQtBS,EAAwBK,EAAAA,OAAOC,EAAAA,KAAwD;sBACtEf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GAEiC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SAEdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEK,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACnEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAInCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aACpB,MAAO;;;;uBAMWzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACvB,MAAO;;;;yBAMa9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACkC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YACpErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEO,aAArCjC,EAAMU,SAASV,MAAMqB,YAChBrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADvC;;;;;;;;;;;;;;;;;;2BAqBsBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;2BAISpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;;;;;;;;;yBAYOpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACMqC,EAAAA,iCAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAAA,gCAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}
1	+ {"version":3,"file":"cardPhotoFixed.js","sources":["../../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Card as MuiCard, CardProps as MuiCardProps, useTheme, useMediaQuery } from '@mui/material';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @interface CardPhotoFixedProps\n * @description Properties are inherited from HTML div element\n /\nexport interface CardPhotoFixedProps extends HTMLAttributes<HTMLDivElement> {\n /\n Label text\n /\n label?: string;\n /\n Title name text\n /\n title?: string;\n /\n Subtitle text\n /\n subTitle?: string;\n /\n Description text\n /\n description?: string;\n /\n if true, first label is showing\n /\n labelInfoFirst?: boolean;\n /\n First label information label text\n /\n labelInfoFirstText?: string;\n /\n First label variant\n /\n labelInfoFirstVariant?: 'primary' \| 'neutral';\n /\n if true, second optional label is showing\n /\n labelInfoSecond?: boolean;\n /\n Second label text\n /\n labelInfoSecondText?: string;\n /\n Second label variant\n /\n labelInfoSecondVariant?: 'primary' \| 'neutral';\n /\n An image of the component\n /\n cardImage?: string;\n /\n alt HTML tag apply to the image\n /\n altImageDescription?: string;\n /\n Mandatory Button link.\n /\n buttonLink?: string;\n\n /\n Mandatory Button label. Button displays only if it has a label text\n /\n buttonLabel?: string;\n\n /\n Mandatory Button variant.\n /\n buttonVariant?: ButtonVariants;\n /\n If true, button is showing\n /\n optionalButton?: boolean;\n /\n Optional Button label. Button displays only if it has a label text\n /\n optionalButtonLabel?: string;\n /\n Optional Button link.\n /\n optionalButtonLink?: string;\n /\n Mandatory Button variant.\n /\n optionalButtonVariant?: ButtonVariants;\n /\n If true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n /\n Info text\n /\n infoText?: string;\n /\n Info text second position text\n /\n infoTextSecond?: string;\n /\n info text third position text\n /\n infoTextThird?: string;\n /\n A dark gradient layer was added\n /\n darkOpacity?: DarkOpacity;\n\n /\n A light gradient layer was added\n /\n lightOpacity?: LightOpacity;\n\n /\n Uses for setting button size based on screensize\n /\n isCompact?: boolean;\n /\n Callback for analytics\n /\n analyticsCallback?: (payload?: any) => void;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const CardPhotoFixed = forwardRef<HTMLDivElement, CardPhotoFixedProps>((props, ref) => {\n const themeBreakpoint = useTheme();\n const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n return (\n <CardPhotoFixedsStyled ref={ref}>\n <CardPhotoFixedComponent isCompact={isCompact} {...props} />\n </CardPhotoFixedsStyled>\n );\n});\n\n/\n @description Card Photo Fixed styling definition based on props\n /\n\nconst CardPhotoFixedsStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n background-color: ${(props) => {\n return props.theme.palette.common.white;\n }};\n\n color: ${(props) => {\n if (\n (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') \|\|\n props.children.props.cardType === 'configurator'\n ) {\n return props.theme.palette.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n return props.theme.palette.common.white;\n } else return props.theme.palette.common.white;\n }};\n\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n }}\n\n / Height of the component */\n height: 500px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n height: 440px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n height: 400px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n height: 440px;\n }\n\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n }}\n\n .CardImageHeader {\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n max-width: 560px;\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n max-width: 640px;\n }\n }\n\n .CardImageHeader {\n .VehicleEquipment {\n margin: 0;\n font-size: 16px;\n line-height: 24px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 23px;\n line-height: 28px;\n }\n }\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n }};\n }\n\n .CardImageText {\n .CardImageSubtitleContainer {\n display: inline-flex;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n }\n .CardImageSubtitle {\n font-size: 16px;\n line-height: 24px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n font-size: 18px;\n line-height: 28px;\n }\n }\n .CardImageTitle {\n font-size: 23px;\n line-height: 28px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 32px;\n line-height: 38px;\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n }};\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 36px;\n line-height: 44px;\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n }};\n }\n }\n }\n .CardImageButtonsContainer {\n display: flex;\n justify-content: space-between;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n }\n }\n .CardImageButtonsGroup {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n width: 100%;\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n flex-direction: row;\n flex-wrap: wrap;\n width: auto;\n }\n .cta-button {\n text-decoration: none;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n width: auto;\n }\n div {\n width: 100%;\n }\n button {\n width: 100%;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n }\n\n .LabelsOptional {\n display: flex;\n flex-wrap: wrap;\n margin-top: 6px;\n }\n .infoText {\n font-size: 14px;\n margin-bottom: 12px;\n margin-bottom: 12px;\n width: 100%;\n align-self: end;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n margin-bottom: 0;\n }\n .infoTextFirst {\n font-weight: bold;\n span {\n font-weight: 300;\n }\n }\n .infoTextThirdContainer {\n display: inline-flex;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n display: inline;\n text-align: right;\n margin-bottom: 0;\n width: auto;\n }\n }\n .infoTextThird {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n }};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n }}\n }\n`;\n"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"gNAqIa,MAAAA,EAAiBC,EAAUA,YAAsC,CAACC,EAAOC,KACpF,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,cAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAAAA,IAACC,GAAsBR,IAAKA,EAC1BS,SAAAF,MAACG,EAAAA,QAAwBC,OAAAC,OAAA,CAAAT,UAAWA,GAAeJ,KAC7B,IAQtBS,EAAwBK,EAAAA,OAAOC,EAAAA,KAAwD;sBACtEf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GAEiC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SAEdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEK,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACnEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAInCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aACpB,MAAO;;;;uBAMWzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACvB,MAAO;;;;yBAMa9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACkC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YACpErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEO,aAArCjC,EAAMU,SAASV,MAAMqB,YAChBrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADvC;;;;;;;;;;;;;;;;;;2BAqBsBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;2BAISpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;;;;;;;;;yBAYOpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACMqC,EAAAA,iCAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAAA,gCAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":["import { styled } from '@mui/system';\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/system").Theme> & CarouselPropType & {
+export declare const CarouselStyledVertical: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & CarouselPropType & {
     theme?: any;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/organisms/common/menuCardComponent/menuCardComponent.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import React, { FC } from 'react';
+import { SxProps, Theme } from '@mui/material';
 import { CardMenuItemsArray } from '../../../components/cardMenu/cardMenu';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
 import { Placement } from '../../../utils/enum';
 export interface MenuCardComponentProps {
     /**

package/cjs/organisms/common/menuCardComponent/menuCardComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../../components/icon/icon.js");require("../../../components/icon/icon.definitions.js");var s=require("@mui/system"),i=require("../../../components/cardMenu/cardMenu.js");const o=s.styled("div")((()=>{let e={};return e=Object.assign(Object.assign({},e),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),e}));exports.default=s=>{var c=e.__rest(s,[]);const[u,a]=t.useState(!1),p=t.useRef(null),l=t.useCallback((()=>a(!0)),[]),d=t.useCallback((()=>a(!1)),[]);return r.jsxs(o,{className:"menuCardComponent",children:[r.jsx(n.Icon,{ref:p,onClick:l,name:"vertical"}),r.jsx(i.CardMenu,Object.assign({},c,{open:u,onClose:d,anchorRef:p}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../../components/icon/icon.js");require("../../../components/icon/icon.definitions.js");var i=require("@mui/material"),s=require("../../../components/cardMenu/cardMenu.js");const o=i.styled("div")((()=>{let e={};return e=Object.assign(Object.assign({},e),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),e}));exports.default=i=>{var a=e.__rest(i,[]);const[c,u]=t.useState(!1),l=t.useRef(null),p=t.useCallback((()=>u(!0)),[]),d=t.useCallback((()=>u(!1)),[]);return r.jsxs(o,{className:"menuCardComponent",children:[r.jsx(n.Icon,{ref:l,onClick:p,name:"vertical"}),r.jsx(s.CardMenu,Object.assign({},a,{open:c,onClose:d,anchorRef:l}))]})};
 //# sourceMappingURL=menuCardComponent.js.map