{"version":3,"sources":["../ui/src/components/player-components/pictureInPicture/pictureInPicture.tsx"],"sourcesContent":["import Image from \"next/image\";\r\nimport { useState } from \"react\";\r\nimport { conditions, videoTag } from \"helpers\";\r\nimport { ConditionName } from \"interfaces\";\r\nimport IMAGES from \"../../../../../images/importImages\";\r\nimport { useAppSelector } from \"redux-share\";\r\nimport { shallowEqual } from 'react-redux';\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst ControllbarTooltip = dynamic(() => import(\"../../mainComponent/footer/controllbar/controllbarTooltip\"));\r\n\r\nconst PictureInPicture = () => {\r\n\r\n    const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n    useAppSelector(({ controller: { showMiniPlayer } }) => ({ showMiniPlayer }), shallowEqual);\r\n    useAppSelector(({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }), shallowEqual);\r\n\r\n    return (\r\n        <div className=\"pl-relative pl-flex  pl-items-center\">\r\n            <Image onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)} onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)} src={IMAGES.pictureInPicture} width={conditions(ConditionName.isMiniPlayer) ? 13 : 22} height={conditions(ConditionName.isMiniPlayer) ? 14 : 22} className=\"pl-flex pl-cursor-pointer\" onClick={() => videoTag().requestPictureInPicture()} />\r\n            {showTooltip && <ControllbarTooltip title=\"تصویر در تصویر (i)\" className=\"!pl-right-[-48px]\"/>}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default PictureInPicture;"],"mappings":"wMAAAA,IAAA,OAAOC,MAAW,aAClB,OAAS,YAAAC,MAAgB,QAKzB,OAAS,gBAAAC,MAAoB,cAC7B,OAAOC,MAAa,eAYZ,OACI,OAAAC,EADJ,QAAAC,MAAA,oBAVR,IAAMC,EAAqBH,EAAQ,IAAM,OAAO,mCAA2D,CAAC,EAEtGI,EAAmB,IAAM,CAE3B,GAAM,CAACC,EAAaC,CAAc,EAAIC,EAAkB,EAAK,EAE7D,OAAAC,EAAe,CAAC,CAAE,WAAY,CAAE,eAAAC,CAAe,CAAE,KAAO,CAAE,eAAAA,CAAe,GAAIV,CAAY,EACzFS,EAAe,CAAC,CAAE,UAAW,CAAE,qBAAAE,EAAsB,OAAAC,CAAO,CAAE,KAAO,CAAE,qBAAAD,EAAsB,OAAAC,CAAO,GAAIZ,CAAY,EAGhHG,EAAC,OAAI,UAAU,uCACX,UAAAD,EAACW,EAAA,CAAM,YAAa,IAAM,CAACC,iBAAsC,GAAKP,EAAe,EAAI,EAAG,aAAc,IAAM,CAACO,iBAAsC,GAAKP,EAAe,EAAK,EAAG,IAAKQ,EAAO,iBAAkB,MAAOD,gBAAqC,EAAI,GAAK,GAAI,OAAQA,gBAAqC,EAAI,GAAK,GAAI,UAAU,4BAA4B,QAAS,IAAME,EAAS,EAAE,wBAAwB,EAAG,EAC9ZV,GAAeJ,EAACE,EAAA,CAAmB,MAAM,iFAAqB,UAAU,oBAAmB,GAChG,CAER,EAEOa,EAAQZ","names":["init_esm_shims","Image","useState","shallowEqual","dynamic","jsx","jsxs","ControllbarTooltip","PictureInPicture","showTooltip","setShowTooltip","useState","useAppSelector","showMiniPlayer","videoElementSizeInfo","params","Image","conditions","importImages_default","videoTag","pictureInPicture_default"]}