{"version":3,"file":"VideoModal-Dh-__pfM-chunk.js","sources":["../../../src/components/utility/images/ImageModalCloseX.jsx","../../../src/components/utility/images/ImagePlayVideo.jsx","../../../src/components/utility/video/VideoModal.jsx"],"sourcesContent":["import React from \"react\";\n\nconst ImageX = () => {\n\treturn (\n\t\t<svg\n\t\t\ttitle=\"imagex\"\n\t\t\tclassName=\"imagex unclickable\"\n\t\t\twidth=\"48\"\n\t\t\theight=\"48\"\n\t\t\tviewBox=\"0 0 48 48\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M38 12.82L35.18 10L24 21.18L12.82 10L10 12.82L21.18 24L10 35.18L12.82 38L24 26.82L35.18 38L38 35.18L26.82 24L38 12.82Z\"\n\t\t\t\tfill=\"white\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\n\nexport default ImageX;\n","import React from \"react\";\n\nconst ImagePlayVideo = () => {\n\treturn (\n\t\t<svg\n\t\t\tclassName=\"image-play-video\"\n\t\t\twidth=\"100\"\n\t\t\theight=\"100\"\n\t\t\tviewBox=\"0 0 100 100\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t<circle className=\"circle\" fill=\"#4A545C\" cx=\"48.5\" cy=\"48.5\" r=\"48.5\" />\n\t\t\t\t<path className=\"triangle\" fill=\"#FFF\" d=\"m39 33 26 16-26 16z\" />\n\t\t\t</g>\n\t\t</svg>\n\t);\n};\n\nexport default ImagePlayVideo;\n","import React from \"react\";\nimport ImageModalCloseX from \"components/utility/images/ImageModalCloseX\";\nimport { DDXModal } from \"components/ddx-modal/DDXModal\";\n\nconst VideoModal = ({ showClose, showModal, setShowModal, vid }) => {\n\tconst handleCloseModal = () => {\n\t\tsetShowModal(false);\n\t};\n\n\treturn (\n\t\t<DDXModal className=\"video-modal\" showModal={showModal} handleCloseModal={handleCloseModal}>\n\t\t\t{/* The video container is using vh and vw to allow reszing. \n\t\t\t\t\tDDXModal handles clicks outside the component but the video container goes around the actual content a fair bit.\n\t\t\t\t\tThis allows the experience to stay consistent when clicking outside the video */}\n\t\t\t<div className=\"video-modal-content-container\" role=\"none\" onClick={handleCloseModal}>\n\t\t\t\t<div className=\"video-modal-content\">\n\t\t\t\t\t{showClose && (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\taria-label=\"close\"\n\t\t\t\t\t\t\tclassName=\"video-modal-close-button\"\n\t\t\t\t\t\t\tonClick={handleCloseModal}\n\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ImageModalCloseX />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t)}\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tclassName=\"video-modal-iframe\"\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\ttitle=\"Video Modal\"\n\t\t\t\t\t\tsrc={vid}\n\t\t\t\t\t\tallowtransparency=\"true\"\n\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</DDXModal>\n\t);\n};\n\nexport default VideoModal;\n"],"names":["ImageX","jsx","ImagePlayVideo","jsxs","VideoModal","showClose","showModal","setShowModal","vid","handleCloseModal","DDXModal","ImageModalCloseX"],"mappings":"wFAEA,MAAMA,EAAS,IAEbC,EAAA,IAAC,MAAA,CACA,MAAM,SACN,UAAU,qBACV,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAA,IAAC,OAAA,CACA,EAAE,yHACF,KAAK,OAAA,CAAA,CACN,CACD,ECfIC,EAAiB,IAErBD,EAAA,IAAC,MAAA,CACA,UAAU,mBACV,MAAM,MACN,OAAO,MACP,QAAQ,cACR,MAAM,6BAEN,SAACE,EAAAA,KAAA,IAAA,CAAE,KAAK,OAAO,SAAS,UACvB,SAAA,CAACF,EAAAA,IAAA,SAAA,CAAO,UAAU,SAAS,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,EAAE,MAAO,CAAA,QACtE,OAAK,CAAA,UAAU,WAAW,KAAK,OAAO,EAAE,qBAAsB,CAAA,CAAA,CAChE,CAAA,CAAA,CACD,ECXIG,EAAa,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,aAAAC,EAAc,IAAAC,KAAU,CACnE,MAAMC,EAAmB,IAAM,CAC9BF,EAAa,EAAK,CACnB,EAEA,aACEG,EAAS,CAAA,UAAU,cAAc,UAAAJ,EAAsB,iBAAAG,EAIvD,SAACR,MAAA,MAAA,CAAI,UAAU,gCAAgC,KAAK,OAAO,QAASQ,EACnE,SAACN,EAAA,KAAA,MAAA,CAAI,UAAU,sBACb,SAAA,CACAE,GAAAJ,EAAA,IAAC,SAAA,CACA,aAAW,QACX,UAAU,2BACV,QAASQ,EACT,SAAU,EAEV,eAACE,EAAiB,CAAA,CAAA,CAAA,CACnB,EAEDV,EAAA,IAAC,SAAA,CACA,UAAU,qBACV,MAAM,OACN,OAAO,OACP,MAAM,cACN,IAAKO,EACL,kBAAkB,OAClB,gBAAe,EAAA,CAAA,CAChB,CACD,CAAA,CACD,CAAA,EACD,CAEF"}