{"version":3,"file":"script.js","mappings":"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","sources":["webpack://button-block/external var \"React\"","webpack://button-block/external var \"ReactDOM\"","webpack://button-block/../Components/Helper/getCSS.js","webpack://button-block/./src/Style.js","webpack://button-block/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = React;","var __WEBPACK_NAMESPACE_OBJECT__ = ReactDOM;","export const getBackgroundCSS = (bg, isSolid = true, isGradient = true, isImage = true) => {\r\n    const { 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    const styles = ('gradient' === type && isGradient) ? `background: ${gradient};` :\r\n        ('image' === type && isImage) ?\r\n            `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            isSolid && `background: ${color};`;\r\n\r\n    return styles;\r\n}\r\n\r\nexport const getBorderCSS = (border) => {\r\n    const { width = '0px', style = 'solid', color = '#0000', side = 'all', radius = '0px' } = border;\r\n\r\n    const borderSideCheck = s => {\r\n        const bSide = side?.toLowerCase();\r\n        return bSide?.includes('all') || bSide?.includes(s);\r\n    }\r\n\r\n    const noWidth = width === '0px' || !width;\r\n    const borderCSS = `${width} ${style} ${color}`;\r\n\r\n    const 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    return styles;\r\n}\r\n\r\nexport const getColorsCSS = (colors) => {\r\n    const { color = '#333', bgType = 'solid', bg = '#0000', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = colors;\r\n\r\n    const 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    return styles;\r\n}\r\n\r\nexport const getIconCSS = (icon, isSize = true, isColor = true) => {\r\n    const { fontSize = 16, colorType = 'solid', color = 'inherit', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = icon;\r\n\r\n    const colorCSS = 'gradient' === colorType ?\r\n        `color: transparent; background-image: ${gradient}; -webkit-background-clip: text; background-clip: text;` :\r\n        `color: ${color};`;\r\n\r\n    const styles = `\r\n\t\t${!fontSize || !isSize ? '' : `font-size: ${fontSize}px;`}\r\n\t\t${isColor ? colorCSS : ''}\r\n\t`;\r\n\r\n    return styles;\r\n}\r\n\r\nexport const getMultiShadowCSS = (value, type = 'box') => {\r\n    const { shadow = [{ hOffset: '0px', vOffset: '0px', blur: '0px', spreed: '0px', color: '#7090b0', isInset: false }] } = value;\r\n\r\n    let styles = '';\r\n\r\n    shadow?.map((item, index) => {\r\n        const { hOffset, vOffset, blur, spreed, color, isInset } = item;\r\n\r\n        const inset = isInset ? 'inset' : '';\r\n        const offsetBlur = `${hOffset || ''} ${vOffset || ''} ${blur || ''}`;\r\n        const isComa = index + 1 >= shadow.length ? '' : ', ';\r\n\r\n        styles += 'text' === type ? `${offsetBlur} ${color || ''}${isComa}` : `${offsetBlur} ${spreed || ''} ${color || ''} ${inset}${isComa}`;\r\n    });\r\n\r\n    return styles;\r\n}\r\n\r\nexport const getSeparatorCSS = (separator) => {\r\n    const { width = '50%', height = '2px', style = 'solid', color = '#bbb' } = separator;\r\n\r\n    const 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    return styles;\r\n}\r\n\r\nexport const getShadowCSS = (shadow) => {\r\n    const { type = 'box', hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = shadow;\r\n\r\n    const inset = isInset ? 'inset' : '';\r\n    const offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\r\n    const styles = 'text' === type ? `${offsetBlur} ${color}` : `${offsetBlur} ${spreed} ${color} ${inset}`;\r\n\r\n    return styles;\r\n}\r\n\r\nexport const getSpaceCSS = (space) => {\r\n    const { side = 2, vertical = '0px', horizontal = '0px', top = '0px', right = '0px', bottom = '0px', left = '0px' } = space;\r\n\r\n    const styles = 2 === side ? `${vertical} ${horizontal}` : `${top} ${right} ${bottom} ${left}`;\r\n\r\n    return styles;\r\n}\r\n\r\nexport const getTypoCSS = (typo, isFamily = true) => {\r\n    const { fontFamily = 'Default', fontCategory = 'sans-serif', fontVariant = 400, fontWeight = 400, fontSize = 15, fontStyle = 'normal', textTransform = 'none', textDecoration = 'auto', lineHeight = '135%', letterSpace = '0px' } = typo;\r\n\r\n    const generateCss = (value, cssProperty) => !value ? '' : `${cssProperty}: ${value};`;\r\n\r\n    const allStyles = `\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    // Google font link\r\n    const linkQuery = !fontVariant || 400 === fontVariant ? '' : '400i' === fontVariant ? ':ital@1' : fontVariant?.includes('00i') ? `: ital, wght@1, ${fontVariant?.replace('00i', '00')} ` : `: wght@${fontVariant} `;\r\n\r\n    const link = 'Default' === fontFamily || !fontFamily ? '' : `https://fonts.googleapis.com/css2?family=${fontFamily?.split(' ').join('+')}${linkQuery.replace(/ /g, '')}&display=swap`;\r\n\r\n    return { styles: allStyles.replace(/\\s+/g, ' ').trim(), googleFontLink: link };\r\n}","import { getBorderCSS, getColorsCSS, getMultiShadowCSS,getSpaceCSS, getTypoCSS } from '../../Components/Helper/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { isFullWidth, alignment, typography, colors, hovColors, padding, border, shadow } = attributes;\r\n\r\n\treturn <>\r\n\t\t<style dangerouslySetInnerHTML={{\r\n\t\t\t__html: `\r\n\t\t\t${getTypoCSS(typography)?.googleFontLink ? `@import url(${getTypoCSS(typography)?.googleFontLink});` : ''}\r\n\r\n\t\t\t#btnButton-${clientId}{\r\n\t\t\t\ttext-align: ${alignment};\r\n\t\t\t}\r\n\t\t\t#btnButton-${clientId} .btnButton{\r\n\t\t\t\t${getTypoCSS(typography)?.styles || 'font-size: 18px; font-weight: 600; text-decoration: none;'}\r\n\t\t\t\t${getColorsCSS(colors) || 'color: #fff; background-color: #4527a4;'}\r\n\t\t\t\twidth: ${isFullWidth ? '100%' : 'auto'};\r\n\t\t\t\tpadding: ${getSpaceCSS(padding) || '10px 20px'};\r\n\t\t\t\t${getBorderCSS(border) || 'border-radius: 5px;'}\r\n\t\t\t\tbox-shadow: ${getMultiShadowCSS(shadow) || 'none'};\r\n\t\t\t}\r\n\t\t\t#btnButton-${clientId} .btnButton:hover{\r\n\t\t\t\t${getColorsCSS(hovColors) || 'color: #fff; background-color: #8344c5;'}\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;","import { useEffect, useRef } from 'react';\r\nimport { render } from 'react-dom';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\n\r\n// Button\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allButtons = document.querySelectorAll('.wp-block-btn-button');\r\n\tallButtons.forEach(button => {\r\n\t\tconst attributes = JSON.parse(button.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<RenderButton attributes={attributes} />\r\n\t\t</>, button);\r\n\r\n\t\tbutton?.removeAttribute('data-attributes');\r\n\t});\r\n});\r\n\r\nconst RenderButton = ({ attributes }) => {\r\n\tconst { text, url, target, tooltip, isDownload, isUpIcon, icon, upIcon, animationType, animationDuration } = attributes;\r\n\r\n\tconst buttonEl = useRef(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tisDownload ? buttonEl?.current?.setAttribute('download', '') : buttonEl?.current?.removeAttribute('download');\r\n\r\n\t\tAOS.init();\r\n\t}, []);\r\n\r\n\treturn <a\r\n\t\tclassName='btnButton'\r\n\t\tdata-aos={animationType}\r\n\t\t// data-aos-offset={100}\r\n\t\t// data-aos-delay={50}\r\n\t\tdata-aos-duration={animationDuration * 1000}\r\n\t\t// data-aos-easing='ease-in-out'\r\n\t\t// data-aos-mirror='false'\r\n\t\t// data-aos-once='false'\r\n\t\t// data-aos-anchor-placement='bottom-bottom'\r\n\t\thref={url}\r\n\t\ttarget={target}\r\n\t\trel='noopener noreferrer'\r\n\t\ttooltip={tooltip}\r\n\t\tposition='top'\r\n\t\tref={buttonEl}\r\n\t>\r\n\t\t{isUpIcon && upIcon?.url && <img src={upIcon?.url} alt={upIcon?.alt} />}\r\n\r\n\t\t{!isUpIcon && icon?.class && <i className={icon?.class}></i>}\r\n\r\n\t\t<span className='btnText' dangerouslySetInnerHTML={{ __html: text }} />\r\n\t</a>\r\n}"],"names":["React","ReactDOM","getBorderCSS","border","width","style","color","side","radius","borderSideCheck","s","bSide","toLowerCase","includes","noWidth","borderCSS","getColorsCSS","colors","bgType","bg","gradient","getMultiShadowCSS","value","type","shadow","hOffset","vOffset","blur","spreed","isInset","styles","map","item","index","inset","offsetBlur","isComa","length","getTypoCSS","typo","isFamily","fontFamily","fontCategory","fontVariant","fontWeight","fontSize","fontStyle","textTransform","textDecoration","lineHeight","letterSpace","generateCss","cssProperty","allStyles","linkQuery","replace","link","split","join","trim","googleFontLink","space","vertical","horizontal","top","right","bottom","left","attributes","clientId","isFullWidth","alignment","typography","hovColors","padding","dangerouslySetInnerHTML","__html","document","addEventListener","querySelectorAll","forEach","button","JSON","parse","dataset","render","cId","RenderButton","removeAttribute","text","url","target","tooltip","isDownload","isUpIcon","icon","upIcon","animationType","animationDuration","buttonEl","useRef","useEffect","current","setAttribute","AOS","init","className","href","rel","position","ref","src","alt"],"sourceRoot":""}