/**
 * @constructor PostFilter()
 * 
 * Handles post filtering for Heroes content 
 */
function PostFilter() {
  // DOM elements
  this.dom = {
    select: document.querySelectorAll('.heroesFilter select'),
    reset: document.querySelector('.heroesFilter-reset'),
    button: document.querySelector('.heroesFilter-button'),
    toggles: document.querySelector('.heroesFilter-toggles'),
    close: document.querySelector('.heroesFilter-close')
  };

  /**
   * @function mobile()
   * 
   * Handles UI interactions for the mobile view
   */
  this.mobile = function() {
    var active = '-active';

    if (this.dom.button && this.dom.close) {
      this.dom.button.addEventListener('click', function() {
        this.dom.toggles.classList.toggle(active);
      }.bind(this), false);

      this.dom.close.addEventListener('click', function() {
        this.dom.toggles.classList.toggle(active);
      }.bind(this), false);
    }
  };

  /**
   * @function reload()
   * 
   * Reloads the page from an elements `value` attribute
   * 
   * @param element {element} Which `<select>` element has been selected
   */
  this.reload = function(element) {
    if (element.hasAttribute('value')) {
      window.location.href = element.value;
    }
  };

  /**
   * @function check()
   * 
   * Checks for query parameters in the URL to determine if a
   * filter is currently applied and updates the UI accordingly
   */

  this.check = function() {
    for (var i = 0; i < this.dom.select.length; i++) {
      var selected = this.dom.select[i];
      
      for (var j = 0; j < selected.options.length; j++) {
        var option = selected.options[j];

        if (option.value === window.location.search || window.location.href.includes(option.value)) {
          this.dom.reset.classList.remove('-hidden');
          
          option.setAttribute('selected', 'true');
          selected.options[0].setAttribute('disabled', 'disabled');
        } else {
          option.removeAttribute('selected');
        }
      }
    }
  };

  /**
   * @function bindEventListeners()
   *
   * Bind event listeners for component interactions
   */
  this.bindEventListeners = function() {
    // Mobile interactions
    this.mobile();

    // Filter selections
    if (this.dom.select) {
      for (var i = 0; i < this.dom.select.length; i++) {
        var selected = this.dom.select[i];

        selected.addEventListener('change', function(e) {
          e.preventDefault();

          // Get selected `<option>` and pass the value to `this.reload()`
          this.reload(e.target.options[e.target.selectedIndex]);
        }.bind(this), false);
      }
    }
  };

  /**
   * @function init()
   *
   * Initializes our component
   */
  this.init = function() {
    this.check();
    this.bindEventListeners();
  };
}

// Off to the races 🐎
window.addEventListener('load', function() {
  var filter = new PostFilter();
  filter.init();
});;
function Newsletter(){this.dom={form:document.querySelector(".heroesNewsletter"),items:document.querySelector(".heroesNewsletter-items"),notification:document.querySelector(".heroesNewsletter-notification")},this.notification=function(t){var e=this.dom.notification;e.setAttribute("aria-hidden","false"),e.classList.add("-visible","-"+t),e.textContent="success"===t?e.dataset.success:e.dataset.error},this.subscribe=function(){var t=new XMLHttpRequest,e=new FormData(this.dom.form);t.addEventListener("load",function(){this.dom.items.classList.add("-hidden"),this.notification("success")}.bind(this),!1),t.addEventListener("error",function(){this.notification("error")}.bind(this),!1),t.open("POST",this.dom.form.dataset.action),t.send(e)},this.bindEventListeners=function(){this.dom.form.addEventListener("submit",function(t){t.preventDefault(),this.subscribe()}.bind(this),!1)},this.init=function(){this.bindEventListeners()}}function PostFilter(){this.dom={select:document.querySelectorAll(".heroesFilter select"),reset:document.querySelector(".heroesFilter-reset"),button:document.querySelector(".heroesFilter-button"),toggles:document.querySelector(".heroesFilter-toggles"),close:document.querySelector(".heroesFilter-close")},this.mobile=function(){this.dom.button&&this.dom.close&&(this.dom.button.addEventListener("click",function(){this.dom.toggles.classList.toggle("-active")}.bind(this),!1),this.dom.close.addEventListener("click",function(){this.dom.toggles.classList.toggle("-active")}.bind(this),!1))},this.reload=function(t){t.hasAttribute("value")&&(window.location.href=t.value)},this.check=function(){for(var t=0;t<this.dom.select.length;t++)for(var e=this.dom.select[t],i=0;i<e.options.length;i++){var s=e.options[i];s.value===window.location.search||window.location.href.includes(s.value)?(this.dom.reset.classList.remove("-hidden"),s.setAttribute("selected","true"),e.options[0].setAttribute("disabled","disabled")):s.removeAttribute("selected")}},this.bindEventListeners=function(){if(this.mobile(),this.dom.select)for(var t=0;t<this.dom.select.length;t++){var e=this.dom.select[t];e.addEventListener("change",function(t){t.preventDefault(),this.reload(t.target.options[t.target.selectedIndex])}.bind(this),!1)}},this.init=function(){this.check(),this.bindEventListeners()}}window.addEventListener("load",function(){(new Newsletter).init()}),window.addEventListener("load",function(){(new PostFilter).init()});
//# sourceMappingURL=heroes.js.map
;