{"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/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;","import { forwardRef } from '@wordpress/element';\r\n\r\nconst LottiePlayer = ({ attributes }, ref) => {\r\n\tconst { file, mode, direction, count, speed, intermission, background } = attributes;\r\n\r\n\treturn <lottie-player\r\n\t\tref={ref}\r\n\t\tsrc={file}\r\n\t\tcontrols\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\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, 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\tconst toggleAttr = (condition, attribute, value) => {\r\n\t\t\tcondition && lottiePlayer?.setAttribute(attribute, value);\r\n\t\t\t!condition && lottiePlayer?.removeAttribute(attribute, value);\r\n\t\t}\r\n\r\n\t\ttoggleAttr(isControls, 'controls', '');\r\n\t\ttoggleAttr(isAutoplay, 'autoplay', '');\r\n\t\ttoggleAttr(isLoop, 'loop', '');\r\n\t\ttoggleAttr(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\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","forwardRef","ref","file","mode","direction","count","speed","intermission","background","src","controls","autoplay","loop","debug","document","addEventListener","querySelectorAll","forEach","player","JSON","parse","dataset","render","cId","RenderLottiePlayer","removeAttribute","isControls","isAutoplay","isLoop","isHover","isLinkInNewTab","interactivity","interactivityMode","interactivityActions","isCap","caption","lottieEl","useRef","useEffect","lottiePlayer","querySelector","toggleAttr","condition","attribute","value","setAttribute","current","setTimeout","LottieInteractivity","create","actions","className","href","target","rel"],"sourceRoot":""}