modal-observer.js 914 Bytes
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 
/* globals modulejs */

// Works on: IE 11, Edge 12+, Firefox 40+, Chrome 43+, Opera 32+, Safari 32+
modulejs.define("ModalObserver", function() {
  "use strict";

  function ModalObserver(target, callback) {
    this.action_callback = callback;
    this.observer = new MutationObserver(this.mutationVerifier.bind(this));

    this.observer.observe(target, {attributes: true});
  }


  ModalObserver.prototype.mutationVerifier = function(mutations) {
    var callback = this.action_callback;
    var observer = this.observer;

    mutations.forEach(function(mutation) {
      if (mutation.attributeName === "style" &&
          mutation.target.style.display === "none")
      {
        callback();
        // stop the observer, once its action is done
        observer.disconnect();
      }
    });
  };


  return {
    init: function(target, callback) {
      new ModalObserver(target, callback);
    }
  };
});