"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "useDisableBodyScroll", { enumerable: true, get: function() { return useDisableBodyScroll; } }); const _reactsharedcontexts = require("@fluentui/react-shared-contexts"); const _react = require("react"); const _useDisableBodyScrollstyles = require("./useDisableBodyScroll.styles"); function useDisableBodyScroll() { const htmlNoScrollStyles = (0, _useDisableBodyScrollstyles.useHTMLNoScrollStyles)(); const bodyNoScrollStyles = (0, _useDisableBodyScrollstyles.useBodyNoScrollStyles)(); const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)(); const disableBodyScroll = (0, _react.useCallback)(()=>{ var _targetDocument_defaultView; if (!targetDocument) { return; } var _targetDocument_defaultView_innerHeight; const isHorizontalScrollbarVisible = targetDocument.body.clientHeight > ((_targetDocument_defaultView_innerHeight = (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.innerHeight) !== null && _targetDocument_defaultView_innerHeight !== void 0 ? _targetDocument_defaultView_innerHeight : 0); if (!isHorizontalScrollbarVisible) { return; } targetDocument.documentElement.classList.add(htmlNoScrollStyles); targetDocument.body.classList.add(bodyNoScrollStyles); return; }, [ targetDocument, htmlNoScrollStyles, bodyNoScrollStyles ]); const enableBodyScroll = (0, _react.useCallback)(()=>{ if (!targetDocument) { return; } targetDocument.documentElement.classList.remove(htmlNoScrollStyles); targetDocument.body.classList.remove(bodyNoScrollStyles); }, [ targetDocument, htmlNoScrollStyles, bodyNoScrollStyles ]); return { disableBodyScroll, enableBodyScroll }; }