orion-design 0.1.30 → 0.1.31

package/dist/components/_util/dom/aria.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria.js","sources":["../../../../src/components/_util/dom/aria.ts"],"sourcesContent":["const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex=\"-1\"]),input:not([disabled]),input:not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled])`\r\n\r\n/**\r\n * Determine if the testing element is visible on screen no matter if its on the viewport or not\r\n */\r\nexport const isVisible = (element: HTMLElement) => {\r\n  if (process.env.NODE_ENV === 'test') return true\r\n  const computed = getComputedStyle(element)\r\n  // element.offsetParent won't work on fix positioned\r\n  // WARNING: potential issue here, going to need some expert advices on this issue\r\n  return computed.position === 'fixed' ? false : element.offsetParent !== null\r\n}\r\n\r\nexport const obtainAllFocusableElements = (\r\n  element: HTMLElement\r\n): HTMLElement[] => {\r\n  return Array.from(\r\n    element.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENT_SELECTORS)\r\n  ).filter((item: HTMLElement) => isFocusable(item) && isVisible(item))\r\n}\r\n\r\n/**\r\n * @desc Determine if target element is focusable\r\n * @param element {HTMLElement}\r\n * @returns {Boolean} true if it is focusable\r\n */\r\nexport const isFocusable = (element: HTMLElement): boolean => {\r\n  if (\r\n    element.tabIndex > 0 ||\r\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\r\n  ) {\r\n    return true\r\n  }\r\n  // HTMLButtonElement has disabled\r\n  if ((element as HTMLButtonElement).disabled) {\r\n    return false\r\n  }\r\n\r\n  switch (element.nodeName) {\r\n    case 'A': {\r\n      // casting current element to Specific HTMLElement in order to be more type precise\r\n      return (\r\n        !!(element as HTMLAnchorElement).href &&\r\n        (element as HTMLAnchorElement).rel !== 'ignore'\r\n      )\r\n    }\r\n    case 'INPUT': {\r\n      return !(\r\n        (element as HTMLInputElement).type === 'hidden' ||\r\n        (element as HTMLInputElement).type === 'file'\r\n      )\r\n    }\r\n    case 'BUTTON':\r\n    case 'SELECT':\r\n    case 'TEXTAREA': {\r\n      return true\r\n    }\r\n    default: {\r\n      return false\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * @desc Set Attempt to set focus on the current node.\r\n * @param element\r\n *          The node to attempt to focus on.\r\n * @returns\r\n *  true if element is focused.\r\n */\r\nexport const attemptFocus = (element: HTMLElement): boolean => {\r\n  if (!isFocusable(element)) {\r\n    return false\r\n  }\r\n  // Remove the old try catch block since there will be no error to be thrown\r\n  element.focus?.()\r\n  return document.activeElement === element\r\n}\r\n\r\n/**\r\n * Trigger an event\r\n * mouseenter, mouseleave, mouseover, keyup, change, click, etc.\r\n * @param  {HTMLElement} elm\r\n * @param  {String} name\r\n * @param  {*} opts\r\n */\r\nexport const triggerEvent = function (\r\n  elm: HTMLElement,\r\n  name: string,\r\n  ...opts: Array<boolean>\r\n): HTMLElement {\r\n  let eventName: string\r\n\r\n  if (name.includes('mouse') || name.includes('click')) {\r\n    eventName = 'MouseEvents'\r\n  } else if (name.includes('key')) {\r\n    eventName = 'KeyboardEvent'\r\n  } else {\r\n    eventName = 'HTMLEvents'\r\n  }\r\n  const evt = document.createEvent(eventName)\r\n\r\n  evt.initEvent(name, ...opts)\r\n  elm.dispatchEvent(evt)\r\n  return elm\r\n}\r\n\r\nexport const isLeaf = (el: HTMLElement) => !el.getAttribute('aria-owns')\r\n\r\nexport const getSibling = (\r\n  el: HTMLElement,\r\n  distance: number,\r\n  elClass: string\r\n) => {\r\n  const { parentNode } = el\r\n  if (!parentNode) return null\r\n  const siblings = parentNode.querySelectorAll(elClass)\r\n  const index = Array.prototype.indexOf.call(siblings, el)\r\n  return siblings[index + distance] || null\r\n}\r\n\r\nexport const focusNode = (el: HTMLElement) => {\r\n  if (!el) return\r\n  el.focus()\r\n  !isLeaf(el) && el.click()\r\n}\r\n"],"names":["FOCUSABLE_ELEMENT_SELECTORS","isVisible","element","obtainAllFocusableElements","item","isFocusable","attemptFocus","_a","triggerEvent","elm","name","opts","eventName","evt","isLeaf","el","getSibling","distance","elClass","parentNode","siblings","index","focusNode"],"mappings":"AAAA,MAAMA,IAA8B,8KAKvBC,IAAY,CAACC,MACpB,QAAQ,IAAI,aAAa,SAAe,KAC3B,iBAAiBA,CAAO,EAGzB,aAAa,UAAU,KAAQA,EAAQ,iBAAiB,MAG7DC,IAA6B,CACxCD,MAEO,MAAM;AAAA,EACXA,EAAQ,iBAA8BF,CAA2B;AAAA,EACjE,OAAO,CAACI,MAAsBC,EAAYD,CAAI,KAAKH,EAAUG,CAAI,CAAC,GAQzDC,IAAc,CAACH,MAAkC;AAE1D,MAAAA,EAAQ,WAAW,KAClBA,EAAQ,aAAa,KAAKA,EAAQ,aAAa,UAAU,MAAM;AAEzD,WAAA;AAGT,MAAKA,EAA8B;AAC1B,WAAA;AAGT,UAAQA,EAAQ,UAAU;AAAA,IACxB,KAAK;AAEH,aACE,CAAC,CAAEA,EAA8B,QAChCA,EAA8B,QAAQ;AAAA,IAG3C,KAAK;AACH,aAAO,EACJA,EAA6B,SAAS,YACtCA,EAA6B,SAAS;AAAA,IAG3C,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET;AACS,aAAA;AAAA,EAEX;AACF,GASaI,IAAe,CAACJ,MAAkC;AAtE/D,MAAAK;AAuEM,SAACF,EAAYH,CAAO,MAIxBK,IAAAL,EAAQ,UAAR,QAAAK,EAAA,KAAAL,IACO,SAAS,kBAAkBA,KAJzB;AAKX,GASaM,IAAe,SAC1BC,GACAC,MACGC,GACU;AACT,MAAAC;AAEJ,EAAIF,EAAK,SAAS,OAAO,KAAKA,EAAK,SAAS,OAAO,IACrCE,IAAA,gBACHF,EAAK,SAAS,KAAK,IAChBE,IAAA,kBAEAA,IAAA;AAER,QAAAC,IAAM,SAAS,YAAYD,CAAS;AAEtC,SAAAC,EAAA,UAAUH,GAAM,GAAGC,CAAI,GAC3BF,EAAI,cAAcI,CAAG,GACdJ;AACT,GAEaK,IAAS,CAACC,MAAoB,CAACA,EAAG,aAAa,WAAW,GAE1DC,IAAa,CACxBD,GACAE,GACAC,MACG;AACG,QAAA,EAAE,YAAAC,EAAe,IAAAJ;AACnB,MAAA,CAACI,EAAmB,QAAA;AAClB,QAAAC,IAAWD,EAAW,iBAAiBD,CAAO,GAC9CG,IAAQ,MAAM,UAAU,QAAQ,KAAKD,GAAUL,CAAE;AAChD,SAAAK,EAASC,IAAQJ,CAAQ,KAAK;AACvC,GAEaK,IAAY,CAACP,MAAoB;AAC5C,EAAKA,MACLA,EAAG,MAAM,GACT,CAACD,EAAOC,CAAE,KAAKA,EAAG,MAAM;AAC1B;"}
+{"version":3,"file":"aria.js","sources":["../../../../src/components/_util/dom/aria.ts"],"sourcesContent":["const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex=\"-1\"]),input:not([disabled]),input:not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled])`\r\n\r\n/**\r\n * Determine if the testing element is visible on screen no matter if its on the viewport or not\r\n */\r\nexport const isVisible = (element: HTMLElement) => {\r\n  if (process.env.NODE_ENV === 'test') return true\r\n  const computed = getComputedStyle(element)\r\n  // element.offsetParent won't work on fix positioned\r\n  // WARNING: potential issue here, going to need some expert advices on this issue\r\n  return computed.position === 'fixed' ? false : element.offsetParent !== null\r\n}\r\n\r\nexport const obtainAllFocusableElements = (\r\n  element: HTMLElement\r\n): HTMLElement[] => {\r\n  return Array.from(\r\n    element.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENT_SELECTORS)\r\n  ).filter((item: HTMLElement) => isFocusable(item) && isVisible(item))\r\n}\r\n\r\n/**\r\n * @desc Determine if target element is focusable\r\n * @param element {HTMLElement}\r\n * @returns {Boolean} true if it is focusable\r\n */\r\nexport const isFocusable = (element: HTMLElement): boolean => {\r\n  if (\r\n    element.tabIndex > 0 ||\r\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\r\n  ) {\r\n    return true\r\n  }\r\n  // HTMLButtonElement has disabled\r\n  if ((element as HTMLButtonElement).disabled) {\r\n    return false\r\n  }\r\n\r\n  switch (element.nodeName) {\r\n    case 'A': {\r\n      // casting current element to Specific HTMLElement in order to be more type precise\r\n      return (\r\n        !!(element as HTMLAnchorElement).href &&\r\n        (element as HTMLAnchorElement).rel !== 'ignore'\r\n      )\r\n    }\r\n    case 'INPUT': {\r\n      return !(\r\n        (element as HTMLInputElement).type === 'hidden' ||\r\n        (element as HTMLInputElement).type === 'file'\r\n      )\r\n    }\r\n    case 'BUTTON':\r\n    case 'SELECT':\r\n    case 'TEXTAREA': {\r\n      return true\r\n    }\r\n    default: {\r\n      return false\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * @desc Set Attempt to set focus on the current node.\r\n * @param element\r\n *          The node to attempt to focus on.\r\n * @returns\r\n *  true if element is focused.\r\n */\r\nexport const attemptFocus = (element: HTMLElement): boolean => {\r\n  if (!isFocusable(element)) {\r\n    return false\r\n  }\r\n  // Remove the old try catch block since there will be no error to be thrown\r\n  element.focus?.()\r\n  return document.activeElement === element\r\n}\r\n\r\n/**\r\n * Trigger an event\r\n * mouseenter, mouseleave, mouseover, keyup, change, click, etc.\r\n * @param  {HTMLElement} elm\r\n * @param  {String} name\r\n * @param  {*} opts\r\n */\r\nexport const triggerEvent = function (\r\n  elm: HTMLElement,\r\n  name: string,\r\n  ...opts: Array<boolean>\r\n): HTMLElement {\r\n  let eventName: string\r\n\r\n  if (name.includes('mouse') || name.includes('click')) {\r\n    eventName = 'MouseEvents'\r\n  } else if (name.includes('key')) {\r\n    eventName = 'KeyboardEvent'\r\n  } else {\r\n    eventName = 'HTMLEvents'\r\n  }\r\n  const evt = document.createEvent(eventName)\r\n\r\n  evt.initEvent(name, ...opts)\r\n  elm.dispatchEvent(evt)\r\n  return elm\r\n}\r\n\r\nexport const isLeaf = (el: HTMLElement) => !el.getAttribute('aria-owns')\r\n\r\nexport const getSibling = (\r\n  el: HTMLElement,\r\n  distance: number,\r\n  elClass: string\r\n) => {\r\n  const { parentNode } = el\r\n  if (!parentNode) return null\r\n  const siblings = parentNode.querySelectorAll(elClass)\r\n  const index = Array.prototype.indexOf.call(siblings, el)\r\n  return siblings[index + distance] || null\r\n}\r\n\r\nexport const focusNode = (el: HTMLElement) => {\r\n  if (!el) return\r\n  el.focus()\r\n  !isLeaf(el) && el.click()\r\n}\r\n"],"names":[],"mappings":"AAAA,MAAM,8BAA8B;AAKvB,MAAA,YAAY,CAAC,YAAyB;AACjD,MAAI,QAAQ,IAAI,aAAa,OAAe,QAAA;AACtC,QAAA,WAAW,iBAAiB,OAAO;AAGzC,SAAO,SAAS,aAAa,UAAU,QAAQ,QAAQ,iBAAiB;AAC1E;AAEa,MAAA,6BAA6B,CACxC,YACkB;AAClB,SAAO,MAAM;AAAA,IACX,QAAQ,iBAA8B,2BAA2B;AAAA,EAAA,EACjE,OAAO,CAAC,SAAsB,YAAY,IAAI,KAAK,UAAU,IAAI,CAAC;AACtE;AAOa,MAAA,cAAc,CAAC,YAAkC;AAE1D,MAAA,QAAQ,WAAW,KAClB,QAAQ,aAAa,KAAK,QAAQ,aAAa,UAAU,MAAM,MAChE;AACO,WAAA;AAAA,EACT;AAEA,MAAK,QAA8B,UAAU;AACpC,WAAA;AAAA,EACT;AAEA,UAAQ,QAAQ,UAAU;AAAA,IACxB,KAAK,KAAK;AAER,aACE,CAAC,CAAE,QAA8B,QAChC,QAA8B,QAAQ;AAAA,IAE3C;AAAA,IACA,KAAK,SAAS;AACZ,aAAO,EACJ,QAA6B,SAAS,YACtC,QAA6B,SAAS;AAAA,IAE3C;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK,YAAY;AACR,aAAA;AAAA,IACT;AAAA,IACA,SAAS;AACA,aAAA;AAAA,IACT;AAAA,EACF;AACF;AASa,MAAA,eAAe,CAAC,YAAkC;AAtE/D;AAuEM,MAAA,CAAC,YAAY,OAAO,GAAG;AAClB,WAAA;AAAA,EACT;AAEA,gBAAQ,UAAR;AACA,SAAO,SAAS,kBAAkB;AACpC;AASO,MAAM,eAAe,SAC1B,KACA,SACG,MACU;AACT,MAAA;AAEJ,MAAI,KAAK,SAAS,OAAO,KAAK,KAAK,SAAS,OAAO,GAAG;AACxC,gBAAA;AAAA,EACH,WAAA,KAAK,SAAS,KAAK,GAAG;AACnB,gBAAA;AAAA,EAAA,OACP;AACO,gBAAA;AAAA,EACd;AACM,QAAA,MAAM,SAAS,YAAY,SAAS;AAEtC,MAAA,UAAU,MAAM,GAAG,IAAI;AAC3B,MAAI,cAAc,GAAG;AACd,SAAA;AACT;AAEO,MAAM,SAAS,CAAC,OAAoB,CAAC,GAAG,aAAa,WAAW;AAEhE,MAAM,aAAa,CACxB,IACA,UACA,YACG;AACG,QAAA,EAAE,WAAe,IAAA;AACnB,MAAA,CAAC,WAAmB,QAAA;AAClB,QAAA,WAAW,WAAW,iBAAiB,OAAO;AACpD,QAAM,QAAQ,MAAM,UAAU,QAAQ,KAAK,UAAU,EAAE;AAChD,SAAA,SAAS,QAAQ,QAAQ,KAAK;AACvC;AAEa,MAAA,YAAY,CAAC,OAAoB;AAC5C,MAAI,CAAC,GAAI;AACT,KAAG,MAAM;AACT,GAAC,OAAO,EAAE,KAAK,GAAG,MAAM;AAC1B;"}

package/dist/components/_util/dom/element.js

@@ -1,18 +1,19 @@
-import { e as t } from "../../../functions-DzLqXvGt.js";
+import { e as isString } from "../../../functions-BeMkokbY.js";
 import "lodash-es";
 import "vue";
-import { i as e } from "../../../index-C9tCD90X.js";
-const u = (r) => {
-  if (!e || r === "") return null;
-  if (t(r))
+import { i as isClient } from "../../../index-D1m0KTpK.js";
+const getElement = (target) => {
+  if (!isClient || target === "") return null;
+  if (isString(target)) {
     try {
-      return document.querySelector(r);
+      return document.querySelector(target);
     } catch {
       return null;
     }
-  return r;
+  }
+  return target;
 };
 export {
-  u as getElement
+  getElement
 };
 //# sourceMappingURL=element.js.map

package/dist/components/_util/dom/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sources":["../../../../src/components/_util/dom/element.ts"],"sourcesContent":["import { isString } from '../types'\r\nimport { isClient } from '../browser'\r\n\r\ntype GetElement = <T extends string | HTMLElement | Window | null | undefined>(\r\n  target: T\r\n) => T extends string ? HTMLElement | null : T\r\n\r\nexport const getElement = ((\r\n  target: string | HTMLElement | Window | null | undefined\r\n) => {\r\n  if (!isClient || target === '') return null\r\n  if (isString(target)) {\r\n    try {\r\n      return document.querySelector<HTMLElement>(target)\r\n    } catch {\r\n      return null\r\n    }\r\n  }\r\n  return target\r\n}) as GetElement\r\n"],"names":["getElement","target","isClient","isString"],"mappings":";;;;AAOa,MAAAA,IAAc,CACzBC,MACG;AACH,MAAI,CAACC,KAAYD,MAAW,GAAW,QAAA;AACnC,MAAAE,EAASF,CAAM;AACb,QAAA;AACK,aAAA,SAAS,cAA2BA,CAAM;AAAA,IAAA,QAC3C;AACC,aAAA;AAAA,IACT;AAEK,SAAAA;AACT;"}
+{"version":3,"file":"element.js","sources":["../../../../src/components/_util/dom/element.ts"],"sourcesContent":["import { isString } from '../types'\r\nimport { isClient } from '../browser'\r\n\r\ntype GetElement = <T extends string | HTMLElement | Window | null | undefined>(\r\n  target: T\r\n) => T extends string ? HTMLElement | null : T\r\n\r\nexport const getElement = ((\r\n  target: string | HTMLElement | Window | null | undefined\r\n) => {\r\n  if (!isClient || target === '') return null\r\n  if (isString(target)) {\r\n    try {\r\n      return document.querySelector<HTMLElement>(target)\r\n    } catch {\r\n      return null\r\n    }\r\n  }\r\n  return target\r\n}) as GetElement\r\n"],"names":[],"mappings":";;;;AAOa,MAAA,aAAc,CACzB,WACG;AACH,MAAI,CAAC,YAAY,WAAW,GAAW,QAAA;AACnC,MAAA,SAAS,MAAM,GAAG;AAChB,QAAA;AACK,aAAA,SAAS,cAA2B,MAAM;AAAA,IAAA,QAC3C;AACC,aAAA;AAAA,IACT;AAAA,EACF;AACO,SAAA;AACT;"}

package/dist/components/_util/dom/event.js

@@ -1,10 +1,17 @@
-const v = (o, t, { checkForDefaultPrevented: c = !0 } = {}) => (n) => {
-  const e = o == null ? void 0 : o(n);
-  if (c === !1 || !e)
-    return t == null ? void 0 : t(n);
-}, u = (o) => (t) => t.pointerType === "mouse" ? o(t) : void 0;
+const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
+  const handleEvent = (event) => {
+    const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
+    if (checkForDefaultPrevented === false || !shouldPrevent) {
+      return oursHandler == null ? void 0 : oursHandler(event);
+    }
+  };
+  return handleEvent;
+};
+const whenMouse = (handler) => {
+  return (e) => e.pointerType === "mouse" ? handler(e) : void 0;
+};
 export {
-  v as composeEventHandlers,
-  u as whenMouse
+  composeEventHandlers,
+  whenMouse
 };
 //# sourceMappingURL=event.js.map

package/dist/components/_util/dom/event.js.map

@@ -1 +1 @@
-{"version":3,"file":"event.js","sources":["../../../../src/components/_util/dom/event.ts"],"sourcesContent":["export const composeEventHandlers = <E>(\r\n  theirsHandler?: (event: E) => boolean | void,\r\n  oursHandler?: (event: E) => void,\r\n  { checkForDefaultPrevented = true } = {}\r\n) => {\r\n  const handleEvent = (event: E) => {\r\n    const shouldPrevent = theirsHandler?.(event)\r\n\r\n    if (checkForDefaultPrevented === false || !shouldPrevent) {\r\n      return oursHandler?.(event)\r\n    }\r\n  }\r\n  return handleEvent\r\n}\r\n\r\ntype WhenMouseHandler = (e: PointerEvent) => any\r\nexport const whenMouse = (handler: WhenMouseHandler): WhenMouseHandler => {\r\n  return (e: PointerEvent) =>\r\n    e.pointerType === 'mouse' ? handler(e) : undefined\r\n}\r\n"],"names":["composeEventHandlers","theirsHandler","oursHandler","checkForDefaultPrevented","event","shouldPrevent","whenMouse","handler","e"],"mappings":"AAAa,MAAAA,IAAuB,CAClCC,GACAC,GACA,EAAE,0BAAAC,IAA2B,GAAS,IAAA,OAElB,CAACC,MAAa;AAC1B,QAAAC,IAAgBJ,KAAA,gBAAAA,EAAgBG;AAElC,MAAAD,MAA6B,MAAS,CAACE;AACzC,WAAOH,KAAA,gBAAAA,EAAcE;AACvB,GAMSE,IAAY,CAACC,MACjB,CAACC,MACNA,EAAE,gBAAgB,UAAUD,EAAQC,CAAC,IAAI;"}
+{"version":3,"file":"event.js","sources":["../../../../src/components/_util/dom/event.ts"],"sourcesContent":["export const composeEventHandlers = <E>(\r\n  theirsHandler?: (event: E) => boolean | void,\r\n  oursHandler?: (event: E) => void,\r\n  { checkForDefaultPrevented = true } = {}\r\n) => {\r\n  const handleEvent = (event: E) => {\r\n    const shouldPrevent = theirsHandler?.(event)\r\n\r\n    if (checkForDefaultPrevented === false || !shouldPrevent) {\r\n      return oursHandler?.(event)\r\n    }\r\n  }\r\n  return handleEvent\r\n}\r\n\r\ntype WhenMouseHandler = (e: PointerEvent) => any\r\nexport const whenMouse = (handler: WhenMouseHandler): WhenMouseHandler => {\r\n  return (e: PointerEvent) =>\r\n    e.pointerType === 'mouse' ? handler(e) : undefined\r\n}\r\n"],"names":[],"mappings":"AAAa,MAAA,uBAAuB,CAClC,eACA,aACA,EAAE,2BAA2B,KAAS,IAAA,OACnC;AACG,QAAA,cAAc,CAAC,UAAa;AAC1B,UAAA,gBAAgB,+CAAgB;AAElC,QAAA,6BAA6B,SAAS,CAAC,eAAe;AACxD,aAAO,2CAAc;AAAA,IACvB;AAAA,EAAA;AAEK,SAAA;AACT;AAGa,MAAA,YAAY,CAAC,YAAgD;AACxE,SAAO,CAAC,MACN,EAAE,gBAAgB,UAAU,QAAQ,CAAC,IAAI;AAC7C;"}

package/dist/components/_util/dom/index.js

@@ -1,39 +1,39 @@
-import { attemptFocus as o, focusNode as l, getSibling as r, isFocusable as s, isLeaf as a, isVisible as i, obtainAllFocusableElements as n, triggerEvent as m } from "./aria.js";
-import { composeEventHandlers as g, whenMouse as f } from "./event.js";
-import { getClientXY as S, getOffsetTop as d, getOffsetTopDistance as x, isInContainer as C } from "./position.js";
-import { animateScrollTo as u, getScrollBarWidth as E, getScrollContainer as T, getScrollElement as v, getScrollTop as y, isScroll as h, scrollIntoView as F } from "./scroll.js";
-import { addClass as A, addUnit as I, classNameToArray as N, getStyle as O, hasClass as V, removeClass as B, removeStyle as D, setStyle as H } from "./style.js";
-import { getElement as M } from "./element.js";
+import { attemptFocus, focusNode, getSibling, isFocusable, isLeaf, isVisible, obtainAllFocusableElements, triggerEvent } from "./aria.js";
+import { composeEventHandlers, whenMouse } from "./event.js";
+import { getClientXY, getOffsetTop, getOffsetTopDistance, isInContainer } from "./position.js";
+import { animateScrollTo, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, isScroll, scrollIntoView } from "./scroll.js";
+import { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle } from "./style.js";
+import { getElement } from "./element.js";
 export {
-  A as addClass,
-  I as addUnit,
-  u as animateScrollTo,
-  o as attemptFocus,
-  N as classNameToArray,
-  g as composeEventHandlers,
-  l as focusNode,
-  S as getClientXY,
-  M as getElement,
-  d as getOffsetTop,
-  x as getOffsetTopDistance,
-  E as getScrollBarWidth,
-  T as getScrollContainer,
-  v as getScrollElement,
-  y as getScrollTop,
-  r as getSibling,
-  O as getStyle,
-  V as hasClass,
-  s as isFocusable,
-  C as isInContainer,
-  a as isLeaf,
-  h as isScroll,
-  i as isVisible,
-  n as obtainAllFocusableElements,
-  B as removeClass,
-  D as removeStyle,
-  F as scrollIntoView,
-  H as setStyle,
-  m as triggerEvent,
-  f as whenMouse
+  addClass,
+  addUnit,
+  animateScrollTo,
+  attemptFocus,
+  classNameToArray,
+  composeEventHandlers,
+  focusNode,
+  getClientXY,
+  getElement,
+  getOffsetTop,
+  getOffsetTopDistance,
+  getScrollBarWidth,
+  getScrollContainer,
+  getScrollElement,
+  getScrollTop,
+  getSibling,
+  getStyle,
+  hasClass,
+  isFocusable,
+  isInContainer,
+  isLeaf,
+  isScroll,
+  isVisible,
+  obtainAllFocusableElements,
+  removeClass,
+  removeStyle,
+  scrollIntoView,
+  setStyle,
+  triggerEvent,
+  whenMouse
 };
 //# sourceMappingURL=index.js.map

package/dist/components/_util/dom/position.js

@@ -1,30 +1,54 @@
-import { i as c } from "../../../index-C9tCD90X.js";
-const s = (t, i) => {
-  if (!c || !t || !i) return !1;
-  const e = t.getBoundingClientRect();
-  let n;
-  return i instanceof Element ? n = i.getBoundingClientRect() : n = {
-    top: 0,
-    right: window.innerWidth,
-    bottom: window.innerHeight,
-    left: 0
-  }, e.top < n.bottom && e.bottom > n.top && e.right > n.left && e.left < n.right;
-}, o = (t) => {
-  let i = 0, e = t;
-  for (; e; )
-    i += e.offsetTop, e = e.offsetParent;
-  return i;
-}, r = (t, i) => Math.abs(o(t) - o(i)), f = (t) => {
-  let i, e;
-  return t.type === "touchend" ? (e = t.changedTouches[0].clientY, i = t.changedTouches[0].clientX) : t.type.startsWith("touch") ? (e = t.touches[0].clientY, i = t.touches[0].clientX) : (e = t.clientY, i = t.clientX), {
-    clientX: i,
-    clientY: e
+import { i as isClient } from "../../../index-D1m0KTpK.js";
+const isInContainer = (el, container) => {
+  if (!isClient || !el || !container) return false;
+  const elRect = el.getBoundingClientRect();
+  let containerRect;
+  if (container instanceof Element) {
+    containerRect = container.getBoundingClientRect();
+  } else {
+    containerRect = {
+      top: 0,
+      right: window.innerWidth,
+      bottom: window.innerHeight,
+      left: 0
+    };
+  }
+  return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
+};
+const getOffsetTop = (el) => {
+  let offset = 0;
+  let parent = el;
+  while (parent) {
+    offset += parent.offsetTop;
+    parent = parent.offsetParent;
+  }
+  return offset;
+};
+const getOffsetTopDistance = (el, containerEl) => {
+  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl));
+};
+const getClientXY = (event) => {
+  let clientX;
+  let clientY;
+  if (event.type === "touchend") {
+    clientY = event.changedTouches[0].clientY;
+    clientX = event.changedTouches[0].clientX;
+  } else if (event.type.startsWith("touch")) {
+    clientY = event.touches[0].clientY;
+    clientX = event.touches[0].clientX;
+  } else {
+    clientY = event.clientY;
+    clientX = event.clientX;
+  }
+  return {
+    clientX,
+    clientY
   };
 };
 export {
-  f as getClientXY,
-  o as getOffsetTop,
-  r as getOffsetTopDistance,
-  s as isInContainer
+  getClientXY,
+  getOffsetTop,
+  getOffsetTopDistance,
+  isInContainer
 };
 //# sourceMappingURL=position.js.map

package/dist/components/_util/dom/position.js.map

@@ -1 +1 @@
-{"version":3,"file":"position.js","sources":["../../../../src/components/_util/dom/position.ts"],"sourcesContent":["import { isClient } from '../browser'\r\n\r\nexport const isInContainer = (\r\n  el?: Element,\r\n  container?: Element | Window\r\n): boolean => {\r\n  if (!isClient || !el || !container) return false\r\n\r\n  const elRect = el.getBoundingClientRect()\r\n\r\n  let containerRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>\r\n  if (container instanceof Element) {\r\n    containerRect = container.getBoundingClientRect()\r\n  } else {\r\n    containerRect = {\r\n      top: 0,\r\n      right: window.innerWidth,\r\n      bottom: window.innerHeight,\r\n      left: 0,\r\n    }\r\n  }\r\n  return (\r\n    elRect.top < containerRect.bottom &&\r\n    elRect.bottom > containerRect.top &&\r\n    elRect.right > containerRect.left &&\r\n    elRect.left < containerRect.right\r\n  )\r\n}\r\n\r\nexport const getOffsetTop = (el: HTMLElement) => {\r\n  let offset = 0\r\n  let parent = el\r\n\r\n  while (parent) {\r\n    offset += parent.offsetTop\r\n    parent = parent.offsetParent as HTMLElement\r\n  }\r\n\r\n  return offset\r\n}\r\n\r\nexport const getOffsetTopDistance = (\r\n  el: HTMLElement,\r\n  containerEl: HTMLElement\r\n) => {\r\n  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl))\r\n}\r\n\r\nexport const getClientXY = (event: MouseEvent | TouchEvent) => {\r\n  let clientX: number\r\n  let clientY: number\r\n  if (event.type === 'touchend') {\r\n    clientY = (event as TouchEvent).changedTouches[0].clientY\r\n    clientX = (event as TouchEvent).changedTouches[0].clientX\r\n  } else if (event.type.startsWith('touch')) {\r\n    clientY = (event as TouchEvent).touches[0].clientY\r\n    clientX = (event as TouchEvent).touches[0].clientX\r\n  } else {\r\n    clientY = (event as MouseEvent).clientY\r\n    clientX = (event as MouseEvent).clientX\r\n  }\r\n  return {\r\n    clientX,\r\n    clientY,\r\n  }\r\n}\r\n"],"names":["isInContainer","el","container","isClient","elRect","containerRect","getOffsetTop","offset","parent","getOffsetTopDistance","containerEl","getClientXY","event","clientX","clientY"],"mappings":";AAEa,MAAAA,IAAgB,CAC3BC,GACAC,MACY;AACZ,MAAI,CAACC,KAAY,CAACF,KAAM,CAACC,EAAkB,QAAA;AAErC,QAAAE,IAASH,EAAG;AAEd,MAAAI;AACJ,SAAIH,aAAqB,UACvBG,IAAgBH,EAAU,0BAEVG,IAAA;AAAA,IACd,KAAK;AAAA,IACL,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO;AAAA,IACf,MAAM;AAAA,EAAA,GAIRD,EAAO,MAAMC,EAAc,UAC3BD,EAAO,SAASC,EAAc,OAC9BD,EAAO,QAAQC,EAAc,QAC7BD,EAAO,OAAOC,EAAc;AAEhC,GAEaC,IAAe,CAACL,MAAoB;AAC/C,MAAIM,IAAS,GACTC,IAASP;AAEb,SAAOO;AACL,IAAAD,KAAUC,EAAO,WACjBA,IAASA,EAAO;AAGX,SAAAD;AACT,GAEaE,IAAuB,CAClCR,GACAS,MAEO,KAAK,IAAIJ,EAAaL,CAAE,IAAIK,EAAaI,CAAW,CAAC,GAGjDC,IAAc,CAACC,MAAmC;AACzD,MAAAC,GACAC;AACA,SAAAF,EAAM,SAAS,cACNE,IAAAF,EAAqB,eAAe,CAAC,EAAE,SACvCC,IAAAD,EAAqB,eAAe,CAAC,EAAE,WACzCA,EAAM,KAAK,WAAW,OAAO,KAC3BE,IAAAF,EAAqB,QAAQ,CAAC,EAAE,SAChCC,IAAAD,EAAqB,QAAQ,CAAC,EAAE,YAE3CE,IAAWF,EAAqB,SAChCC,IAAWD,EAAqB,UAE3B;AAAA,IACL,SAAAC;AAAA,IACA,SAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"position.js","sources":["../../../../src/components/_util/dom/position.ts"],"sourcesContent":["import { isClient } from '../browser'\r\n\r\nexport const isInContainer = (\r\n  el?: Element,\r\n  container?: Element | Window\r\n): boolean => {\r\n  if (!isClient || !el || !container) return false\r\n\r\n  const elRect = el.getBoundingClientRect()\r\n\r\n  let containerRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>\r\n  if (container instanceof Element) {\r\n    containerRect = container.getBoundingClientRect()\r\n  } else {\r\n    containerRect = {\r\n      top: 0,\r\n      right: window.innerWidth,\r\n      bottom: window.innerHeight,\r\n      left: 0,\r\n    }\r\n  }\r\n  return (\r\n    elRect.top < containerRect.bottom &&\r\n    elRect.bottom > containerRect.top &&\r\n    elRect.right > containerRect.left &&\r\n    elRect.left < containerRect.right\r\n  )\r\n}\r\n\r\nexport const getOffsetTop = (el: HTMLElement) => {\r\n  let offset = 0\r\n  let parent = el\r\n\r\n  while (parent) {\r\n    offset += parent.offsetTop\r\n    parent = parent.offsetParent as HTMLElement\r\n  }\r\n\r\n  return offset\r\n}\r\n\r\nexport const getOffsetTopDistance = (\r\n  el: HTMLElement,\r\n  containerEl: HTMLElement\r\n) => {\r\n  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl))\r\n}\r\n\r\nexport const getClientXY = (event: MouseEvent | TouchEvent) => {\r\n  let clientX: number\r\n  let clientY: number\r\n  if (event.type === 'touchend') {\r\n    clientY = (event as TouchEvent).changedTouches[0].clientY\r\n    clientX = (event as TouchEvent).changedTouches[0].clientX\r\n  } else if (event.type.startsWith('touch')) {\r\n    clientY = (event as TouchEvent).touches[0].clientY\r\n    clientX = (event as TouchEvent).touches[0].clientX\r\n  } else {\r\n    clientY = (event as MouseEvent).clientY\r\n    clientX = (event as MouseEvent).clientX\r\n  }\r\n  return {\r\n    clientX,\r\n    clientY,\r\n  }\r\n}\r\n"],"names":[],"mappings":";AAEa,MAAA,gBAAgB,CAC3B,IACA,cACY;AACZ,MAAI,CAAC,YAAY,CAAC,MAAM,CAAC,UAAkB,QAAA;AAErC,QAAA,SAAS,GAAG;AAEd,MAAA;AACJ,MAAI,qBAAqB,SAAS;AAChC,oBAAgB,UAAU;EAAsB,OAC3C;AACW,oBAAA;AAAA,MACd,KAAK;AAAA,MACL,OAAO,OAAO;AAAA,MACd,QAAQ,OAAO;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EAEV;AACA,SACE,OAAO,MAAM,cAAc,UAC3B,OAAO,SAAS,cAAc,OAC9B,OAAO,QAAQ,cAAc,QAC7B,OAAO,OAAO,cAAc;AAEhC;AAEa,MAAA,eAAe,CAAC,OAAoB;AAC/C,MAAI,SAAS;AACb,MAAI,SAAS;AAEb,SAAO,QAAQ;AACb,cAAU,OAAO;AACjB,aAAS,OAAO;AAAA,EAClB;AAEO,SAAA;AACT;AAEa,MAAA,uBAAuB,CAClC,IACA,gBACG;AACH,SAAO,KAAK,IAAI,aAAa,EAAE,IAAI,aAAa,WAAW,CAAC;AAC9D;AAEa,MAAA,cAAc,CAAC,UAAmC;AACzD,MAAA;AACA,MAAA;AACA,MAAA,MAAM,SAAS,YAAY;AAClB,cAAA,MAAqB,eAAe,CAAC,EAAE;AACvC,cAAA,MAAqB,eAAe,CAAC,EAAE;AAAA,EACzC,WAAA,MAAM,KAAK,WAAW,OAAO,GAAG;AAC9B,cAAA,MAAqB,QAAQ,CAAC,EAAE;AAChC,cAAA,MAAqB,QAAQ,CAAC,EAAE;AAAA,EAAA,OACtC;AACL,cAAW,MAAqB;AAChC,cAAW,MAAqB;AAAA,EAClC;AACO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/components/_util/dom/scroll.js

@@ -1,78 +1,120 @@
-import { easeInOutCubic as w } from "../easings.js";
-import { isWindow as u } from "../types.js";
-import { rAF as h, cAF as a } from "../raf.js";
-import { getStyle as T } from "./style.js";
-import { i as p } from "../../../index-C9tCD90X.js";
-const v = (o, t) => {
-  if (!p) return !1;
-  const l = {
+import { easeInOutCubic } from "../easings.js";
+import { isWindow } from "../types.js";
+import { rAF, cAF } from "../raf.js";
+import { getStyle } from "./style.js";
+import { i as isClient } from "../../../index-D1m0KTpK.js";
+const isScroll = (el, isVertical) => {
+  if (!isClient) return false;
+  const key = {
     undefined: "overflow",
     true: "overflow-y",
     false: "overflow-x"
-  }[String(t)], e = T(o, l);
-  return ["scroll", "auto", "overlay"].some((r) => e.includes(r));
-}, b = (o, t) => {
-  if (!p) return;
-  let l = o;
-  for (; l; ) {
-    if ([window, document, document.documentElement].includes(l))
+  }[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 (v(l, t)) return l;
-    l = l.parentNode;
+    if (isScroll(parent, isVertical)) return parent;
+    parent = parent.parentNode;
   }
-  return l;
+  return parent;
 };
-let f;
-const x = (o) => {
-  var s;
-  if (!p) return 0;
-  if (f !== void 0) return f;
-  const t = document.createElement("div");
-  t.className = `${o}-scrollbar__wrap`, t.style.visibility = "hidden", t.style.width = "100px", t.style.position = "absolute", t.style.top = "-9999px", document.body.appendChild(t);
-  const l = t.offsetWidth;
-  t.style.overflow = "scroll";
-  const e = document.createElement("div");
-  e.style.width = "100%", t.appendChild(e);
-  const r = e.offsetWidth;
-  return (s = t.parentNode) == null || s.removeChild(t), f = l - r, f;
+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 E(o, t) {
-  if (!p) return;
-  if (!t) {
-    o.scrollTop = 0;
+function scrollIntoView(container, selected) {
+  if (!isClient) return;
+  if (!selected) {
+    container.scrollTop = 0;
     return;
   }
-  const l = [];
-  let e = t.offsetParent;
-  for (; e !== null && o !== e && o.contains(e); )
-    l.push(e), e = e.offsetParent;
-  const r = t.offsetTop + l.reduce((m, i) => m + i.offsetTop, 0), s = r + t.offsetHeight, n = o.scrollTop, c = n + o.clientHeight;
-  r < n ? o.scrollTop = r : s > c && (o.scrollTop = s - o.clientHeight);
+  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 N(o, t, l, e, r) {
-  const s = Date.now();
-  let n;
-  const c = () => {
-    const i = Date.now() - s, d = w(
-      i > e ? e : i,
-      t,
-      l,
-      e
+function animateScrollTo(container, from, to, duration, callback) {
+  const startTime = Date.now();
+  let handle;
+  const scroll = () => {
+    const timestamp = Date.now();
+    const time = timestamp - startTime;
+    const nextScrollTop = easeInOutCubic(
+      time > duration ? duration : time,
+      from,
+      to,
+      duration
     );
-    u(o) ? o.scrollTo(window.pageXOffset, d) : o.scrollTop = d, i < e ? n = h(c) : typeof r == "function" && r();
+    if (isWindow(container)) {
+      container.scrollTo(window.pageXOffset, nextScrollTop);
+    } else {
+      container.scrollTop = nextScrollTop;
+    }
+    if (time < duration) {
+      handle = rAF(scroll);
+    } else if (typeof callback === "function") {
+      callback();
+    }
   };
-  return c(), () => {
-    n && a(n);
+  scroll();
+  return () => {
+    handle && cAF(handle);
   };
 }
-const B = (o, t) => u(t) ? o.ownerDocument.documentElement : t, D = (o) => u(o) ? window.scrollY : o.scrollTop;
+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 {
-  N as animateScrollTo,
-  x as getScrollBarWidth,
-  b as getScrollContainer,
-  B as getScrollElement,
-  D as getScrollTop,
-  v as isScroll,
-  E as scrollIntoView
+  animateScrollTo,
+  getScrollBarWidth,
+  getScrollContainer,
+  getScrollElement,
+  getScrollTop,
+  isScroll,
+  scrollIntoView
 };
 //# sourceMappingURL=scroll.js.map

package/dist/components/_util/dom/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","sources":["../../../../src/components/_util/dom/scroll.ts"],"sourcesContent":["import { isClient } from '../browser'\r\nimport { easeInOutCubic } from '../easings'\r\nimport { 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 (typeof callback === 'function') {\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":["isScroll","el","isVertical","isClient","key","overflow","getStyle","s","getScrollContainer","parent","scrollBarWidth","getScrollBarWidth","namespace","outer","widthNoScroll","inner","widthWithScroll","_a","scrollIntoView","container","selected","offsetParents","pointer","top","prev","curr","bottom","viewRectTop","viewRectBottom","animateScrollTo","from","to","duration","callback","startTime","handle","scroll","time","nextScrollTop","easeInOutCubic","isWindow","rAF","cAF","getScrollElement","target","getScrollTop"],"mappings":"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"}
+{"version":3,"file":"scroll.js","sources":["../../../../src/components/_util/dom/scroll.ts"],"sourcesContent":["import { isClient } from '../browser'\r\nimport { easeInOutCubic } from '../easings'\r\nimport { 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 (typeof callback === 'function') {\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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"}