{"version":3,"file":"script.js","mappings":"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","sources":["webpack://carousel-block/external var \"ReactDOM\"","webpack://carousel-block/../Components/utils/getCSS.js","webpack://carousel-block/./src/Style.js","webpack://carousel-block/./src/Carousel.js","webpack://carousel-block/./src/carouselOpt.js","webpack://carousel-block/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = ReactDOM;","export const getBackgroundCSS = (bg, isSolid = true, isGradient = true, isImage = true) => {\r\n\tconst { type = 'solid', color = '#000000b3', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)', image = {}, position = 'center center', attachment = 'initial', repeat = 'no-repeat', size = 'cover', overlayColor = '#000000b3' } = bg || {};\r\n\r\n\tconst styles = ('gradient' === type && isGradient) ? `background: ${gradient};` :\r\n\t\t('image' === type && isImage) ?\r\n\t\t\t`background: url(${image?.url});\r\n\t\t\t\tbackground-color: ${overlayColor};\r\n\t\t\t\tbackground-position: ${position};\r\n\t\t\t\tbackground-size: ${size};\r\n\t\t\t\tbackground-repeat: ${repeat};\r\n\t\t\t\tbackground-attachment: ${attachment};\r\n\t\t\t\tbackground-blend-mode: overlay;` :\r\n\t\t\tisSolid && `background: ${color};`;\r\n\r\n\treturn styles;\r\n} // PHP version in Stepped Content\r\n\r\nexport const getBorderCSS = (border) => {\r\n\tconst { width = '0px', style = 'solid', color = '#0000', side = 'all', radius = '0px' } = border || {};\r\n\r\n\tconst borderSideCheck = s => {\r\n\t\tconst bSide = side?.toLowerCase();\r\n\t\treturn bSide?.includes('all') || bSide?.includes(s);\r\n\t}\r\n\r\n\tconst noWidth = width === '0px' || !width;\r\n\tconst borderCSS = `${width} ${style} ${color}`;\r\n\r\n\tconst styles = `\r\n\t\t${noWidth ? '' : ['top', 'right', 'bottom', 'left'].map(side => borderSideCheck(side) ? `border-${side}: ${borderCSS};` : '').join('')}\r\n\t\t${!radius ? '' : `border-radius: ${radius};`}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getColorsCSS = (colors) => {\r\n\tconst { color = '#333', bgType = 'solid', bg = '#0000', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = colors || {};\r\n\r\n\tconst styles = `\r\n\t\t${color ? `color: ${color};` : ''}\r\n\t\t${gradient || bg ? `background: ${'gradient' === bgType ? gradient : bg};` : ''}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getIconCSS = (icon, isSize = true, isColor = true) => {\r\n\tconst { fontSize = 16, colorType = 'solid', color = 'inherit', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = icon || {};\r\n\r\n\tconst colorCSS = 'gradient' === colorType ?\r\n\t\t`color: transparent; background-image: ${gradient}; -webkit-background-clip: text; background-clip: text;` :\r\n\t\t`color: ${color};`;\r\n\r\n\tconst styles = `\r\n\t\t${!fontSize || !isSize ? '' : `font-size: ${fontSize}px;`}\r\n\t\t${isColor ? colorCSS : ''}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getMultiShadowCSS = (value, type = 'box') => {\r\n\tlet styles = '';\r\n\r\n\tvalue?.map((item, index) => {\r\n\t\tconst { hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = item || {};\r\n\r\n\t\tconst inset = isInset ? 'inset' : '';\r\n\t\tconst offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\t\tconst isComa = index + 1 >= value.length ? '' : ', ';\r\n\r\n\t\tstyles += 'text' === type ? `${offsetBlur} ${color}${isComa}` : `${offsetBlur} ${spreed} ${color} ${inset}${isComa}`;\r\n\t});\r\n\r\n\treturn styles || 'none';\r\n}\r\n\r\nexport const getSeparatorCSS = (separator) => {\r\n\tconst { width = '50%', height = '2px', style = 'solid', color = '#bbb' } = separator || {};\r\n\r\n\tconst styles = `\r\n\t\twidth: ${width};\r\n\t\t${'0px' === height && '0em' === height && '0rem' === height ? '' : `border-top: ${height} ${style} ${color};`}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getShadowCSS = (shadow) => {\r\n\tconst { type = 'box', hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = shadow || {};\r\n\r\n\tconst inset = isInset ? 'inset' : '';\r\n\tconst offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\r\n\tconst styles = 'text' === type ? `${offsetBlur} ${color}` : `${offsetBlur} ${spreed} ${color} ${inset}`;\r\n\r\n\treturn styles || 'none';\r\n}\r\n\r\nexport const getSpaceCSS = (space) => {\r\n\tconst { side = 2, vertical = '0px', horizontal = '0px', top = '0px', right = '0px', bottom = '0px', left = '0px' } = space || {};\r\n\r\n\tconst styles = 2 === side ? `${vertical} ${horizontal}` : `${top} ${right} ${bottom} ${left}`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getTypoCSS = (selector, typo, isFamily = true) => {\r\n\tconst { fontFamily = 'Default', fontCategory = 'sans-serif', fontVariant = 400, fontWeight = 400, isUploadFont = true, fontSize = { desktop: 15, tablet: 15, mobile: 15 }, fontStyle = 'normal', textTransform = 'none', textDecoration = 'auto', lineHeight = '135%', letterSpace = '0px' } = typo || {};\r\n\r\n\tconst generateCss = (value, cssProperty) => !value ? '' : `${cssProperty}: ${value};`;\r\n\r\n\tconst isEmptyFamily = !isFamily || !fontFamily || 'Default' === fontFamily;\r\n\tconst desktopFontSize = fontSize?.desktop || fontSize;\r\n\tconst tabletFontSize = fontSize?.tablet || desktopFontSize;\r\n\tconst mobileFontSize = fontSize?.mobile || tabletFontSize;\r\n\r\n\tconst styles = `\r\n\t\t${isEmptyFamily ? '' : `font-family: '${fontFamily}', ${fontCategory};`}\r\n\t\t${generateCss(fontWeight, 'font-weight')}\r\n\t\t${`font-size: ${desktopFontSize}px;`}\r\n\t\t${generateCss(fontStyle, 'font-style')}\r\n\t\t${generateCss(textTransform, 'text-transform')}\r\n\t\t${generateCss(textDecoration, 'text-decoration')}\r\n\t\t${generateCss(lineHeight, 'line-height')}\r\n\t\t${generateCss(letterSpace, 'letter-spacing')}\r\n\t`;\r\n\r\n\t// Google font link\r\n\tconst linkQuery = !fontVariant || 400 === fontVariant ? '' : '400i' === fontVariant ? ':ital@1' : fontVariant?.includes('00i') ? `: ital, wght@1, ${fontVariant?.replace('00i', '00')} ` : `: wght@${fontVariant} `;\r\n\r\n\tconst link = isEmptyFamily ? '' : `https://fonts.googleapis.com/css2?family=${fontFamily?.split(' ').join('+')}${linkQuery.replace(/ /g, '')}&display=swap`;\r\n\r\n\treturn {\r\n\t\tgoogleFontLink: !isUploadFont || isEmptyFamily ? '' : `@import url(${link});`,\r\n\t\tstyles: `${selector}{\r\n\t\t\t${styles}\r\n\t\t}\r\n\t\t@media (max-width: 768px) {\r\n\t\t\t${selector}{\r\n\t\t\t\t${`font-size: ${tabletFontSize}px;`}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media (max-width: 576px) {\r\n\t\t\t${selector}{\r\n\t\t\t\t${`font-size: ${mobileFontSize}px;`}\r\n\t\t\t}\r\n\t\t}`.replace(/\\s+/g, ' ').trim()\r\n\t}\r\n}\r\n\r\nexport const getBoxCSS = (val = {}) => Object.values(val).join(' ');","import { getBackgroundCSS, getSpaceCSS } from '../../Components/utils/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { height = '250px', background, padding, pageSize, pageColor, prevNextSize, prevNextColor } = attributes;\r\n\r\n\treturn <>\r\n\t\t<style dangerouslySetInnerHTML={{\r\n\t\t\t__html: `\r\n\t\t\t#bicbCarousel-${clientId}{\r\n\t\t\t\t${getBackgroundCSS(background)}\r\n\t\t\t\tpadding: ${getSpaceCSS(padding)};\r\n\t\t\t}\r\n\t\t\t#bicbCarousel-${clientId} .bicbCarousel .carousel{\r\n\t\t\t\theight: ${height};\r\n\t\t\t}\r\n\t\t\t#bicbCarousel-${clientId} .bicbCarousel .swiper-pagination .swiper-pagination-bullet{\r\n\t\t\t\tbackground: ${pageColor};\r\n\t\t\t\twidth: ${pageSize};\r\n\t\t\t\theight: ${pageSize};\r\n\t\t\t}\r\n\t\t\t#bicbCarousel-${clientId} .bicbCarousel .swiper-button-prev,\r\n\t\t\t#bicbCarousel-${clientId} .bicbCarousel .swiper-button-next{\r\n\t\t\t\tcolor: ${prevNextColor};\r\n\t\t\t}\r\n\t\t\t#bicbCarousel-${clientId} .bicbCarousel .swiper-button-prev::after,\r\n\t\t\t#bicbCarousel-${clientId} .bicbCarousel .swiper-button-next::after {\r\n\t\t\t\tfont-size: ${prevNextSize};\r\n\t\t\t}\r\n\t\t\t`.replace(/\\s+/g, ' ')\r\n\t\t}} />\r\n\t</>\r\n}\r\nexport default Style;","const Carousel = ({ attributes }) => {\r\n\tconst { carousels, isPage, isPrevNext } = attributes;\r\n\r\n\treturn <div className='bicbCarousel'>\r\n\t\t<div className='swiper-wrapper'>\r\n\t\t\t{carousels?.map((carousel, index) => {\r\n\t\t\t\tconst { image } = carousel;\r\n\r\n\t\t\t\treturn <figure key={index} className={`carousel carousel-${index} swiper-slide`}>\r\n\t\t\t\t\t{image?.url && <img src={image?.url} alt={image?.alt || image?.title} />}\r\n\t\t\t\t</figure>\r\n\t\t\t})}\r\n\t\t</div>\r\n\r\n\t\t{isPage && <div className='swiper-pagination'></div>}\r\n\r\n\t\t{isPrevNext && <>\r\n\t\t\t<div className='swiper-button-prev'></div>\r\n\t\t\t<div className='swiper-button-next'></div>\r\n\t\t</>}\r\n\t</div>\r\n};\r\nexport default Carousel;","const carouselOpt = (attributes, initialSlide, isBackend = false) => {\r\n\tconst { columns, columnGap, isLoop, speed, autoplayOptions } = attributes.carouselOptions;\r\n\r\n\treturn {\r\n\t\t// Optional parameters\r\n\t\tdirection: 'horizontal',\r\n\t\tinitialSlide,\r\n\t\tslidesPerView: columns?.mobile,\r\n\t\tbreakpoints: {\r\n\t\t\t// when window width is >= 576px\r\n\t\t\t576: { slidesPerView: columns?.tablet },\r\n\t\t\t// when window width is >= 768px\r\n\t\t\t768: { slidesPerView: columns?.desktop },\r\n\t\t},\r\n\t\tspaceBetween: columnGap,\r\n\t\tloop: isLoop,\r\n\t\tallowTouchMove: isBackend ? false : true,\r\n\t\tgrabCursor: isBackend ? false : true,\r\n\t\tautoplay: autoplayOptions?.enabled && !isBackend ? { delay: 1500 } : false,\r\n\t\tspeed: speed * 1000,\r\n\t\teffect: 'slide',\r\n\t\tallowSlideNext: true,\r\n\t\tallowSlidePrev: true,\r\n\t\tautoHeight: false,\r\n\t\tnotificationClass: null,\r\n\r\n\t\t// Controllers\r\n\t\tpagination: {\r\n\t\t\tel: '.swiper-pagination',\r\n\t\t\tclickable: true,\r\n\t\t\tdynamicBullets: false\r\n\t\t},\r\n\t\tnavigation: {\r\n\t\t\tnextEl: '.swiper-button-next',\r\n\t\t\tprevEl: '.swiper-button-prev',\r\n\t\t}\r\n\t}\r\n}\r\nexport default carouselOpt;","import { render } from 'react-dom';\r\n\r\nimport './css/swiper.min.css'; // Swiper CSS\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport Carousel from './Carousel';\r\nimport carouselOpt from './carouselOpt';\r\n\r\n// Carousel Block\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allCarousel = document.querySelectorAll('.wp-block-bicb-carousel');\r\n\tallCarousel.forEach(carousel => {\r\n\t\tconst attributes = JSON.parse(carousel.dataset.attributes);\r\n\r\n\t\trender(<>\r\n\t\t\t<Style attributes={attributes} clientId={attributes.cId} />\r\n\r\n\t\t\t<Carousel attributes={attributes} clientId={attributes.cId} />\r\n\t\t</>, carousel);\r\n\r\n\t\t// Initialize Slider\r\n\t\tnew Swiper(`#${carousel.id} .bicbCarousel`, carouselOpt(attributes, 0));\r\n\r\n\t\tcarousel?.removeAttribute('data-attributes');\r\n\t});\r\n});"],"names":["ReactDOM","getBackgroundCSS","bg","isSolid","isGradient","isImage","type","color","gradient","image","position","attachment","repeat","size","overlayColor","styles","url","space","side","vertical","horizontal","top","right","bottom","left","attributes","clientId","height","background","padding","pageSize","pageColor","prevNextSize","prevNextColor","dangerouslySetInnerHTML","__html","replace","carousels","isPage","isPrevNext","className","map","carousel","index","key","src","alt","title","initialSlide","isBackend","carouselOptions","columns","columnGap","isLoop","speed","autoplayOptions","direction","slidesPerView","mobile","breakpoints","tablet","desktop","spaceBetween","loop","allowTouchMove","grabCursor","autoplay","enabled","delay","effect","allowSlideNext","allowSlidePrev","autoHeight","notificationClass","pagination","el","clickable","dynamicBullets","navigation","nextEl","prevEl","document","addEventListener","querySelectorAll","forEach","JSON","parse","dataset","render","cId","Swiper","id","carouselOpt","removeAttribute"],"sourceRoot":""}