{"version":3,"file":"script.js","mappings":"yBAAA,IAAI,EAA+BA,GAAGC,QCYtC,EAZc,SAAC,GAA6B,IAA3BC,EAA2B,EAA3BA,WAAYC,EAAe,EAAfA,SACpBC,EAAkBF,EAAlBE,MAAOC,EAAWH,EAAXG,OAEf,OAAO,kCAAOC,wBAAyB,CACtCC,OAAQ,gCACUJ,EADV,2CAEE,QAAUC,GAAS,OAASA,GAAS,QAAUA,EAAQ,OAASA,EAFlE,mCAGUC,EAHV,kBAKNG,QAAQ,OAAQ,SCTdC,EAAkB,SAACC,GACxB,IAAMC,EAAc,GAMpB,OALAC,OAAOC,KAAKH,GAAUI,KAAI,SAAAC,GACrBL,EAASK,IACZJ,EAAYK,KAAKD,MAGZJ,GCARM,SAASC,iBAAiB,oBAAoB,WACtBD,SAASE,iBAAiB,uBAClCC,SAAQ,SAAAC,GACtB,IAAMnB,EAAaoB,KAAKC,MAAMF,EAAYG,QAAQtB,aAElDuB,EAAAA,EAAAA,QAAO,kDACN,yBAAC,EAAD,CAAOvB,WAAYA,EAAYC,SAAUD,EAAWC,WAEpD,yBAACuB,EAAD,CAAaxB,WAAYA,KACrBmB,GAELA,SAAAA,EAAaM,gBAAgB,yBAI/B,IAAMD,EAAc,SAAC,GAAmB,IAAjBxB,EAAiB,EAAjBA,WACd0B,EAAmF1B,EAAnF0B,OAAQC,EAA2E3B,EAA3E2B,OAAQnB,EAAmER,EAAnEQ,SAAUoB,EAAyD5B,EAAzD4B,OAAQC,EAAiD7B,EAAjD6B,SAAUC,EAAuC9B,EAAvC8B,MAAOC,EAAgC/B,EAAhC+B,WAAYC,EAAoBhC,EAApBgC,gBAEjEC,GAAUC,EAAAA,EAAAA,QAAO,MAcvB,OAZAC,EAAAA,EAAAA,YAAU,WACT,IAAIC,KAAKH,EAAQI,QAAS,CACzB7B,SAAUD,EAAgBC,GAC1B8B,aAAa,EACbC,KAAM,CAAEC,OAAQZ,GAChBE,MAAAA,EACAD,SAAAA,EACAE,WAAAA,EACAU,aAAcT,MAEb,IAEI,gCAAKU,UAAU,kBACrB,gCAAKA,UAAU,gBACd,kCAAOlC,UAAQ,EAACmC,aAAW,EAAC,cAAahB,EAAQiB,QAAQ,WAAWC,IAAKZ,GAAzE,+CAEC,mCAAQa,IAAKpB,EAAQqB,KAAK,kB","sources":["webpack://video-player-block/external var [\"wp\",\"element\"]","webpack://video-player-block/./src/Style.js","webpack://video-player-block/./src/Const/functions.js","webpack://video-player-block/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = wp.element;","const Style = ({ attributes, clientId }) => {\r\n\tconst { width, radius } = attributes;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t#vpbVideoPlayer-${clientId} .vpbVideoPlayer{\r\n\t\t\twidth: ${'0px' === width || '0%' === width || '0em' === width ? '100%' : width};\r\n\t\t\tborder-radius: ${radius};\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />\r\n}\r\nexport default Style;","const controlsHandler = (controls) => {\r\n\tconst newControls = [];\r\n\tObject.keys(controls).map(item => {\r\n\t\tif (controls[item]) {\r\n\t\t\tnewControls.push(item);\r\n\t\t}\r\n\t});\r\n\treturn newControls;\r\n};\r\nexport { controlsHandler }","import { render, useEffect, useRef } from '@wordpress/element';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport { controlsHandler } from './Const/functions';\r\n\r\n// Video Player\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allVideoPlayer = document.querySelectorAll('.wp-block-vpb-video');\r\n\tallVideoPlayer.forEach(videoPlayer => {\r\n\t\tconst attributes = JSON.parse(videoPlayer.dataset.attributes);\r\n\r\n\t\trender(<>\r\n\t\t\t<Style attributes={attributes} clientId={attributes.clientId} />\r\n\r\n\t\t\t<RenderVideo attributes={attributes} />\r\n\t\t</>, videoPlayer);\r\n\r\n\t\tvideoPlayer?.removeAttribute('data-attributes')\r\n\t});\r\n});\r\n\r\nconst RenderVideo = ({ attributes }) => {\r\n\tconst { source, poster, controls, repeat, autoplay, muted, resetOnEnd, autoHideControl } = attributes;\r\n\r\n\tconst videoEl = useRef(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tnew Plyr(videoEl.current, {\r\n\t\t\tcontrols: controlsHandler(controls),\r\n\t\t\tclickToPlay: false,\r\n\t\t\tloop: { active: repeat },\r\n\t\t\tmuted,\r\n\t\t\tautoplay,\r\n\t\t\tresetOnEnd,\r\n\t\t\thideControls: autoHideControl,\r\n\t\t});\r\n\t}, []);\r\n\r\n\treturn <div className='vpbVideoPlayer'>\r\n\t\t<div className='videoWrapper'>\r\n\t\t\t<video controls playsinline data-poster={poster} preload='metadata' ref={videoEl}>\r\n\t\t\t\tYour browser does not support the video tag.\r\n\t\t\t\t<source src={source} type='video/mp4' />\r\n\t\t\t</video>\r\n\t\t</div>\r\n\t</div>\r\n} "],"names":["wp","element","attributes","clientId","width","radius","dangerouslySetInnerHTML","__html","replace","controlsHandler","controls","newControls","Object","keys","map","item","push","document","addEventListener","querySelectorAll","forEach","videoPlayer","JSON","parse","dataset","render","RenderVideo","removeAttribute","source","poster","repeat","autoplay","muted","resetOnEnd","autoHideControl","videoEl","useRef","useEffect","Plyr","current","clickToPlay","loop","active","hideControls","className","playsinline","preload","ref","src","type"],"sourceRoot":""}