astromac

/** Determines if passed value is empty or not.
 *  Works on multiple data types.
**/
const isEmpty = data => {
  let count = 0;
  if (typeof (data) === 'number' || typeof (data) === 'boolean') { return false; }
  if (typeof (data) === 'undefined' || data === null) { return true; }
  if (typeof (data.length) !== 'undefined') { return data.length === 0; }
  Object.keys(data).forEach(() => { count += 1; });
  return count === 0;

astromac

/* Locates the first parent element
 * that has a given attribute.
 */
const findParentElement = (node, attribute) => {
  if (isEmpty(node) || isEmpty(attribute)) return null;
  let element = node;

  /* eslint-disable no-cond-assign, no-empty */
  while (
    (element = element.parentElement) &&

astromac

/* Returns the absolute page position
 * of a given element.
 */
const absoluteElementPosition = node => {
  if (isEmpty(node)) return null
  let element = node
  let left = 0
  let top = 0

  do {

astromac

/**
see https://codepen.io/chrisbfusion/pen/oNbyppO

sample tree visual
        30
        |
     -------
     |     |
     8     52
     |