{"version":3,"file":"script.js","mappings":"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","sources":["webpack://chart-block/../Components/utils/getCSS.js","webpack://chart-block/./src/Components/Common/Style.js","webpack://chart-block/external var \"React\"","webpack://chart-block/./src/Components/Common/RenderChart.js","webpack://chart-block/../block-directory/node_modules/react-dom/client.js","webpack://chart-block/external var \"ReactDOM\"","webpack://chart-block/webpack/bootstrap","webpack://chart-block/./src/utils/config.js","webpack://chart-block/./src/script.js"],"sourcesContent":["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 } from '../../../../Components/utils/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { background, width, height, alignment } = attributes;\r\n\r\n\tconst mainSl = `#bChart-${clientId}`;\r\n\tconst chartSl = `${mainSl} .bChart`;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${mainSl}{\r\n\t\t\ttext-align: ${alignment};\r\n\t\t}\r\n\t\t${chartSl}{\r\n\t\t\theight: ${height};\r\n\t\t}\r\n\t\t${chartSl},\r\n\t\t${mainSl} .downloadArea{\r\n\t\t\twidth: ${width};\r\n\t\t}\r\n\t\t${chartSl} canvas{\r\n\t\t\t${getBackgroundCSS(background)};\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />\r\n}\r\nexport default Style;","var __WEBPACK_NAMESPACE_OBJECT__ = React;","import { useEffect, useRef } from 'react';\r\n\r\nimport { chartConfig } from '../../utils/config';\r\n\r\nconst RenderChart = ({ attributes, clientId, isBackend = false }) => {\r\n\tconst { data, type, textColor, isXScale, isXGridLine, isYScale, isYGridLine, gridLineColor, isTitle, title, titleFontSize, titleColor, isSubtitle, subtitle, subtitleFontSize, subtitleColor, isDownload } = attributes;\r\n\r\n\tconst chartCtxWrap = useRef(null);\r\n\tconst downloadChart = useRef(null);\r\n\r\n\tconst dependency = isBackend ? [data, type, textColor, isXScale, isXGridLine, isYScale, isYGridLine, gridLineColor, isTitle, title, titleFontSize, titleColor, isSubtitle, subtitle, subtitleFontSize, subtitleColor, isDownload] : []\r\n\r\n\tuseEffect(() => {\r\n\t\tif (isBackend) {\r\n\t\t\tchartCtxWrap.current.innerHTML = '';\r\n\t\t\tchartCtxWrap.current.innerHTML = `<canvas>Your browser does not support the canvas element.</canvas>`;\r\n\t\t}\r\n\r\n\t\tconst chartCtx = document.querySelector(`#bChart-${clientId} .bChart canvas`);\r\n\r\n\t\tconst bChart = chartCtx && new Chart(chartCtx, chartConfig(attributes));\r\n\r\n\t\tisDownload && downloadChart?.current.addEventListener('click', () => {\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.href = bChart.toBase64Image();\r\n\t\t\ta.download = 'b-chart.png';\r\n\t\t\ta.click();\r\n\t\t});\r\n\t}, dependency);\r\n\r\n\treturn <>\r\n\t\t{isDownload && <div className='downloadArea'>\r\n\t\t\t<div className='downloadChart' ref={downloadChart}>Download Chart</div>\r\n\t\t</div>}\r\n\r\n\t\t<div className='bChart' ref={chartCtxWrap}>\r\n\t\t\t<canvas>Your browser does not support the canvas element.</canvas>\r\n\t\t</div>\r\n\t</>\r\n}\r\nexport default RenderChart;","'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","module.exports = ReactDOM;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","export const chartConfig = (attributes) => {\r\n\tconst { data, type, textColor, isXScale, isXGridLine, isYScale, isYGridLine, gridLineColor, isTitle, title, titleFontSize, titleColor, isSubtitle, subtitle, subtitleFontSize, subtitleColor } = attributes;\r\n\r\n\treturn {\r\n\t\ttype,\r\n\t\tdata,\r\n\t\toptions: {\r\n\t\t\tmaintainAspectRatio: false,\r\n\t\t\tplugins: {\r\n\t\t\t\tlegend: {\r\n\t\t\t\t\tposition: 'top',\r\n\r\n\t\t\t\t\tlabels: {\r\n\t\t\t\t\t\tusePointStyle: true,\r\n\t\t\t\t\t\tcolor: textColor\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\ttitle: {\r\n\t\t\t\t\tdisplay: isTitle,\r\n\t\t\t\t\ttext: title,\r\n\t\t\t\t\tcolor: titleColor,\r\n\t\t\t\t\tfont: {\r\n\t\t\t\t\t\tsize: titleFontSize,\r\n\t\t\t\t\t\tfamily: 'Roboto',\r\n\t\t\t\t\t},\r\n\t\t\t\t\tpadding: {\r\n\t\t\t\t\t\tbottom: 10\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tsubtitle: {\r\n\t\t\t\t\tdisplay: isSubtitle,\r\n\t\t\t\t\ttext: subtitle,\r\n\t\t\t\t\tcolor: subtitleColor,\r\n\t\t\t\t\tfont: {\r\n\t\t\t\t\t\tsize: subtitleFontSize,\r\n\t\t\t\t\t\tfamily: 'Roboto',\r\n\t\t\t\t\t},\r\n\t\t\t\t\tpadding: {\r\n\t\t\t\t\t\tbottom: 15\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\ttooltip: {\r\n\t\t\t\t\tposition: 'nearest',\r\n\t\t\t\t\tusePointStyle: true\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tscales: {\r\n\t\t\t\tx: {\r\n\t\t\t\t\tdisplay: isXScale,\r\n\t\t\t\t\tticks: {\r\n\t\t\t\t\t\tcolor: textColor\r\n\t\t\t\t\t},\r\n\t\t\t\t\tgrid: {\r\n\t\t\t\t\t\tdisplay: isXGridLine,\r\n\t\t\t\t\t\tcolor: gridLineColor\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\ty: {\r\n\t\t\t\t\tdisplay: isYScale,\r\n\t\t\t\t\tbeginAtZero: true,\r\n\t\t\t\t\tticks: {\r\n\t\t\t\t\t\tcolor: textColor\r\n\t\t\t\t\t},\r\n\t\t\t\t\tgrid: {\r\n\t\t\t\t\t\tdisplay: isYGridLine,\r\n\t\t\t\t\t\tcolor: gridLineColor\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n};","import { createRoot } from 'react-dom/client';\r\n\r\nimport './style.scss';\r\nimport Style from './Components/Common/Style';\r\nimport RenderChart from './Components/Common/RenderChart';\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst chartEls = document.querySelectorAll('.wp-block-b-chart-chart');\r\n\tchartEls.forEach(chartEl => {\r\n\t\tconst attributes = JSON.parse(chartEl.dataset.attributes);\r\n\r\n\t\tcreateRoot(chartEl).render(<>\r\n\t\t\t<Style attributes={attributes} clientId={attributes.cId} />\r\n\r\n\t\t\t<RenderChart attributes={attributes} clientId={attributes.cId} />\r\n\t\t</>);\r\n\r\n\t\tchartEl?.removeAttribute('data-attributes');\r\n\t});\r\n});"],"names":["getBackgroundCSS","m","exports","createRoot","hydrateRoot","module","ReactDOM","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","bg","isSolid","arguments","length","isGradient","isImage","_ref","_ref$type","type","_ref$color","color","_ref$gradient","gradient","_ref$image","image","_ref$position","position","_ref$attachment","attachment","_ref$repeat","repeat","_ref$size","size","_ref$overlayColor","overlayColor","concat","url","attributes","clientId","background","width","height","alignment","mainSl","chartSl","React","createElement","dangerouslySetInnerHTML","__html","replace","_ref$isBackend","isBackend","data","textColor","isXScale","isXGridLine","isYScale","isYGridLine","gridLineColor","isTitle","title","titleFontSize","titleColor","isSubtitle","subtitle","subtitleFontSize","subtitleColor","isDownload","chartCtxWrap","useRef","downloadChart","dependency","useEffect","current","innerHTML","chartCtx","document","querySelector","bChart","Chart","options","maintainAspectRatio","plugins","legend","labels","usePointStyle","display","text","font","family","padding","bottom","tooltip","scales","x","ticks","grid","y","beginAtZero","chartConfig","addEventListener","a","href","toBase64Image","download","click","Fragment","className","ref","querySelectorAll","forEach","chartEl","JSON","parse","dataset","render","Style","cId","RenderChart","removeAttribute"],"sourceRoot":""}