Marc Wieland
33181acf83
Some checks are pending
Deploy Volleyball CMS / deploy (push) Waiting to run
103 lines
6.5 KiB
JavaScript
103 lines
6.5 KiB
JavaScript
var $49f0d9486c2408aa$exports = require("./getScrollParents.main.js");
|
||
|
||
|
||
function $parcel$export(e, n, v, s) {
|
||
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
||
}
|
||
|
||
$parcel$export(module.exports, "scrollIntoView", () => $449412113267a1fe$export$53a0910f038337bd);
|
||
$parcel$export(module.exports, "scrollIntoViewport", () => $449412113267a1fe$export$c826860796309d1b);
|
||
/*
|
||
* Copyright 2020 Adobe. All rights reserved.
|
||
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
||
* you may not use this file except in compliance with the License. You may obtain a copy
|
||
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
||
*
|
||
* Unless required by applicable law or agreed to in writing, software distributed under
|
||
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
||
* OF ANY KIND, either express or implied. See the License for the specific language
|
||
* governing permissions and limitations under the License.
|
||
*/
|
||
function $449412113267a1fe$export$53a0910f038337bd(scrollView, element) {
|
||
let offsetX = $449412113267a1fe$var$relativeOffset(scrollView, element, 'left');
|
||
let offsetY = $449412113267a1fe$var$relativeOffset(scrollView, element, 'top');
|
||
let width = element.offsetWidth;
|
||
let height = element.offsetHeight;
|
||
let x = scrollView.scrollLeft;
|
||
let y = scrollView.scrollTop;
|
||
// Account for top/left border offsetting the scroll top/Left + scroll padding
|
||
let { borderTopWidth: borderTopWidth, borderLeftWidth: borderLeftWidth, scrollPaddingTop: scrollPaddingTop, scrollPaddingRight: scrollPaddingRight, scrollPaddingBottom: scrollPaddingBottom, scrollPaddingLeft: scrollPaddingLeft } = getComputedStyle(scrollView);
|
||
let borderAdjustedX = x + parseInt(borderLeftWidth, 10);
|
||
let borderAdjustedY = y + parseInt(borderTopWidth, 10);
|
||
// Ignore end/bottom border via clientHeight/Width instead of offsetHeight/Width
|
||
let maxX = borderAdjustedX + scrollView.clientWidth;
|
||
let maxY = borderAdjustedY + scrollView.clientHeight;
|
||
// Get scroll padding values as pixels - defaults to 0 if no scroll padding
|
||
// is used.
|
||
let scrollPaddingTopNumber = parseInt(scrollPaddingTop, 10) || 0;
|
||
let scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0;
|
||
let scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0;
|
||
let scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0;
|
||
if (offsetX <= x + scrollPaddingLeftNumber) x = offsetX - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
|
||
else if (offsetX + width > maxX - scrollPaddingRightNumber) x += offsetX + width - maxX + scrollPaddingRightNumber;
|
||
if (offsetY <= borderAdjustedY + scrollPaddingTopNumber) y = offsetY - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
|
||
else if (offsetY + height > maxY - scrollPaddingBottomNumber) y += offsetY + height - maxY + scrollPaddingBottomNumber;
|
||
scrollView.scrollLeft = x;
|
||
scrollView.scrollTop = y;
|
||
}
|
||
/**
|
||
* Computes the offset left or top from child to ancestor by accumulating
|
||
* offsetLeft or offsetTop through intervening offsetParents.
|
||
*/ function $449412113267a1fe$var$relativeOffset(ancestor, child, axis) {
|
||
const prop = axis === 'left' ? 'offsetLeft' : 'offsetTop';
|
||
let sum = 0;
|
||
while(child.offsetParent){
|
||
sum += child[prop];
|
||
if (child.offsetParent === ancestor) break;
|
||
else if (child.offsetParent.contains(ancestor)) {
|
||
// If the ancestor is not `position:relative`, then we stop at
|
||
// _its_ offset parent, and we subtract off _its_ offset, so that
|
||
// we end up with the proper offset from child to ancestor.
|
||
sum -= ancestor[prop];
|
||
break;
|
||
}
|
||
child = child.offsetParent;
|
||
}
|
||
return sum;
|
||
}
|
||
function $449412113267a1fe$export$c826860796309d1b(targetElement, opts) {
|
||
if (targetElement && document.contains(targetElement)) {
|
||
let root = document.scrollingElement || document.documentElement;
|
||
let isScrollPrevented = window.getComputedStyle(root).overflow === 'hidden';
|
||
// If scrolling is not currently prevented then we aren’t in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view
|
||
if (!isScrollPrevented) {
|
||
var // use scrollIntoView({block: 'nearest'}) instead of .focus to check if the element is fully in view or not since .focus()
|
||
// won't cause a scroll if the element is already focused and doesn't behave consistently when an element is partially out of view horizontally vs vertically
|
||
_targetElement_scrollIntoView;
|
||
let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
|
||
targetElement === null || targetElement === void 0 ? void 0 : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 ? void 0 : _targetElement_scrollIntoView.call(targetElement, {
|
||
block: 'nearest'
|
||
});
|
||
let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
|
||
// Account for sub pixel differences from rounding
|
||
if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
|
||
var _opts_containingElement_scrollIntoView, _opts_containingElement, _targetElement_scrollIntoView1;
|
||
opts === null || opts === void 0 ? void 0 : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === void 0 ? void 0 : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === void 0 ? void 0 : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {
|
||
block: 'center',
|
||
inline: 'center'
|
||
});
|
||
(_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === void 0 ? void 0 : _targetElement_scrollIntoView1.call(targetElement, {
|
||
block: 'nearest'
|
||
});
|
||
}
|
||
} else {
|
||
let scrollParents = (0, $49f0d9486c2408aa$exports.getScrollParents)(targetElement);
|
||
// If scrolling is prevented, we don't want to scroll the body since it might move the overlay partially offscreen and the user can't scroll it back into view.
|
||
for (let scrollParent of scrollParents)$449412113267a1fe$export$53a0910f038337bd(scrollParent, targetElement);
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
//# sourceMappingURL=scrollIntoView.main.js.map
|