{"version":3,"file":"script.js","mappings":"yBAAA,IAAI,EAA+BA,GAAGC,QCoBtC,EApBc,SAAC,GAA6B,IAA3BC,EAA2B,EAA3BA,WAAYC,EAAe,EAAfA,SACpBC,EAA4DF,EAA5DE,cAAeC,EAA6CH,EAA7CG,UAAWC,EAAkCJ,EAAlCI,UAAWC,EAAuBL,EAAvBK,UAAWC,EAAYN,EAAZM,QAExD,OAAO,kCAAOC,wBAAyB,CACtCC,OAAQ,4BACMP,EADN,gCAEOI,EAFP,qCAIMJ,EAJN,sDAKYC,EALZ,gCAMOC,EANP,gCAOOE,EAPP,8BAQIC,aAAA,EAAAA,EAASG,SAAU,YARvB,qCAUMR,EAVN,sCAWLG,aAAA,EAAAA,EAAWK,SAAU,GAXhB,iBAaNC,QAAQ,OAAQ,SCXpBC,SAASC,iBAAiB,oBAAoB,WAC1BD,SAASE,iBAAiB,0BAClCC,SAAQ,SAAAC,GAClB,MAAgCC,KAAKC,MAAMF,EAAQG,QAAQC,OAAnDnB,EAAR,EAAQA,WAAYoB,EAApB,EAAoBA,SAEpBC,EAAAA,EAAAA,QAAO,yBAACC,EAAD,CAAiBtB,WAAYA,EAAYoB,QAASA,IAAaL,GAEtEA,SAAAA,EAASQ,gBAAgB,oBAI3B,IAAMD,EAAkB,SAAC,GAA4B,IAA1BtB,EAA0B,EAA1BA,WAAYoB,EAAc,EAAdA,QAC9BI,EAAexB,EAAfwB,IAAKC,EAAUzB,EAAVyB,MAEb,OAAO,kDACN,yBAAC,EAAD,CAAOzB,WAAYA,EAAYC,SAAUuB,IAEzC,kCAAOE,UAAQ,EAACC,OAAK,EAACC,MAAI,EAACC,UAAU,kBACpC,mCAAQC,IAAKL,aAAF,EAAEA,EAAOM,IAAKC,KAAK,cAD/B,8CAMA,gCAAKH,UAAU,oBAEf,gCAAKA,UAAU,kBAAkBtB,wBAAyB,CAAEC,OAAQY,O","sources":["webpack://video-background-block/external var [\"wp\",\"element\"]","webpack://video-background-block/./src/Style.js","webpack://video-background-block/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = wp.element;","const Style = ({ attributes, clientId }) => {\r\n\tconst { verticalAlign, textAlign, bgOverlay, minHeight, padding } = attributes;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t#vbbVideoBG-${clientId}{\r\n\t\t\tmin-height: ${minHeight};\r\n\t\t}\r\n\t\t#vbbVideoBG-${clientId} .vbbVideoContent{\r\n\t\t\tjustify-content: ${verticalAlign};\r\n\t\t\ttext-align: ${textAlign};\r\n\t\t\tmin-height: ${minHeight};\r\n\t\t\tpadding: ${padding?.styles || '20px 30px'};\r\n\t\t}\r\n\t\t#vbbVideoBG-${clientId} .vbbVideoOverlay{\r\n\t\t\t${bgOverlay?.styles || ''}\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />\r\n}\r\nexport default Style;","import { render } from '@wordpress/element';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\n\r\n// Video Background\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allVideoBG = document.querySelectorAll('.wp-block-vbb-video-bg');\r\n\tallVideoBG.forEach(videoBG => {\r\n\t\tconst { attributes, content } = JSON.parse(videoBG.dataset.props);\r\n\r\n\t\trender(<VideoBackground attributes={attributes} content={content} />, videoBG);\r\n\r\n\t\tvideoBG?.removeAttribute('data-props');\r\n\t});\r\n});\r\n\r\nconst VideoBackground = ({ attributes, content }) => {\r\n\tconst { cId, video } = attributes;\r\n\r\n\treturn <>\r\n\t\t<Style attributes={attributes} clientId={cId} />\r\n\r\n\t\t<video autoPlay muted loop className='vbbVideoPlayer'>\r\n\t\t\t<source src={video?.url} type='video/mp4' />\r\n\r\n\t\t\tYour browser does not support HTML5 video.\r\n\t\t</video>\r\n\r\n\t\t<div className='vbbVideoOverlay'></div>\r\n\r\n\t\t<div className='vbbVideoContent' dangerouslySetInnerHTML={{ __html: content }} />\r\n\t</>;\r\n}"],"names":["wp","element","attributes","clientId","verticalAlign","textAlign","bgOverlay","minHeight","padding","dangerouslySetInnerHTML","__html","styles","replace","document","addEventListener","querySelectorAll","forEach","videoBG","JSON","parse","dataset","props","content","render","VideoBackground","removeAttribute","cId","video","autoPlay","muted","loop","className","src","url","type"],"sourceRoot":""}