{"version":3,"file":"script.js","mappings":"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","sources":["webpack://counters-block/external var \"React\"","webpack://counters-block/external var \"ReactDOM\"","webpack://counters-block/../Components/Helper/getCSS.js","webpack://counters-block/./src/Style.js","webpack://counters-block/./src/script.js","webpack://counters-block/./src/utils/functions.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = React;","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 ? '' : 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\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, getBorderCSS, getIconCSS, getShadowCSS, getSpaceCSS, getTypoCSS } from '../../Components/Helper/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { counters = [], columnGap, rowGap, background, padding, textAlign, counterWidth, counterHeight, iconSize, numberTypo, labelTypo, counterPadding, counterBorder, counterShadow } = attributes;\r\n\r\n\tconst mainSl = `#ctrbCounters-${clientId}`;\r\n\tconst countersSl = `${mainSl} .ctrbCounters`;\r\n\tconst gCounterSl = `${countersSl} .ctrbCounter`;\r\n\r\n\treturn <>\r\n\t\t<style dangerouslySetInnerHTML={{\r\n\t\t\t__html: `\r\n\t\t\t${getTypoCSS('', numberTypo)?.googleFontLink}\r\n\t\t\t${getTypoCSS('', labelTypo)?.googleFontLink}\r\n\t\t\t${getTypoCSS(`${gCounterSl} .counterNumber`, numberTypo)?.styles}\r\n\t\t\t${getTypoCSS(`${gCounterSl} .counterLabel`, labelTypo)?.styles}\r\n\t\t\t\r\n\t\t\t${countersSl}{\r\n\t\t\t\tgrid-gap: ${rowGap} ${columnGap};\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${gCounterSl}{\r\n\t\t\t\ttext-align: ${textAlign};\r\n\t\t\t\twidth: ${'0px' === counterWidth || '0%' === counterWidth || '0em' === counterWidth ? '250px' : counterWidth};\r\n\t\t\t\theight: ${'0px' === counterHeight || '0%' === counterHeight || '0em' === counterHeight ? '250px' : counterHeight};\r\n\t\t\t\tpadding: ${getSpaceCSS(counterPadding)};\r\n\t\t\t\t${getBorderCSS(counterBorder)}\r\n\t\t\t\tbox-shadow: ${getShadowCSS(counterShadow)};\r\n\t\t\t}\r\n\t\t\t${gCounterSl} .counterIcon,\r\n\t\t\t${gCounterSl} .counterIconLabel{\r\n\t\t\t\tfont-size: ${iconSize || 50}px;\r\n\t\t\t}\r\n\t\t\t${counters?.map((item, index) => {\r\n\t\t\t\tconst counterSl = `${mainSl} #ctrbCounter-${index}`;\r\n\r\n\t\t\t\treturn `\r\n\t\t\t\t\t${counterSl} .ctrbCounter{\r\n\t\t\t\t\t\t${getBackgroundCSS(item.background)}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t${counterSl} .counterIcon i,\r\n\t\t\t\t\t${counterSl} .counterIconLabel i{\r\n\t\t\t\t\t\t${getIconCSS(item.icon)}\r\n\t\t\t\t\t\tfont-size: inherit;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t${counterSl} .counterNumber{\r\n\t\t\t\t\t\tcolor: ${item.number.color};\r\n\t\t\t\t\t}\r\n\t\t\t\t\t${counterSl} .counterLabel{\r\n\t\t\t\t\t\tcolor: ${item.label.color};\r\n\t\t\t\t\t}\r\n\t\t\t\t`\r\n\t\t\t}).join(' ')}\r\n\t\t\t`.replace(/\\s+/g, ' ')\r\n\t\t}} />\r\n\t</>\r\n}\r\nexport default Style;","import { useEffect } from 'react';\r\nimport { render } from 'react-dom';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport { performCounter } from './utils/functions';\r\n\r\n// Counters\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allCounters = document.querySelectorAll('.wp-block-ctrb-counters');\r\n\tallCounters.forEach(counters => {\r\n\t\tconst attributes = JSON.parse(counters.dataset.attributes);\r\n\r\n\t\trender(<Counters attributes={attributes} countersEl={counters} />, counters);\r\n\r\n\t\tcounters?.removeAttribute('data-attributes');\r\n\t});\r\n});\r\n\r\nconst Counters = ({ attributes, countersEl }) => {\r\n\tconst { counters = [], columns, isIcon, iconPosition, isLabel } = attributes;\r\n\r\n\tuseEffect(() => {\r\n\t\tconst counterEl = document.querySelectorAll(`#${countersEl.id} .ctrbCounters .counterNumber .number`);\r\n\r\n\t\tperformCounter(counterEl, attributes.duration);\r\n\t}, []);\r\n\r\n\treturn <>\r\n\t\t<Style attributes={attributes} clientId={attributes.cId} />\r\n\r\n\t\t<div className={`ctrbCounters columns-${columns.desktop} columns-tablet-${columns.tablet} columns-mobile-${columns.mobile}`}>\r\n\t\t\t{counters?.map((item, index) => {\r\n\t\t\t\tconst { icon, number, label } = item;\r\n\r\n\t\t\t\tconst iconEl = icon?.class && <i className={icon.class}></i>;\r\n\t\t\t\tconst labelEl = isLabel && label.text && <p className='counterLabel' dangerouslySetInnerHTML={{ __html: label.text }} />\r\n\r\n\t\t\t\treturn <div key={index} id={`ctrbCounter-${index}`}>\r\n\t\t\t\t\t<div className='ctrbCounter'>\r\n\t\t\t\t\t\t{isIcon && 'top' === iconPosition && <div className='counterIcon'>{iconEl}</div>}\r\n\r\n\t\t\t\t\t\t<div className='counterNumber'>\r\n\t\t\t\t\t\t\t<span className='prefix'>{number.prefix}</span>\r\n\t\t\t\t\t\t\t<span className='number' data-count-start={number.start} data-count-end={number.end}>{number.start}</span>\r\n\t\t\t\t\t\t\t<span className='suffix'>{number.suffix}</span>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t{'label' === iconPosition ? <div className='counterIconLabel'>{iconEl}{labelEl}</div> : labelEl}\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\t</>;\r\n}","export const performCounter = (counterEl, duration) => {\r\n\tcounterEl?.forEach(count => {\r\n\t\tconst startNumber = parseInt(count.dataset.countStart);\r\n\t\tconst endNumber = parseInt(count.dataset.countEnd);\r\n\r\n\t\tconst start = Date.now(); // Remember start time\r\n\t\tconst timer = setInterval(() => {\r\n\t\t\tconst timePassed = Date.now() - start; // How much time passed from the start?\r\n\r\n\t\t\tif (timePassed >= duration) {\r\n\t\t\t\tclearInterval(timer); // Finish the animation after duration\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tcount.innerText = parseInt((timePassed / (duration / (endNumber - startNumber))) + startNumber);\r\n\t\t}, 20);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tcount.innerText = endNumber\r\n\t\t}, duration);\r\n\t});\r\n}"],"names":["React","ReactDOM","getBackgroundCSS","bg","isSolid","isGradient","isImage","type","color","gradient","image","position","attachment","repeat","size","overlayColor","styles","url","getShadowCSS","shadow","hOffset","vOffset","blur","spreed","isInset","inset","offsetBlur","getSpaceCSS","space","side","vertical","horizontal","top","right","bottom","left","getTypoCSS","selector","typo","isFamily","fontFamily","fontCategory","fontVariant","fontWeight","isUploadFont","fontSize","desktop","tablet","mobile","fontStyle","textTransform","textDecoration","lineHeight","letterSpace","generateCss","value","cssProperty","isEmptyFamily","desktopFontSize","tabletFontSize","mobileFontSize","linkQuery","includes","replace","link","split","join","googleFontLink","trim","border","width","style","radius","borderSideCheck","noWidth","borderCSS","attributes","clientId","counters","columnGap","rowGap","background","padding","textAlign","counterWidth","counterHeight","iconSize","numberTypo","labelTypo","counterPadding","counterBorder","counterShadow","mainSl","countersSl","gCounterSl","dangerouslySetInnerHTML","__html","s","bSide","toLowerCase","map","item","index","counterSl","icon","isSize","isColor","colorType","colorCSS","getIconCSS","number","label","document","addEventListener","querySelectorAll","forEach","JSON","parse","dataset","render","Counters","countersEl","removeAttribute","columns","isIcon","iconPosition","isLabel","useEffect","counterEl","duration","count","startNumber","parseInt","countStart","endNumber","countEnd","start","Date","now","timer","setInterval","timePassed","clearInterval","innerText","setTimeout","performCounter","id","cId","className","iconEl","labelEl","text","key","prefix","end","suffix"],"sourceRoot":""}