{"version":3,"sources":["../ui/src/components/player-components/playList/touchScreenPlaylistObserver.tsx"],"sourcesContent":["import { ITouchScreenplaylistObserverProps } from \"interfaces\";\r\nimport useIntersect from \"helpers/hooks/useIntersect\";\r\nimport { useAppSelector } from \"redux-share\";\r\nimport { shallowEqual } from 'react-redux'\r\n\r\nconst TouchScreenPlaylistObserver = ({ setScrollEnd }: ITouchScreenplaylistObserverProps) => {\r\n    const { playListPopover } = useAppSelector(({ popovers: { playListPopover } }) => ({ playListPopover }), shallowEqual);\r\n    const handleIntersect = ([entry]: IntersectionObserverEntry[]) => {\r\n        if (entry.isIntersecting && playListPopover) setScrollEnd(true);\r\n    };\r\n    const observerRef = useIntersect(handleIntersect);\r\n\r\n    return <div id=\"observer\" className=\"pl-bg-transparent pl-pt-5\" ref={observerRef} />\r\n\r\n}\r\n\r\nexport default TouchScreenPlaylistObserver;"],"mappings":"yJAAAA,IAGA,OAAS,gBAAAC,MAAoB,cASlB,cAAAC,MAAA,oBAPX,IAAMC,EAA8B,CAAC,CAAE,aAAAC,CAAa,IAAyC,CACzF,GAAM,CAAE,gBAAAC,CAAgB,EAAIC,EAAe,CAAC,CAAE,SAAU,CAAE,gBAAAD,CAAgB,CAAE,KAAO,CAAE,gBAAAA,CAAgB,GAAIJ,CAAY,EAI/GM,EAAcC,EAHI,CAAC,CAACC,CAAK,IAAmC,CAC1DA,EAAM,gBAAkBJ,GAAiBD,EAAa,EAAI,CAClE,CACgD,EAEhD,OAAOF,EAAC,OAAI,GAAG,WAAW,UAAU,4BAA4B,IAAKK,EAAa,CAEtF,EAEOG,EAAQP","names":["init_esm_shims","shallowEqual","jsx","TouchScreenPlaylistObserver","setScrollEnd","playListPopover","useAppSelector","observerRef","useIntersect_default","entry","touchScreenPlaylistObserver_default"]}