{"version":3,"file":"lottie-player.js","mappings":"yBAAA,IAAI,EAA+BA,MCA/B,EAA+BC,SCsBnC,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,6BAAOC,wBAAyB,CACtCC,OAAQ,qCACeZ,EADf,qDAEOC,EAFP,8CAIeD,EAJf,8DAKEG,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,SCHpB,EAhBqB,SAAC,GAAmB,IAAjBd,EAAiB,EAAjBA,WACfe,EAAuDf,EAAvDe,KAAMC,EAAiDhB,EAAjDgB,KAAMC,EAA2CjB,EAA3CiB,MAAOC,EAAoClB,EAApCkB,MAAOC,EAA6BnB,EAA7BmB,aAAcC,EAAepB,EAAfoB,WAEhD,OAAO,qCACNC,IAAKN,EACLO,UAAQ,EACRC,UAAQ,EACRC,MAAI,EACJR,KAAMA,EACNC,MAAOA,EACPC,MAAOA,EACPO,UAAW,EACXN,aAA6B,IAAfA,EACdC,WAAYA,KCLdM,SAASC,iBAAiB,oBAAoB,WAC1BD,SAASE,iBAAiB,oCAClCC,SAAQ,SAAAC,GAClB,IAAM9B,EAAa+B,KAAKC,MAAMF,EAAOG,QAAQjC,aAE7CkC,EAAAA,EAAAA,QAAO,wCACN,oBAAC,EAAD,CAAOlC,WAAYA,EAAYC,SAAUD,EAAWmC,MAEpD,oBAACC,EAAD,CAAoBpC,WAAYA,EAAYC,SAAUD,EAAWmC,OAC7DL,GAELA,SAAAA,EAAQO,gBAAgB,yBAI1B,IAAMD,EAAqB,SAAC,GAA6B,IAA3BpC,EAA2B,EAA3BA,WAAYC,EAAe,EAAfA,SACjCqC,EAAkDtC,EAAlDsC,WAAYC,EAAsCvC,EAAtCuC,WAAYC,EAA0BxC,EAA1BwC,OAAQC,EAAkBzC,EAAlByC,QAAStC,EAASH,EAATG,KAgBjD,OAdAuC,EAAAA,EAAAA,YAAU,WACT,IAAMC,EAAejB,SAASkB,cAAT,+BAA+C3C,EAA/C,wCAEf4C,EAAa,SAACC,EAAWC,EAAWC,GACzCF,IAAaH,SAAAA,EAAcM,aAAaF,EAAWC,KAClDF,IAAaH,SAAAA,EAAcN,gBAAgBU,EAAWC,KAGxDH,EAAWP,EAAY,WAAY,IACnCO,EAAWN,EAAY,WAAY,IACnCM,EAAWL,EAAQ,OAAQ,IAC3BK,EAAWJ,EAAS,QAAS,MAC3B,IAEI,2BAAKS,UAAU,uBACpB/C,EAAO,yBAAGgD,KAAMhD,GAAM,oBAAC,EAAD,CAAcH,WAAYA,KAAqB,oBAAC,EAAD,CAAcA,WAAYA,M","sources":["webpack://b-blocks/external var \"React\"","webpack://b-blocks/external var \"ReactDOM\"","webpack://b-blocks/./src/blocks/lottie-player/Style.js","webpack://b-blocks/./src/blocks/lottie-player/LottiePlayer.js","webpack://b-blocks/./src/blocks/lottie-player/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = React;","var __WEBPACK_NAMESPACE_OBJECT__ = ReactDOM;","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#bBlocksLottiePlayer-${clientId} .bBlocksLottiePlayer{\r\n\t\t\ttext-align: ${playerAlign};\r\n\t\t}\r\n\t\t#bBlocksLottiePlayer-${clientId} .bBlocksLottiePlayer 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;","const LottiePlayer = ({ attributes }) => {\r\n\tconst { file, mode, count, speed, intermission, background } = attributes;\r\n\r\n\treturn <lottie-player\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={1}\r\n\t\tintermission={intermission * 1000}\r\n\t\tbackground={background}\r\n\t></lottie-player>\r\n}\r\nexport default LottiePlayer;","import { useEffect } from 'react';\r\nimport { render } from 'react-dom';\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-b-blocks-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 } = attributes;\r\n\r\n\tuseEffect(() => {\r\n\t\tconst lottiePlayer = document.querySelector(`#bBlocksLottiePlayer-${clientId} .bBlocksLottiePlayer 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\treturn <div className='bBlocksLottiePlayer'>\r\n\t\t{link ? <a href={link}><LottiePlayer attributes={attributes} /></a> : <LottiePlayer attributes={attributes} />}\r\n\t</div>\r\n}"],"names":["React","ReactDOM","attributes","clientId","playerAlign","link","width","controlsHeight","controlsBG","controlsIconColor","controlsIconHoverColor","controlsIconActiveColor","controlsTrackColor","controlsThumbColor","dangerouslySetInnerHTML","__html","replace","file","mode","count","speed","intermission","background","src","controls","autoplay","loop","direction","document","addEventListener","querySelectorAll","forEach","player","JSON","parse","dataset","render","cId","RenderLottiePlayer","removeAttribute","isControls","isAutoplay","isLoop","isHover","useEffect","lottiePlayer","querySelector","toggleAttr","condition","attribute","value","setAttribute","className","href"],"sourceRoot":""}