import { isShadowRoot } from "./aria.mjs";
import { easeInOutCubic } from "../easings.mjs";
import { isWindow } from "../types.mjs";
import { rAF, cAF } from "../raf.mjs";
import { getStyle } from "./style.mjs";
import { isFunction } from "../../../../@vue/shared/dist/shared.esm-bundler.mjs";
import { isClient } from "../../../node_modules/@vueuse/shared/index.mjs";
const isScroll = (el, isVertical) => {
  if (!isClient) return false;
  const key = {
    undefined: "overflow",
    true: "overflow-y",
    false: "overflow-x"
  }[String(isVertical)];
  const overflow = getStyle(el, key);
  return [
    "scroll",
    "auto",
    "overlay"
  ].some((s) => overflow.includes(s));
};
const getScrollContainer = (el, isVertical) => {
  if (!isClient) return;
  let parent = el;
  while (parent) {
    if ([
      window,
      document,
      document.documentElement
    ].includes(parent)) return window;
    if (isScroll(parent, isVertical)) return parent;
    if (isShadowRoot(parent)) parent = parent.host;
    else parent = parent.parentNode;
  }
  return parent;
};
let scrollBarWidth;
const getScrollBarWidth = (namespace) => {
  var _a;
  if (!isClient) return 0;
  if (scrollBarWidth !== void 0) return scrollBarWidth;
  const outer = document.createElement("div");
  outer.className = `${namespace}-scrollbar__wrap`;
  outer.style.visibility = "hidden";
  outer.style.width = "100px";
  outer.style.position = "absolute";
  outer.style.top = "-9999px";
  document.body.appendChild(outer);
  const widthNoScroll = outer.offsetWidth;
  outer.style.overflow = "scroll";
  const inner = document.createElement("div");
  inner.style.width = "100%";
  outer.appendChild(inner);
  const widthWithScroll = inner.offsetWidth;
  (_a = outer.parentNode) == null ? void 0 : _a.removeChild(outer);
  scrollBarWidth = widthNoScroll - widthWithScroll;
  return scrollBarWidth;
};
function scrollIntoView(container, selected) {
  if (!isClient) return;
  if (!selected) {
    container.scrollTop = 0;
    return;
  }
  const offsetParents = [];
  let pointer = selected.offsetParent;
  while (pointer !== null && container !== pointer && container.contains(pointer)) {
    offsetParents.push(pointer);
    pointer = pointer.offsetParent;
  }
  const top = selected.offsetTop + offsetParents.reduce((prev, curr) => prev + curr.offsetTop, 0);
  const bottom = top + selected.offsetHeight;
  const viewRectTop = container.scrollTop;
  const viewRectBottom = viewRectTop + container.clientHeight;
  if (top < viewRectTop) container.scrollTop = top;
  else if (bottom > viewRectBottom) container.scrollTop = bottom - container.clientHeight;
}
function animateScrollTo(container, from, to, duration, callback) {
  const startTime = Date.now();
  let handle;
  const scroll = () => {
    const time = Date.now() - startTime;
    const nextScrollTop = easeInOutCubic(time > duration ? duration : time, from, to, duration);
    if (isWindow(container)) container.scrollTo(window.pageXOffset, nextScrollTop);
    else container.scrollTop = nextScrollTop;
    if (time < duration) handle = rAF(scroll);
    else if (isFunction(callback)) callback();
  };
  scroll();
  return () => {
    handle && cAF(handle);
  };
}
const getScrollElement = (target, container) => {
  if (isWindow(container)) return target.ownerDocument.documentElement;
  return container;
};
const getScrollTop = (container) => {
  if (isWindow(container)) return window.scrollY;
  return container.scrollTop;
};
export {
  animateScrollTo,
  getScrollBarWidth,
  getScrollContainer,
  getScrollElement,
  getScrollTop,
  isScroll,
  scrollIntoView
};
