koval-ui/dist/src/internal/hooks/useDocumentVisible.cjs.map

React components collection with minimalistic design. Supports theming, layout, and input validation.

{"version":3,"file":"useDocumentVisible.cjs","sources":["../../../../src/internal/hooks/useDocumentVisible.ts"],"sourcesContent":["import {useEffect, useState} from 'react';\n\n/** React hook. Checks if browser tab is visible on screen */\nexport const useDocumentVisible = () => {\n    const [documentVisible, setDocumentVisible] = useState(document.visibilityState);\n\n    useEffect(() => {\n        const handleVisibilityChange = () => setDocumentVisible(document.visibilityState);\n\n        document.addEventListener('visibilitychange', handleVisibilityChange);\n\n        return () => document.removeEventListener('visibilitychange', handleVisibilityChange);\n    }, []);\n\n    return documentVisible === 'visible';\n};\n"],"names":["useDocumentVisible","documentVisible","setDocumentVisible","useState","useEffect","handleVisibilityChange"],"mappings":"sHAGaA,EAAqB,IAAM,CACpC,KAAM,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,SAAS,eAAe,EAE/EC,OAAAA,EAAAA,UAAU,IAAM,CACZ,MAAMC,EAAyB,IAAMH,EAAmB,SAAS,eAAe,EAEvE,gBAAA,iBAAiB,mBAAoBG,CAAsB,EAE7D,IAAM,SAAS,oBAAoB,mBAAoBA,CAAsB,CACxF,EAAG,EAAE,EAEEJ,IAAoB,SAC/B"}