compute-scroll-into-view 1.0.11 → 1.0.12

package/README.md

@@ -47,7 +47,11 @@ const actions = computeScrollIntoView(node, {
 
 // same behavior as Element.scrollIntoViewIfNeeded(true)
 // see: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewIfNeeded
-const actions = computeScrollIntoView(node, { scrollMode: 'if-needed' block: 'center', inline: 'center' })
+const actions = computeScrollIntoView(node, {
+  scrollMode: 'if-needed',
+  block: 'center',
+  inline: 'center',
+})
 
 // Then perform the scrolling, use scroll-into-view-if-needed if you don't want to implement this part
 actions.forEach(({ el, top, left }) => {
@@ -124,8 +128,6 @@ This package follows the convention [adopted by Firefox](https://hg.mozilla.org/
 
 This library ships with library definitions for TypeScript.
 
-> FlowType definitions is coming soon...
-
 [gzip-badge]: http://img.badgesize.io/https://unpkg.com/compute-scroll-into-view/umd/compute-scroll-into-view.min.js?compression=gzip&label=gzip%20size&style=flat-square
 [size-badge]: http://img.badgesize.io/https://unpkg.com/compute-scroll-into-view/umd/compute-scroll-into-view.min.js?label=size&style=flat-square
 [unpkg-dist]: https://unpkg.com/compute-scroll-into-view/umd/

package/es/index.js

@@ -10,10 +10,28 @@ function canOverflow(overflow, skipOverflowHiddenElements) {
   return overflow !== 'visible' && overflow !== 'clip';
 }
 
+function getFrameElement(el) {
+  if (!el.ownerDocument || !el.ownerDocument.defaultView) {
+    return null;
+  }
+
+  return el.ownerDocument.defaultView.frameElement;
+}
+
+function isHiddenByFrame(el) {
+  var frame = getFrameElement(el);
+
+  if (!frame) {
+    return false;
+  }
+
+  return frame.clientHeight < el.scrollHeight || frame.clientWidth < el.scrollWidth;
+}
+
 function isScrollable(el, skipOverflowHiddenElements) {
   if (el.clientHeight < el.scrollHeight || el.clientWidth < el.scrollWidth) {
     var style = getComputedStyle(el, null);
-    return canOverflow(style.overflowY, skipOverflowHiddenElements) || canOverflow(style.overflowX, skipOverflowHiddenElements);
+    return canOverflow(style.overflowY, skipOverflowHiddenElements) || canOverflow(style.overflowX, skipOverflowHiddenElements) || isHiddenByFrame(el);
   }
 
   return false;
@@ -91,14 +109,14 @@ export default (function (target, options) {
     var frame = frames[index];
 
     var _frame$getBoundingCli = frame.getBoundingClientRect(),
-        _height = _frame$getBoundingCli.height,
-        _width = _frame$getBoundingCli.width,
-        _top = _frame$getBoundingCli.top,
+        height = _frame$getBoundingCli.height,
+        width = _frame$getBoundingCli.width,
+        top = _frame$getBoundingCli.top,
         right = _frame$getBoundingCli.right,
         bottom = _frame$getBoundingCli.bottom,
-        _left = _frame$getBoundingCli.left;
+        left = _frame$getBoundingCli.left;
 
-    if (scrollMode === 'if-needed' && targetTop >= 0 && targetLeft >= 0 && targetBottom <= viewportHeight && targetRight <= viewportWidth && targetTop >= _top && targetBottom <= bottom && targetLeft >= _left && targetRight <= right) {
+    if (scrollMode === 'if-needed' && targetTop >= 0 && targetLeft >= 0 && targetBottom <= viewportHeight && targetRight <= viewportWidth && targetTop >= top && targetBottom <= bottom && targetLeft >= left && targetRight <= right) {
       return computations;
     }
 
@@ -137,29 +155,29 @@ export default (function (target, options) {
       inlineScroll = Math.max(0, inlineScroll + viewportX);
     } else {
       if (block === 'start') {
-        blockScroll = targetBlock - _top - borderTop;
+        blockScroll = targetBlock - top - borderTop;
       } else if (block === 'end') {
         blockScroll = targetBlock - bottom + borderBottom + scrollbarHeight;
       } else if (block === 'nearest') {
-        blockScroll = alignNearest(_top, bottom, _height, borderTop, borderBottom + scrollbarHeight, targetBlock, targetBlock + targetHeight, targetHeight);
+        blockScroll = alignNearest(top, bottom, height, borderTop, borderBottom + scrollbarHeight, targetBlock, targetBlock + targetHeight, targetHeight);
       } else {
-        blockScroll = targetBlock - (_top + _height / 2) + scrollbarHeight / 2;
+        blockScroll = targetBlock - (top + height / 2) + scrollbarHeight / 2;
       }
 
       if (inline === 'start') {
-        inlineScroll = targetInline - _left - borderLeft;
+        inlineScroll = targetInline - left - borderLeft;
       } else if (inline === 'center') {
-        inlineScroll = targetInline - (_left + _width / 2) + scrollbarWidth / 2;
+        inlineScroll = targetInline - (left + width / 2) + scrollbarWidth / 2;
       } else if (inline === 'end') {
         inlineScroll = targetInline - right + borderRight + scrollbarWidth;
       } else {
-        inlineScroll = alignNearest(_left, right, _width, borderLeft, borderRight + scrollbarWidth, targetInline, targetInline + targetWidth, targetWidth);
+        inlineScroll = alignNearest(left, right, width, borderLeft, borderRight + scrollbarWidth, targetInline, targetInline + targetWidth, targetWidth);
       }
 
       var scrollLeft = frame.scrollLeft,
           scrollTop = frame.scrollTop;
-      blockScroll = Math.max(0, Math.min(scrollTop + blockScroll, frame.scrollHeight - _height + scrollbarHeight));
-      inlineScroll = Math.max(0, Math.min(scrollLeft + inlineScroll, frame.scrollWidth - _width + scrollbarWidth));
+      blockScroll = Math.max(0, Math.min(scrollTop + blockScroll, frame.scrollHeight - height + scrollbarHeight));
+      inlineScroll = Math.max(0, Math.min(scrollLeft + inlineScroll, frame.scrollWidth - width + scrollbarWidth));
       targetBlock += scrollTop - blockScroll;
       targetInline += scrollLeft - inlineScroll;
     }

package/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
 function isElement(el) {
   return el != null && typeof el === 'object' && el.nodeType === 1;
@@ -15,10 +15,28 @@ function canOverflow(overflow, skipOverflowHiddenElements) {
   return overflow !== 'visible' && overflow !== 'clip';
 }
 
+function getFrameElement(el) {
+  if (!el.ownerDocument || !el.ownerDocument.defaultView) {
+    return null;
+  }
+
+  return el.ownerDocument.defaultView.frameElement;
+}
+
+function isHiddenByFrame(el) {
+  var frame = getFrameElement(el);
+
+  if (!frame) {
+    return false;
+  }
+
+  return frame.clientHeight < el.scrollHeight || frame.clientWidth < el.scrollWidth;
+}
+
 function isScrollable(el, skipOverflowHiddenElements) {
   if (el.clientHeight < el.scrollHeight || el.clientWidth < el.scrollWidth) {
     var style = getComputedStyle(el, null);
-    return canOverflow(style.overflowY, skipOverflowHiddenElements) || canOverflow(style.overflowX, skipOverflowHiddenElements);
+    return canOverflow(style.overflowY, skipOverflowHiddenElements) || canOverflow(style.overflowX, skipOverflowHiddenElements) || isHiddenByFrame(el);
   }
 
   return false;
@@ -96,14 +114,14 @@ var _default = function _default(target, options) {
     var frame = frames[index];
 
     var _frame$getBoundingCli = frame.getBoundingClientRect(),
-        _height = _frame$getBoundingCli.height,
-        _width = _frame$getBoundingCli.width,
-        _top = _frame$getBoundingCli.top,
+        height = _frame$getBoundingCli.height,
+        width = _frame$getBoundingCli.width,
+        top = _frame$getBoundingCli.top,
         right = _frame$getBoundingCli.right,
         bottom = _frame$getBoundingCli.bottom,
-        _left = _frame$getBoundingCli.left;
+        left = _frame$getBoundingCli.left;
 
-    if (scrollMode === 'if-needed' && targetTop >= 0 && targetLeft >= 0 && targetBottom <= viewportHeight && targetRight <= viewportWidth && targetTop >= _top && targetBottom <= bottom && targetLeft >= _left && targetRight <= right) {
+    if (scrollMode === 'if-needed' && targetTop >= 0 && targetLeft >= 0 && targetBottom <= viewportHeight && targetRight <= viewportWidth && targetTop >= top && targetBottom <= bottom && targetLeft >= left && targetRight <= right) {
       return computations;
     }
 
@@ -142,29 +160,29 @@ var _default = function _default(target, options) {
       inlineScroll = Math.max(0, inlineScroll + viewportX);
     } else {
       if (block === 'start') {
-        blockScroll = targetBlock - _top - borderTop;
+        blockScroll = targetBlock - top - borderTop;
       } else if (block === 'end') {
         blockScroll = targetBlock - bottom + borderBottom + scrollbarHeight;
       } else if (block === 'nearest') {
-        blockScroll = alignNearest(_top, bottom, _height, borderTop, borderBottom + scrollbarHeight, targetBlock, targetBlock + targetHeight, targetHeight);
+        blockScroll = alignNearest(top, bottom, height, borderTop, borderBottom + scrollbarHeight, targetBlock, targetBlock + targetHeight, targetHeight);
       } else {
-        blockScroll = targetBlock - (_top + _height / 2) + scrollbarHeight / 2;
+        blockScroll = targetBlock - (top + height / 2) + scrollbarHeight / 2;
       }
 
       if (inline === 'start') {
-        inlineScroll = targetInline - _left - borderLeft;
+        inlineScroll = targetInline - left - borderLeft;
       } else if (inline === 'center') {
-        inlineScroll = targetInline - (_left + _width / 2) + scrollbarWidth / 2;
+        inlineScroll = targetInline - (left + width / 2) + scrollbarWidth / 2;
       } else if (inline === 'end') {
         inlineScroll = targetInline - right + borderRight + scrollbarWidth;
       } else {
-        inlineScroll = alignNearest(_left, right, _width, borderLeft, borderRight + scrollbarWidth, targetInline, targetInline + targetWidth, targetWidth);
+        inlineScroll = alignNearest(left, right, width, borderLeft, borderRight + scrollbarWidth, targetInline, targetInline + targetWidth, targetWidth);
       }
 
       var scrollLeft = frame.scrollLeft,
           scrollTop = frame.scrollTop;
-      blockScroll = Math.max(0, Math.min(scrollTop + blockScroll, frame.scrollHeight - _height + scrollbarHeight));
-      inlineScroll = Math.max(0, Math.min(scrollLeft + inlineScroll, frame.scrollWidth - _width + scrollbarWidth));
+      blockScroll = Math.max(0, Math.min(scrollTop + blockScroll, frame.scrollHeight - height + scrollbarHeight));
+      inlineScroll = Math.max(0, Math.min(scrollLeft + inlineScroll, frame.scrollWidth - width + scrollbarWidth));
       targetBlock += scrollTop - blockScroll;
       targetInline += scrollLeft - inlineScroll;
     }
@@ -179,5 +197,5 @@ var _default = function _default(target, options) {
   return computations;
 };
 
-exports.default = _default;
+exports["default"] = _default;
 module.exports = exports.default;

package/package.json

@@ -8,7 +8,7 @@
     "type": "git",
     "url": "git+https://github.com/stipsan/compute-scroll-into-view.git"
   },
-  "version": "1.0.11",
+  "version": "1.0.12",
   "main": "index.js",
   "module": "es/index.js",
   "files": [
@@ -32,34 +32,34 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@babel/cli": "7.1.2",
-    "@babel/core": "7.1.2",
-    "@babel/plugin-external-helpers": "7.0.0",
-    "@babel/preset-env": "7.1.0",
-    "@babel/preset-typescript": "7.1.0",
-    "babel-plugin-add-module-exports": "1.0.0",
-    "babel-plugin-dev-expression": "0.2.1",
-    "concurrently": "4.0.1",
-    "husky": "1.1.1",
+    "@babel/cli": "7.7.7",
+    "@babel/core": "7.7.7",
+    "@babel/plugin-external-helpers": "7.7.4",
+    "@babel/preset-env": "7.7.7",
+    "@babel/preset-typescript": "7.7.7",
+    "babel-plugin-add-module-exports": "1.0.2",
+    "babel-plugin-dev-expression": "0.2.2",
+    "concurrently": "5.0.2",
+    "husky": "3.1.0",
     "jest": "23.6.0",
-    "jest-junit": "5.2.0",
-    "jest-puppeteer": "3.4.0",
-    "lint-staged": "7.3.0",
-    "prettier": "1.14.3",
-    "prettier-package-json": "2.0.1",
-    "puppeteer": "1.9.0",
-    "rimraf": "2.6.2",
-    "rollup": "0.66.4",
-    "rollup-plugin-babel": "4.0.3",
-    "rollup-plugin-commonjs": "9.1.8",
-    "rollup-plugin-node-resolve": "3.4.0",
-    "rollup-plugin-replace": "2.1.0",
-    "rollup-plugin-terser": "3.0.0",
-    "semantic-release": "15.9.17",
-    "serve": "10.0.2",
-    "tslint": "5.11.0",
-    "tslint-config-prettier": "1.15.0",
-    "typescript": "3.1.1"
+    "jest-junit": "10.0.0",
+    "jest-puppeteer": "4.4.0",
+    "lint-staged": "9.5.0",
+    "prettier": "1.19.1",
+    "prettier-package-json": "2.1.3",
+    "puppeteer": "2.0.0",
+    "rimraf": "3.0.0",
+    "rollup": "1.27.14",
+    "rollup-plugin-babel": "4.3.3",
+    "rollup-plugin-commonjs": "10.1.0",
+    "rollup-plugin-node-resolve": "5.2.0",
+    "rollup-plugin-replace": "2.2.0",
+    "rollup-plugin-terser": "5.1.3",
+    "semantic-release": "15.14.0",
+    "serve": "11.3.0",
+    "tslint": "5.20.1",
+    "tslint-config-prettier": "1.18.0",
+    "typescript": "3.7.4"
   },
   "keywords": [
     "if-needed",

package/umd/compute-scroll-into-view.js

@@ -1,7 +1,7 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
-  (global.computeScrollIntoView = factory());
+  (global = global || self, global.computeScrollIntoView = factory());
 }(this, (function () { 'use strict';
 
   function isElement(el) {
@@ -16,10 +16,28 @@
     return overflow !== 'visible' && overflow !== 'clip';
   }
 
+  function getFrameElement(el) {
+    if (!el.ownerDocument || !el.ownerDocument.defaultView) {
+      return null;
+    }
+
+    return el.ownerDocument.defaultView.frameElement;
+  }
+
+  function isHiddenByFrame(el) {
+    var frame = getFrameElement(el);
+
+    if (!frame) {
+      return false;
+    }
+
+    return frame.clientHeight < el.scrollHeight || frame.clientWidth < el.scrollWidth;
+  }
+
   function isScrollable(el, skipOverflowHiddenElements) {
     if (el.clientHeight < el.scrollHeight || el.clientWidth < el.scrollWidth) {
       var style = getComputedStyle(el, null);
-      return canOverflow(style.overflowY, skipOverflowHiddenElements) || canOverflow(style.overflowX, skipOverflowHiddenElements);
+      return canOverflow(style.overflowY, skipOverflowHiddenElements) || canOverflow(style.overflowX, skipOverflowHiddenElements) || isHiddenByFrame(el);
     }
 
     return false;
@@ -97,14 +115,14 @@
       var frame = frames[index];
 
       var _frame$getBoundingCli = frame.getBoundingClientRect(),
-          _height = _frame$getBoundingCli.height,
-          _width = _frame$getBoundingCli.width,
-          _top = _frame$getBoundingCli.top,
+          height = _frame$getBoundingCli.height,
+          width = _frame$getBoundingCli.width,
+          top = _frame$getBoundingCli.top,
           right = _frame$getBoundingCli.right,
           bottom = _frame$getBoundingCli.bottom,
-          _left = _frame$getBoundingCli.left;
+          left = _frame$getBoundingCli.left;
 
-      if (scrollMode === 'if-needed' && targetTop >= 0 && targetLeft >= 0 && targetBottom <= viewportHeight && targetRight <= viewportWidth && targetTop >= _top && targetBottom <= bottom && targetLeft >= _left && targetRight <= right) {
+      if (scrollMode === 'if-needed' && targetTop >= 0 && targetLeft >= 0 && targetBottom <= viewportHeight && targetRight <= viewportWidth && targetTop >= top && targetBottom <= bottom && targetLeft >= left && targetRight <= right) {
         return computations;
       }
 
@@ -143,29 +161,29 @@
         inlineScroll = Math.max(0, inlineScroll + viewportX);
       } else {
         if (block === 'start') {
-          blockScroll = targetBlock - _top - borderTop;
+          blockScroll = targetBlock - top - borderTop;
         } else if (block === 'end') {
           blockScroll = targetBlock - bottom + borderBottom + scrollbarHeight;
         } else if (block === 'nearest') {
-          blockScroll = alignNearest(_top, bottom, _height, borderTop, borderBottom + scrollbarHeight, targetBlock, targetBlock + targetHeight, targetHeight);
+          blockScroll = alignNearest(top, bottom, height, borderTop, borderBottom + scrollbarHeight, targetBlock, targetBlock + targetHeight, targetHeight);
         } else {
-          blockScroll = targetBlock - (_top + _height / 2) + scrollbarHeight / 2;
+          blockScroll = targetBlock - (top + height / 2) + scrollbarHeight / 2;
         }
 
         if (inline === 'start') {
-          inlineScroll = targetInline - _left - borderLeft;
+          inlineScroll = targetInline - left - borderLeft;
         } else if (inline === 'center') {
-          inlineScroll = targetInline - (_left + _width / 2) + scrollbarWidth / 2;
+          inlineScroll = targetInline - (left + width / 2) + scrollbarWidth / 2;
         } else if (inline === 'end') {
           inlineScroll = targetInline - right + borderRight + scrollbarWidth;
         } else {
-          inlineScroll = alignNearest(_left, right, _width, borderLeft, borderRight + scrollbarWidth, targetInline, targetInline + targetWidth, targetWidth);
+          inlineScroll = alignNearest(left, right, width, borderLeft, borderRight + scrollbarWidth, targetInline, targetInline + targetWidth, targetWidth);
         }
 
         var scrollLeft = frame.scrollLeft,
             scrollTop = frame.scrollTop;
-        blockScroll = Math.max(0, Math.min(scrollTop + blockScroll, frame.scrollHeight - _height + scrollbarHeight));
-        inlineScroll = Math.max(0, Math.min(scrollLeft + inlineScroll, frame.scrollWidth - _width + scrollbarWidth));
+        blockScroll = Math.max(0, Math.min(scrollTop + blockScroll, frame.scrollHeight - height + scrollbarHeight));
+        inlineScroll = Math.max(0, Math.min(scrollLeft + inlineScroll, frame.scrollWidth - width + scrollbarWidth));
         targetBlock += scrollTop - blockScroll;
         targetInline += scrollLeft - inlineScroll;
       }

package/umd/compute-scroll-into-view.min.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.computeScrollIntoView=e()}(this,function(){"use strict";function t(t){return null!=t&&"object"==typeof t&&1===t.nodeType}function e(t,e){return(!e||"hidden"!==t)&&("visible"!==t&&"clip"!==t)}function n(t,n){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var i=getComputedStyle(t,null);return e(i.overflowY,n)||e(i.overflowX,n)}return!1}function i(t,e,n,i,o,r,d,l){return r<t&&d>e||r>t&&d<e?0:r<=t&&l<=n||d>=e&&l>=n?r-t-i:d>e&&l<n||r<t&&l>n?d-e+o:0}return function(e,o){var r=o.scrollMode,d=o.block,l=o.inline,f=o.boundary,s=o.skipOverflowHiddenElements,u="function"==typeof f?f:function(t){return t!==f};if(!t(e))throw new TypeError("Invalid target");for(var h=document.scrollingElement||document.documentElement,c=[],a=e;t(a)&&u(a);){if((a=a.parentNode)===h){c.push(a);break}a===document.body&&n(a)&&!n(document.documentElement)||n(a,s)&&c.push(a)}for(var p=window.visualViewport?visualViewport.width:innerWidth,m=window.visualViewport?visualViewport.height:innerHeight,g=window.scrollX||pageXOffset,w=window.scrollY||pageYOffset,v=e.getBoundingClientRect(),b=v.height,y=v.width,W=v.top,H=v.right,M=v.bottom,x=v.left,I="start"===d||"nearest"===d?W:"end"===d?M:W+b/2,E="center"===l?x+y/2:"end"===l?H:x,V=[],C=0;C<c.length;C++){var T=c[C],k=T.getBoundingClientRect(),B=k.height,O=k.width,R=k.top,S=k.right,X=k.bottom,Y=k.left;if("if-needed"===r&&W>=0&&x>=0&&M<=m&&H<=p&&W>=R&&M<=X&&x>=Y&&H<=S)return V;var j=getComputedStyle(T),L=parseInt(j.borderLeftWidth,10),N=parseInt(j.borderTopWidth,10),q=parseInt(j.borderRightWidth,10),z=parseInt(j.borderBottomWidth,10),A=0,D=0,F="offsetWidth"in T?T.offsetWidth-T.clientWidth-L-q:0,G="offsetHeight"in T?T.offsetHeight-T.clientHeight-N-z:0;if(h===T)A="start"===d?I:"end"===d?I-m:"nearest"===d?i(w,w+m,m,N,z,w+I,w+I+b,b):I-m/2,D="start"===l?E:"center"===l?E-p/2:"end"===l?E-p:i(g,g+p,p,L,q,g+E,g+E+y,y),A=Math.max(0,A+w),D=Math.max(0,D+g);else{A="start"===d?I-R-N:"end"===d?I-X+z+G:"nearest"===d?i(R,X,B,N,z+G,I,I+b,b):I-(R+B/2)+G/2,D="start"===l?E-Y-L:"center"===l?E-(Y+O/2)+F/2:"end"===l?E-S+q+F:i(Y,S,O,L,q+F,E,E+y,y);var J=T.scrollLeft,K=T.scrollTop;I+=K-(A=Math.max(0,Math.min(K+A,T.scrollHeight-B+G))),E+=J-(D=Math.max(0,Math.min(J+D,T.scrollWidth-O+F)))}V.push({el:T,top:A,left:D})}return V}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).computeScrollIntoView=t()}(this,(function(){"use strict";function e(e){return null!=e&&"object"==typeof e&&1===e.nodeType}function t(e,t){return(!t||"hidden"!==e)&&("visible"!==e&&"clip"!==e)}function n(e,n){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var i=getComputedStyle(e,null);return t(i.overflowY,n)||t(i.overflowX,n)||function(e){var t=function(e){return e.ownerDocument&&e.ownerDocument.defaultView?e.ownerDocument.defaultView.frameElement:null}(e);return!!t&&(t.clientHeight<e.scrollHeight||t.clientWidth<e.scrollWidth)}(e)}return!1}function i(e,t,n,i,o,r,l,d){return r<e&&l>t||r>e&&l<t?0:r<=e&&d<=n||l>=t&&d>=n?r-e-i:l>t&&d<n||r<e&&d>n?l-t+o:0}return function(t,o){var r=o.scrollMode,l=o.block,d=o.inline,u=o.boundary,f=o.skipOverflowHiddenElements,c="function"==typeof u?u:function(e){return e!==u};if(!e(t))throw new TypeError("Invalid target");for(var h=document.scrollingElement||document.documentElement,s=[],a=t;e(a)&&c(a);){if((a=a.parentNode)===h){s.push(a);break}a===document.body&&n(a)&&!n(document.documentElement)||n(a,f)&&s.push(a)}for(var p=window.visualViewport?visualViewport.width:innerWidth,m=window.visualViewport?visualViewport.height:innerHeight,g=window.scrollX||pageXOffset,w=window.scrollY||pageYOffset,v=t.getBoundingClientRect(),b=v.height,W=v.width,y=v.top,H=v.right,M=v.bottom,V=v.left,x="start"===l||"nearest"===l?y:"end"===l?M:y+b/2,E="center"===d?V+W/2:"end"===d?H:V,I=[],C=0;C<s.length;C++){var T=s[C],k=T.getBoundingClientRect(),B=k.height,D=k.width,O=k.top,R=k.right,S=k.bottom,X=k.left;if("if-needed"===r&&y>=0&&V>=0&&M<=m&&H<=p&&y>=O&&M<=S&&V>=X&&H<=R)return I;var Y=getComputedStyle(T),j=parseInt(Y.borderLeftWidth,10),L=parseInt(Y.borderTopWidth,10),N=parseInt(Y.borderRightWidth,10),q=parseInt(Y.borderBottomWidth,10),z=0,A=0,F="offsetWidth"in T?T.offsetWidth-T.clientWidth-j-N:0,G="offsetHeight"in T?T.offsetHeight-T.clientHeight-L-q:0;if(h===T)z="start"===l?x:"end"===l?x-m:"nearest"===l?i(w,w+m,m,L,q,w+x,w+x+b,b):x-m/2,A="start"===d?E:"center"===d?E-p/2:"end"===d?E-p:i(g,g+p,p,j,N,g+E,g+E+W,W),z=Math.max(0,z+w),A=Math.max(0,A+g);else{z="start"===l?x-O-L:"end"===l?x-S+q+G:"nearest"===l?i(O,S,B,L,q+G,x,x+b,b):x-(O+B/2)+G/2,A="start"===d?E-X-j:"center"===d?E-(X+D/2)+F/2:"end"===d?E-R+N+F:i(X,R,D,j,N+F,E,E+W,W);var J=T.scrollLeft,K=T.scrollTop;x+=K-(z=Math.max(0,Math.min(K+z,T.scrollHeight-B+G))),E+=J-(A=Math.max(0,Math.min(J+A,T.scrollWidth-D+F)))}I.push({el:T,top:z,left:A})}return I}}));