74 lines
2.3 KiB
JavaScript
74 lines
2.3 KiB
JavaScript
import { requestAnimationTimeout, cancelAnimationTimeout } from '../../utils/requestAnimationTimeout';
|
|
var mountedInstances = [];
|
|
var originalBodyPointerEvents = null;
|
|
var disablePointerEventsTimeoutId = null;
|
|
|
|
function enablePointerEventsIfDisabled() {
|
|
if (disablePointerEventsTimeoutId) {
|
|
disablePointerEventsTimeoutId = null;
|
|
|
|
if (document.body && originalBodyPointerEvents != null) {
|
|
document.body.style.pointerEvents = originalBodyPointerEvents;
|
|
}
|
|
|
|
originalBodyPointerEvents = null;
|
|
}
|
|
}
|
|
|
|
function enablePointerEventsAfterDelayCallback() {
|
|
enablePointerEventsIfDisabled();
|
|
mountedInstances.forEach(function (instance) {
|
|
return instance.__resetIsScrolling();
|
|
});
|
|
}
|
|
|
|
function enablePointerEventsAfterDelay() {
|
|
if (disablePointerEventsTimeoutId) {
|
|
cancelAnimationTimeout(disablePointerEventsTimeoutId);
|
|
}
|
|
|
|
var maximumTimeout = 0;
|
|
mountedInstances.forEach(function (instance) {
|
|
maximumTimeout = Math.max(maximumTimeout, instance.props.scrollingResetTimeInterval);
|
|
});
|
|
disablePointerEventsTimeoutId = requestAnimationTimeout(enablePointerEventsAfterDelayCallback, maximumTimeout);
|
|
}
|
|
|
|
function onScrollWindow(event) {
|
|
if (event.currentTarget === window && originalBodyPointerEvents == null && document.body) {
|
|
originalBodyPointerEvents = document.body.style.pointerEvents;
|
|
document.body.style.pointerEvents = 'none';
|
|
}
|
|
|
|
enablePointerEventsAfterDelay();
|
|
mountedInstances.forEach(function (instance) {
|
|
if (instance.props.scrollElement === event.currentTarget) {
|
|
instance.__handleWindowScrollEvent();
|
|
}
|
|
});
|
|
}
|
|
|
|
export function registerScrollListener(component, element) {
|
|
if (!mountedInstances.some(function (instance) {
|
|
return instance.props.scrollElement === element;
|
|
})) {
|
|
element.addEventListener('scroll', onScrollWindow);
|
|
}
|
|
|
|
mountedInstances.push(component);
|
|
}
|
|
export function unregisterScrollListener(component, element) {
|
|
mountedInstances = mountedInstances.filter(function (instance) {
|
|
return instance !== component;
|
|
});
|
|
|
|
if (!mountedInstances.length) {
|
|
element.removeEventListener('scroll', onScrollWindow);
|
|
|
|
if (disablePointerEventsTimeoutId) {
|
|
cancelAnimationTimeout(disablePointerEventsTimeoutId);
|
|
enablePointerEventsIfDisabled();
|
|
}
|
|
}
|
|
}
|
|
import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js"; |