xod/app/utils/browser.js

export const isChromeApp = window.chrome && chrome.app && chrome.app.runtime;

export function getViewableSize(defaultWidth = 0, defaultHeight = 0) {
  const sizes = {
    width: defaultWidth,
    height: defaultHeight,
  };

  if (window || document) {
    sizes.width = (
      document.body.clientWidth || document.documentElement.clientWidth || window.innerWidth || 0
    );
    sizes.height = (
      document.body.clientHeight || document.documentElement.clientHeight || window.innerHeight || 0
    );
  }

  return sizes;
}

export function getStyle(oElm, strCssRule) {
  let strValue = '';
  let strCss = strCssRule;
  if (document.defaultView && document.defaultView.getComputedStyle) {
    strValue = document.defaultView.getComputedStyle(oElm, '').getPropertyValue(strCssRule);
  } else if (oElm.currentStyle) {
    strCss = strCssRule.replace(/\-(\w)/g, (strMatch, p1) => p1.toUpperCase());
    strValue = oElm.currentStyle[strCss];
  }
  return strValue;
}

export const isInput = (event) => (
  event.target.nodeName === 'INPUT' ||
  event.target.nodeName === 'TEXTAREA' ||
  event.target.nodeName === 'SELECT'
);

export const findParentByClassName = (element, className) => {
  let result = null;
  if (element.classList.contains(className)) {
    result = element;
  } else if (element.parentNode) {
    result = findParentByClassName(element.parentNode, className);
  }
  return result;
};

export const findRootSVG = (el) => {
  const owner = el.ownerSVGElement;
  if (owner === null) { return el; }
  return findRootSVG(owner);
};

export const checkForMouseBubbling = (event, parent) => {
  const elem = event.toElement || event.relatedTarget;
  return (elem.parentNode === parent || elem === parent);
};