{"version":3,"file":"script.js","mappings":"yBAAA,IAAI,EAA+BA,GAAGC,QCsBtC,EAtBc,SAAC,GAA6B,IAA3BC,EAA2B,EAA3BA,WAAYC,EAAe,EAAfA,SACpBC,EAAqKF,EAArKE,YAAaC,EAAwJH,EAAxJG,KAAMC,EAAkJJ,EAAlJI,MAAOC,EAA2IL,EAA3IK,eAAgBC,EAA2HN,EAA3HM,WAAYC,EAA+GP,EAA/GO,kBAAmBC,EAA4FR,EAA5FQ,uBAAwBC,EAAoET,EAApES,wBAAyBC,EAA2CV,EAA3CU,mBAAoBC,EAAuBX,EAAvBW,mBAEtJ,OAAO,kCAAOC,wBAAyB,CACtCC,OAAQ,iCACWZ,EADX,iDAEOC,EAFP,0CAIWD,EAJX,0DAKEG,EALF,4BAMGD,EAAO,UAAY,OANtB,oDAO2BE,EAP3B,8DAQqCC,EARrC,wDAS+BC,EAT/B,8DAUqCC,EAVrC,+DAWsCC,EAXtC,wDAY+BC,EAZ/B,wDAa+BC,EAb/B,kBAeNG,QAAQ,OAAQ,SCnBPC,EAAa,SAACC,EAAUC,EAAWC,EAAWC,GAC1DF,IAAaD,SAAAA,EAAUI,aAAaF,EAAWC,KAC9CF,IAAaD,SAAAA,EAAUK,gBAAgBH,EAAWC,KC8BpD,GAAeG,EAAAA,EAAAA,aA5BM,SAAC,EAAgBC,GAAQ,IAAtBvB,EAAsB,EAAtBA,WACfwB,EAAqDxB,EAArDwB,KAAMC,EAA+CzB,EAA/CyB,WAAYC,EAAmC1B,EAAnC0B,WAAYC,EAAuB3B,EAAvB2B,OAAQC,EAAe5B,EAAf4B,WAU9C,OARAC,EAAAA,EAAAA,YAAU,WACLN,SAAAA,EAAKO,UACRf,EAAWQ,aAAD,EAACA,EAAKO,QAASL,EAAY,WAAY,IACjDV,EAAWQ,aAAD,EAACA,EAAKO,QAASJ,EAAY,WAAY,IACjDX,EAAWQ,aAAD,EAACA,EAAKO,QAASH,EAAQ,OAAQ,OAExC,CAACJ,IAEG,0CACNA,IAAKA,EACLQ,IAAKP,EACLQ,MAAI,EAMJC,KAAK,SACLC,MAAO,EACPC,MAAO,EACPC,UAAW,EACXC,aAAc,EACdT,WAAYA,OCrBdU,SAASC,iBAAiB,oBAAoB,WAC1BD,SAASE,iBAAiB,+BAClCC,SAAQ,SAAAC,GAClB,IAAM1C,EAAa2C,KAAKC,MAAMF,EAAOG,QAAQ7C,aAE7C8C,EAAAA,EAAAA,QAAO,kDACN,yBAAC,EAAD,CAAO9C,WAAYA,EAAYC,SAAUD,EAAW+C,MAEpD,yBAACC,EAAD,CAAoBhD,WAAYA,EAAYC,SAAUD,EAAW+C,OAC7DL,GAELA,SAAAA,EAAQrB,gBAAgB,yBAI1B,IAAM2B,EAAqB,SAAC,GAA6B,IAA3BhD,EAA2B,EAA3BA,WAAYC,EAAe,EAAfA,SACjCwB,EAAyCzB,EAAzCyB,WAAYC,EAA6B1B,EAA7B0B,WAAYC,EAAiB3B,EAAjB2B,OAAQxB,EAASH,EAATG,KAElC8C,GAAWC,EAAAA,EAAAA,QAAO,MAWxB,OATArB,EAAAA,EAAAA,YAAU,WACT,IAAMsB,EAAeb,SAASc,cAAT,2BAA2CnD,EAA3C,oCAErBc,EAAWoC,EAAc1B,EAAY,WAAY,IACjDV,EAAWoC,EAAczB,EAAY,WAAY,IACjDX,EAAWoC,EAAcxB,EAAQ,OAAQ,MAEvC,IAEI,gCAAK0B,UAAU,mBACpBlD,EAAO,8BAAGmD,KAAMnD,GAAM,yBAAC,EAAD,CAAcoB,IAAK0B,EAAUjD,WAAYA,KAAqB,yBAAC,EAAD,CAAcuB,IAAK0B,EAAUjD,WAAYA,M","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 } = attributes;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\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`.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, 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}\r\n\t}, [ref]);\r\n\r\n\treturn <lottie-player\r\n\t\tref={ref}\r\n\t\tsrc={file}\r\n\t\tloop\r\n\t\t// mode={mode}\r\n\t\t// count={count}\r\n\t\t// speed={speed}\r\n\t\t// direction={1}\r\n\t\t// intermission={intermission * 1000}\r\n\t\tmode='normal'\r\n\t\tcount={0}\r\n\t\tspeed={1}\r\n\t\tdirection={1}\r\n\t\tintermission={0}\r\n\t\tbackground={background}\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, link } = attributes;\r\n\r\n\tconst lottieEl = useRef(null);\r\n\r\n\tuseEffect(() => {\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\t// toggleAttr(lottiePlayer, isHover, 'hover', '');\r\n\t}, []);\r\n\r\n\treturn <div className='lpbLottiePlayer'>\r\n\t\t{link ? <a href={link}><LottiePlayer ref={lottieEl} attributes={attributes} /></a> : <LottiePlayer ref={lottieEl} attributes={attributes} />}\r\n\t</div>\r\n}"],"names":["wp","element","attributes","clientId","playerAlign","link","width","controlsHeight","controlsBG","controlsIconColor","controlsIconHoverColor","controlsIconActiveColor","controlsTrackColor","controlsThumbColor","dangerouslySetInnerHTML","__html","replace","toggleAttr","selector","condition","attribute","value","setAttribute","removeAttribute","forwardRef","ref","file","isControls","isAutoplay","isLoop","background","useEffect","current","src","loop","mode","count","speed","direction","intermission","document","addEventListener","querySelectorAll","forEach","player","JSON","parse","dataset","render","cId","RenderLottiePlayer","lottieEl","useRef","lottiePlayer","querySelector","className","href"],"sourceRoot":""}