next-csrf/example/node_modules/ally.js/amd/event/shadow-focus.js

CSRF mitigation library for Next.js

(/* istanbul ignore next */ function (global, factory) {
  if (typeof define === "function" && define.amd) {
    define(['module', 'exports', '../get/active-elements', '../util/decorate-service'], factory);
  } else if (typeof exports !== "undefined") {
    factory(module, exports, require('../get/active-elements'), require('../util/decorate-service'));
  } else {
    var mod = {
      exports: {}
    };
    factory(mod, mod.exports, global.activeElements, global.decorateService);
    global.shadowFocus = mod.exports;
  }
})(this, function (module, exports, _activeElements, _decorateService) {
  'use strict';

  Object.defineProperty(exports, "__esModule", {
    value: true
  });

  var _activeElements2 = _interopRequireDefault(_activeElements);

  var _decorateService2 = _interopRequireDefault(_decorateService);

  function _interopRequireDefault(obj) {
    return obj && obj.__esModule ? obj : {
      default: obj
    };
  }

  /*
    Utility to observe focus changes within ShadowDOMs.
  
    USAGE:
      engage();
      document.body.addEventListener('shadow-focus', function(event) {
        // event.detail.elements: complete focus ancestry (array of nodes)
        // event.detail.active: the actually focused element within the ShadowDOM
        // event.detail.hosts: the shadow host ancestry of the active element
      }, false);
  
    Alternate implementation: https://github.com/cdata/focus-observer
  */

  var engage = void 0;
  var disengage = void 0;

  if (typeof document === 'undefined' || !document.documentElement.createShadowRoot) {
    // no need to initialize any of this if we don't have ShadowDOM available
    engage = disengage = function disengage() {};
  } else {
    (function () {
      var blurTimer = void 0;
      var blurElement = void 0;

      var handleElementBlurEvent = function handleElementBlurEvent() {
        stopHandleElementBlurEvent();
        // abort any handlers that come from document blur handler
        (window.clearImmediate || window.clearTimeout)(blurTimer);
        blurTimer = (window.setImmediate || window.setTimeout)(function () {
          handleFocusChange();
        });
      };

      var observeElementBlurEvent = function observeElementBlurEvent(element) {
        // call us when we're leaving the element
        element.addEventListener('blur', handleElementBlurEvent, true);
        blurElement = element;
      };

      var stopHandleElementBlurEvent = function stopHandleElementBlurEvent() {
        // once() - sometimes I miss jQuery's simplicity…
        blurElement && blurElement.removeEventListener('blur', handleElementBlurEvent, true);
        blurElement = null;
      };

      var handleFocusChange = function handleFocusChange() {
        var _active = (0, _activeElements2.default)();
        if (_active.length === 1) {
          stopHandleElementBlurEvent();
          return;
        }

        // listen for blur so we know when to re-validate
        observeElementBlurEvent(_active[0]);
        var shadowFocusEvent = new CustomEvent('shadow-focus', {
          bubbles: false,
          cancelable: false,
          detail: {
            // complete focus ancestry
            elements: _active,
            // the actually focused element
            active: _active[0],
            // shadow host ancestry
            hosts: _active.slice(1)
          }
        });

        document.dispatchEvent(shadowFocusEvent);
      };

      var handleDocumentFocusEvent = function handleDocumentFocusEvent() {
        (window.clearImmediate || window.clearTimeout)(blurTimer);
        handleFocusChange();
      };

      engage = function engage() {
        document.addEventListener('focus', handleDocumentFocusEvent, true);
      };

      disengage = function disengage() {
        (window.clearImmediate || window.clearTimeout)(blurTimer);
        blurElement && blurElement.removeEventListener('blur', handleElementBlurEvent, true);
        document.removeEventListener('focus', handleDocumentFocusEvent, true);
      };
    })();
  }

  exports.default = (0, _decorateService2.default)({ engage: engage, disengage: disengage });
  module.exports = exports['default'];
});
//# sourceMappingURL=shadow-focus.js.map