keyborg 1.0.7 → 1.1.0-alpha.3

package/dist/keyborg.cjs.development.js

@@ -1,506 +0,0 @@
-'use strict';
-
-/*!
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License.
- */
-// IE11 compat, checks if WeakRef is supported
-var _canUseWeakRef = typeof WeakRef !== 'undefined';
-/**
- * WeakRef wrapper around a HTMLElement that also supports IE11
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakRef}
- * @internal
- */
-
-var WeakRefInstance = /*#__PURE__*/function () {
-  function WeakRefInstance(instance) {
-    if (_canUseWeakRef) {
-      this._weakRef = new WeakRef(instance);
-    } else {
-      this._instance = instance;
-    }
-  }
-  /**
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakRef/deref}
-   */
-
-
-  WeakRefInstance.prototype.deref = function () {
-    var _a, _b, _c;
-
-    var instance;
-
-    if (this._weakRef) {
-      instance = (_a = this._weakRef) === null || _a === void 0 ? void 0 : _a.deref();
-
-      if (!instance) {
-        delete this._weakRef;
-      }
-    } else {
-      instance = this._instance;
-
-      if ((_c = (_b = instance) === null || _b === void 0 ? void 0 : _b.isDisposed) === null || _c === void 0 ? void 0 : _c.call(_b)) {
-        delete this._instance;
-      }
-    }
-
-    return instance;
-  };
-
-  return WeakRefInstance;
-}();
-
-/*!
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License.
- */
-var KEYBORG_FOCUSIN = 'keyborg:focusin';
-
-function canOverrideNativeFocus(win) {
-  var HTMLElement = win.HTMLElement;
-  var origFocus = HTMLElement.prototype.focus;
-  var isCustomFocusCalled = false;
-
-  HTMLElement.prototype.focus = function focus() {
-    isCustomFocusCalled = true;
-  };
-
-  var btn = win.document.createElement('button');
-  btn.focus();
-  HTMLElement.prototype.focus = origFocus;
-  return isCustomFocusCalled;
-}
-
-var _canOverrideNativeFocus = false;
-/**
- * Guarantees that the native `focus` will be used
- * Use this when trying to simulate a native keyboard focus since it does not
- * the programmatic focus flag.
- *
- * ⚠️⚠️ This focus will always activate the keyboard navigation state.
- */
-
-function nativeFocus(element) {
-  var focus = element.focus;
-
-  if (focus.__keyborgNativeFocus) {
-    focus.__keyborgNativeFocus.call(element);
-  } else {
-    element.focus();
-  }
-}
-/**
- * Overrides the native `focus` and setups the keyborg focus event
- */
-
-function setupFocusEvent(win) {
-  var kwin = win;
-
-  if (!_canOverrideNativeFocus) {
-    _canOverrideNativeFocus = canOverrideNativeFocus(kwin);
-  }
-
-  var origFocus = kwin.HTMLElement.prototype.focus;
-
-  if (origFocus.__keyborgNativeFocus) {
-    // Already set up.
-    return;
-  }
-
-  kwin.HTMLElement.prototype.focus = focus;
-  var data = kwin.__keyborgData = {
-    focusInHandler: function focusInHandler(e) {
-      var _a;
-
-      var target = e.target;
-
-      if (!target) {
-        return;
-      }
-
-      var event = document.createEvent('HTMLEvents');
-      event.initEvent(KEYBORG_FOCUSIN, true, true);
-      var details = {
-        relatedTarget: e.relatedTarget || undefined
-      };
-
-      if (_canOverrideNativeFocus || data.lastFocusedProgrammatically) {
-        details.isFocusedProgrammatically = target === ((_a = data.lastFocusedProgrammatically) === null || _a === void 0 ? void 0 : _a.deref());
-        data.lastFocusedProgrammatically = undefined;
-      }
-
-      event.details = details;
-      target.dispatchEvent(event);
-    }
-  };
-  kwin.document.addEventListener('focusin', kwin.__keyborgData.focusInHandler, true);
-
-  function focus() {
-    var keyborgNativeFocusEvent = kwin.__keyborgData;
-
-    if (keyborgNativeFocusEvent) {
-      keyborgNativeFocusEvent.lastFocusedProgrammatically = new WeakRefInstance(this);
-    }
-
-    return origFocus.apply(this, arguments);
-  }
-
-  focus.__keyborgNativeFocus = origFocus;
-}
-/**
- * Removes keyborg event listeners and custom focus override
- * @param win The window that stores keyborg focus events
- */
-
-function disposeFocusEvent(win) {
-  var kwin = win;
-  var proto = kwin.HTMLElement.prototype;
-  var origFocus = proto.focus.__keyborgNativeFocus;
-  var keyborgNativeFocusEvent = kwin.__keyborgData;
-
-  if (keyborgNativeFocusEvent) {
-    kwin.document.removeEventListener('focusin', keyborgNativeFocusEvent.focusInHandler, true);
-    delete kwin.__keyborgData;
-  }
-
-  if (origFocus) {
-    proto.focus = origFocus;
-  }
-}
-/**
- * @param win The window that stores keyborg focus events
- * @returns The last element focused with element.focus()
- */
-
-function getLastFocusedProgrammatically(win) {
-  var _a;
-
-  var keyborgNativeFocusEvent = win.__keyborgData;
-  return keyborgNativeFocusEvent ? ((_a = keyborgNativeFocusEvent.lastFocusedProgrammatically) === null || _a === void 0 ? void 0 : _a.deref()) || null : undefined;
-}
-
-/*!
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License.
- */
-var KeyTab = 9;
-var KeyEsc = 27;
-var _dismissTimeout = 500; // When Esc is pressed and the focused is not moved
-// during _dismissTimeout time, dismiss the keyboard
-// navigation mode.
-
-var _lastId = 0;
-/**
- * Source of truth for all the keyborg core instances and the current keyboard navigation state
- */
-
-var KeyborgState = /*#__PURE__*/function () {
-  function KeyborgState() {
-    this.__keyborgCoreRefs = {};
-    this._isNavigatingWithKeyboard = false;
-  }
-
-  KeyborgState.prototype.add = function (keyborg) {
-    var id = keyborg.id;
-
-    if (!(id in this.__keyborgCoreRefs)) {
-      this.__keyborgCoreRefs[id] = new WeakRefInstance(keyborg);
-    }
-  };
-
-  KeyborgState.prototype.remove = function (id) {
-    delete this.__keyborgCoreRefs[id];
-
-    if (Object.keys(this.__keyborgCoreRefs).length === 0) {
-      this._isNavigatingWithKeyboard = false;
-    }
-  };
-
-  KeyborgState.prototype.setVal = function (isNavigatingWithKeyboard) {
-    if (this._isNavigatingWithKeyboard === isNavigatingWithKeyboard) {
-      return;
-    }
-
-    this._isNavigatingWithKeyboard = isNavigatingWithKeyboard;
-
-    for (var _i = 0, _a = Object.keys(this.__keyborgCoreRefs); _i < _a.length; _i++) {
-      var id = _a[_i];
-      var ref = this.__keyborgCoreRefs[id];
-      var keyborg = ref.deref();
-
-      if (keyborg) {
-        keyborg.update(isNavigatingWithKeyboard);
-      } else {
-        this.remove(id);
-      }
-    }
-  };
-
-  KeyborgState.prototype.getVal = function () {
-    return this._isNavigatingWithKeyboard;
-  };
-
-  return KeyborgState;
-}();
-
-var _state = /*#__PURE__*/new KeyborgState();
-/**
- * Manages a collection of Keyborg instances in a window/document and updates keyborg state
- */
-
-
-var KeyborgCore = /*#__PURE__*/function () {
-  function KeyborgCore(win) {
-    var _this = this;
-
-    this._isMouseUsed = false;
-
-    this._onFocusIn = function (e) {
-      if (_this._isMouseUsed) {
-        _this._isMouseUsed = false;
-        return;
-      }
-
-      if (_state.getVal()) {
-        return;
-      }
-
-      var details = e.details;
-
-      if (!details.relatedTarget) {
-        return;
-      }
-
-      if (details.isFocusedProgrammatically || details.isFocusedProgrammatically === undefined) {
-        // The element is focused programmatically, or the programmatic focus detection
-        // is not working.
-        return;
-      }
-
-      _state.setVal(true);
-    };
-
-    this._onMouseDown = function (e) {
-      if (e.buttons === 0 || e.clientX === 0 && e.clientY === 0 && e.screenX === 0 && e.screenY === 0) {
-        // This is most likely an event triggered by the screen reader to perform
-        // an action on an element, do not dismiss the keyboard navigation mode.
-        return;
-      }
-
-      _this._isMouseUsed = true;
-
-      _state.setVal(false);
-    };
-
-    this._onKeyDown = function (e) {
-      var isNavigatingWithKeyboard = _state.getVal();
-
-      if (!isNavigatingWithKeyboard && e.keyCode === KeyTab) {
-        _state.setVal(true);
-      } else if (isNavigatingWithKeyboard && e.keyCode === KeyEsc) {
-        _this._scheduleDismiss();
-      }
-    };
-
-    this.id = 'c' + ++_lastId;
-    this._win = win;
-    var doc = win.document;
-    doc.addEventListener(KEYBORG_FOCUSIN, this._onFocusIn, true); // Capture!
-
-    doc.addEventListener('mousedown', this._onMouseDown, true); // Capture!
-
-    win.addEventListener('keydown', this._onKeyDown, true); // Capture!
-
-    setupFocusEvent(win);
-
-    _state.add(this);
-  }
-
-  KeyborgCore.prototype.dispose = function () {
-    var win = this._win;
-
-    if (win) {
-      if (this._dismissTimer) {
-        win.clearTimeout(this._dismissTimer);
-        this._dismissTimer = undefined;
-      }
-
-      disposeFocusEvent(win);
-      var doc = win.document;
-      doc.removeEventListener(KEYBORG_FOCUSIN, this._onFocusIn, true); // Capture!
-
-      doc.removeEventListener('mousedown', this._onMouseDown, true); // Capture!
-
-      win.removeEventListener('keydown', this._onKeyDown, true); // Capture!
-
-      delete this._win;
-
-      _state.remove(this.id);
-    }
-  };
-
-  KeyborgCore.prototype.isDisposed = function () {
-    return !!this._win;
-  };
-  /**
-   * Updates all keyborg instances with the keyboard navigation state
-   */
-
-
-  KeyborgCore.prototype.update = function (isNavigatingWithKeyboard) {
-    var _a, _b;
-
-    var keyborgs = (_b = (_a = this._win) === null || _a === void 0 ? void 0 : _a.__keyborg) === null || _b === void 0 ? void 0 : _b.refs;
-
-    if (keyborgs) {
-      for (var _i = 0, _c = Object.keys(keyborgs); _i < _c.length; _i++) {
-        var id = _c[_i];
-        Keyborg.update(keyborgs[id], isNavigatingWithKeyboard);
-      }
-    }
-  };
-
-  KeyborgCore.prototype._scheduleDismiss = function () {
-    var _this = this;
-
-    var win = this._win;
-
-    if (win) {
-      if (this._dismissTimer) {
-        win.clearTimeout(this._dismissTimer);
-        this._dismissTimer = undefined;
-      }
-
-      var was_1 = win.document.activeElement;
-      this._dismissTimer = win.setTimeout(function () {
-        _this._dismissTimer = undefined;
-        var cur = win.document.activeElement;
-
-        if (was_1 && cur && was_1 === cur) {
-          // Esc was pressed, currently focused element hasn't changed.
-          // Just dismiss the keyboard navigation mode.
-          _state.setVal(false);
-        }
-      }, _dismissTimeout);
-    }
-  };
-
-  return KeyborgCore;
-}();
-/**
- * Used to determine the keyboard navigation state
- */
-
-
-var Keyborg = /*#__PURE__*/function () {
-  function Keyborg(win) {
-    var _a;
-
-    this._cb = [];
-    this._id = 'k' + ++_lastId;
-    this._win = win;
-    var current = win.__keyborg;
-
-    if (current) {
-      this._core = current.core;
-      current.refs[this._id] = this;
-    } else {
-      this._core = new KeyborgCore(win);
-      win.__keyborg = {
-        core: this._core,
-        refs: (_a = {}, _a[this._id] = this, _a)
-      };
-    }
-  }
-
-  Keyborg.create = function (win) {
-    return new Keyborg(win);
-  };
-
-  Keyborg.dispose = function (instance) {
-    instance.dispose();
-  };
-  /**
-   * Updates all subscribed callbacks with the keyboard navigation state
-   */
-
-
-  Keyborg.update = function (instance, isNavigatingWithKeyboard) {
-    instance._cb.forEach(function (callback) {
-      return callback(isNavigatingWithKeyboard);
-    });
-  };
-
-  Keyborg.prototype.dispose = function () {
-    var _a;
-
-    var current = (_a = this._win) === null || _a === void 0 ? void 0 : _a.__keyborg;
-
-    if (current === null || current === void 0 ? void 0 : current.refs[this._id]) {
-      delete current.refs[this._id];
-
-      if (Object.keys(current.refs).length === 0) {
-        current.core.dispose();
-        delete this._win.__keyborg;
-      }
-    } else {
-      console.error("Keyborg instance " + this._id + " is being disposed incorrectly.");
-    }
-
-    this._cb = [];
-    delete this._core;
-    delete this._win;
-  };
-  /**
-   * @returns Whether the user is navigating with keyboard
-   */
-
-
-  Keyborg.prototype.isNavigatingWithKeyboard = function () {
-    return _state.getVal();
-  };
-  /**
-   * @param callback - Called when the keyboard navigation state changes
-   */
-
-
-  Keyborg.prototype.subscribe = function (callback) {
-    this._cb.push(callback);
-  };
-  /**
-   * @param callback - Registered with subscribe
-   */
-
-
-  Keyborg.prototype.unsubscribe = function (callback) {
-    var index = this._cb.indexOf(callback);
-
-    if (index >= 0) {
-      this._cb.splice(index, 1);
-    }
-  };
-  /**
-   * Manually set the keyboard navigtion state
-   */
-
-
-  Keyborg.prototype.setVal = function (isNavigatingWithKeyboard) {
-    _state.setVal(isNavigatingWithKeyboard);
-  };
-
-  return Keyborg;
-}();
-function createKeyborg(win) {
-  return Keyborg.create(win);
-}
-function disposeKeyborg(instance) {
-  Keyborg.dispose(instance);
-}
-
-exports.KEYBORG_FOCUSIN = KEYBORG_FOCUSIN;
-exports.Keyborg = Keyborg;
-exports.createKeyborg = createKeyborg;
-exports.disposeKeyborg = disposeKeyborg;
-exports.getLastFocusedProgrammatically = getLastFocusedProgrammatically;
-exports.nativeFocus = nativeFocus;
-//# sourceMappingURL=keyborg.cjs.development.js.map

package/dist/keyborg.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";var e="undefined"!=typeof WeakRef,t=function(){function t(t){e?this._weakRef=new WeakRef(t):this._instance=t}return t.prototype.deref=function(){var e,t,i,o;return this._weakRef?(o=null===(e=this._weakRef)||void 0===e?void 0:e.deref())||delete this._weakRef:(null===(i=null===(t=o=this._instance)||void 0===t?void 0:t.isDisposed)||void 0===i?void 0:i.call(t))&&delete this._instance,o},t}(),i=!1,o=0,s=new(function(){function e(){this.__keyborgCoreRefs={},this._isNavigatingWithKeyboard=!1}return e.prototype.add=function(e){var i=e.id;i in this.__keyborgCoreRefs||(this.__keyborgCoreRefs[i]=new t(e))},e.prototype.remove=function(e){delete this.__keyborgCoreRefs[e],0===Object.keys(this.__keyborgCoreRefs).length&&(this._isNavigatingWithKeyboard=!1)},e.prototype.setVal=function(e){if(this._isNavigatingWithKeyboard!==e){this._isNavigatingWithKeyboard=e;for(var t=0,i=Object.keys(this.__keyborgCoreRefs);t<i.length;t++){var o=i[t],s=this.__keyborgCoreRefs[o].deref();s?s.update(e):this.remove(o)}}},e.prototype.getVal=function(){return this._isNavigatingWithKeyboard},e}()),n=function(){function e(e){var n=this;this._isMouseUsed=!1,this._onFocusIn=function(e){if(n._isMouseUsed)n._isMouseUsed=!1;else if(!s.getVal()){var t=e.details;t.relatedTarget&&(t.isFocusedProgrammatically||void 0===t.isFocusedProgrammatically||s.setVal(!0))}},this._onMouseDown=function(e){0===e.buttons||0===e.clientX&&0===e.clientY&&0===e.screenX&&0===e.screenY||(n._isMouseUsed=!0,s.setVal(!1))},this._onKeyDown=function(e){var t=s.getVal();t||9!==e.keyCode?t&&27===e.keyCode&&n._scheduleDismiss():s.setVal(!0)},this.id="c"+ ++o,this._win=e;var r=e.document;r.addEventListener("keyborg:focusin",this._onFocusIn,!0),r.addEventListener("mousedown",this._onMouseDown,!0),e.addEventListener("keydown",this._onKeyDown,!0),function(e){var o=e;i||(i=function(e){var t=e.HTMLElement,i=t.prototype.focus,o=!1;return t.prototype.focus=function(){o=!0},e.document.createElement("button").focus(),t.prototype.focus=i,o}(o));var s=o.HTMLElement.prototype.focus;if(!s.__keyborgNativeFocus){o.HTMLElement.prototype.focus=r;var n=o.__keyborgData={focusInHandler:function(e){var t,o=e.target;if(o){var s=document.createEvent("HTMLEvents");s.initEvent("keyborg:focusin",!0,!0);var r={relatedTarget:e.relatedTarget||void 0};(i||n.lastFocusedProgrammatically)&&(r.isFocusedProgrammatically=o===(null===(t=n.lastFocusedProgrammatically)||void 0===t?void 0:t.deref()),n.lastFocusedProgrammatically=void 0),s.details=r,o.dispatchEvent(s)}}};o.document.addEventListener("focusin",o.__keyborgData.focusInHandler,!0),r.__keyborgNativeFocus=s}function r(){var e=o.__keyborgData;return e&&(e.lastFocusedProgrammatically=new t(this)),s.apply(this,arguments)}}(e),s.add(this)}return e.prototype.dispose=function(){var e=this._win;if(e){this._dismissTimer&&(e.clearTimeout(this._dismissTimer),this._dismissTimer=void 0),function(e){var t=e,i=t.HTMLElement.prototype,o=i.focus.__keyborgNativeFocus,s=t.__keyborgData;s&&(t.document.removeEventListener("focusin",s.focusInHandler,!0),delete t.__keyborgData),o&&(i.focus=o)}(e);var t=e.document;t.removeEventListener("keyborg:focusin",this._onFocusIn,!0),t.removeEventListener("mousedown",this._onMouseDown,!0),e.removeEventListener("keydown",this._onKeyDown,!0),delete this._win,s.remove(this.id)}},e.prototype.isDisposed=function(){return!!this._win},e.prototype.update=function(e){var t,i,o=null===(i=null===(t=this._win)||void 0===t?void 0:t.__keyborg)||void 0===i?void 0:i.refs;if(o)for(var s=0,n=Object.keys(o);s<n.length;s++)r.update(o[n[s]],e)},e.prototype._scheduleDismiss=function(){var e=this,t=this._win;if(t){this._dismissTimer&&(t.clearTimeout(this._dismissTimer),this._dismissTimer=void 0);var i=t.document.activeElement;this._dismissTimer=t.setTimeout((function(){e._dismissTimer=void 0;var o=t.document.activeElement;i&&o&&i===o&&s.setVal(!1)}),500)}},e}(),r=function(){function e(e){var t;this._cb=[],this._id="k"+ ++o,this._win=e;var i=e.__keyborg;i?(this._core=i.core,i.refs[this._id]=this):(this._core=new n(e),e.__keyborg={core:this._core,refs:(t={},t[this._id]=this,t)})}return e.create=function(t){return new e(t)},e.dispose=function(e){e.dispose()},e.update=function(e,t){e._cb.forEach((function(e){return e(t)}))},e.prototype.dispose=function(){var e,t=null===(e=this._win)||void 0===e?void 0:e.__keyborg;(null==t?void 0:t.refs[this._id])&&(delete t.refs[this._id],0===Object.keys(t.refs).length&&(t.core.dispose(),delete this._win.__keyborg)),this._cb=[],delete this._core,delete this._win},e.prototype.isNavigatingWithKeyboard=function(){return s.getVal()},e.prototype.subscribe=function(e){this._cb.push(e)},e.prototype.unsubscribe=function(e){var t=this._cb.indexOf(e);t>=0&&this._cb.splice(t,1)},e.prototype.setVal=function(e){s.setVal(e)},e}();exports.KEYBORG_FOCUSIN="keyborg:focusin",exports.Keyborg=r,exports.createKeyborg=function(e){return r.create(e)},exports.disposeKeyborg=function(e){r.dispose(e)},exports.getLastFocusedProgrammatically=function(e){var t,i=e.__keyborgData;return i?(null===(t=i.lastFocusedProgrammatically)||void 0===t?void 0:t.deref())||null:void 0},exports.nativeFocus=function(e){var t=e.focus;t.__keyborgNativeFocus?t.__keyborgNativeFocus.call(e):e.focus()};
-//# sourceMappingURL=keyborg.cjs.production.min.js.map

package/dist/keyborg.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyborg.cjs.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}