API Docs for: 0.0.2
Show:

File: src/lib/windowevents.js

/**
 * The base module for the Core JS framework.
 * It provides helper methods for implementing OOP methodologies and basic utilities such as browser detection.
 *
 * @module addons
 */
(function() {
  core.registerModule({
    inherits: "core.EventDispatcher",
    classname: "core.WindowEvents",
    singleton: true,
    module: function() {
      /**
       * The main class that implements broadcaster pattern. Ideally subclassed by objects that will perform broadcasting functions.
       *
       * @class CoreWindow
       * @extends core.Core
       * @namespace core.addons
       * @constructor
       * @param {Object} opts An object containing configurations required by the Core derived class.
       * @param {HTMLElement} opts.el The node element included in the class composition.
       *
       */
      this.dispatchScroll = function() {
        var scrollLeft = this.scrollLeft = (window.pageXOffset !== undefined) ? window.pageXOffset : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
        var scrollTop = this.scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
        this.trigger("window.scroll", {
          scrollTop: scrollTop,
          scrollLeft: scrollLeft
        });
        this.tick = false;
      };
      this.dispatchResize = function() {
        var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
        var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        var t = "mobile";
        if (w >= 992 && w < 1200) {
          t = "medium";
        } else if (w < 992 && w >= 768) {
          t = "small";
        } else if (w >= 1200) {
          t = "large";
        }
        this.trigger("window.resize", {
          width: w,
          height: h,
          type: t
        });
        this.tickResize = false;
      };
      this.dispatchMotion = function() {
        var evt = this.motionEvent;
        var accelX = evt.accelerationIncludingGravity.x;
        var accelY = evt.accelerationIncludingGravity.y;
        var accelZ = evt.accelerationIncludingGravity.z;
        var rotationAlpha = evt.rotationRate.alpha;
        var rotationGamma = evt.rotationRate.gamma;
        var rotationBeta = evt.rotationRate.beta;
        this.trigger("window.device.motion", {
          accelX: accelX,
          accelY: accelY,
          accelZ: accelZ,
          rotationAlpha: rotationAlpha,
          rotationBeta: rotationBeta,
          rotationGamma: rotationGamma
        });
        this.tickMotion = false;
        this.motionEvent = null;

      };
      this.onWindowScroll = function() {
        if (!this.tick) {
          this.tick = true;
          requestAnimationFrame(this._("dispatchScroll"));
        }
      };
      this.onWindowResize = function() {
        if (!this.tickResize) {
          this.tickResize = true;
          requestAnimationFrame(this._("dispatchResize"));
        }
      };
      this.onDeviceMotion = function(evt) {
        this.motionEvent = evt;
        if (!this.tickMotion) {
          this.tickMotion = true;
          requestAnimationFrame(this._("dispatchMotion"));
        }
      };
      this.onAfterConstruct = function() {

        this.scrollTop = 0;
        this.scrollLeft = 0;
        window.addEventListener("scroll", this._("onWindowScroll"));
        window.addEventListener("resize", this._("onWindowResize"));
        if (core.browser.touch) {
          window.addEventListener("devicemotion", this._("onDeviceMotion"));
        }
        this.$super.onAfterConstruct.call(this);
      };
    }
  });

})();