{"version":3,"file":"scroll.mjs","sources":["../../../../../../packages/utils/dom/scroll.ts"],"sourcesContent":["import { isClient } from '../browser'\r\nimport { easeInOutCubic } from '../easings'\r\nimport { isFunction, isWindow } from '../types'\r\nimport { cAF, rAF } from '../raf'\r\nimport { getStyle } from './style'\r\n\r\nexport const isScroll = (el: HTMLElement, isVertical?: boolean): boolean => {\r\n  if (!isClient) return false\r\n\r\n  const key = (\r\n    {\r\n      undefined: 'overflow',\r\n      true: 'overflow-y',\r\n      false: 'overflow-x',\r\n    } as const\r\n  )[String(isVertical)]!\r\n  const overflow = getStyle(el, key)\r\n  return ['scroll', 'auto', 'overlay'].some((s) => overflow.includes(s))\r\n}\r\n\r\nexport const getScrollContainer = (\r\n  el: HTMLElement,\r\n  isVertical?: boolean\r\n): Window | HTMLElement | undefined => {\r\n  if (!isClient) return\r\n\r\n  let parent: HTMLElement = el\r\n  while (parent) {\r\n    if ([window, document, document.documentElement].includes(parent))\r\n      return window\r\n\r\n    if (isScroll(parent, isVertical)) return parent\r\n\r\n    parent = parent.parentNode as HTMLElement\r\n  }\r\n\r\n  return parent\r\n}\r\n\r\nlet scrollBarWidth: number\r\nexport const getScrollBarWidth = (namespace: string): number => {\r\n  if (!isClient) return 0\r\n  if (scrollBarWidth !== undefined) return scrollBarWidth\r\n\r\n  const outer = document.createElement('div')\r\n  outer.className = `${namespace}-scrollbar__wrap`\r\n  outer.style.visibility = 'hidden'\r\n  outer.style.width = '100px'\r\n  outer.style.position = 'absolute'\r\n  outer.style.top = '-9999px'\r\n  document.body.appendChild(outer)\r\n\r\n  const widthNoScroll = outer.offsetWidth\r\n  outer.style.overflow = 'scroll'\r\n\r\n  const inner = document.createElement('div')\r\n  inner.style.width = '100%'\r\n  outer.appendChild(inner)\r\n\r\n  const widthWithScroll = inner.offsetWidth\r\n  outer.parentNode?.removeChild(outer)\r\n  scrollBarWidth = widthNoScroll - widthWithScroll\r\n\r\n  return scrollBarWidth\r\n}\r\n\r\n/**\r\n * Scroll with in the container element, positioning the **selected** element at the top\r\n * of the container\r\n */\r\nexport function scrollIntoView(\r\n  container: HTMLElement,\r\n  selected: HTMLElement\r\n): void {\r\n  if (!isClient) return\r\n\r\n  if (!selected) {\r\n    container.scrollTop = 0\r\n    return\r\n  }\r\n\r\n  const offsetParents: HTMLElement[] = []\r\n  let pointer = selected.offsetParent\r\n  while (\r\n    pointer !== null &&\r\n    container !== pointer &&\r\n    container.contains(pointer)\r\n  ) {\r\n    offsetParents.push(pointer as HTMLElement)\r\n    pointer = (pointer as HTMLElement).offsetParent\r\n  }\r\n  const top =\r\n    selected.offsetTop +\r\n    offsetParents.reduce((prev, curr) => prev + curr.offsetTop, 0)\r\n  const bottom = top + selected.offsetHeight\r\n  const viewRectTop = container.scrollTop\r\n  const viewRectBottom = viewRectTop + container.clientHeight\r\n\r\n  if (top < viewRectTop) {\r\n    container.scrollTop = top\r\n  } else if (bottom > viewRectBottom) {\r\n    container.scrollTop = bottom - container.clientHeight\r\n  }\r\n}\r\n\r\nexport function animateScrollTo(\r\n  container: HTMLElement | Window,\r\n  from: number,\r\n  to: number,\r\n  duration: number,\r\n  callback?: unknown\r\n) {\r\n  const startTime = Date.now()\r\n\r\n  let handle: number | undefined\r\n  const scroll = () => {\r\n    const timestamp = Date.now()\r\n    const time = timestamp - startTime\r\n    const nextScrollTop = easeInOutCubic(\r\n      time > duration ? duration : time,\r\n      from,\r\n      to,\r\n      duration\r\n    )\r\n\r\n    if (isWindow(container)) {\r\n      container.scrollTo(window.pageXOffset, nextScrollTop)\r\n    } else {\r\n      container.scrollTop = nextScrollTop\r\n    }\r\n    if (time < duration) {\r\n      handle = rAF(scroll)\r\n    } else if (isFunction(callback)) {\r\n      callback()\r\n    }\r\n  }\r\n\r\n  scroll()\r\n\r\n  return () => {\r\n    handle && cAF(handle)\r\n  }\r\n}\r\n\r\nexport const getScrollElement = (\r\n  target: HTMLElement,\r\n  container: HTMLElement | Window\r\n) => {\r\n  if (isWindow(container)) {\r\n    return target.ownerDocument.documentElement\r\n  }\r\n  return container\r\n}\r\n\r\nexport const getScrollTop = (container: HTMLElement | Window) => {\r\n  if (isWindow(container)) {\r\n    return window.scrollY\r\n  }\r\n  return container.scrollTop\r\n}\r\n"],"names":[],"mappings":"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"}