{"version":3,"file":"script.js","mappings":"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","sources":["webpack://lottie-player/external var \"React\"","webpack://lottie-player/external var \"ReactDOM\"","webpack://lottie-player/../Components/utils/getCSS.js","webpack://lottie-player/./src/Style.js","webpack://lottie-player/./src/utils/functions.js","webpack://lottie-player/./src/Components/LottiePlayer.js","webpack://lottie-player/./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 ? '' : ['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 { getColorsCSS, getSpaceCSS, getTypoCSS } from '../../Components/utils/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { playerAlign, link, width, controlsHeight, controlsBG, controlsIconColor, controlsIconHoverColor, controlsIconActiveColor, controlsTrackColor, controlsThumbColor, capAlign, capTypo, capColors, capPadding, capMargin } = attributes;\r\n\r\n\tconst lottiePlayerSl = `#lpbLottiePlayer-${clientId} .lpbLottiePlayer`;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${getTypoCSS('', capTypo)?.googleFontLink}\r\n\t\t${getTypoCSS(`${lottiePlayerSl} .caption`, capTypo)?.styles}\r\n\r\n\t\t${lottiePlayerSl}{\r\n\t\t\ttext-align: ${playerAlign};\r\n\t\t}\r\n\t\t${lottiePlayerSl} dotlottie-player{\r\n\t\t\twidth: ${width};\r\n\t\t\tcursor: ${link ? 'pointer' : 'auto'};\r\n\t\t\t--lottie-player-toolbar-height: ${controlsHeight};\r\n\t\t\t--lottie-player-toolbar-background-color: ${controlsBG};\r\n\t\t\t--lottie-player-toolbar-icon-color: ${controlsIconColor};\r\n\t\t\t--lottie-player-toolbar-icon-hover-color: ${controlsIconHoverColor};\r\n\t\t\t--lottie-player-toolbar-icon-active-color: ${controlsIconActiveColor};\r\n\t\t\t--lottie-player-seeker-track-color: ${controlsTrackColor};\r\n\t\t\t--lottie-player-seeker-thumb-color: ${controlsThumbColor};\r\n\t\t}\r\n\t\t${lottiePlayerSl} .caption{\r\n\t\t\twidth: ${width};\r\n\t\t\ttext-align: ${capAlign};\r\n\t\t\t${getColorsCSS(capColors)};\r\n\t\t\tpadding: ${getSpaceCSS(capPadding)};\r\n\t\t\tmargin: ${getSpaceCSS(capMargin)};\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />\r\n}\r\nexport default Style;","export const toggleAttr = (selector, condition, attribute, value) => {\r\n\tcondition && selector?.setAttribute(attribute, value);\r\n\t!condition && selector?.removeAttribute(attribute, value);\r\n}","import { useEffect, forwardRef } from 'react';\r\n\r\nimport { toggleAttr } from '../utils/functions';\r\n\r\nconst LottiePlayer = ({ attributes }, ref) => {\r\n\tconst { file, isControls, isAutoplay, isLoop, isHover, mode, direction, count, speed, intermission, background } = attributes;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (ref?.current) {\r\n\t\t\ttoggleAttr(ref?.current, isControls, 'controls', '');\r\n\t\t\ttoggleAttr(ref?.current, isAutoplay, 'autoplay', '');\r\n\t\t\ttoggleAttr(ref?.current, isLoop, 'loop', '');\r\n\t\t\ttoggleAttr(ref?.current, isHover, 'hover', '');\r\n\t\t}\r\n\t}, [ref]);\r\n\r\n\treturn <dotlottie-player\r\n\t\tref={ref}\r\n\t\tsrc={file}\r\n\t\tautoplay\r\n\t\tloop\r\n\t\tmode={mode}\r\n\t\tcount={count}\r\n\t\tspeed={speed}\r\n\t\tdirection={direction}\r\n\t\tintermission={intermission * 1000}\r\n\t\tbackground={background}\r\n\t\tdebug\r\n\t></dotlottie-player>\r\n}\r\nexport default forwardRef(LottiePlayer);","import { useEffect, useRef } from 'react';\r\nimport { render } from 'react-dom';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport LottiePlayer from './Components/LottiePlayer';\r\nimport { toggleAttr } from './utils/functions';\r\n\r\n// Lottie Player\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allPlayers = document.querySelectorAll('.wp-block-lpb-lottie-player');\r\n\tallPlayers.forEach(player => {\r\n\t\tconst attributes = JSON.parse(player.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<RenderLottiePlayer attributes={attributes} clientId={attributes.cId} />\r\n\t\t</>, player);\r\n\r\n\t\tplayer?.removeAttribute('data-attributes');\r\n\t});\r\n});\r\n\r\nconst RenderLottiePlayer = ({ attributes, clientId }) => {\r\n\tconst { isControls, isAutoplay, isLoop, isHover, link, isLinkInNewTab, interactivity, interactivityMode, interactivityContainer, interactivityActions, isCap, caption } = attributes;\r\n\r\n\tconst lottieEl = useRef(null);\r\n\r\n\tuseEffect(() => {\r\n\t\t// Set player\r\n\t\tconst lottiePlayer = document.querySelector(`#lpbLottiePlayer-${clientId} .lpbLottiePlayer lottie-player`);\r\n\r\n\t\ttoggleAttr(lottiePlayer, isControls, 'controls', '');\r\n\t\ttoggleAttr(lottiePlayer, isAutoplay, 'autoplay', '');\r\n\t\ttoggleAttr(lottiePlayer, isLoop, 'loop', '');\r\n\t\ttoggleAttr(lottiePlayer, isHover, 'hover', '');\r\n\t}, []);\r\n\r\n\t// Interactivity\r\n\tuseEffect(() => {\r\n\t\tconst player = lottieEl?.current;\r\n\r\n\t\tif (player && interactivity && 'noInteractivity' !== interactivity) {\r\n\t\t\tplayer.addEventListener('ready', () => {\r\n\t\t\t\tLottieInteractivity.create({\r\n\t\t\t\t\tplayer: player.getLottie(),\r\n\t\t\t\t\tcontainer: 'scrollRelativeToContainer' === interactivity ? interactivityContainer : `#lpbLottiePlayer-${clientId}`,\r\n\t\t\t\t\tmode: interactivityMode,\r\n\t\t\t\t\tactions: interactivityActions\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t}, [lottieEl?.current]);\r\n\r\n\treturn <div className='lpbLottiePlayer'>\r\n\t\t{link ? <a href={link} target={isLinkInNewTab ? '_blank' : '_self'} rel='noreferrer'><LottiePlayer ref={lottieEl} attributes={attributes} /></a> : <LottiePlayer ref={lottieEl} attributes={attributes} />}\r\n\r\n\t\t{isCap && <><br /><span className='caption'>{caption}</span></>}\r\n\t</div>\r\n}"],"names":["React","ReactDOM","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","styles","linkQuery","includes","replace","link","split","join","googleFontLink","trim","colors","color","bgType","bg","gradient","attributes","clientId","playerAlign","width","controlsHeight","controlsBG","controlsIconColor","controlsIconHoverColor","controlsIconActiveColor","controlsTrackColor","controlsThumbColor","capAlign","capTypo","capColors","capPadding","capMargin","lottiePlayerSl","dangerouslySetInnerHTML","__html","toggleAttr","condition","attribute","setAttribute","removeAttribute","LottiePlayer","ref","file","isControls","isAutoplay","isLoop","isHover","mode","direction","count","speed","intermission","background","useEffect","current","src","autoplay","loop","debug","forwardRef","document","addEventListener","querySelectorAll","forEach","player","JSON","parse","dataset","render","cId","RenderLottiePlayer","isLinkInNewTab","interactivity","interactivityMode","interactivityContainer","interactivityActions","isCap","caption","lottieEl","useRef","lottiePlayer","querySelector","LottieInteractivity","create","getLottie","container","actions","className","href","target","rel"],"sourceRoot":""}