/*	-----------------------------------------------------------------------------------------------
	Namespace
--------------------------------------------------------------------------------------------------- */

var publicBlog = publicBlog || {};

// Set a default value for scrolled.
publicBlog.scrolled = 0;

// polyfill closest
// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest#Polyfill
if (!Element.prototype.closest) {
  Element.prototype.closest = function (s) {
    var el = this;

    do {
      if (el.matches(s)) {
        return el;
      }

      el = el.parentElement || el.parentNode;
    } while (el !== null && el.nodeType === 1);

    return null;
  };
}

// polyfill forEach
// https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach#Polyfill
if (window.NodeList && !NodeList.prototype.forEach) {
  NodeList.prototype.forEach = function (callback, thisArg) {
    var i;
    var len = this.length;

    thisArg = thisArg || window;

    for (i = 0; i < len; i++) {
      callback.call(thisArg, this[i], i, this);
    }
  };
}

// event "polyfill"
publicBlog.createEvent = function (eventName) {
  var event;
  if (typeof window.Event === 'function') {
    event = new Event(eventName);
  } else {
    event = document.createEvent('Event');
    event.initEvent(eventName, true, false);
  }
  return event;
};

// matches "polyfill"
// https://developer.mozilla.org/es/docs/Web/API/Element/matches
if (!Element.prototype.matches) {
  Element.prototype.matches =
    Element.prototype.matchesSelector ||
    Element.prototype.mozMatchesSelector ||
    Element.prototype.msMatchesSelector ||
    Element.prototype.oMatchesSelector ||
    Element.prototype.webkitMatchesSelector ||
    function (s) {
      var matches = (this.document || this.ownerDocument).querySelectorAll(s),
        i = matches.length;
      while (--i >= 0 && matches.item(i) !== this) {}
      return i > -1;
    };
}

// Add a class to the body for when touch is enabled for browsers that don't support media queries
// for interaction media features. Adapted from <https://codepen.io/Ferie/pen/vQOMmO>.
publicBlog.touchEnabled = {
  init: function () {
    var matchMedia = function () {
      // Include the 'heartz' as a way to have a non-matching MQ to help terminate the join. See <https://git.io/vznFH>.
      var prefixes = ['-webkit-', '-moz-', '-o-', '-ms-'];
      var query = ['(', prefixes.join('touch-enabled),('), 'heartz', ')'].join(
        ''
      );
      return window.matchMedia && window.matchMedia(query).matches;
    };

    if (
      'ontouchstart' in window ||
      (window.DocumentTouch && document instanceof window.DocumentTouch) ||
      matchMedia()
    ) {
      document.body.classList.add('touch-enabled');
    }
  },
}; // publicBlog.touchEnabled

/*	-----------------------------------------------------------------------------------------------
	Intrinsic Ratio Embeds
--------------------------------------------------------------------------------------------------- */

publicBlog.intrinsicRatioVideos = {
  init: function () {
    this.makeFit();

    window.addEventListener(
      'resize',
      function () {
        this.makeFit();
      }.bind(this)
    );
  },

  makeFit: function () {
    document
      .querySelectorAll('iframe, object, video')
      .forEach(function (video) {
        var ratio,
          iTargetWidth,
          container = video.parentNode;

        // Skip videos we want to ignore.
        if (
          video.classList.contains('intrinsic-ignore') ||
          video.parentNode.classList.contains('intrinsic-ignore')
        ) {
          return true;
        }

        if (!video.dataset.origwidth) {
          // Get the video element proportions.
          video.setAttribute('data-origwidth', video.width);
          video.setAttribute('data-origheight', video.height);
        }

        iTargetWidth = container.offsetWidth;

        // Get ratio from proportions.
        ratio = iTargetWidth / video.dataset.origwidth;

        // Scale based on ratio, thus retaining proportions.
        video.style.width = iTargetWidth + 'px';
        video.style.height = video.dataset.origheight * ratio + 'px';
      });
  },
}; // PublicBlog.instrinsicRatioVideos

/**
 * Is the DOM ready?
 *
 * This implementation is coming from https://gomakethings.com/a-native-javascript-equivalent-of-jquerys-ready-method/
 *
 * @param {Function} fn Callback function to run.
 */
function publicBlogDomReady(fn) {
  if (typeof fn !== 'function') {
    return;
  }

  if (
    document.readyState === 'interactive' ||
    document.readyState === 'complete'
  ) {
    return fn();
  }

  document.addEventListener('DOMContentLoaded', fn, false);
}

publicBlogDomReady(function () {
  publicBlog.intrinsicRatioVideos.init(); // Retain aspect ratio of videos on window resize.
  publicBlog.touchEnabled.init(); // Add class to body if device is touch-enabled.
});

/*	-----------------------------------------------------------------------------------------------
	Helper functions
--------------------------------------------------------------------------------------------------- */

/* Toggle an attribute ----------------------- */

function publicBlogToggleAttribute(element, attribute, trueVal, falseVal) {
  if (trueVal === undefined) {
    trueVal = true;
  }
  if (falseVal === undefined) {
    falseVal = false;
  }
  if (element.getAttribute(attribute) !== trueVal) {
    element.setAttribute(attribute, trueVal);
  } else {
    element.setAttribute(attribute, falseVal);
  }
}

/**
 * Traverses the DOM up to find elements matching the query.
 *
 * @param {HTMLElement} target
 * @param {string} query
 * @return {NodeList} parents matching query
 */
function publicBlogFindParents(target, query) {
  var parents = [];

  // Recursively go up the DOM adding matches to the parents array.
  function traverse(item) {
    var parent = item.parentNode;
    if (parent instanceof HTMLElement) {
      if (parent.matches(query)) {
        parents.push(parent);
      }
      traverse(parent);
    }
  }

  traverse(target);

  return parents;
}