{"version":3,"file":"script.js","mappings":"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","sources":["webpack://lottie-player/external var [\"wp\",\"element\"]","webpack://lottie-player/./src/Style.js","webpack://lottie-player/./src/Const/functions.js","webpack://lottie-player/./src/LottiePlayer.js","webpack://lottie-player/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = wp.element;","const 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\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${capTypo?.googleFontLink ? `@import url(${capTypo?.googleFontLink});` : ''}\r\n\r\n\t\t#lpbLottiePlayer-${clientId} .lpbLottiePlayer{\r\n\t\t\ttext-align: ${playerAlign};\r\n\t\t}\r\n\t\t#lpbLottiePlayer-${clientId} .lpbLottiePlayer lottie-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#lpbLottiePlayer-${clientId} .lpbLottiePlayer .caption{\r\n\t\t\twidth: ${width};\r\n\t\t\ttext-align: ${capAlign};\r\n\t\t\t${capTypo?.styles || 'font-size: 14px;'}\r\n\t\t\t${capColors?.styles || 'color: #333;'};\r\n\t\t\tpadding: ${capPadding?.styles || '5px 10px'};\r\n\t\t\tmargin: ${capMargin?.styles || '10px 0 0 0'};\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 '@wordpress/element';\r\n\r\nimport { toggleAttr } from './Const/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 <lottie-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></lottie-player>\r\n}\r\nexport default forwardRef(LottiePlayer);","import { render, useEffect, useRef } from '@wordpress/element';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport LottiePlayer from './LottiePlayer';\r\nimport { toggleAttr } from './Const/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\tif (lottieEl?.current && interactivity && 'noInteractivity' !== interactivity) {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tLottieInteractivity.create({\r\n\t\t\t\t\tplayer: lottieEl?.current,\r\n\t\t\t\t\tcontainer: interactivityContainer,\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}, 0);\r\n\t\t}\r\n\t}, []);\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":["wp","element","attributes","clientId","playerAlign","link","width","controlsHeight","controlsBG","controlsIconColor","controlsIconHoverColor","controlsIconActiveColor","controlsTrackColor","controlsThumbColor","capAlign","capTypo","capColors","capPadding","capMargin","dangerouslySetInnerHTML","__html","googleFontLink","styles","replace","toggleAttr","selector","condition","attribute","value","setAttribute","removeAttribute","forwardRef","ref","file","isControls","isAutoplay","isLoop","isHover","mode","direction","count","speed","intermission","background","useEffect","current","src","autoplay","loop","debug","document","addEventListener","querySelectorAll","forEach","player","JSON","parse","dataset","render","cId","RenderLottiePlayer","isLinkInNewTab","interactivity","interactivityMode","interactivityContainer","interactivityActions","isCap","caption","lottieEl","useRef","lottiePlayer","querySelector","setTimeout","LottieInteractivity","create","container","actions","className","href","target","rel"],"sourceRoot":""}