{"version":3,"file":"script.js","mappings":"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","sources":["webpack://slider-block/external var \"React\"","webpack://slider-block/external var \"ReactDOM\"","webpack://slider-block/./src/Sliders.js","webpack://slider-block/./src/Const/functions.js","webpack://slider-block/../Components/Helper/getCSS.js","webpack://slider-block/./src/Style.js","webpack://slider-block/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = React;","var __WEBPACK_NAMESPACE_OBJECT__ = ReactDOM;","const Sliders = (props) => {\r\n\tconst { attributes, clientId, custom: { activeIndex, carousel = null, setCarousel }, react: { useEffect, useRef } } = props;\r\n\tconst { sliders, options, arrow, indicator, animation } = attributes;\r\n\r\n\t// Click any content slide quick slide \r\n\tconst sliderDom = useRef();\r\n\tuseEffect(() => {\r\n\t\tcarousel?.to(activeIndex || 0);\r\n\t}, [activeIndex]);\r\n\r\n\t// setting autoplay option \r\n\tuseEffect(() => {\r\n\t\tif (sliderDom?.current) {\r\n\t\t\tif (carousel) carousel.dispose();\r\n\r\n\t\t\tvar initialize = new bootstrap.Carousel(sliderDom.current, {\r\n\t\t\t\tinterval: options.interval,\r\n\t\t\t\tride: options.ride === true ? 'carousel' : false,\r\n\t\t\t\tpause: options.pause === true ? 'hover' : false\r\n\t\t\t});\r\n\t\t\tsetCarousel && setCarousel(initialize);\r\n\t\t}\r\n\t}, [options]);\r\n\r\n\t// Return All Slider\r\n\treturn <div className={`bsbCarousel slide carousel ${animation}`} ref={sliderDom}>\r\n\t\t{indicator.visibility && <>\r\n\t\t\t<div className=\"carousel-indicators\">\r\n\t\t\t\t{sliders.map((slider, index) => {\r\n\t\t\t\t\treturn <button key={index} type=\"button\" data-bs-target={`#bsbCarousel-${clientId} .carousel`} data-bs-slide-to={index} className={`${index === 0 ? 'active' : ''}`}\r\n\t\t\t\t\t\taria-current=\"true\" aria-label=\"Slide 1\"></button>\r\n\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t</>}\r\n\r\n\t\t<div className=\"carousel-inner\">\r\n\t\t\t{sliders.map((slider, index) => {\r\n\t\t\t\tconst { img, title, desc } = slider || {};\r\n\r\n\t\t\t\treturn <div key={index} className={`carousel-item ${index === 0 ? 'active' : ''}`}>\r\n\t\t\t\t\t{img?.url && <img src={img.url} className=\"d-block w-100\" alt={img?.alt || img?.title} />}\r\n\r\n\t\t\t\t\t<div className=\"carousel-caption bsbContentMiddle\">\r\n\t\t\t\t\t\t<h5>{title}</h5>\r\n\t\t\t\t\t\t<p>{desc}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t})}\r\n\t\t</div>\r\n\r\n\t\t{arrow.visibility && <>\r\n\t\t\t<div className='bsbButtonDesign'>\r\n\t\t\t\t<button className=\"carousel-control-prev\" type=\"button\" data-bs-target={`#bsbCarousel-${clientId} .carousel`} data-bs-slide=\"prev\" aria-label='Carousel left arrow'>\r\n\r\n\t\t\t\t\t<div className=\"bsbArrowButton\">\r\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" height={arrow.size} width={arrow.size} viewBox='0 0 48 48'><path d=\"m33 44l-20-20 20-20 2.8 2.8-17.2 17.2 17.2 17.1z\" /></svg>\r\n\t\t\t\t\t\t{/* <i className=\"fas fa-chevron-left\"></i> */}\r\n\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<button className=\"carousel-control-next\" type=\"button\" data-bs-target={`#bsbCarousel-${clientId} .carousel`} data-bs-slide=\"next\" aria-label='Carousel right arrow'>\r\n\r\n\t\t\t\t\t<div className=\"bsbArrowButton\">\r\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" height={arrow.size} width={arrow.size} viewBox='0 0 48 48'><path d=\"m15.2 43.9-2.8-2.85L29.55 23.9 12.4 6.75l2.8-2.85 20 20Z\" /></svg>\r\n\t\t\t\t\t\t{/* <i className=\"fas fa-chevron-right\"></i> */}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</>}\r\n\t</div>\r\n}\r\nexport default Sliders;","export const getBoxValue = object => Object.values(object).join(\" \");\r\n\r\nexport const tabController = () => {\r\n    setTimeout(() => {\r\n        const panelBodies = document.querySelectorAll('.components-panel__body-title button');\r\n        panelBodies.forEach(item => {\r\n            item.addEventListener('click', clickEveryItem);\r\n        });\r\n\r\n        function clickEveryItem() {\r\n            this.removeEventListener('click', clickEveryItem);\r\n            panelBodies.forEach(item => {\r\n                if (item.getAttribute('aria-expanded') === 'true' && !item.isEqualNode(this)) {\r\n                    item.click();\r\n                }\r\n            });\r\n            setTimeout(() => {\r\n                this.addEventListener('click', clickEveryItem);\r\n            }, 500);\r\n        }\r\n    }, 500);\r\n};","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}\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 ? '' : borderSideCheck('top') ? `border-top: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('right') ? `border-right: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('bottom') ? `border-bottom: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('left') ? `border-left: ${borderCSS};` : ''}\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\tconst { shadow = [{ hOffset: '0px', vOffset: '0px', blur: '0px', spreed: '0px', color: '#7090b0', isInset: false }] } = value;\r\n\r\n\tlet styles = '';\r\n\r\n\tshadow?.map((item, index) => {\r\n\t\tconst { hOffset, vOffset, blur, spreed, color, isInset } = 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 >= shadow.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;\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;\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 = (typo, isFamily = true) => {\r\n\tconst { fontFamily = 'Default', fontCategory = 'sans-serif', fontVariant = 400, fontWeight = 400, isUploadFont = true, fontSize = 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 styles = `\r\n\t\t${(!isFamily || !fontFamily) || ('Default' === fontFamily) ? '' : `font-family: '${fontFamily}', ${fontCategory};`}\r\n\t\t${generateCss(fontWeight, 'font-weight')}\r\n\t\t${!fontSize ? '' : `font-size: ${fontSize}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 = 'Default' === fontFamily || !fontFamily ? '' : `https://fonts.googleapis.com/css2?family=${fontFamily?.split(' ').join('+')}${linkQuery.replace(/ /g, '')}&display=swap`;\r\n\r\n\treturn { styles: styles.replace(/\\s+/g, ' ').trim(), googleFontLink: isUploadFont ? link : '' };\r\n}","import { getBoxValue } from './Const/functions';\r\nimport { getTypoCSS } from '../../Components/Helper/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { titleTypo, titleColor, descTypo, descColor, titleMargin, descMargin, arrow, indicator, SliderOverly, height, borderRadius, position, arrowWidth, arrowHeight, arrowRadius } = attributes;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${getTypoCSS(titleTypo)?.googleFontLink ? `@import url(${getTypoCSS(titleTypo)?.googleFontLink});` : ''}\r\n\t\t${getTypoCSS(descTypo)?.googleFontLink ? `@import url(${getTypoCSS(descTypo)?.googleFontLink});` : ''}\r\n\r\n\t\t#bsbCarousel-${clientId} h5{\r\n\t\t\t${getTypoCSS(titleTypo)?.styles || 'font-size: 25px;font-weight:700;line-height:135%;'}\r\n\t\t\tcolor: ${titleColor};\r\n\t\t\tmargin: ${getBoxValue(titleMargin)};\r\n\t\t}\r\n\t\t#bsbCarousel-${clientId} p {\r\n\t\t\t${getTypoCSS(descTypo)?.styles || 'font-size: 20px;line-height:135%;'}\r\n\t\t\tcolor: ${descColor};\r\n\t\t\tmargin: ${getBoxValue(descMargin)};\r\n\t\t\t \r\n\t\t} \r\n\t\t#bsbCarousel-${clientId} .carousel-item {\r\n\t\t\theight: ${height};\r\n\t\t\tborder-radius: ${getBoxValue(borderRadius)};\r\n    \t\tbox-sizing: border-box;\r\n    \t\toverflow: hidden;\r\n\t\t}\r\n\r\n\t\t#bsbCarousel-${clientId} .bsbButtonDesign .bsbArrowButton {\r\n\t\t\tfont-size:${arrow?.size}px;\r\n\t\t\t${arrow?.styles || 'color: #333; background: #transparent;'};\r\n\t\t\twidth:${arrowWidth};\r\n\t\t\theight:${arrowHeight};\r\n\t\t\tborder-radius:${getBoxValue(arrowRadius)};\r\n\t\t}\r\n\r\n\t\t#bsbCarousel-${clientId} .bsbButtonDesign .bsbArrowButton svg{\r\n\t\t\tfill:${arrow.color};\r\n\t\t}\r\n \r\n\t\t#bsbCarousel-${clientId} .carousel-item{\r\n\t\t\tposition:relative;\r\n\t\t}\r\n\r\n\t\t#bsbCarousel-${clientId} .carousel-item:after{\r\n\t\t\tcontent: '';\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: ${SliderOverly};\r\n\t\t}\r\n\t\t#bsbCarousel-${clientId} .carousel-indicators button {\r\n\t\t\twidth: ${indicator?.width} !important;\r\n\t\t\theight: ${indicator?.height} !important;\r\n\t\t\tborder-radius: ${indicator?.radius};\r\n\t\t}\r\n\r\n\t\t#bsbCarousel-${clientId} .carousel-indicators button{\r\n\t\t\tbackground-color:${indicator.color}\r\n\t\t}\r\n\r\n\t\t#bsbCarousel-${clientId} .carousel-indicators button.active{\r\n\t\t\tbackground-color:${indicator.activeColor};\r\n\t\t}\r\n\r\n\t\t#bsbCarousel-${clientId} .carousel-caption.bsbContentMiddle{\r\n\t\t\ttop: ${position?.top}\r\n\t\t}\r\n\t\t\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />\r\n}\r\nexport default Style;","import { useEffect, useRef } from 'react';\r\nimport { render } from 'react-dom';\r\n\r\nimport Sliders from './Sliders';\r\nimport Style from './Style';\r\nimport './style.scss';\r\n\r\n// Sliders \r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allSliders = document.querySelectorAll('.wp-block-bsb-slider');\r\n\tallSliders.forEach(sliders => {\r\n\t\tconst attributes = JSON.parse(sliders.dataset.attributes);\r\n\r\n\t\trender(<>\r\n\t\t\t<Style attributes={attributes} clientId={attributes.cId} />\r\n\t\t\t<Sliders attributes={attributes} clientId={attributes.cId} custom={{}} react={{ useEffect, useRef }} />\r\n\t\t</>, sliders);\r\n\r\n\t\tsliders?.removeAttribute('data-attributes');\r\n\t});\r\n});"],"names":["React","ReactDOM","props","attributes","clientId","custom","activeIndex","carousel","setCarousel","react","useEffect","useRef","sliders","options","arrow","indicator","animation","sliderDom","to","current","dispose","initialize","bootstrap","Carousel","interval","ride","pause","className","ref","visibility","map","slider","index","key","type","img","title","desc","url","src","alt","xmlns","height","size","width","viewBox","d","getBoxValue","object","Object","values","join","getTypoCSS","typo","isFamily","fontFamily","fontCategory","fontVariant","fontWeight","isUploadFont","fontSize","fontStyle","textTransform","textDecoration","lineHeight","letterSpace","generateCss","value","cssProperty","styles","linkQuery","includes","replace","link","split","trim","googleFontLink","titleTypo","titleColor","descTypo","descColor","titleMargin","descMargin","SliderOverly","borderRadius","position","arrowWidth","arrowHeight","arrowRadius","dangerouslySetInnerHTML","__html","color","radius","activeColor","top","document","addEventListener","querySelectorAll","forEach","JSON","parse","dataset","render","cId","removeAttribute"],"sourceRoot":""}