{"version":3,"file":"static/js/679.e28fbb0d.chunk.js","mappings":"+MAIe,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","sources":["shared/moving-graphic-block/moving-graphic-block-component.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"],"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"],"sourceRoot":""}