"use strict";

import $ from "jquery";

/**
 * Route side-wide events
 */

const EventsUI = (($) => {
  const on = $.fn.on;
  const off = $.fn.off;

  // Constants
  const W = window;
  const $W = $(W);
  const D = document;
  const $Body = $("body");

  const NAME = "EventsUI";

  class EventsUI {
    static process(el, args) {
      let modEl = el;
      const eventName = args[0];
      const tagName = typeof el !== undefined ? $(el).prop("tagName") : null;

      switch (tagName) {
        case "HTML":
        case "BODY":
          modEl = $W;
          break;
      }

      return [modEl, args];
    }
  }

  // rewrite jQuery functions
  $.fn.on = function () {
    const result = EventsUI.process(this, arguments);
    return on.apply(...result);
  };

  $.fn.off = function () {
    const result = EventsUI.process(this, arguments);
    return off.apply(...result);
  };

  const scrollTop = $.fn.scrollTop;
  // rewrite scrollTop
  $.fn.scrollTop = function () {
    let el = this;
    const args = arguments;

    const tagName = typeof el !== undefined ? $(el).prop("tagName") : null;

    switch (tagName) {
      case "HTML":
      case "BODY":
        el = $W;
        break;
    }

    return scrollTop.apply(el, args);
  };
})($);

export default EventsUI;