"use strict";

// get a number from a string, not a percentage
function getStyleSize(value) {
  let num = parseFloat(value); // not a percent like '100%', and a number

  var isValid = value.indexOf('%') == -1 && !isNaN(num);
  return isValid && num;
} // -------------------------- measurements -------------------------- //


let measurements = ['paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'borderLeftWidth', 'borderRightWidth', 'borderTopWidth', 'borderBottomWidth'];
var measurementsLength = measurements.length;

function getZeroSize() {
  let size = {
    width: 0,
    height: 0,
    innerWidth: 0,
    innerHeight: 0,
    outerWidth: 0,
    outerHeight: 0
  };

  for (let i = 0; i < measurementsLength; i++) {
    let measurement = measurements[i];
    size[measurement] = 0;
  }

  return size;
} // -------------------------- getStyle -------------------------- //

/**
 * getStyle, get style of element, check for Firefox bug
 * https://bugzilla.mozilla.org/show_bug.cgi?id=548397
 */


function getStyle(elem) {
  let style = getComputedStyle(elem);

  if (!style) {
    console.error('Style returned ' + style + '. Are you running this code in a hidden iframe on Firefox? ' + 'See http://bit.ly/getsizebug1');
  }

  return style;
} // -------------------------- setup -------------------------- //


let isSetup = false;
var isBoxSizeOuter;
/**
 * setup
 * check isBoxSizerOuter
 * do on first getSize() rather than on page load for Firefox bug
 */

function setup() {
  // setup once
  if (isSetup) {
    return;
  }

  isSetup = true; // -------------------------- box sizing -------------------------- //

  /**
   * WebKit measures the outer-width on style.width on border-box elems
   * IE & Firefox<29 measures the inner-width
   */

  var div = document.createElement('div');
  div.style.width = '200px';
  div.style.padding = '1px 2px 3px 4px';
  div.style.borderStyle = 'solid';
  div.style.borderWidth = '1px 2px 3px 4px';
  div.style.boxSizing = 'border-box';
  var body = document.body || document.documentElement;
  body.appendChild(div);
  var style = getStyle(div);
  getSize.isBoxSizeOuter = isBoxSizeOuter = getStyleSize(style.width) == 200;
  body.removeChild(div);
} // -------------------------- getSize -------------------------- //


function getSize(elem) {
  setup(); // use querySeletor if elem is string

  if (typeof elem === 'string') {
    elem = document.querySelector(elem);
  } // do not proceed on non-objects


  if (!elem || typeof elem !== 'object' || !elem.nodeType) {
    return;
  }

  let style = getStyle(elem); // if hidden, everything is 0

  if (style.display == 'none') {
    return getZeroSize();
  }

  let size = {};
  size.width = elem.offsetWidth;
  size.height = elem.offsetHeight;
  var isBorderBox = size.isBorderBox = style.boxSizing == 'border-box'; // get all measurements

  for (let i = 0; i < measurementsLength; i++) {
    let measurement = measurements[i];
    var value = style[measurement];
    var num = parseFloat(value); // any 'auto', 'medium' value will be 0

    size[measurement] = !isNaN(num) ? num : 0;
  }

  let paddingWidth = size.paddingLeft + size.paddingRight;
  var paddingHeight = size.paddingTop + size.paddingBottom;
  var marginWidth = size.marginLeft + size.marginRight;
  var marginHeight = size.marginTop + size.marginBottom;
  var borderWidth = size.borderLeftWidth + size.borderRightWidth;
  var borderHeight = size.borderTopWidth + size.borderBottomWidth;
  var isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter; // overwrite width and height if we can get it from style

  var styleWidth = getStyleSize(style.width);

  if (styleWidth !== false) {
    size.width = styleWidth + ( // add padding and border unless it's already including it
    isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth);
  }

  let styleHeight = getStyleSize(style.height);

  if (styleHeight !== false) {
    size.height = styleHeight + ( // add padding and border unless it's already including it
    isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight);
  }

  size.innerWidth = size.width - (paddingWidth + borderWidth);
  size.innerHeight = size.height - (paddingHeight + borderHeight);
  size.outerWidth = size.width + marginWidth;
  size.outerHeight = size.height + marginHeight;
  return size;
}

module.exports = getSize;