@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
20 lines (17 loc) • 901 B
JavaScript
'use client';
import { getThumbSize } from './get-thumb-size.mjs';
import { linearScale } from './linear-scale.mjs';
function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
const thumbSizePx = getThumbSize(sizes);
const thumbCenter = thumbSizePx / 2;
const offset = pointerOffset || thumbCenter;
const thumbOffsetFromEnd = thumbSizePx - offset;
const minPointerPos = sizes.scrollbar.paddingStart + offset;
const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
const maxScrollPos = sizes.content - sizes.viewport;
const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
const interpolate = linearScale([minPointerPos, maxPointerPos], scrollRange);
return interpolate(pointerPos);
}
export { getScrollPositionFromPointer };
//# sourceMappingURL=get-scroll-position-from-pointer.mjs.map