import {getScrollParents as $a40c673dc9f6d9c7$export$94ed1c92c7beeb22} from "./getScrollParents.mjs"; /* * 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 $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) { let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, 'left'); let offsetY = $2f04cbc44ee30ce0$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 let { borderTopWidth: borderTopWidth, borderLeftWidth: borderLeftWidth } = getComputedStyle(scrollView); let borderAdjustedX = scrollView.scrollLeft + parseInt(borderLeftWidth, 10); let borderAdjustedY = scrollView.scrollTop + parseInt(borderTopWidth, 10); // Ignore end/bottom border via clientHeight/Width instead of offsetHeight/Width let maxX = borderAdjustedX + scrollView.clientWidth; let maxY = borderAdjustedY + scrollView.clientHeight; if (offsetX <= x) x = offsetX - parseInt(borderLeftWidth, 10); else if (offsetX + width > maxX) x += offsetX + width - maxX; if (offsetY <= borderAdjustedY) y = offsetY - parseInt(borderTopWidth, 10); else if (offsetY + height > maxY) y += offsetY + height - maxY; 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 $2f04cbc44ee30ce0$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 $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) { if (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, $a40c673dc9f6d9c7$export$94ed1c92c7beeb22)(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)$2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement); } } } export {$2f04cbc44ee30ce0$export$53a0910f038337bd as scrollIntoView, $2f04cbc44ee30ce0$export$c826860796309d1b as scrollIntoViewport}; //# sourceMappingURL=scrollIntoView.module.js.map