{"version":3,"file":"script.js","mappings":"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","sources":["webpack://b-accordion/external var \"React\"","webpack://b-accordion/external var \"ReactDOM\"","webpack://b-accordion/../Components/Helper/getCSS.js","webpack://b-accordion/./src/Style.js","webpack://b-accordion/./src/Accordions.js","webpack://b-accordion/./src/utils/functions.js","webpack://b-accordion/./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\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 { getColorsCSS, getTypoCSS } from '../../Components/Helper/getCSS';\r\n\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { textAlign, titleTypo, titleColors, titleActiveColors, contentTypo, contentColors } = attributes;\r\n\r\n\tconst accordionSl = `#babAccordion-${clientId} .babAccordion`;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${getTypoCSS('', titleTypo)?.googleFontLink}\r\n\t\t${getTypoCSS('', contentTypo)?.googleFontLink}\r\n\t\t${getTypoCSS(`${accordionSl} dt`, titleTypo)?.styles}\r\n\t\t${getTypoCSS(`${accordionSl} dd`, contentTypo)?.styles}\r\n\r\n\t\t${accordionSl} dt,\r\n\t\t${accordionSl} dd{\r\n\t\t\ttext-align: ${textAlign};\r\n\t\t}\r\n\t\t${accordionSl} dt{\r\n\t\t\t${getColorsCSS(titleColors)}\r\n\t\t}\r\n\t\t${accordionSl} dt.accordionExpanded{\r\n\t\t\t${getColorsCSS(titleActiveColors)}\r\n\t\t}\r\n\t\t${accordionSl} dd{\r\n\t\t\t${getColorsCSS(contentColors)}\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />\r\n}\r\nexport default Style;","const Accordions = ({ accordions }) => {\r\n    return accordions.map(accordion => <>\r\n        <dt dangerouslySetInnerHTML={{ __html: accordion.title }} />\r\n        <dd dangerouslySetInnerHTML={{ __html: accordion.content }} />\r\n    </>);\r\n}\r\nexport default Accordions;","const $ = jQuery;\r\n\r\nexport const runAccordion = (attributes, clientId, isBackend = false, custom = {}) => {\r\n    const { layout } = attributes;\r\n\r\n    'vertical' === layout && $.Zebra_Accordion(`#babAccordion-${clientId} .babAccordion`, {\r\n        animate_opacity: true,\r\n        collapsible: false,\r\n        expanded_class: 'accordionExpanded',\r\n        hide_speed: 400,\r\n        scroll_speed: 600,\r\n        show: isBackend ? custom.activeIndex : 0,\r\n        toggle_on_mouseover: false\r\n    });\r\n\r\n    'horizontal' === layout && $(function () {\r\n        $(`#babAccordion-${clientId} .babAccordion dt`).first().addClass('accordionExpanded');\r\n\r\n        // Show First Info\r\n        $(`#babAccordion-${clientId} .babAccordion dd`).first().show().animate({ flexGrow: 1 });\r\n\r\n        // Show Info On Click\r\n        $(`#babAccordion-${clientId} .babAccordion dt`).click(function () {\r\n            $(this).addClass('accordionExpanded').siblings(`#babAccordion-${clientId} .babAccordion dt`).removeClass('accordionExpanded');\r\n\r\n            $(this).next().show().animate({ flexGrow: 1 }).siblings(`#babAccordion-${clientId} .babAccordion dd`).animate({ flexGrow: 0 }, function () {\r\n                $(this).hide();\r\n            });\r\n        });\r\n    });\r\n}","import { useEffect } from 'react';\r\nimport { render } from 'react-dom';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport Accordions from './Accordions';\r\nimport { runAccordion } from './utils/functions';\r\n\r\n// Accordion\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allAccordion = document.querySelectorAll('.wp-block-bab-accordion');\r\n\tallAccordion.forEach(accordion => {\r\n\t\tconst attributes = JSON.parse(accordion.dataset.attributes);\r\n\t\tconst { cId } = attributes;\r\n\r\n\t\trender(<>\r\n\t\t\t<Style attributes={attributes} clientId={cId} />\r\n\r\n\t\t\t<RenderAccordion attributes={attributes} clientId={cId} />\r\n\t\t</>, accordion);\r\n\r\n\t\taccordion?.removeAttribute('data-attributes');\r\n\t});\r\n});\r\n\r\nconst RenderAccordion = ({ attributes }) => {\r\n\tconst { cId, accordions, layout } = attributes;\r\n\r\n\tuseEffect(() => {\r\n\t\trunAccordion(attributes, cId);\r\n\t}, []);\r\n\r\n\treturn <dl className={`babAccordion ${layout || 'horizontal'}`}>\r\n\t\t<Accordions accordions={accordions} />\r\n\t</dl>\r\n}"],"names":["React","ReactDOM","getColorsCSS","colors","color","bgType","bg","gradient","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","styles","linkQuery","includes","replace","link","split","join","googleFontLink","trim","attributes","clientId","textAlign","titleTypo","titleColors","titleActiveColors","contentTypo","contentColors","accordionSl","dangerouslySetInnerHTML","__html","accordions","map","accordion","title","content","$","jQuery","document","addEventListener","querySelectorAll","forEach","JSON","parse","dataset","cId","render","RenderAccordion","removeAttribute","layout","useEffect","isBackend","custom","Zebra_Accordion","animate_opacity","collapsible","expanded_class","hide_speed","scroll_speed","show","activeIndex","toggle_on_mouseover","first","addClass","animate","flexGrow","click","this","siblings","removeClass","next","hide","runAccordion","className"],"sourceRoot":""}