resize.js

import {PLATFORM} from 'aurelia-pal';
import {noView} from 'aurelia-framework';

@noView()
export class Resize {

  desktop = true;
  resizing = false;

  constructor() {
    if (typeof(document) !== 'undefined') {
      this.desktop = document.documentElement.clientWidth > 768;
    } else {
      this.desktop = true;
    }
    PLATFORM.addEventListener('resize', this.resizeEvent);
  }

  resizeEvent = (e) => {
    if (!this.resizing) {
      PLATFORM.requestAnimationFrame(() => {
        if (typeof(document) !== 'undefined') {
          this.desktop = document.documentElement.clientWidth > 768;
        } else {
          this.desktop = true;
        }
        this.resizing = false;
      });
      this.resizing = true;
    }
  };

}