{"version":3,"file":"component.ActionBar.h-58495e2b.js","mappings":"oNAIA,MAUA,EAVkBA,EAAGC,YAAWC,YAAWC,WAAUC,eAAcC,eAAcC,QAAOC,aAAYC,oBACxFC,EAAAA,cAAA,OAAKC,UAAU,cACpBR,GACCO,EAAAA,cAACE,EAAAA,QAAW,CAACP,aAAcA,EAAcC,aAAcA,EAAcC,MAAOA,EAAOC,WAAYA,IAChGJ,GACCM,EAAAA,cAACG,EAAAA,QAAU,CAACJ,eAAgBA,IAC7BP,GACCQ,EAAAA,cAACI,EAAAA,QAAW,M,+DCVpB,MAQA,EARoBA,MAIRJ,EAAAA,cAAA,OAAKC,UAAU,mBACrBD,EAAAA,cAAA,UAAQC,UAAU,0BAA0BI,QAJrBC,KACrBC,OAAOC,OAAO,GAGuDR,EAAAA,cAAA,OAAKC,UAAU,wBAAwBQ,IAAI,uC,+DCLxH,MASA,EATmBN,EAAGJ,oBACVC,EAAAA,cAAA,OAAKC,UAAU,mBACrBD,EAAAA,cAAA,OAAKU,GAAG,sBAAsBT,UAAU,6BACtCD,EAAAA,cAAA,KAAGW,IAAI,WAAWV,UAAU,qCAAqCW,MAAM,oDAAoDC,KAAMd,GAC/HC,EAAAA,cAAA,OAAKC,UAAU,qDAAqDQ,IAAI,yC,wECHlF,MAoBA,EApBoBP,EAAGP,eAAcC,eAAcC,QAAOC,iBACtD,MAAOgB,EAAgBC,IAAqBC,EAAAA,EAAAA,WAAS,GAIrD,OAAQhB,EAAAA,cAAA,OAAKC,UAAU,mBACpBa,GAAmBd,EAAAA,cAAA,OAAKC,UAAU,0BAC/BD,EAAAA,cAACiB,EAAAA,QAAe,CAACC,KAAMvB,EAAcwB,SAAS,uCAAuCC,IAAI,aACzFpB,EAAAA,cAACiB,EAAAA,QAAe,CAACC,KAAMrB,EAAOsB,SAAS,gCAAgCC,IAAI,MAC3EpB,EAAAA,cAACiB,EAAAA,QAAe,CAACC,KAAMpB,EAAYqB,SAAS,yCAAyCC,IAAI,eACzFpB,EAAAA,cAACiB,EAAAA,QAAe,CAACC,KAAMtB,EAAcuB,SAAS,uCAAuCC,IAAI,cAE7FpB,EAAAA,cAAA,UAAQC,UAAU,0BAA0BI,QAVrBgB,KACrBN,GAAmBD,EAAe,GAUjCA,EACDd,EAAAA,cAAA,OAAKC,UAAU,+BAA+BQ,IAAI,4CAE9CT,EAAAA,cAAA,OAAKC,UAAU,wBAAwBQ,IAAI,uCAE7C,C,6DCnBV,MAKA,EALwBQ,EAAGC,OAAMC,WAAUC,SAC/BpB,EAAAA,cAAA,KAAGC,UAAU,oBAAoBqB,OAAO,SAAST,KAAMK,EAAMP,IAAI,uBACrEX,EAAAA,cAAA,OAAKC,UAAU,2BAA2BQ,IAAKU,EAAUC,IAAKA,I,gDCFtE,Q,SAAwB,O","sources":["webpack://frontend/./app/assets/ts/components/ActionBar/ActionBar.tsx","webpack://frontend/./app/assets/ts/components/ActionBar/PrintButton.tsx","webpack://frontend/./app/assets/ts/components/ActionBar/ReadButton.tsx","webpack://frontend/./app/assets/ts/components/ActionBar/ShareButton.tsx","webpack://frontend/./app/assets/ts/components/ActionBar/ShareButtonItem.tsx","webpack://frontend/./app/assets/ts/components/ActionBar/index.ts"],"sourcesContent":["import React from 'react';\r\nimport ShareButton from './ShareButton';\r\nimport ReadButton from './ReadButton';\r\nimport PrintButton from './PrintButton';\r\nconst ActionBar = ({ showPrint, showShare, showRead, facebookLink, linkedInLink, xLink, googleLink, readSpeakerUrl }) => {\r\n    return (<div className='action-bar'>\r\n      {showShare &&\r\n        <ShareButton facebookLink={facebookLink} linkedInLink={linkedInLink} xLink={xLink} googleLink={googleLink}/>}\r\n      {showRead &&\r\n        <ReadButton readSpeakerUrl={readSpeakerUrl}/>}\r\n      {showPrint &&\r\n        <PrintButton />}\r\n    </div>);\r\n};\r\nexport default ActionBar;\r\n","import React from 'react';\r\nconst PrintButton = ({}) => {\r\n    const handlePrintClick = () => {\r\n        window.print();\r\n    };\r\n    return (<div className='action-bar-item'>\r\n      <button className='action-bar-item__button' onClick={handlePrintClick}><img className=\"action-bar-item__icon\" src='/assets/wza/img/content/print.svg'/></button>\r\n    </div>);\r\n};\r\nexport default PrintButton;\r\n","import React from 'react';\r\nconst ReadButton = ({ readSpeakerUrl }) => {\r\n    return (<div className='action-bar-item'>\r\n      <div id=\"readspeaker_button1\" className=\"rs_skip rsbtn rs_preserve\">\r\n        <a rel=\"nofollow\" className=\"action-bar-item__button rsbtn_play\" title=\"Laat de tekst voorlezen met ReadSpeaker webReader\" href={readSpeakerUrl}>\r\n          <img className=\"action-bar-item__icon action-bar-item__icon--large\" src='/assets/wza/img/content/volume.svg'/>\r\n        </a>\r\n      </div>\r\n    </div>);\r\n};\r\nexport default ReadButton;\r\n","import React, { useState } from 'react';\r\nimport ShareButtonItem from './ShareButtonItem';\r\nconst ShareButton = ({ facebookLink, linkedInLink, xLink, googleLink }) => {\r\n    const [showSharePopup, setShowSharePopup] = useState(false);\r\n    const handleShareClick = () => {\r\n        setShowSharePopup(!showSharePopup);\r\n    };\r\n    return (<div className='action-bar-item'>\r\n      {showSharePopup && (<div className='action-bar-item__popup'>\r\n          <ShareButtonItem link={facebookLink} imageSrc=\"/assets/wza/img/content/facebook.svg\" alt=\"facebook\"/>\r\n          <ShareButtonItem link={xLink} imageSrc=\"/assets/wza/img/content/x.svg\" alt=\"x\"/>\r\n          <ShareButtonItem link={googleLink} imageSrc=\"/assets/wza/img/content/googleplus.svg\" alt=\"googleplus\"/>\r\n          <ShareButtonItem link={linkedInLink} imageSrc=\"/assets/wza/img/content/linkedin.svg\" alt=\"linkedin\"/>\r\n        </div>)}\r\n      <button className='action-bar-item__button' onClick={handleShareClick}>\r\n        {showSharePopup ?\r\n        <img className=\"action-bar-item__icon--small\" src='/assets/wza/img/content/xmark-solid.svg'/>\r\n        :\r\n            <img className=\"action-bar-item__icon\" src='/assets/wza/img/content/share.svg'/>}\r\n        </button>\r\n    </div>);\r\n};\r\nexport default ShareButton;\r\n","import React from 'react';\r\nconst ShareButtonItem = ({ link, imageSrc, alt }) => {\r\n    return (<a className='share-button-item' target='_blank' href={link} rel='noopener noreferrer'>\r\n        <img className='share-button-item__image' src={imageSrc} alt={alt}/>\r\n    </a>);\r\n};\r\nexport default ShareButtonItem;\r\n","import ActionBar from './ActionBar';\r\nexport default ActionBar;\r\n"],"names":["ActionBar","showPrint","showShare","showRead","facebookLink","linkedInLink","xLink","googleLink","readSpeakerUrl","React","className","ShareButton","ReadButton","PrintButton","onClick","handlePrintClick","window","print","src","id","rel","title","href","showSharePopup","setShowSharePopup","useState","ShareButtonItem","link","imageSrc","alt","handleShareClick","target"],"sourceRoot":""}