@shopgate/pwa-common/helpers/dom/index.js

Common library for the Shopgate Connect PWA.

/**
 * Checks if the given child is a descendant of the given parent.
 * @param {Object} parent The parent element.
 * @param {Object} child The child element.
 * @return {boolean}
 */export var isDescendant=function isDescendant(parent,child){var node=child.parentNode;while(node!==null){if(node===parent)return true;node=node.parentNode;}return false;};/**
 * Retrieves the offset of a element.
 * @param {Object} element The element to retrieve the offset for.
 * @returns {Object} The offset of the element contain `top` and `left` position values.
 */export var getOffset=function getOffset(element){return element.getBoundingClientRect();};/**
 * Calculate the height of an element including it's y-axis margins.
 * @param {HTMLElement} element The DOM element.
 * @returns {number} The absolute height of the element.
 */export var getAbsoluteHeight=function getAbsoluteHeight(element){if(!element){return 0;}// Get the styles of the element.
var styles=window.getComputedStyle(element);// Isolate the y-axis margins.
var margins=parseFloat(styles.marginTop)+parseFloat(styles.marginBottom);// Add the margins to the element's height and return it.
return Math.ceil(element.offsetHeight+margins);};/**
 * Retrieves a style of an element.
 * @param {HTMLElement} element The DOM element.
 * @param {string} property The style property in camel case
 * @returns {string}
 */export var getStyle=function getStyle(element,property){// Use computed styles if possible - doesn't work with elements which are not mounted to the DOM
if(window.getComputedStyle&&document.body.contains(element)){// getPropertyValue expects the property in kebab case.
return window.getComputedStyle(element,null).getPropertyValue(property.replace(/([a-z])([A-Z])/g,'$1-$2').toLowerCase());}return element.style[property];};/**
 * Check if element is relative.
 * @param {Element} element The DOM element.
 * @returns {boolean}
 */export var isRelativePosition=function isRelativePosition(element){return getStyle(element,'position')==='relative';};/**
 * Check if element is relative.
 * @param {Element} element The DOM element.
 * @returns {boolean}
 */export var isAbsolutePosition=function isAbsolutePosition(element){return getStyle(element,'position')==='absolute';};