{"version":3,"file":"static/js/720.fdb73224.chunk.js","mappings":"mNAIe,SAASA,EAA2BC,GAAiG,IAA9FC,EAAeD,EAAfC,gBAAiBC,EAAKF,EAALE,MAAOC,EAAeH,EAAfG,gBAAiBC,EAAKJ,EAALI,MAAOC,EAAaL,EAAbK,cAAeC,EAAUN,EAAVM,WAAYC,EAAcP,EAAdO,eACzHC,IAAcN,EAEdO,GAAaC,EAAAA,EAAAA,QAAO,MACpBC,EAAKC,EAAAA,EAA+CN,GACpDO,EAAKD,EAAAA,EAA+CP,GACpDS,EAAMF,EAAAA,EAA+CT,GAE3D,OACEY,EAAAA,EAAAA,KAAA,OAAKC,UAAS,kCAAAC,YAA0CC,GAANP,EAAkBA,EAAK,GAAE,KAAAM,YAAUC,GAANL,EAAkBA,EAAK,GAAE,KAAAI,YAAWC,GAAPJ,EAAmBA,EAAM,IAAKK,UACxIC,EAAAA,EAAAA,MAAA,OAAKJ,UAAW,WAAWG,SAAA,EACzBJ,EAAAA,EAAAA,KAAA,OAAKC,UAAW,uBAAuBG,UAAEE,EAAAA,EAAAA,IAAgBpB,MACzDc,EAAAA,EAAAA,KAAA,OAAKC,UAAU,kBAAiBG,SAC7BX,GACCO,EAAAA,EAAAA,KAAA,SACEC,UAAU,UACVM,IAAKb,EACL,oBAAkB,QAClBc,MAAI,EACJC,OAAK,EACLC,aAAW,EACXC,QAAS,OACTC,UAAU,EACVC,QAAQ,QACRC,cAAc,OACdC,IAAK5B,EACL6B,SAAUxB,EAAeY,UAEzBJ,EAAAA,EAAAA,KAAA,UAAQiB,MAAM,oBAAoBF,IAAK5B,OAGzCa,EAAAA,EAAAA,KAAA,OAAKC,UAAU,UAAUc,IAAK1B,UAM1C,C,sJCrCqB6B,EAAwB,WAO1C,OAAAC,EAAAA,EAAAA,IAND,SAAAD,EAAYE,IAAMC,EAAAA,EAAAA,GAAA,KAAAH,GAChB,IAAMI,EAAOC,KAIb,OAHAD,EAAKF,KAAOA,EACZE,EAAKE,UAAYJ,EAAKK,QAAQD,WAAaE,KAAKC,MAAMP,EAAKK,QAAQD,WACnEF,EAAKM,OACEN,CACT,GAAC,EAAAO,IAAA,OAAAC,MAED,WAEEC,EAAAA,uBADaR,KACwBH,MACrCW,EAAAA,QAAgB/B,EAAAA,EAAAA,KAAChB,EAAAA,SAA2BgD,EAAAA,EAAAA,GAAA,GAAKT,KAAKC,YAFzCD,KAE6DH,KAC5E,IAAC,CAb0C,E","sources":["shared/moving-graphic-block/moving-graphic-block-component.jsx","shared/moving-graphic-block/moving-graphic-block-module.jsx"],"sourcesContent":["import React, { useRef } from \"react\"\nimport ReactHtmlParser from \"react-html-parser\"\nimport * as SelectionFactoryHelper from \"../helpers/SelectionFactoryHelper\"\n\nexport default function MovingGraphicBlockComponent({ richTextHeading, video, backgroundColor, image, bottomPadding, topPadding, enableControls }) {\n const videoExists = video ? true : false\n\n const bgVideoRef = useRef(null)\n const tp = SelectionFactoryHelper.getFromSelectionFactory(topPadding)\n const bp = SelectionFactoryHelper.getFromSelectionFactory(bottomPadding)\n const bgc = SelectionFactoryHelper.getFromSelectionFactory(backgroundColor)\n\n return (\n <div className={`moving-graphic-block-container ${tp != undefined ? tp : \"\"} ${bp != undefined ? bp : \"\"} ${bgc != undefined ? bgc : \"\"}`}>\n <div className={\"w--wider\"}>\n <div className={\"rich-text headertext\"}>{ReactHtmlParser(richTextHeading)}</div>\n <div className=\"graphic-wrapper\">\n {videoExists ? (\n <video\n className=\"graphic\"\n ref={bgVideoRef}\n data-epi-property=\"Video\"\n loop\n muted\n playsInline\n preload={\"auto\"}\n autoPlay={true}\n loading=\"eager\"\n fetchPriority=\"high\"\n src={video}\n controls={enableControls}\n >\n <source media=\"(max-width:767px)\" src={video} />\n </video>\n ) : (\n <img className=\"graphic\" src={image}></img>\n )}\n </div>\n </div>\n </div>\n )\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport MovingGraphicBlockComponent from \"./moving-graphic-block-component.jsx\"\n\nexport default class MovingGraphicBlockModule {\n constructor(elem) {\n const self = this\n self.elem = elem\n self.modelJson = elem.dataset.modelJson && JSON.parse(elem.dataset.modelJson)\n self.init()\n return self\n }\n\n init() {\n const self = this\n ReactDOM.unmountComponentAtNode(self.elem)\n ReactDOM.render(<MovingGraphicBlockComponent {...this.modelJson} />, self.elem)\n }\n}\n"],"names":["MovingGraphicBlockComponent","_ref","richTextHeading","video","backgroundColor","image","bottomPadding","topPadding","enableControls","videoExists","bgVideoRef","useRef","tp","SelectionFactoryHelper","bp","bgc","_jsx","className","concat","undefined","children","_jsxs","ReactHtmlParser","ref","loop","muted","playsInline","preload","autoPlay","loading","fetchPriority","src","controls","media","MovingGraphicBlockModule","_createClass","elem","_classCallCheck","self","this","modelJson","dataset","JSON","parse","init","key","value","ReactDOM","_objectSpread"],"sourceRoot":""}