@mantine/core/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.mjs

React components library focused on usability, accessibility and developer experience

'use client';
import { getThumbSize } from './get-thumb-size.mjs';
import { linearScale } from './linear-scale.mjs';

function clamp(value, [min, max]) {
  return Math.min(max, Math.max(min, value));
}
function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
  const thumbSizePx = getThumbSize(sizes);
  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
  const scrollbar = sizes.scrollbar.size - scrollbarPadding;
  const maxScrollPos = sizes.content - sizes.viewport;
  const maxThumbPos = scrollbar - thumbSizePx;
  const scrollClampRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
  const scrollWithoutMomentum = clamp(scrollPos, scrollClampRange);
  const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos]);
  return interpolate(scrollWithoutMomentum);
}

export { getThumbOffsetFromScroll };
//# sourceMappingURL=get-thumb-offset-from-scroll.mjs.map