focus-trap 6.7.1 → 6.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/focus-trap.esm.js +22 -28
- package/dist/focus-trap.esm.js.map +1 -1
- package/dist/focus-trap.esm.min.js +2 -2
- package/dist/focus-trap.esm.min.js.map +1 -1
- package/dist/focus-trap.js +21 -27
- package/dist/focus-trap.js.map +1 -1
- package/dist/focus-trap.min.js +2 -2
- package/dist/focus-trap.min.js.map +1 -1
- package/dist/focus-trap.umd.js +21 -27
- package/dist/focus-trap.umd.js.map +1 -1
- package/dist/focus-trap.umd.min.js +2 -2
- package/dist/focus-trap.umd.min.js.map +1 -1
- package/index.js +14 -6
- package/package.json +16 -16
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 6.7.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- c932330: Fixed bug where tabbing forward from an element with negative tabindex that is last in the trap would result in focus remaining on that element ([565](https://github.com/focus-trap/focus-trap/issues/565))
|
|
8
|
+
|
|
3
9
|
## 6.7.1
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/dist/focus-trap.esm.js
CHANGED
|
@@ -1,22 +1,17 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* focus-trap 6.7.
|
|
2
|
+
* focus-trap 6.7.2
|
|
3
3
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
4
4
|
*/
|
|
5
|
-
import { tabbable, isFocusable } from 'tabbable';
|
|
5
|
+
import { tabbable, isFocusable, isTabbable } from 'tabbable';
|
|
6
6
|
|
|
7
7
|
function ownKeys(object, enumerableOnly) {
|
|
8
8
|
var keys = Object.keys(object);
|
|
9
9
|
|
|
10
10
|
if (Object.getOwnPropertySymbols) {
|
|
11
11
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
keys.push.apply(keys, symbols);
|
|
12
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
13
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
14
|
+
})), keys.push.apply(keys, symbols);
|
|
20
15
|
}
|
|
21
16
|
|
|
22
17
|
return keys;
|
|
@@ -24,19 +19,12 @@ function ownKeys(object, enumerableOnly) {
|
|
|
24
19
|
|
|
25
20
|
function _objectSpread2(target) {
|
|
26
21
|
for (var i = 1; i < arguments.length; i++) {
|
|
27
|
-
var source = arguments[i]
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
34
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
35
|
-
} else {
|
|
36
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
37
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
38
|
-
});
|
|
39
|
-
}
|
|
22
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
23
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
24
|
+
_defineProperty(target, key, source[key]);
|
|
25
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
26
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
27
|
+
});
|
|
40
28
|
}
|
|
41
29
|
|
|
42
30
|
return target;
|
|
@@ -152,6 +140,8 @@ var getActualTarget = function getActualTarget(event) {
|
|
|
152
140
|
};
|
|
153
141
|
|
|
154
142
|
var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
143
|
+
// SSR: a live trap shouldn't be created in this type of environment so this
|
|
144
|
+
// should be safe code to execute if the `document` option isn't specified
|
|
155
145
|
var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document;
|
|
156
146
|
|
|
157
147
|
var config = _objectSpread2({
|
|
@@ -385,7 +375,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
385
375
|
|
|
386
376
|
if (state.tabbableGroups.length > 0) {
|
|
387
377
|
// make sure the target is actually contained in a group
|
|
388
|
-
// NOTE: the target may also be the container itself if it's
|
|
378
|
+
// NOTE: the target may also be the container itself if it's focusable
|
|
389
379
|
// with tabIndex='-1' and was given initial focus
|
|
390
380
|
var containerIndex = findIndex(state.tabbableGroups, function (_ref) {
|
|
391
381
|
var container = _ref.container;
|
|
@@ -410,8 +400,10 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
410
400
|
return target === firstTabbableNode;
|
|
411
401
|
});
|
|
412
402
|
|
|
413
|
-
if (startOfGroupIndex < 0 && state.tabbableGroups[containerIndex].container === target) {
|
|
414
|
-
// an exception case where the target is the container itself,
|
|
403
|
+
if (startOfGroupIndex < 0 && (state.tabbableGroups[containerIndex].container === target || isFocusable(target) && !isTabbable(target))) {
|
|
404
|
+
// an exception case where the target is either the container itself, or
|
|
405
|
+
// a non-tabbable node that was given focus (i.e. tabindex is negative
|
|
406
|
+
// and user clicked on it or node was programmatically given focus), in which
|
|
415
407
|
// case, we should handle shift+tab as if focus were on the container's
|
|
416
408
|
// first tabbable node, and go to the last tabbable node of the LAST group
|
|
417
409
|
startOfGroupIndex = containerIndex;
|
|
@@ -433,8 +425,10 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
433
425
|
return target === lastTabbableNode;
|
|
434
426
|
});
|
|
435
427
|
|
|
436
|
-
if (lastOfGroupIndex < 0 && state.tabbableGroups[containerIndex].container === target) {
|
|
437
|
-
// an exception case where the target is the container itself,
|
|
428
|
+
if (lastOfGroupIndex < 0 && (state.tabbableGroups[containerIndex].container === target || isFocusable(target) && !isTabbable(target))) {
|
|
429
|
+
// an exception case where the target is the container itself, or
|
|
430
|
+
// a non-tabbable node that was given focus (i.e. tabindex is negative
|
|
431
|
+
// and user clicked on it or node was programmatically given focus), in which
|
|
438
432
|
// case, we should handle tab as if focus were on the container's
|
|
439
433
|
// last tabbable node, and go to the first tabbable node of the FIRST group
|
|
440
434
|
lastOfGroupIndex = containerIndex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus-trap.esm.js","sources":["../index.js"],"sourcesContent":["import { tabbable, isFocusable } from 'tabbable';\n\nconst activeFocusTraps = (function () {\n const trapQueue = [];\n return {\n activateTrap(trap) {\n if (trapQueue.length > 0) {\n const activeTrap = trapQueue[trapQueue.length - 1];\n if (activeTrap !== trap) {\n activeTrap.pause();\n }\n }\n\n const trapIndex = trapQueue.indexOf(trap);\n if (trapIndex === -1) {\n trapQueue.push(trap);\n } else {\n // move this existing trap to the front of the queue\n trapQueue.splice(trapIndex, 1);\n trapQueue.push(trap);\n }\n },\n\n deactivateTrap(trap) {\n const trapIndex = trapQueue.indexOf(trap);\n if (trapIndex !== -1) {\n trapQueue.splice(trapIndex, 1);\n }\n\n if (trapQueue.length > 0) {\n trapQueue[trapQueue.length - 1].unpause();\n }\n },\n };\n})();\n\nconst isSelectableInput = function (node) {\n return (\n node.tagName &&\n node.tagName.toLowerCase() === 'input' &&\n typeof node.select === 'function'\n );\n};\n\nconst isEscapeEvent = function (e) {\n return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;\n};\n\nconst isTabEvent = function (e) {\n return e.key === 'Tab' || e.keyCode === 9;\n};\n\nconst delay = function (fn) {\n return setTimeout(fn, 0);\n};\n\n// Array.find/findIndex() are not supported on IE; this replicates enough\n// of Array.findIndex() for our needs\nconst findIndex = function (arr, fn) {\n let idx = -1;\n\n arr.every(function (value, i) {\n if (fn(value)) {\n idx = i;\n return false; // break\n }\n\n return true; // next\n });\n\n return idx;\n};\n\n/**\n * Get an option's value when it could be a plain value, or a handler that provides\n * the value.\n * @param {*} value Option's value to check.\n * @param {...*} [params] Any parameters to pass to the handler, if `value` is a function.\n * @returns {*} The `value`, or the handler's returned value.\n */\nconst valueOrHandler = function (value, ...params) {\n return typeof value === 'function' ? value(...params) : value;\n};\n\nconst getActualTarget = function (event) {\n // NOTE: If the trap is _inside_ a shadow DOM, event.target will always be the\n // shadow host. However, event.target.composedPath() will be an array of\n // nodes \"clicked\" from inner-most (the actual element inside the shadow) to\n // outer-most (the host HTML document). If we have access to composedPath(),\n // then use its first element; otherwise, fall back to event.target (and\n // this only works for an _open_ shadow DOM; otherwise,\n // composedPath()[0] === event.target always).\n return event.target.shadowRoot && typeof event.composedPath === 'function'\n ? event.composedPath()[0]\n : event.target;\n};\n\nconst createFocusTrap = function (elements, userOptions) {\n const doc = userOptions?.document || document;\n\n const config = {\n returnFocusOnDeactivate: true,\n escapeDeactivates: true,\n delayInitialFocus: true,\n ...userOptions,\n };\n\n const state = {\n // @type {Array<HTMLElement>}\n containers: [],\n\n // list of objects identifying the first and last tabbable nodes in all containers/groups in\n // the trap\n // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap\n // is active, but the trap should never get to a state where there isn't at least one group\n // with at least one tabbable node in it (that would lead to an error condition that would\n // result in an error being thrown)\n // @type {Array<{ container: HTMLElement, firstTabbableNode: HTMLElement|null, lastTabbableNode: HTMLElement|null }>}\n tabbableGroups: [],\n\n nodeFocusedBeforeActivation: null,\n mostRecentlyFocusedNode: null,\n active: false,\n paused: false,\n\n // timer ID for when delayInitialFocus is true and initial focus in this trap\n // has been delayed during activation\n delayInitialFocusTimer: undefined,\n };\n\n let trap; // eslint-disable-line prefer-const -- some private functions reference it, and its methods reference private functions, so we must declare here and define later\n\n const getOption = (configOverrideOptions, optionName, configOptionName) => {\n return configOverrideOptions &&\n configOverrideOptions[optionName] !== undefined\n ? configOverrideOptions[optionName]\n : config[configOptionName || optionName];\n };\n\n const containersContain = function (element) {\n return !!(\n element &&\n state.containers.some((container) => container.contains(element))\n );\n };\n\n /**\n * Gets the node for the given option, which is expected to be an option that\n * can be either a DOM node, a string that is a selector to get a node, `false`\n * (if a node is explicitly NOT given), or a function that returns any of these\n * values.\n * @param {string} optionName\n * @returns {undefined | false | HTMLElement | SVGElement} Returns\n * `undefined` if the option is not specified; `false` if the option\n * resolved to `false` (node explicitly not given); otherwise, the resolved\n * DOM node.\n * @throws {Error} If the option is set, not `false`, and is not, or does not\n * resolve to a node.\n */\n const getNodeForOption = function (optionName, ...params) {\n let optionValue = config[optionName];\n\n if (typeof optionValue === 'function') {\n optionValue = optionValue(...params);\n }\n\n if (!optionValue) {\n if (optionValue === undefined || optionValue === false) {\n return optionValue;\n }\n // else, empty string (invalid), null (invalid), 0 (invalid)\n\n throw new Error(\n `\\`${optionName}\\` was specified but was not a node, or did not return a node`\n );\n }\n\n let node = optionValue; // could be HTMLElement, SVGElement, or non-empty string at this point\n\n if (typeof optionValue === 'string') {\n node = doc.querySelector(optionValue); // resolve to node, or null if fails\n if (!node) {\n throw new Error(\n `\\`${optionName}\\` as selector refers to no known node`\n );\n }\n }\n\n return node;\n };\n\n const getInitialFocusNode = function () {\n let node = getNodeForOption('initialFocus');\n\n // false explicitly indicates we want no initialFocus at all\n if (node === false) {\n return false;\n }\n\n if (node === undefined) {\n // option not specified: use fallback options\n if (containersContain(doc.activeElement)) {\n node = doc.activeElement;\n } else {\n const firstTabbableGroup = state.tabbableGroups[0];\n const firstTabbableNode =\n firstTabbableGroup && firstTabbableGroup.firstTabbableNode;\n\n // NOTE: `fallbackFocus` option function cannot return `false` (not supported)\n node = firstTabbableNode || getNodeForOption('fallbackFocus');\n }\n }\n\n if (!node) {\n throw new Error(\n 'Your focus-trap needs to have at least one focusable element'\n );\n }\n\n return node;\n };\n\n const updateTabbableNodes = function () {\n state.tabbableGroups = state.containers\n .map((container) => {\n const tabbableNodes = tabbable(container);\n\n if (tabbableNodes.length > 0) {\n return {\n container,\n firstTabbableNode: tabbableNodes[0],\n lastTabbableNode: tabbableNodes[tabbableNodes.length - 1],\n };\n }\n\n return undefined;\n })\n .filter((group) => !!group); // remove groups with no tabbable nodes\n\n // throw if no groups have tabbable nodes and we don't have a fallback focus node either\n if (\n state.tabbableGroups.length <= 0 &&\n !getNodeForOption('fallbackFocus') // returning false not supported for this option\n ) {\n throw new Error(\n 'Your focus-trap must have at least one container with at least one tabbable node in it at all times'\n );\n }\n };\n\n const tryFocus = function (node) {\n if (node === false) {\n return;\n }\n\n if (node === doc.activeElement) {\n return;\n }\n\n if (!node || !node.focus) {\n tryFocus(getInitialFocusNode());\n return;\n }\n\n node.focus({ preventScroll: !!config.preventScroll });\n state.mostRecentlyFocusedNode = node;\n\n if (isSelectableInput(node)) {\n node.select();\n }\n };\n\n const getReturnFocusNode = function (previousActiveElement) {\n const node = getNodeForOption('setReturnFocus', previousActiveElement);\n return node ? node : node === false ? false : previousActiveElement;\n };\n\n // This needs to be done on mousedown and touchstart instead of click\n // so that it precedes the focus event.\n const checkPointerDown = function (e) {\n const target = getActualTarget(e);\n\n if (containersContain(target)) {\n // allow the click since it ocurred inside the trap\n return;\n }\n\n if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n // immediately deactivate the trap\n trap.deactivate({\n // if, on deactivation, we should return focus to the node originally-focused\n // when the trap was activated (or the configured `setReturnFocus` node),\n // then assume it's also OK to return focus to the outside node that was\n // just clicked, causing deactivation, as long as that node is focusable;\n // if it isn't focusable, then return focus to the original node focused\n // on activation (or the configured `setReturnFocus` node)\n // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,\n // which will result in the outside click setting focus to the node\n // that was clicked, whether it's focusable or not; by setting\n // `returnFocus: true`, we'll attempt to re-focus the node originally-focused\n // on activation (or the configured `setReturnFocus` node)\n returnFocus: config.returnFocusOnDeactivate && !isFocusable(target),\n });\n return;\n }\n\n // This is needed for mobile devices.\n // (If we'll only let `click` events through,\n // then on mobile they will be blocked anyways if `touchstart` is blocked.)\n if (valueOrHandler(config.allowOutsideClick, e)) {\n // allow the click outside the trap to take place\n return;\n }\n\n // otherwise, prevent the click\n e.preventDefault();\n };\n\n // In case focus escapes the trap for some strange reason, pull it back in.\n const checkFocusIn = function (e) {\n const target = getActualTarget(e);\n const targetContained = containersContain(target);\n\n // In Firefox when you Tab out of an iframe the Document is briefly focused.\n if (targetContained || target instanceof Document) {\n if (targetContained) {\n state.mostRecentlyFocusedNode = target;\n }\n } else {\n // escaped! pull it back in to where it just left\n e.stopImmediatePropagation();\n tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());\n }\n };\n\n // Hijack Tab events on the first and last focusable nodes of the trap,\n // in order to prevent focus from escaping. If it escapes for even a\n // moment it can end up scrolling the page and causing confusion so we\n // kind of need to capture the action at the keydown phase.\n const checkTab = function (e) {\n const target = getActualTarget(e);\n updateTabbableNodes();\n\n let destinationNode = null;\n\n if (state.tabbableGroups.length > 0) {\n // make sure the target is actually contained in a group\n // NOTE: the target may also be the container itself if it's tabbable\n // with tabIndex='-1' and was given initial focus\n const containerIndex = findIndex(state.tabbableGroups, ({ container }) =>\n container.contains(target)\n );\n\n if (containerIndex < 0) {\n // target not found in any group: quite possible focus has escaped the trap,\n // so bring it back in to...\n if (e.shiftKey) {\n // ...the last node in the last group\n destinationNode =\n state.tabbableGroups[state.tabbableGroups.length - 1]\n .lastTabbableNode;\n } else {\n // ...the first node in the first group\n destinationNode = state.tabbableGroups[0].firstTabbableNode;\n }\n } else if (e.shiftKey) {\n // REVERSE\n\n // is the target the first tabbable node in a group?\n let startOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ firstTabbableNode }) => target === firstTabbableNode\n );\n\n if (\n startOfGroupIndex < 0 &&\n state.tabbableGroups[containerIndex].container === target\n ) {\n // an exception case where the target is the container itself, in which\n // case, we should handle shift+tab as if focus were on the container's\n // first tabbable node, and go to the last tabbable node of the LAST group\n startOfGroupIndex = containerIndex;\n }\n\n if (startOfGroupIndex >= 0) {\n // YES: then shift+tab should go to the last tabbable node in the\n // previous group (and wrap around to the last tabbable node of\n // the LAST group if it's the first tabbable node of the FIRST group)\n const destinationGroupIndex =\n startOfGroupIndex === 0\n ? state.tabbableGroups.length - 1\n : startOfGroupIndex - 1;\n\n const destinationGroup = state.tabbableGroups[destinationGroupIndex];\n destinationNode = destinationGroup.lastTabbableNode;\n }\n } else {\n // FORWARD\n\n // is the target the last tabbable node in a group?\n let lastOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ lastTabbableNode }) => target === lastTabbableNode\n );\n\n if (\n lastOfGroupIndex < 0 &&\n state.tabbableGroups[containerIndex].container === target\n ) {\n // an exception case where the target is the container itself, in which\n // case, we should handle tab as if focus were on the container's\n // last tabbable node, and go to the first tabbable node of the FIRST group\n lastOfGroupIndex = containerIndex;\n }\n\n if (lastOfGroupIndex >= 0) {\n // YES: then tab should go to the first tabbable node in the next\n // group (and wrap around to the first tabbable node of the FIRST\n // group if it's the last tabbable node of the LAST group)\n const destinationGroupIndex =\n lastOfGroupIndex === state.tabbableGroups.length - 1\n ? 0\n : lastOfGroupIndex + 1;\n\n const destinationGroup = state.tabbableGroups[destinationGroupIndex];\n destinationNode = destinationGroup.firstTabbableNode;\n }\n }\n } else {\n // NOTE: the fallbackFocus option does not support returning false to opt-out\n destinationNode = getNodeForOption('fallbackFocus');\n }\n\n if (destinationNode) {\n e.preventDefault();\n tryFocus(destinationNode);\n }\n // else, let the browser take care of [shift+]tab and move the focus\n };\n\n const checkKey = function (e) {\n if (\n isEscapeEvent(e) &&\n valueOrHandler(config.escapeDeactivates, e) !== false\n ) {\n e.preventDefault();\n trap.deactivate();\n return;\n }\n\n if (isTabEvent(e)) {\n checkTab(e);\n return;\n }\n };\n\n const checkClick = function (e) {\n if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n return;\n }\n\n const target = getActualTarget(e);\n\n if (containersContain(target)) {\n return;\n }\n\n if (valueOrHandler(config.allowOutsideClick, e)) {\n return;\n }\n\n e.preventDefault();\n e.stopImmediatePropagation();\n };\n\n //\n // EVENT LISTENERS\n //\n\n const addListeners = function () {\n if (!state.active) {\n return;\n }\n\n // There can be only one listening focus trap at a time\n activeFocusTraps.activateTrap(trap);\n\n // Delay ensures that the focused element doesn't capture the event\n // that caused the focus trap activation.\n state.delayInitialFocusTimer = config.delayInitialFocus\n ? delay(function () {\n tryFocus(getInitialFocusNode());\n })\n : tryFocus(getInitialFocusNode());\n\n doc.addEventListener('focusin', checkFocusIn, true);\n doc.addEventListener('mousedown', checkPointerDown, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('touchstart', checkPointerDown, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('click', checkClick, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('keydown', checkKey, {\n capture: true,\n passive: false,\n });\n\n return trap;\n };\n\n const removeListeners = function () {\n if (!state.active) {\n return;\n }\n\n doc.removeEventListener('focusin', checkFocusIn, true);\n doc.removeEventListener('mousedown', checkPointerDown, true);\n doc.removeEventListener('touchstart', checkPointerDown, true);\n doc.removeEventListener('click', checkClick, true);\n doc.removeEventListener('keydown', checkKey, true);\n\n return trap;\n };\n\n //\n // TRAP DEFINITION\n //\n\n trap = {\n activate(activateOptions) {\n if (state.active) {\n return this;\n }\n\n const onActivate = getOption(activateOptions, 'onActivate');\n const onPostActivate = getOption(activateOptions, 'onPostActivate');\n const checkCanFocusTrap = getOption(activateOptions, 'checkCanFocusTrap');\n\n if (!checkCanFocusTrap) {\n updateTabbableNodes();\n }\n\n state.active = true;\n state.paused = false;\n state.nodeFocusedBeforeActivation = doc.activeElement;\n\n if (onActivate) {\n onActivate();\n }\n\n const finishActivation = () => {\n if (checkCanFocusTrap) {\n updateTabbableNodes();\n }\n addListeners();\n if (onPostActivate) {\n onPostActivate();\n }\n };\n\n if (checkCanFocusTrap) {\n checkCanFocusTrap(state.containers.concat()).then(\n finishActivation,\n finishActivation\n );\n return this;\n }\n\n finishActivation();\n return this;\n },\n\n deactivate(deactivateOptions) {\n if (!state.active) {\n return this;\n }\n\n clearTimeout(state.delayInitialFocusTimer); // noop if undefined\n state.delayInitialFocusTimer = undefined;\n\n removeListeners();\n state.active = false;\n state.paused = false;\n\n activeFocusTraps.deactivateTrap(trap);\n\n const onDeactivate = getOption(deactivateOptions, 'onDeactivate');\n const onPostDeactivate = getOption(deactivateOptions, 'onPostDeactivate');\n const checkCanReturnFocus = getOption(\n deactivateOptions,\n 'checkCanReturnFocus'\n );\n\n if (onDeactivate) {\n onDeactivate();\n }\n\n const returnFocus = getOption(\n deactivateOptions,\n 'returnFocus',\n 'returnFocusOnDeactivate'\n );\n\n const finishDeactivation = () => {\n delay(() => {\n if (returnFocus) {\n tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n }\n if (onPostDeactivate) {\n onPostDeactivate();\n }\n });\n };\n\n if (returnFocus && checkCanReturnFocus) {\n checkCanReturnFocus(\n getReturnFocusNode(state.nodeFocusedBeforeActivation)\n ).then(finishDeactivation, finishDeactivation);\n return this;\n }\n\n finishDeactivation();\n return this;\n },\n\n pause() {\n if (state.paused || !state.active) {\n return this;\n }\n\n state.paused = true;\n removeListeners();\n\n return this;\n },\n\n unpause() {\n if (!state.paused || !state.active) {\n return this;\n }\n\n state.paused = false;\n updateTabbableNodes();\n addListeners();\n\n return this;\n },\n\n updateContainerElements(containerElements) {\n const elementsAsArray = [].concat(containerElements).filter(Boolean);\n\n state.containers = elementsAsArray.map((element) =>\n typeof element === 'string' ? doc.querySelector(element) : element\n );\n\n if (state.active) {\n updateTabbableNodes();\n }\n\n return this;\n },\n };\n\n // initialize container elements\n trap.updateContainerElements(elements);\n\n return trap;\n};\n\nexport { createFocusTrap };\n"],"names":["activeFocusTraps","trapQueue","activateTrap","trap","length","activeTrap","pause","trapIndex","indexOf","push","splice","deactivateTrap","unpause","isSelectableInput","node","tagName","toLowerCase","select","isEscapeEvent","e","key","keyCode","isTabEvent","delay","fn","setTimeout","findIndex","arr","idx","every","value","i","valueOrHandler","params","getActualTarget","event","target","shadowRoot","composedPath","createFocusTrap","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","delayInitialFocusTimer","undefined","getOption","configOverrideOptions","optionName","configOptionName","containersContain","element","some","container","contains","getNodeForOption","optionValue","Error","querySelector","getInitialFocusNode","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbableNodes","tabbable","lastTabbableNode","filter","group","tryFocus","focus","preventScroll","getReturnFocusNode","previousActiveElement","checkPointerDown","clickOutsideDeactivates","deactivate","returnFocus","isFocusable","allowOutsideClick","preventDefault","checkFocusIn","targetContained","Document","stopImmediatePropagation","checkTab","destinationNode","containerIndex","shiftKey","startOfGroupIndex","destinationGroupIndex","destinationGroup","lastOfGroupIndex","checkKey","checkClick","addListeners","addEventListener","capture","passive","removeListeners","removeEventListener","activate","activateOptions","onActivate","onPostActivate","checkCanFocusTrap","finishActivation","concat","then","deactivateOptions","clearTimeout","onDeactivate","onPostDeactivate","checkCanReturnFocus","finishDeactivation","updateContainerElements","containerElements","elementsAsArray","Boolean"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"focus-trap.esm.js","sources":["../index.js"],"sourcesContent":["import { tabbable, isFocusable, isTabbable } from 'tabbable';\n\nconst activeFocusTraps = (function () {\n const trapQueue = [];\n return {\n activateTrap(trap) {\n if (trapQueue.length > 0) {\n const activeTrap = trapQueue[trapQueue.length - 1];\n if (activeTrap !== trap) {\n activeTrap.pause();\n }\n }\n\n const trapIndex = trapQueue.indexOf(trap);\n if (trapIndex === -1) {\n trapQueue.push(trap);\n } else {\n // move this existing trap to the front of the queue\n trapQueue.splice(trapIndex, 1);\n trapQueue.push(trap);\n }\n },\n\n deactivateTrap(trap) {\n const trapIndex = trapQueue.indexOf(trap);\n if (trapIndex !== -1) {\n trapQueue.splice(trapIndex, 1);\n }\n\n if (trapQueue.length > 0) {\n trapQueue[trapQueue.length - 1].unpause();\n }\n },\n };\n})();\n\nconst isSelectableInput = function (node) {\n return (\n node.tagName &&\n node.tagName.toLowerCase() === 'input' &&\n typeof node.select === 'function'\n );\n};\n\nconst isEscapeEvent = function (e) {\n return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;\n};\n\nconst isTabEvent = function (e) {\n return e.key === 'Tab' || e.keyCode === 9;\n};\n\nconst delay = function (fn) {\n return setTimeout(fn, 0);\n};\n\n// Array.find/findIndex() are not supported on IE; this replicates enough\n// of Array.findIndex() for our needs\nconst findIndex = function (arr, fn) {\n let idx = -1;\n\n arr.every(function (value, i) {\n if (fn(value)) {\n idx = i;\n return false; // break\n }\n\n return true; // next\n });\n\n return idx;\n};\n\n/**\n * Get an option's value when it could be a plain value, or a handler that provides\n * the value.\n * @param {*} value Option's value to check.\n * @param {...*} [params] Any parameters to pass to the handler, if `value` is a function.\n * @returns {*} The `value`, or the handler's returned value.\n */\nconst valueOrHandler = function (value, ...params) {\n return typeof value === 'function' ? value(...params) : value;\n};\n\nconst getActualTarget = function (event) {\n // NOTE: If the trap is _inside_ a shadow DOM, event.target will always be the\n // shadow host. However, event.target.composedPath() will be an array of\n // nodes \"clicked\" from inner-most (the actual element inside the shadow) to\n // outer-most (the host HTML document). If we have access to composedPath(),\n // then use its first element; otherwise, fall back to event.target (and\n // this only works for an _open_ shadow DOM; otherwise,\n // composedPath()[0] === event.target always).\n return event.target.shadowRoot && typeof event.composedPath === 'function'\n ? event.composedPath()[0]\n : event.target;\n};\n\nconst createFocusTrap = function (elements, userOptions) {\n // SSR: a live trap shouldn't be created in this type of environment so this\n // should be safe code to execute if the `document` option isn't specified\n const doc = userOptions?.document || document;\n\n const config = {\n returnFocusOnDeactivate: true,\n escapeDeactivates: true,\n delayInitialFocus: true,\n ...userOptions,\n };\n\n const state = {\n // @type {Array<HTMLElement>}\n containers: [],\n\n // list of objects identifying the first and last tabbable nodes in all containers/groups in\n // the trap\n // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap\n // is active, but the trap should never get to a state where there isn't at least one group\n // with at least one tabbable node in it (that would lead to an error condition that would\n // result in an error being thrown)\n // @type {Array<{ container: HTMLElement, firstTabbableNode: HTMLElement|null, lastTabbableNode: HTMLElement|null }>}\n tabbableGroups: [],\n\n nodeFocusedBeforeActivation: null,\n mostRecentlyFocusedNode: null,\n active: false,\n paused: false,\n\n // timer ID for when delayInitialFocus is true and initial focus in this trap\n // has been delayed during activation\n delayInitialFocusTimer: undefined,\n };\n\n let trap; // eslint-disable-line prefer-const -- some private functions reference it, and its methods reference private functions, so we must declare here and define later\n\n const getOption = (configOverrideOptions, optionName, configOptionName) => {\n return configOverrideOptions &&\n configOverrideOptions[optionName] !== undefined\n ? configOverrideOptions[optionName]\n : config[configOptionName || optionName];\n };\n\n const containersContain = function (element) {\n return !!(\n element &&\n state.containers.some((container) => container.contains(element))\n );\n };\n\n /**\n * Gets the node for the given option, which is expected to be an option that\n * can be either a DOM node, a string that is a selector to get a node, `false`\n * (if a node is explicitly NOT given), or a function that returns any of these\n * values.\n * @param {string} optionName\n * @returns {undefined | false | HTMLElement | SVGElement} Returns\n * `undefined` if the option is not specified; `false` if the option\n * resolved to `false` (node explicitly not given); otherwise, the resolved\n * DOM node.\n * @throws {Error} If the option is set, not `false`, and is not, or does not\n * resolve to a node.\n */\n const getNodeForOption = function (optionName, ...params) {\n let optionValue = config[optionName];\n\n if (typeof optionValue === 'function') {\n optionValue = optionValue(...params);\n }\n\n if (!optionValue) {\n if (optionValue === undefined || optionValue === false) {\n return optionValue;\n }\n // else, empty string (invalid), null (invalid), 0 (invalid)\n\n throw new Error(\n `\\`${optionName}\\` was specified but was not a node, or did not return a node`\n );\n }\n\n let node = optionValue; // could be HTMLElement, SVGElement, or non-empty string at this point\n\n if (typeof optionValue === 'string') {\n node = doc.querySelector(optionValue); // resolve to node, or null if fails\n if (!node) {\n throw new Error(\n `\\`${optionName}\\` as selector refers to no known node`\n );\n }\n }\n\n return node;\n };\n\n const getInitialFocusNode = function () {\n let node = getNodeForOption('initialFocus');\n\n // false explicitly indicates we want no initialFocus at all\n if (node === false) {\n return false;\n }\n\n if (node === undefined) {\n // option not specified: use fallback options\n if (containersContain(doc.activeElement)) {\n node = doc.activeElement;\n } else {\n const firstTabbableGroup = state.tabbableGroups[0];\n const firstTabbableNode =\n firstTabbableGroup && firstTabbableGroup.firstTabbableNode;\n\n // NOTE: `fallbackFocus` option function cannot return `false` (not supported)\n node = firstTabbableNode || getNodeForOption('fallbackFocus');\n }\n }\n\n if (!node) {\n throw new Error(\n 'Your focus-trap needs to have at least one focusable element'\n );\n }\n\n return node;\n };\n\n const updateTabbableNodes = function () {\n state.tabbableGroups = state.containers\n .map((container) => {\n const tabbableNodes = tabbable(container);\n\n if (tabbableNodes.length > 0) {\n return {\n container,\n firstTabbableNode: tabbableNodes[0],\n lastTabbableNode: tabbableNodes[tabbableNodes.length - 1],\n };\n }\n\n return undefined;\n })\n .filter((group) => !!group); // remove groups with no tabbable nodes\n\n // throw if no groups have tabbable nodes and we don't have a fallback focus node either\n if (\n state.tabbableGroups.length <= 0 &&\n !getNodeForOption('fallbackFocus') // returning false not supported for this option\n ) {\n throw new Error(\n 'Your focus-trap must have at least one container with at least one tabbable node in it at all times'\n );\n }\n };\n\n const tryFocus = function (node) {\n if (node === false) {\n return;\n }\n\n if (node === doc.activeElement) {\n return;\n }\n\n if (!node || !node.focus) {\n tryFocus(getInitialFocusNode());\n return;\n }\n\n node.focus({ preventScroll: !!config.preventScroll });\n state.mostRecentlyFocusedNode = node;\n\n if (isSelectableInput(node)) {\n node.select();\n }\n };\n\n const getReturnFocusNode = function (previousActiveElement) {\n const node = getNodeForOption('setReturnFocus', previousActiveElement);\n return node ? node : node === false ? false : previousActiveElement;\n };\n\n // This needs to be done on mousedown and touchstart instead of click\n // so that it precedes the focus event.\n const checkPointerDown = function (e) {\n const target = getActualTarget(e);\n\n if (containersContain(target)) {\n // allow the click since it ocurred inside the trap\n return;\n }\n\n if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n // immediately deactivate the trap\n trap.deactivate({\n // if, on deactivation, we should return focus to the node originally-focused\n // when the trap was activated (or the configured `setReturnFocus` node),\n // then assume it's also OK to return focus to the outside node that was\n // just clicked, causing deactivation, as long as that node is focusable;\n // if it isn't focusable, then return focus to the original node focused\n // on activation (or the configured `setReturnFocus` node)\n // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,\n // which will result in the outside click setting focus to the node\n // that was clicked, whether it's focusable or not; by setting\n // `returnFocus: true`, we'll attempt to re-focus the node originally-focused\n // on activation (or the configured `setReturnFocus` node)\n returnFocus: config.returnFocusOnDeactivate && !isFocusable(target),\n });\n return;\n }\n\n // This is needed for mobile devices.\n // (If we'll only let `click` events through,\n // then on mobile they will be blocked anyways if `touchstart` is blocked.)\n if (valueOrHandler(config.allowOutsideClick, e)) {\n // allow the click outside the trap to take place\n return;\n }\n\n // otherwise, prevent the click\n e.preventDefault();\n };\n\n // In case focus escapes the trap for some strange reason, pull it back in.\n const checkFocusIn = function (e) {\n const target = getActualTarget(e);\n const targetContained = containersContain(target);\n\n // In Firefox when you Tab out of an iframe the Document is briefly focused.\n if (targetContained || target instanceof Document) {\n if (targetContained) {\n state.mostRecentlyFocusedNode = target;\n }\n } else {\n // escaped! pull it back in to where it just left\n e.stopImmediatePropagation();\n tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());\n }\n };\n\n // Hijack Tab events on the first and last focusable nodes of the trap,\n // in order to prevent focus from escaping. If it escapes for even a\n // moment it can end up scrolling the page and causing confusion so we\n // kind of need to capture the action at the keydown phase.\n const checkTab = function (e) {\n const target = getActualTarget(e);\n updateTabbableNodes();\n\n let destinationNode = null;\n\n if (state.tabbableGroups.length > 0) {\n // make sure the target is actually contained in a group\n // NOTE: the target may also be the container itself if it's focusable\n // with tabIndex='-1' and was given initial focus\n const containerIndex = findIndex(state.tabbableGroups, ({ container }) =>\n container.contains(target)\n );\n\n if (containerIndex < 0) {\n // target not found in any group: quite possible focus has escaped the trap,\n // so bring it back in to...\n if (e.shiftKey) {\n // ...the last node in the last group\n destinationNode =\n state.tabbableGroups[state.tabbableGroups.length - 1]\n .lastTabbableNode;\n } else {\n // ...the first node in the first group\n destinationNode = state.tabbableGroups[0].firstTabbableNode;\n }\n } else if (e.shiftKey) {\n // REVERSE\n\n // is the target the first tabbable node in a group?\n let startOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ firstTabbableNode }) => target === firstTabbableNode\n );\n\n if (\n startOfGroupIndex < 0 &&\n (state.tabbableGroups[containerIndex].container === target ||\n (isFocusable(target) && !isTabbable(target)))\n ) {\n // an exception case where the target is either the container itself, or\n // a non-tabbable node that was given focus (i.e. tabindex is negative\n // and user clicked on it or node was programmatically given focus), in which\n // case, we should handle shift+tab as if focus were on the container's\n // first tabbable node, and go to the last tabbable node of the LAST group\n startOfGroupIndex = containerIndex;\n }\n\n if (startOfGroupIndex >= 0) {\n // YES: then shift+tab should go to the last tabbable node in the\n // previous group (and wrap around to the last tabbable node of\n // the LAST group if it's the first tabbable node of the FIRST group)\n const destinationGroupIndex =\n startOfGroupIndex === 0\n ? state.tabbableGroups.length - 1\n : startOfGroupIndex - 1;\n\n const destinationGroup = state.tabbableGroups[destinationGroupIndex];\n destinationNode = destinationGroup.lastTabbableNode;\n }\n } else {\n // FORWARD\n\n // is the target the last tabbable node in a group?\n let lastOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ lastTabbableNode }) => target === lastTabbableNode\n );\n\n if (\n lastOfGroupIndex < 0 &&\n (state.tabbableGroups[containerIndex].container === target ||\n (isFocusable(target) && !isTabbable(target)))\n ) {\n // an exception case where the target is the container itself, or\n // a non-tabbable node that was given focus (i.e. tabindex is negative\n // and user clicked on it or node was programmatically given focus), in which\n // case, we should handle tab as if focus were on the container's\n // last tabbable node, and go to the first tabbable node of the FIRST group\n lastOfGroupIndex = containerIndex;\n }\n\n if (lastOfGroupIndex >= 0) {\n // YES: then tab should go to the first tabbable node in the next\n // group (and wrap around to the first tabbable node of the FIRST\n // group if it's the last tabbable node of the LAST group)\n const destinationGroupIndex =\n lastOfGroupIndex === state.tabbableGroups.length - 1\n ? 0\n : lastOfGroupIndex + 1;\n\n const destinationGroup = state.tabbableGroups[destinationGroupIndex];\n destinationNode = destinationGroup.firstTabbableNode;\n }\n }\n } else {\n // NOTE: the fallbackFocus option does not support returning false to opt-out\n destinationNode = getNodeForOption('fallbackFocus');\n }\n\n if (destinationNode) {\n e.preventDefault();\n tryFocus(destinationNode);\n }\n // else, let the browser take care of [shift+]tab and move the focus\n };\n\n const checkKey = function (e) {\n if (\n isEscapeEvent(e) &&\n valueOrHandler(config.escapeDeactivates, e) !== false\n ) {\n e.preventDefault();\n trap.deactivate();\n return;\n }\n\n if (isTabEvent(e)) {\n checkTab(e);\n return;\n }\n };\n\n const checkClick = function (e) {\n if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n return;\n }\n\n const target = getActualTarget(e);\n\n if (containersContain(target)) {\n return;\n }\n\n if (valueOrHandler(config.allowOutsideClick, e)) {\n return;\n }\n\n e.preventDefault();\n e.stopImmediatePropagation();\n };\n\n //\n // EVENT LISTENERS\n //\n\n const addListeners = function () {\n if (!state.active) {\n return;\n }\n\n // There can be only one listening focus trap at a time\n activeFocusTraps.activateTrap(trap);\n\n // Delay ensures that the focused element doesn't capture the event\n // that caused the focus trap activation.\n state.delayInitialFocusTimer = config.delayInitialFocus\n ? delay(function () {\n tryFocus(getInitialFocusNode());\n })\n : tryFocus(getInitialFocusNode());\n\n doc.addEventListener('focusin', checkFocusIn, true);\n doc.addEventListener('mousedown', checkPointerDown, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('touchstart', checkPointerDown, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('click', checkClick, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('keydown', checkKey, {\n capture: true,\n passive: false,\n });\n\n return trap;\n };\n\n const removeListeners = function () {\n if (!state.active) {\n return;\n }\n\n doc.removeEventListener('focusin', checkFocusIn, true);\n doc.removeEventListener('mousedown', checkPointerDown, true);\n doc.removeEventListener('touchstart', checkPointerDown, true);\n doc.removeEventListener('click', checkClick, true);\n doc.removeEventListener('keydown', checkKey, true);\n\n return trap;\n };\n\n //\n // TRAP DEFINITION\n //\n\n trap = {\n activate(activateOptions) {\n if (state.active) {\n return this;\n }\n\n const onActivate = getOption(activateOptions, 'onActivate');\n const onPostActivate = getOption(activateOptions, 'onPostActivate');\n const checkCanFocusTrap = getOption(activateOptions, 'checkCanFocusTrap');\n\n if (!checkCanFocusTrap) {\n updateTabbableNodes();\n }\n\n state.active = true;\n state.paused = false;\n state.nodeFocusedBeforeActivation = doc.activeElement;\n\n if (onActivate) {\n onActivate();\n }\n\n const finishActivation = () => {\n if (checkCanFocusTrap) {\n updateTabbableNodes();\n }\n addListeners();\n if (onPostActivate) {\n onPostActivate();\n }\n };\n\n if (checkCanFocusTrap) {\n checkCanFocusTrap(state.containers.concat()).then(\n finishActivation,\n finishActivation\n );\n return this;\n }\n\n finishActivation();\n return this;\n },\n\n deactivate(deactivateOptions) {\n if (!state.active) {\n return this;\n }\n\n clearTimeout(state.delayInitialFocusTimer); // noop if undefined\n state.delayInitialFocusTimer = undefined;\n\n removeListeners();\n state.active = false;\n state.paused = false;\n\n activeFocusTraps.deactivateTrap(trap);\n\n const onDeactivate = getOption(deactivateOptions, 'onDeactivate');\n const onPostDeactivate = getOption(deactivateOptions, 'onPostDeactivate');\n const checkCanReturnFocus = getOption(\n deactivateOptions,\n 'checkCanReturnFocus'\n );\n\n if (onDeactivate) {\n onDeactivate();\n }\n\n const returnFocus = getOption(\n deactivateOptions,\n 'returnFocus',\n 'returnFocusOnDeactivate'\n );\n\n const finishDeactivation = () => {\n delay(() => {\n if (returnFocus) {\n tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n }\n if (onPostDeactivate) {\n onPostDeactivate();\n }\n });\n };\n\n if (returnFocus && checkCanReturnFocus) {\n checkCanReturnFocus(\n getReturnFocusNode(state.nodeFocusedBeforeActivation)\n ).then(finishDeactivation, finishDeactivation);\n return this;\n }\n\n finishDeactivation();\n return this;\n },\n\n pause() {\n if (state.paused || !state.active) {\n return this;\n }\n\n state.paused = true;\n removeListeners();\n\n return this;\n },\n\n unpause() {\n if (!state.paused || !state.active) {\n return this;\n }\n\n state.paused = false;\n updateTabbableNodes();\n addListeners();\n\n return this;\n },\n\n updateContainerElements(containerElements) {\n const elementsAsArray = [].concat(containerElements).filter(Boolean);\n\n state.containers = elementsAsArray.map((element) =>\n typeof element === 'string' ? doc.querySelector(element) : element\n );\n\n if (state.active) {\n updateTabbableNodes();\n }\n\n return this;\n },\n };\n\n // initialize container elements\n trap.updateContainerElements(elements);\n\n return trap;\n};\n\nexport { createFocusTrap };\n"],"names":["activeFocusTraps","trapQueue","activateTrap","trap","length","activeTrap","pause","trapIndex","indexOf","push","splice","deactivateTrap","unpause","isSelectableInput","node","tagName","toLowerCase","select","isEscapeEvent","e","key","keyCode","isTabEvent","delay","fn","setTimeout","findIndex","arr","idx","every","value","i","valueOrHandler","params","getActualTarget","event","target","shadowRoot","composedPath","createFocusTrap","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","delayInitialFocusTimer","undefined","getOption","configOverrideOptions","optionName","configOptionName","containersContain","element","some","container","contains","getNodeForOption","optionValue","Error","querySelector","getInitialFocusNode","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbableNodes","tabbable","lastTabbableNode","filter","group","tryFocus","focus","preventScroll","getReturnFocusNode","previousActiveElement","checkPointerDown","clickOutsideDeactivates","deactivate","returnFocus","isFocusable","allowOutsideClick","preventDefault","checkFocusIn","targetContained","Document","stopImmediatePropagation","checkTab","destinationNode","containerIndex","shiftKey","startOfGroupIndex","isTabbable","destinationGroupIndex","destinationGroup","lastOfGroupIndex","checkKey","checkClick","addListeners","addEventListener","capture","passive","removeListeners","removeEventListener","activate","activateOptions","onActivate","onPostActivate","checkCanFocusTrap","finishActivation","concat","then","deactivateOptions","clearTimeout","onDeactivate","onPostDeactivate","checkCanReturnFocus","finishDeactivation","updateContainerElements","containerElements","elementsAsArray","Boolean"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* focus-trap 6.7.
|
|
2
|
+
* focus-trap 6.7.2
|
|
3
3
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
4
4
|
*/
|
|
5
|
-
import{tabbable as e,isFocusable as t}from"tabbable";function
|
|
5
|
+
import{tabbable as e,isFocusable as t,isTabbable as n}from"tabbable";function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var o,i=(o=[],{activateTrap:function(e){if(o.length>0){var t=o[o.length-1];t!==e&&t.pause()}var n=o.indexOf(e);-1===n||o.splice(n,1),o.push(e)},deactivateTrap:function(e){var t=o.indexOf(e);-1!==t&&o.splice(t,1),o.length>0&&o[o.length-1].unpause()}}),c=function(e){return setTimeout(e,0)},u=function(e,t){var n=-1;return e.every((function(e,a){return!t(e)||(n=a,!1)})),n},s=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];return"function"==typeof e?e.apply(void 0,n):e},l=function(e){return e.target.shadowRoot&&"function"==typeof e.composedPath?e.composedPath()[0]:e.target},f=function(o,f){var v,b=(null==f?void 0:f.document)||document,p=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},f),d={containers:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},h=function(e,t,n){return e&&void 0!==e[t]?e[t]:p[n||t]},m=function(e){return!(!e||!d.containers.some((function(t){return t.contains(e)})))},y=function(e){var t=p[e];if("function"==typeof t){for(var n=arguments.length,a=new Array(n>1?n-1:0),r=1;r<n;r++)a[r-1]=arguments[r];t=t.apply(void 0,a)}if(!t){if(void 0===t||!1===t)return t;throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var o=t;if("string"==typeof t&&!(o=b.querySelector(t)))throw new Error("`".concat(e,"` as selector refers to no known node"));return o},g=function(){var e=y("initialFocus");if(!1===e)return!1;if(void 0===e)if(m(b.activeElement))e=b.activeElement;else{var t=d.tabbableGroups[0];e=t&&t.firstTabbableNode||y("fallbackFocus")}if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},w=function(){if(d.tabbableGroups=d.containers.map((function(t){var n=e(t);if(n.length>0)return{container:t,firstTabbableNode:n[0],lastTabbableNode:n[n.length-1]}})).filter((function(e){return!!e})),d.tabbableGroups.length<=0&&!y("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},O=function e(t){!1!==t&&t!==b.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!p.preventScroll}),d.mostRecentlyFocusedNode=t,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(t)&&t.select()):e(g()))},F=function(e){var t=y("setReturnFocus",e);return t||!1!==t&&e},E=function(e){var n=l(e);m(n)||(s(p.clickOutsideDeactivates,e)?v.deactivate({returnFocus:p.returnFocusOnDeactivate&&!t(n)}):s(p.allowOutsideClick,e)||e.preventDefault())},T=function(e){var t=l(e),n=m(t);n||t instanceof Document?n&&(d.mostRecentlyFocusedNode=t):(e.stopImmediatePropagation(),O(d.mostRecentlyFocusedNode||g()))},k=function(e){if(function(e){return"Escape"===e.key||"Esc"===e.key||27===e.keyCode}(e)&&!1!==s(p.escapeDeactivates,e))return e.preventDefault(),void v.deactivate();(function(e){return"Tab"===e.key||9===e.keyCode})(e)&&function(e){var a=l(e);w();var r=null;if(d.tabbableGroups.length>0){var o=u(d.tabbableGroups,(function(e){return e.container.contains(a)}));if(o<0)r=e.shiftKey?d.tabbableGroups[d.tabbableGroups.length-1].lastTabbableNode:d.tabbableGroups[0].firstTabbableNode;else if(e.shiftKey){var i=u(d.tabbableGroups,(function(e){var t=e.firstTabbableNode;return a===t}));if(i<0&&(d.tabbableGroups[o].container===a||t(a)&&!n(a))&&(i=o),i>=0){var c=0===i?d.tabbableGroups.length-1:i-1;r=d.tabbableGroups[c].lastTabbableNode}}else{var s=u(d.tabbableGroups,(function(e){var t=e.lastTabbableNode;return a===t}));if(s<0&&(d.tabbableGroups[o].container===a||t(a)&&!n(a))&&(s=o),s>=0){var f=s===d.tabbableGroups.length-1?0:s+1;r=d.tabbableGroups[f].firstTabbableNode}}}else r=y("fallbackFocus");r&&(e.preventDefault(),O(r))}(e)},D=function(e){if(!s(p.clickOutsideDeactivates,e)){var t=l(e);m(t)||s(p.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())}},G=function(){if(d.active)return i.activateTrap(v),d.delayInitialFocusTimer=p.delayInitialFocus?c((function(){O(g())})):O(g()),b.addEventListener("focusin",T,!0),b.addEventListener("mousedown",E,{capture:!0,passive:!1}),b.addEventListener("touchstart",E,{capture:!0,passive:!1}),b.addEventListener("click",D,{capture:!0,passive:!1}),b.addEventListener("keydown",k,{capture:!0,passive:!1}),v},N=function(){if(d.active)return b.removeEventListener("focusin",T,!0),b.removeEventListener("mousedown",E,!0),b.removeEventListener("touchstart",E,!0),b.removeEventListener("click",D,!0),b.removeEventListener("keydown",k,!0),v};return(v={activate:function(e){if(d.active)return this;var t=h(e,"onActivate"),n=h(e,"onPostActivate"),a=h(e,"checkCanFocusTrap");a||w(),d.active=!0,d.paused=!1,d.nodeFocusedBeforeActivation=b.activeElement,t&&t();var r=function(){a&&w(),G(),n&&n()};return a?(a(d.containers.concat()).then(r,r),this):(r(),this)},deactivate:function(e){if(!d.active)return this;clearTimeout(d.delayInitialFocusTimer),d.delayInitialFocusTimer=void 0,N(),d.active=!1,d.paused=!1,i.deactivateTrap(v);var t=h(e,"onDeactivate"),n=h(e,"onPostDeactivate"),a=h(e,"checkCanReturnFocus");t&&t();var r=h(e,"returnFocus","returnFocusOnDeactivate"),o=function(){c((function(){r&&O(F(d.nodeFocusedBeforeActivation)),n&&n()}))};return r&&a?(a(F(d.nodeFocusedBeforeActivation)).then(o,o),this):(o(),this)},pause:function(){return d.paused||!d.active||(d.paused=!0,N()),this},unpause:function(){return d.paused&&d.active?(d.paused=!1,w(),G(),this):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return d.containers=t.map((function(e){return"string"==typeof e?b.querySelector(e):e})),d.active&&w(),this}}).updateContainerElements(o),v};export{f as createFocusTrap};
|
|
6
6
|
//# sourceMappingURL=focus-trap.esm.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus-trap.esm.min.js","sources":["../index.js"],"sourcesContent":["import { tabbable, isFocusable } from 'tabbable';\n\nconst activeFocusTraps = (function () {\n const trapQueue = [];\n return {\n activateTrap(trap) {\n if (trapQueue.length > 0) {\n const activeTrap = trapQueue[trapQueue.length - 1];\n if (activeTrap !== trap) {\n activeTrap.pause();\n }\n }\n\n const trapIndex = trapQueue.indexOf(trap);\n if (trapIndex === -1) {\n trapQueue.push(trap);\n } else {\n // move this existing trap to the front of the queue\n trapQueue.splice(trapIndex, 1);\n trapQueue.push(trap);\n }\n },\n\n deactivateTrap(trap) {\n const trapIndex = trapQueue.indexOf(trap);\n if (trapIndex !== -1) {\n trapQueue.splice(trapIndex, 1);\n }\n\n if (trapQueue.length > 0) {\n trapQueue[trapQueue.length - 1].unpause();\n }\n },\n };\n})();\n\nconst isSelectableInput = function (node) {\n return (\n node.tagName &&\n node.tagName.toLowerCase() === 'input' &&\n typeof node.select === 'function'\n );\n};\n\nconst isEscapeEvent = function (e) {\n return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;\n};\n\nconst isTabEvent = function (e) {\n return e.key === 'Tab' || e.keyCode === 9;\n};\n\nconst delay = function (fn) {\n return setTimeout(fn, 0);\n};\n\n// Array.find/findIndex() are not supported on IE; this replicates enough\n// of Array.findIndex() for our needs\nconst findIndex = function (arr, fn) {\n let idx = -1;\n\n arr.every(function (value, i) {\n if (fn(value)) {\n idx = i;\n return false; // break\n }\n\n return true; // next\n });\n\n return idx;\n};\n\n/**\n * Get an option's value when it could be a plain value, or a handler that provides\n * the value.\n * @param {*} value Option's value to check.\n * @param {...*} [params] Any parameters to pass to the handler, if `value` is a function.\n * @returns {*} The `value`, or the handler's returned value.\n */\nconst valueOrHandler = function (value, ...params) {\n return typeof value === 'function' ? value(...params) : value;\n};\n\nconst getActualTarget = function (event) {\n // NOTE: If the trap is _inside_ a shadow DOM, event.target will always be the\n // shadow host. However, event.target.composedPath() will be an array of\n // nodes \"clicked\" from inner-most (the actual element inside the shadow) to\n // outer-most (the host HTML document). If we have access to composedPath(),\n // then use its first element; otherwise, fall back to event.target (and\n // this only works for an _open_ shadow DOM; otherwise,\n // composedPath()[0] === event.target always).\n return event.target.shadowRoot && typeof event.composedPath === 'function'\n ? event.composedPath()[0]\n : event.target;\n};\n\nconst createFocusTrap = function (elements, userOptions) {\n const doc = userOptions?.document || document;\n\n const config = {\n returnFocusOnDeactivate: true,\n escapeDeactivates: true,\n delayInitialFocus: true,\n ...userOptions,\n };\n\n const state = {\n // @type {Array<HTMLElement>}\n containers: [],\n\n // list of objects identifying the first and last tabbable nodes in all containers/groups in\n // the trap\n // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap\n // is active, but the trap should never get to a state where there isn't at least one group\n // with at least one tabbable node in it (that would lead to an error condition that would\n // result in an error being thrown)\n // @type {Array<{ container: HTMLElement, firstTabbableNode: HTMLElement|null, lastTabbableNode: HTMLElement|null }>}\n tabbableGroups: [],\n\n nodeFocusedBeforeActivation: null,\n mostRecentlyFocusedNode: null,\n active: false,\n paused: false,\n\n // timer ID for when delayInitialFocus is true and initial focus in this trap\n // has been delayed during activation\n delayInitialFocusTimer: undefined,\n };\n\n let trap; // eslint-disable-line prefer-const -- some private functions reference it, and its methods reference private functions, so we must declare here and define later\n\n const getOption = (configOverrideOptions, optionName, configOptionName) => {\n return configOverrideOptions &&\n configOverrideOptions[optionName] !== undefined\n ? configOverrideOptions[optionName]\n : config[configOptionName || optionName];\n };\n\n const containersContain = function (element) {\n return !!(\n element &&\n state.containers.some((container) => container.contains(element))\n );\n };\n\n /**\n * Gets the node for the given option, which is expected to be an option that\n * can be either a DOM node, a string that is a selector to get a node, `false`\n * (if a node is explicitly NOT given), or a function that returns any of these\n * values.\n * @param {string} optionName\n * @returns {undefined | false | HTMLElement | SVGElement} Returns\n * `undefined` if the option is not specified; `false` if the option\n * resolved to `false` (node explicitly not given); otherwise, the resolved\n * DOM node.\n * @throws {Error} If the option is set, not `false`, and is not, or does not\n * resolve to a node.\n */\n const getNodeForOption = function (optionName, ...params) {\n let optionValue = config[optionName];\n\n if (typeof optionValue === 'function') {\n optionValue = optionValue(...params);\n }\n\n if (!optionValue) {\n if (optionValue === undefined || optionValue === false) {\n return optionValue;\n }\n // else, empty string (invalid), null (invalid), 0 (invalid)\n\n throw new Error(\n `\\`${optionName}\\` was specified but was not a node, or did not return a node`\n );\n }\n\n let node = optionValue; // could be HTMLElement, SVGElement, or non-empty string at this point\n\n if (typeof optionValue === 'string') {\n node = doc.querySelector(optionValue); // resolve to node, or null if fails\n if (!node) {\n throw new Error(\n `\\`${optionName}\\` as selector refers to no known node`\n );\n }\n }\n\n return node;\n };\n\n const getInitialFocusNode = function () {\n let node = getNodeForOption('initialFocus');\n\n // false explicitly indicates we want no initialFocus at all\n if (node === false) {\n return false;\n }\n\n if (node === undefined) {\n // option not specified: use fallback options\n if (containersContain(doc.activeElement)) {\n node = doc.activeElement;\n } else {\n const firstTabbableGroup = state.tabbableGroups[0];\n const firstTabbableNode =\n firstTabbableGroup && firstTabbableGroup.firstTabbableNode;\n\n // NOTE: `fallbackFocus` option function cannot return `false` (not supported)\n node = firstTabbableNode || getNodeForOption('fallbackFocus');\n }\n }\n\n if (!node) {\n throw new Error(\n 'Your focus-trap needs to have at least one focusable element'\n );\n }\n\n return node;\n };\n\n const updateTabbableNodes = function () {\n state.tabbableGroups = state.containers\n .map((container) => {\n const tabbableNodes = tabbable(container);\n\n if (tabbableNodes.length > 0) {\n return {\n container,\n firstTabbableNode: tabbableNodes[0],\n lastTabbableNode: tabbableNodes[tabbableNodes.length - 1],\n };\n }\n\n return undefined;\n })\n .filter((group) => !!group); // remove groups with no tabbable nodes\n\n // throw if no groups have tabbable nodes and we don't have a fallback focus node either\n if (\n state.tabbableGroups.length <= 0 &&\n !getNodeForOption('fallbackFocus') // returning false not supported for this option\n ) {\n throw new Error(\n 'Your focus-trap must have at least one container with at least one tabbable node in it at all times'\n );\n }\n };\n\n const tryFocus = function (node) {\n if (node === false) {\n return;\n }\n\n if (node === doc.activeElement) {\n return;\n }\n\n if (!node || !node.focus) {\n tryFocus(getInitialFocusNode());\n return;\n }\n\n node.focus({ preventScroll: !!config.preventScroll });\n state.mostRecentlyFocusedNode = node;\n\n if (isSelectableInput(node)) {\n node.select();\n }\n };\n\n const getReturnFocusNode = function (previousActiveElement) {\n const node = getNodeForOption('setReturnFocus', previousActiveElement);\n return node ? node : node === false ? false : previousActiveElement;\n };\n\n // This needs to be done on mousedown and touchstart instead of click\n // so that it precedes the focus event.\n const checkPointerDown = function (e) {\n const target = getActualTarget(e);\n\n if (containersContain(target)) {\n // allow the click since it ocurred inside the trap\n return;\n }\n\n if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n // immediately deactivate the trap\n trap.deactivate({\n // if, on deactivation, we should return focus to the node originally-focused\n // when the trap was activated (or the configured `setReturnFocus` node),\n // then assume it's also OK to return focus to the outside node that was\n // just clicked, causing deactivation, as long as that node is focusable;\n // if it isn't focusable, then return focus to the original node focused\n // on activation (or the configured `setReturnFocus` node)\n // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,\n // which will result in the outside click setting focus to the node\n // that was clicked, whether it's focusable or not; by setting\n // `returnFocus: true`, we'll attempt to re-focus the node originally-focused\n // on activation (or the configured `setReturnFocus` node)\n returnFocus: config.returnFocusOnDeactivate && !isFocusable(target),\n });\n return;\n }\n\n // This is needed for mobile devices.\n // (If we'll only let `click` events through,\n // then on mobile they will be blocked anyways if `touchstart` is blocked.)\n if (valueOrHandler(config.allowOutsideClick, e)) {\n // allow the click outside the trap to take place\n return;\n }\n\n // otherwise, prevent the click\n e.preventDefault();\n };\n\n // In case focus escapes the trap for some strange reason, pull it back in.\n const checkFocusIn = function (e) {\n const target = getActualTarget(e);\n const targetContained = containersContain(target);\n\n // In Firefox when you Tab out of an iframe the Document is briefly focused.\n if (targetContained || target instanceof Document) {\n if (targetContained) {\n state.mostRecentlyFocusedNode = target;\n }\n } else {\n // escaped! pull it back in to where it just left\n e.stopImmediatePropagation();\n tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());\n }\n };\n\n // Hijack Tab events on the first and last focusable nodes of the trap,\n // in order to prevent focus from escaping. If it escapes for even a\n // moment it can end up scrolling the page and causing confusion so we\n // kind of need to capture the action at the keydown phase.\n const checkTab = function (e) {\n const target = getActualTarget(e);\n updateTabbableNodes();\n\n let destinationNode = null;\n\n if (state.tabbableGroups.length > 0) {\n // make sure the target is actually contained in a group\n // NOTE: the target may also be the container itself if it's tabbable\n // with tabIndex='-1' and was given initial focus\n const containerIndex = findIndex(state.tabbableGroups, ({ container }) =>\n container.contains(target)\n );\n\n if (containerIndex < 0) {\n // target not found in any group: quite possible focus has escaped the trap,\n // so bring it back in to...\n if (e.shiftKey) {\n // ...the last node in the last group\n destinationNode =\n state.tabbableGroups[state.tabbableGroups.length - 1]\n .lastTabbableNode;\n } else {\n // ...the first node in the first group\n destinationNode = state.tabbableGroups[0].firstTabbableNode;\n }\n } else if (e.shiftKey) {\n // REVERSE\n\n // is the target the first tabbable node in a group?\n let startOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ firstTabbableNode }) => target === firstTabbableNode\n );\n\n if (\n startOfGroupIndex < 0 &&\n state.tabbableGroups[containerIndex].container === target\n ) {\n // an exception case where the target is the container itself, in which\n // case, we should handle shift+tab as if focus were on the container's\n // first tabbable node, and go to the last tabbable node of the LAST group\n startOfGroupIndex = containerIndex;\n }\n\n if (startOfGroupIndex >= 0) {\n // YES: then shift+tab should go to the last tabbable node in the\n // previous group (and wrap around to the last tabbable node of\n // the LAST group if it's the first tabbable node of the FIRST group)\n const destinationGroupIndex =\n startOfGroupIndex === 0\n ? state.tabbableGroups.length - 1\n : startOfGroupIndex - 1;\n\n const destinationGroup = state.tabbableGroups[destinationGroupIndex];\n destinationNode = destinationGroup.lastTabbableNode;\n }\n } else {\n // FORWARD\n\n // is the target the last tabbable node in a group?\n let lastOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ lastTabbableNode }) => target === lastTabbableNode\n );\n\n if (\n lastOfGroupIndex < 0 &&\n state.tabbableGroups[containerIndex].container === target\n ) {\n // an exception case where the target is the container itself, in which\n // case, we should handle tab as if focus were on the container's\n // last tabbable node, and go to the first tabbable node of the FIRST group\n lastOfGroupIndex = containerIndex;\n }\n\n if (lastOfGroupIndex >= 0) {\n // YES: then tab should go to the first tabbable node in the next\n // group (and wrap around to the first tabbable node of the FIRST\n // group if it's the last tabbable node of the LAST group)\n const destinationGroupIndex =\n lastOfGroupIndex === state.tabbableGroups.length - 1\n ? 0\n : lastOfGroupIndex + 1;\n\n const destinationGroup = state.tabbableGroups[destinationGroupIndex];\n destinationNode = destinationGroup.firstTabbableNode;\n }\n }\n } else {\n // NOTE: the fallbackFocus option does not support returning false to opt-out\n destinationNode = getNodeForOption('fallbackFocus');\n }\n\n if (destinationNode) {\n e.preventDefault();\n tryFocus(destinationNode);\n }\n // else, let the browser take care of [shift+]tab and move the focus\n };\n\n const checkKey = function (e) {\n if (\n isEscapeEvent(e) &&\n valueOrHandler(config.escapeDeactivates, e) !== false\n ) {\n e.preventDefault();\n trap.deactivate();\n return;\n }\n\n if (isTabEvent(e)) {\n checkTab(e);\n return;\n }\n };\n\n const checkClick = function (e) {\n if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n return;\n }\n\n const target = getActualTarget(e);\n\n if (containersContain(target)) {\n return;\n }\n\n if (valueOrHandler(config.allowOutsideClick, e)) {\n return;\n }\n\n e.preventDefault();\n e.stopImmediatePropagation();\n };\n\n //\n // EVENT LISTENERS\n //\n\n const addListeners = function () {\n if (!state.active) {\n return;\n }\n\n // There can be only one listening focus trap at a time\n activeFocusTraps.activateTrap(trap);\n\n // Delay ensures that the focused element doesn't capture the event\n // that caused the focus trap activation.\n state.delayInitialFocusTimer = config.delayInitialFocus\n ? delay(function () {\n tryFocus(getInitialFocusNode());\n })\n : tryFocus(getInitialFocusNode());\n\n doc.addEventListener('focusin', checkFocusIn, true);\n doc.addEventListener('mousedown', checkPointerDown, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('touchstart', checkPointerDown, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('click', checkClick, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('keydown', checkKey, {\n capture: true,\n passive: false,\n });\n\n return trap;\n };\n\n const removeListeners = function () {\n if (!state.active) {\n return;\n }\n\n doc.removeEventListener('focusin', checkFocusIn, true);\n doc.removeEventListener('mousedown', checkPointerDown, true);\n doc.removeEventListener('touchstart', checkPointerDown, true);\n doc.removeEventListener('click', checkClick, true);\n doc.removeEventListener('keydown', checkKey, true);\n\n return trap;\n };\n\n //\n // TRAP DEFINITION\n //\n\n trap = {\n activate(activateOptions) {\n if (state.active) {\n return this;\n }\n\n const onActivate = getOption(activateOptions, 'onActivate');\n const onPostActivate = getOption(activateOptions, 'onPostActivate');\n const checkCanFocusTrap = getOption(activateOptions, 'checkCanFocusTrap');\n\n if (!checkCanFocusTrap) {\n updateTabbableNodes();\n }\n\n state.active = true;\n state.paused = false;\n state.nodeFocusedBeforeActivation = doc.activeElement;\n\n if (onActivate) {\n onActivate();\n }\n\n const finishActivation = () => {\n if (checkCanFocusTrap) {\n updateTabbableNodes();\n }\n addListeners();\n if (onPostActivate) {\n onPostActivate();\n }\n };\n\n if (checkCanFocusTrap) {\n checkCanFocusTrap(state.containers.concat()).then(\n finishActivation,\n finishActivation\n );\n return this;\n }\n\n finishActivation();\n return this;\n },\n\n deactivate(deactivateOptions) {\n if (!state.active) {\n return this;\n }\n\n clearTimeout(state.delayInitialFocusTimer); // noop if undefined\n state.delayInitialFocusTimer = undefined;\n\n removeListeners();\n state.active = false;\n state.paused = false;\n\n activeFocusTraps.deactivateTrap(trap);\n\n const onDeactivate = getOption(deactivateOptions, 'onDeactivate');\n const onPostDeactivate = getOption(deactivateOptions, 'onPostDeactivate');\n const checkCanReturnFocus = getOption(\n deactivateOptions,\n 'checkCanReturnFocus'\n );\n\n if (onDeactivate) {\n onDeactivate();\n }\n\n const returnFocus = getOption(\n deactivateOptions,\n 'returnFocus',\n 'returnFocusOnDeactivate'\n );\n\n const finishDeactivation = () => {\n delay(() => {\n if (returnFocus) {\n tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n }\n if (onPostDeactivate) {\n onPostDeactivate();\n }\n });\n };\n\n if (returnFocus && checkCanReturnFocus) {\n checkCanReturnFocus(\n getReturnFocusNode(state.nodeFocusedBeforeActivation)\n ).then(finishDeactivation, finishDeactivation);\n return this;\n }\n\n finishDeactivation();\n return this;\n },\n\n pause() {\n if (state.paused || !state.active) {\n return this;\n }\n\n state.paused = true;\n removeListeners();\n\n return this;\n },\n\n unpause() {\n if (!state.paused || !state.active) {\n return this;\n }\n\n state.paused = false;\n updateTabbableNodes();\n addListeners();\n\n return this;\n },\n\n updateContainerElements(containerElements) {\n const elementsAsArray = [].concat(containerElements).filter(Boolean);\n\n state.containers = elementsAsArray.map((element) =>\n typeof element === 'string' ? doc.querySelector(element) : element\n );\n\n if (state.active) {\n updateTabbableNodes();\n }\n\n return this;\n },\n };\n\n // initialize container elements\n trap.updateContainerElements(elements);\n\n return trap;\n};\n\nexport { createFocusTrap };\n"],"names":["trapQueue","activeFocusTraps","activateTrap","trap","length","activeTrap","pause","trapIndex","indexOf","splice","push","deactivateTrap","unpause","delay","fn","setTimeout","findIndex","arr","idx","every","value","i","valueOrHandler","params","getActualTarget","event","target","shadowRoot","composedPath","createFocusTrap","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","delayInitialFocusTimer","undefined","getOption","configOverrideOptions","optionName","configOptionName","containersContain","element","some","container","contains","getNodeForOption","optionValue","Error","node","querySelector","getInitialFocusNode","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbableNodes","tabbable","lastTabbableNode","filter","group","tryFocus","focus","preventScroll","tagName","toLowerCase","select","isSelectableInput","getReturnFocusNode","previousActiveElement","checkPointerDown","e","clickOutsideDeactivates","deactivate","returnFocus","isFocusable","allowOutsideClick","preventDefault","checkFocusIn","targetContained","Document","stopImmediatePropagation","checkKey","key","keyCode","isEscapeEvent","isTabEvent","destinationNode","containerIndex","shiftKey","startOfGroupIndex","destinationGroupIndex","lastOfGroupIndex","checkTab","checkClick","addListeners","addEventListener","capture","passive","removeListeners","removeEventListener","activate","activateOptions","this","onActivate","onPostActivate","checkCanFocusTrap","finishActivation","concat","then","deactivateOptions","clearTimeout","onDeactivate","onPostDeactivate","checkCanReturnFocus","finishDeactivation","updateContainerElements","containerElements","elementsAsArray","Boolean"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"focus-trap.esm.min.js","sources":["../index.js"],"sourcesContent":["import { tabbable, isFocusable, isTabbable } from 'tabbable';\n\nconst activeFocusTraps = (function () {\n const trapQueue = [];\n return {\n activateTrap(trap) {\n if (trapQueue.length > 0) {\n const activeTrap = trapQueue[trapQueue.length - 1];\n if (activeTrap !== trap) {\n activeTrap.pause();\n }\n }\n\n const trapIndex = trapQueue.indexOf(trap);\n if (trapIndex === -1) {\n trapQueue.push(trap);\n } else {\n // move this existing trap to the front of the queue\n trapQueue.splice(trapIndex, 1);\n trapQueue.push(trap);\n }\n },\n\n deactivateTrap(trap) {\n const trapIndex = trapQueue.indexOf(trap);\n if (trapIndex !== -1) {\n trapQueue.splice(trapIndex, 1);\n }\n\n if (trapQueue.length > 0) {\n trapQueue[trapQueue.length - 1].unpause();\n }\n },\n };\n})();\n\nconst isSelectableInput = function (node) {\n return (\n node.tagName &&\n node.tagName.toLowerCase() === 'input' &&\n typeof node.select === 'function'\n );\n};\n\nconst isEscapeEvent = function (e) {\n return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;\n};\n\nconst isTabEvent = function (e) {\n return e.key === 'Tab' || e.keyCode === 9;\n};\n\nconst delay = function (fn) {\n return setTimeout(fn, 0);\n};\n\n// Array.find/findIndex() are not supported on IE; this replicates enough\n// of Array.findIndex() for our needs\nconst findIndex = function (arr, fn) {\n let idx = -1;\n\n arr.every(function (value, i) {\n if (fn(value)) {\n idx = i;\n return false; // break\n }\n\n return true; // next\n });\n\n return idx;\n};\n\n/**\n * Get an option's value when it could be a plain value, or a handler that provides\n * the value.\n * @param {*} value Option's value to check.\n * @param {...*} [params] Any parameters to pass to the handler, if `value` is a function.\n * @returns {*} The `value`, or the handler's returned value.\n */\nconst valueOrHandler = function (value, ...params) {\n return typeof value === 'function' ? value(...params) : value;\n};\n\nconst getActualTarget = function (event) {\n // NOTE: If the trap is _inside_ a shadow DOM, event.target will always be the\n // shadow host. However, event.target.composedPath() will be an array of\n // nodes \"clicked\" from inner-most (the actual element inside the shadow) to\n // outer-most (the host HTML document). If we have access to composedPath(),\n // then use its first element; otherwise, fall back to event.target (and\n // this only works for an _open_ shadow DOM; otherwise,\n // composedPath()[0] === event.target always).\n return event.target.shadowRoot && typeof event.composedPath === 'function'\n ? event.composedPath()[0]\n : event.target;\n};\n\nconst createFocusTrap = function (elements, userOptions) {\n // SSR: a live trap shouldn't be created in this type of environment so this\n // should be safe code to execute if the `document` option isn't specified\n const doc = userOptions?.document || document;\n\n const config = {\n returnFocusOnDeactivate: true,\n escapeDeactivates: true,\n delayInitialFocus: true,\n ...userOptions,\n };\n\n const state = {\n // @type {Array<HTMLElement>}\n containers: [],\n\n // list of objects identifying the first and last tabbable nodes in all containers/groups in\n // the trap\n // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap\n // is active, but the trap should never get to a state where there isn't at least one group\n // with at least one tabbable node in it (that would lead to an error condition that would\n // result in an error being thrown)\n // @type {Array<{ container: HTMLElement, firstTabbableNode: HTMLElement|null, lastTabbableNode: HTMLElement|null }>}\n tabbableGroups: [],\n\n nodeFocusedBeforeActivation: null,\n mostRecentlyFocusedNode: null,\n active: false,\n paused: false,\n\n // timer ID for when delayInitialFocus is true and initial focus in this trap\n // has been delayed during activation\n delayInitialFocusTimer: undefined,\n };\n\n let trap; // eslint-disable-line prefer-const -- some private functions reference it, and its methods reference private functions, so we must declare here and define later\n\n const getOption = (configOverrideOptions, optionName, configOptionName) => {\n return configOverrideOptions &&\n configOverrideOptions[optionName] !== undefined\n ? configOverrideOptions[optionName]\n : config[configOptionName || optionName];\n };\n\n const containersContain = function (element) {\n return !!(\n element &&\n state.containers.some((container) => container.contains(element))\n );\n };\n\n /**\n * Gets the node for the given option, which is expected to be an option that\n * can be either a DOM node, a string that is a selector to get a node, `false`\n * (if a node is explicitly NOT given), or a function that returns any of these\n * values.\n * @param {string} optionName\n * @returns {undefined | false | HTMLElement | SVGElement} Returns\n * `undefined` if the option is not specified; `false` if the option\n * resolved to `false` (node explicitly not given); otherwise, the resolved\n * DOM node.\n * @throws {Error} If the option is set, not `false`, and is not, or does not\n * resolve to a node.\n */\n const getNodeForOption = function (optionName, ...params) {\n let optionValue = config[optionName];\n\n if (typeof optionValue === 'function') {\n optionValue = optionValue(...params);\n }\n\n if (!optionValue) {\n if (optionValue === undefined || optionValue === false) {\n return optionValue;\n }\n // else, empty string (invalid), null (invalid), 0 (invalid)\n\n throw new Error(\n `\\`${optionName}\\` was specified but was not a node, or did not return a node`\n );\n }\n\n let node = optionValue; // could be HTMLElement, SVGElement, or non-empty string at this point\n\n if (typeof optionValue === 'string') {\n node = doc.querySelector(optionValue); // resolve to node, or null if fails\n if (!node) {\n throw new Error(\n `\\`${optionName}\\` as selector refers to no known node`\n );\n }\n }\n\n return node;\n };\n\n const getInitialFocusNode = function () {\n let node = getNodeForOption('initialFocus');\n\n // false explicitly indicates we want no initialFocus at all\n if (node === false) {\n return false;\n }\n\n if (node === undefined) {\n // option not specified: use fallback options\n if (containersContain(doc.activeElement)) {\n node = doc.activeElement;\n } else {\n const firstTabbableGroup = state.tabbableGroups[0];\n const firstTabbableNode =\n firstTabbableGroup && firstTabbableGroup.firstTabbableNode;\n\n // NOTE: `fallbackFocus` option function cannot return `false` (not supported)\n node = firstTabbableNode || getNodeForOption('fallbackFocus');\n }\n }\n\n if (!node) {\n throw new Error(\n 'Your focus-trap needs to have at least one focusable element'\n );\n }\n\n return node;\n };\n\n const updateTabbableNodes = function () {\n state.tabbableGroups = state.containers\n .map((container) => {\n const tabbableNodes = tabbable(container);\n\n if (tabbableNodes.length > 0) {\n return {\n container,\n firstTabbableNode: tabbableNodes[0],\n lastTabbableNode: tabbableNodes[tabbableNodes.length - 1],\n };\n }\n\n return undefined;\n })\n .filter((group) => !!group); // remove groups with no tabbable nodes\n\n // throw if no groups have tabbable nodes and we don't have a fallback focus node either\n if (\n state.tabbableGroups.length <= 0 &&\n !getNodeForOption('fallbackFocus') // returning false not supported for this option\n ) {\n throw new Error(\n 'Your focus-trap must have at least one container with at least one tabbable node in it at all times'\n );\n }\n };\n\n const tryFocus = function (node) {\n if (node === false) {\n return;\n }\n\n if (node === doc.activeElement) {\n return;\n }\n\n if (!node || !node.focus) {\n tryFocus(getInitialFocusNode());\n return;\n }\n\n node.focus({ preventScroll: !!config.preventScroll });\n state.mostRecentlyFocusedNode = node;\n\n if (isSelectableInput(node)) {\n node.select();\n }\n };\n\n const getReturnFocusNode = function (previousActiveElement) {\n const node = getNodeForOption('setReturnFocus', previousActiveElement);\n return node ? node : node === false ? false : previousActiveElement;\n };\n\n // This needs to be done on mousedown and touchstart instead of click\n // so that it precedes the focus event.\n const checkPointerDown = function (e) {\n const target = getActualTarget(e);\n\n if (containersContain(target)) {\n // allow the click since it ocurred inside the trap\n return;\n }\n\n if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n // immediately deactivate the trap\n trap.deactivate({\n // if, on deactivation, we should return focus to the node originally-focused\n // when the trap was activated (or the configured `setReturnFocus` node),\n // then assume it's also OK to return focus to the outside node that was\n // just clicked, causing deactivation, as long as that node is focusable;\n // if it isn't focusable, then return focus to the original node focused\n // on activation (or the configured `setReturnFocus` node)\n // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,\n // which will result in the outside click setting focus to the node\n // that was clicked, whether it's focusable or not; by setting\n // `returnFocus: true`, we'll attempt to re-focus the node originally-focused\n // on activation (or the configured `setReturnFocus` node)\n returnFocus: config.returnFocusOnDeactivate && !isFocusable(target),\n });\n return;\n }\n\n // This is needed for mobile devices.\n // (If we'll only let `click` events through,\n // then on mobile they will be blocked anyways if `touchstart` is blocked.)\n if (valueOrHandler(config.allowOutsideClick, e)) {\n // allow the click outside the trap to take place\n return;\n }\n\n // otherwise, prevent the click\n e.preventDefault();\n };\n\n // In case focus escapes the trap for some strange reason, pull it back in.\n const checkFocusIn = function (e) {\n const target = getActualTarget(e);\n const targetContained = containersContain(target);\n\n // In Firefox when you Tab out of an iframe the Document is briefly focused.\n if (targetContained || target instanceof Document) {\n if (targetContained) {\n state.mostRecentlyFocusedNode = target;\n }\n } else {\n // escaped! pull it back in to where it just left\n e.stopImmediatePropagation();\n tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());\n }\n };\n\n // Hijack Tab events on the first and last focusable nodes of the trap,\n // in order to prevent focus from escaping. If it escapes for even a\n // moment it can end up scrolling the page and causing confusion so we\n // kind of need to capture the action at the keydown phase.\n const checkTab = function (e) {\n const target = getActualTarget(e);\n updateTabbableNodes();\n\n let destinationNode = null;\n\n if (state.tabbableGroups.length > 0) {\n // make sure the target is actually contained in a group\n // NOTE: the target may also be the container itself if it's focusable\n // with tabIndex='-1' and was given initial focus\n const containerIndex = findIndex(state.tabbableGroups, ({ container }) =>\n container.contains(target)\n );\n\n if (containerIndex < 0) {\n // target not found in any group: quite possible focus has escaped the trap,\n // so bring it back in to...\n if (e.shiftKey) {\n // ...the last node in the last group\n destinationNode =\n state.tabbableGroups[state.tabbableGroups.length - 1]\n .lastTabbableNode;\n } else {\n // ...the first node in the first group\n destinationNode = state.tabbableGroups[0].firstTabbableNode;\n }\n } else if (e.shiftKey) {\n // REVERSE\n\n // is the target the first tabbable node in a group?\n let startOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ firstTabbableNode }) => target === firstTabbableNode\n );\n\n if (\n startOfGroupIndex < 0 &&\n (state.tabbableGroups[containerIndex].container === target ||\n (isFocusable(target) && !isTabbable(target)))\n ) {\n // an exception case where the target is either the container itself, or\n // a non-tabbable node that was given focus (i.e. tabindex is negative\n // and user clicked on it or node was programmatically given focus), in which\n // case, we should handle shift+tab as if focus were on the container's\n // first tabbable node, and go to the last tabbable node of the LAST group\n startOfGroupIndex = containerIndex;\n }\n\n if (startOfGroupIndex >= 0) {\n // YES: then shift+tab should go to the last tabbable node in the\n // previous group (and wrap around to the last tabbable node of\n // the LAST group if it's the first tabbable node of the FIRST group)\n const destinationGroupIndex =\n startOfGroupIndex === 0\n ? state.tabbableGroups.length - 1\n : startOfGroupIndex - 1;\n\n const destinationGroup = state.tabbableGroups[destinationGroupIndex];\n destinationNode = destinationGroup.lastTabbableNode;\n }\n } else {\n // FORWARD\n\n // is the target the last tabbable node in a group?\n let lastOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ lastTabbableNode }) => target === lastTabbableNode\n );\n\n if (\n lastOfGroupIndex < 0 &&\n (state.tabbableGroups[containerIndex].container === target ||\n (isFocusable(target) && !isTabbable(target)))\n ) {\n // an exception case where the target is the container itself, or\n // a non-tabbable node that was given focus (i.e. tabindex is negative\n // and user clicked on it or node was programmatically given focus), in which\n // case, we should handle tab as if focus were on the container's\n // last tabbable node, and go to the first tabbable node of the FIRST group\n lastOfGroupIndex = containerIndex;\n }\n\n if (lastOfGroupIndex >= 0) {\n // YES: then tab should go to the first tabbable node in the next\n // group (and wrap around to the first tabbable node of the FIRST\n // group if it's the last tabbable node of the LAST group)\n const destinationGroupIndex =\n lastOfGroupIndex === state.tabbableGroups.length - 1\n ? 0\n : lastOfGroupIndex + 1;\n\n const destinationGroup = state.tabbableGroups[destinationGroupIndex];\n destinationNode = destinationGroup.firstTabbableNode;\n }\n }\n } else {\n // NOTE: the fallbackFocus option does not support returning false to opt-out\n destinationNode = getNodeForOption('fallbackFocus');\n }\n\n if (destinationNode) {\n e.preventDefault();\n tryFocus(destinationNode);\n }\n // else, let the browser take care of [shift+]tab and move the focus\n };\n\n const checkKey = function (e) {\n if (\n isEscapeEvent(e) &&\n valueOrHandler(config.escapeDeactivates, e) !== false\n ) {\n e.preventDefault();\n trap.deactivate();\n return;\n }\n\n if (isTabEvent(e)) {\n checkTab(e);\n return;\n }\n };\n\n const checkClick = function (e) {\n if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n return;\n }\n\n const target = getActualTarget(e);\n\n if (containersContain(target)) {\n return;\n }\n\n if (valueOrHandler(config.allowOutsideClick, e)) {\n return;\n }\n\n e.preventDefault();\n e.stopImmediatePropagation();\n };\n\n //\n // EVENT LISTENERS\n //\n\n const addListeners = function () {\n if (!state.active) {\n return;\n }\n\n // There can be only one listening focus trap at a time\n activeFocusTraps.activateTrap(trap);\n\n // Delay ensures that the focused element doesn't capture the event\n // that caused the focus trap activation.\n state.delayInitialFocusTimer = config.delayInitialFocus\n ? delay(function () {\n tryFocus(getInitialFocusNode());\n })\n : tryFocus(getInitialFocusNode());\n\n doc.addEventListener('focusin', checkFocusIn, true);\n doc.addEventListener('mousedown', checkPointerDown, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('touchstart', checkPointerDown, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('click', checkClick, {\n capture: true,\n passive: false,\n });\n doc.addEventListener('keydown', checkKey, {\n capture: true,\n passive: false,\n });\n\n return trap;\n };\n\n const removeListeners = function () {\n if (!state.active) {\n return;\n }\n\n doc.removeEventListener('focusin', checkFocusIn, true);\n doc.removeEventListener('mousedown', checkPointerDown, true);\n doc.removeEventListener('touchstart', checkPointerDown, true);\n doc.removeEventListener('click', checkClick, true);\n doc.removeEventListener('keydown', checkKey, true);\n\n return trap;\n };\n\n //\n // TRAP DEFINITION\n //\n\n trap = {\n activate(activateOptions) {\n if (state.active) {\n return this;\n }\n\n const onActivate = getOption(activateOptions, 'onActivate');\n const onPostActivate = getOption(activateOptions, 'onPostActivate');\n const checkCanFocusTrap = getOption(activateOptions, 'checkCanFocusTrap');\n\n if (!checkCanFocusTrap) {\n updateTabbableNodes();\n }\n\n state.active = true;\n state.paused = false;\n state.nodeFocusedBeforeActivation = doc.activeElement;\n\n if (onActivate) {\n onActivate();\n }\n\n const finishActivation = () => {\n if (checkCanFocusTrap) {\n updateTabbableNodes();\n }\n addListeners();\n if (onPostActivate) {\n onPostActivate();\n }\n };\n\n if (checkCanFocusTrap) {\n checkCanFocusTrap(state.containers.concat()).then(\n finishActivation,\n finishActivation\n );\n return this;\n }\n\n finishActivation();\n return this;\n },\n\n deactivate(deactivateOptions) {\n if (!state.active) {\n return this;\n }\n\n clearTimeout(state.delayInitialFocusTimer); // noop if undefined\n state.delayInitialFocusTimer = undefined;\n\n removeListeners();\n state.active = false;\n state.paused = false;\n\n activeFocusTraps.deactivateTrap(trap);\n\n const onDeactivate = getOption(deactivateOptions, 'onDeactivate');\n const onPostDeactivate = getOption(deactivateOptions, 'onPostDeactivate');\n const checkCanReturnFocus = getOption(\n deactivateOptions,\n 'checkCanReturnFocus'\n );\n\n if (onDeactivate) {\n onDeactivate();\n }\n\n const returnFocus = getOption(\n deactivateOptions,\n 'returnFocus',\n 'returnFocusOnDeactivate'\n );\n\n const finishDeactivation = () => {\n delay(() => {\n if (returnFocus) {\n tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n }\n if (onPostDeactivate) {\n onPostDeactivate();\n }\n });\n };\n\n if (returnFocus && checkCanReturnFocus) {\n checkCanReturnFocus(\n getReturnFocusNode(state.nodeFocusedBeforeActivation)\n ).then(finishDeactivation, finishDeactivation);\n return this;\n }\n\n finishDeactivation();\n return this;\n },\n\n pause() {\n if (state.paused || !state.active) {\n return this;\n }\n\n state.paused = true;\n removeListeners();\n\n return this;\n },\n\n unpause() {\n if (!state.paused || !state.active) {\n return this;\n }\n\n state.paused = false;\n updateTabbableNodes();\n addListeners();\n\n return this;\n },\n\n updateContainerElements(containerElements) {\n const elementsAsArray = [].concat(containerElements).filter(Boolean);\n\n state.containers = elementsAsArray.map((element) =>\n typeof element === 'string' ? doc.querySelector(element) : element\n );\n\n if (state.active) {\n updateTabbableNodes();\n }\n\n return this;\n },\n };\n\n // initialize container elements\n trap.updateContainerElements(elements);\n\n return trap;\n};\n\nexport { createFocusTrap };\n"],"names":["trapQueue","activeFocusTraps","activateTrap","trap","length","activeTrap","pause","trapIndex","indexOf","splice","push","deactivateTrap","unpause","delay","fn","setTimeout","findIndex","arr","idx","every","value","i","valueOrHandler","params","getActualTarget","event","target","shadowRoot","composedPath","createFocusTrap","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","delayInitialFocusTimer","undefined","getOption","configOverrideOptions","optionName","configOptionName","containersContain","element","some","container","contains","getNodeForOption","optionValue","Error","node","querySelector","getInitialFocusNode","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbableNodes","tabbable","lastTabbableNode","filter","group","tryFocus","focus","preventScroll","tagName","toLowerCase","select","isSelectableInput","getReturnFocusNode","previousActiveElement","checkPointerDown","e","clickOutsideDeactivates","deactivate","returnFocus","isFocusable","allowOutsideClick","preventDefault","checkFocusIn","targetContained","Document","stopImmediatePropagation","checkKey","key","keyCode","isEscapeEvent","isTabEvent","destinationNode","containerIndex","shiftKey","startOfGroupIndex","isTabbable","destinationGroupIndex","lastOfGroupIndex","checkTab","checkClick","addListeners","addEventListener","capture","passive","removeListeners","removeEventListener","activate","activateOptions","this","onActivate","onPostActivate","checkCanFocusTrap","finishActivation","concat","then","deactivateOptions","clearTimeout","onDeactivate","onPostDeactivate","checkCanReturnFocus","finishDeactivation","updateContainerElements","containerElements","elementsAsArray","Boolean"],"mappings":"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"}
|
package/dist/focus-trap.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* focus-trap 6.7.
|
|
2
|
+
* focus-trap 6.7.2
|
|
3
3
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
4
4
|
*/
|
|
5
5
|
'use strict';
|
|
@@ -13,14 +13,9 @@ function ownKeys(object, enumerableOnly) {
|
|
|
13
13
|
|
|
14
14
|
if (Object.getOwnPropertySymbols) {
|
|
15
15
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
keys.push.apply(keys, symbols);
|
|
16
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
17
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
18
|
+
})), keys.push.apply(keys, symbols);
|
|
24
19
|
}
|
|
25
20
|
|
|
26
21
|
return keys;
|
|
@@ -28,19 +23,12 @@ function ownKeys(object, enumerableOnly) {
|
|
|
28
23
|
|
|
29
24
|
function _objectSpread2(target) {
|
|
30
25
|
for (var i = 1; i < arguments.length; i++) {
|
|
31
|
-
var source = arguments[i]
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
38
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
39
|
-
} else {
|
|
40
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
41
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
42
|
-
});
|
|
43
|
-
}
|
|
26
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
27
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
28
|
+
_defineProperty(target, key, source[key]);
|
|
29
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
30
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
31
|
+
});
|
|
44
32
|
}
|
|
45
33
|
|
|
46
34
|
return target;
|
|
@@ -156,6 +144,8 @@ var getActualTarget = function getActualTarget(event) {
|
|
|
156
144
|
};
|
|
157
145
|
|
|
158
146
|
var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
147
|
+
// SSR: a live trap shouldn't be created in this type of environment so this
|
|
148
|
+
// should be safe code to execute if the `document` option isn't specified
|
|
159
149
|
var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document;
|
|
160
150
|
|
|
161
151
|
var config = _objectSpread2({
|
|
@@ -389,7 +379,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
389
379
|
|
|
390
380
|
if (state.tabbableGroups.length > 0) {
|
|
391
381
|
// make sure the target is actually contained in a group
|
|
392
|
-
// NOTE: the target may also be the container itself if it's
|
|
382
|
+
// NOTE: the target may also be the container itself if it's focusable
|
|
393
383
|
// with tabIndex='-1' and was given initial focus
|
|
394
384
|
var containerIndex = findIndex(state.tabbableGroups, function (_ref) {
|
|
395
385
|
var container = _ref.container;
|
|
@@ -414,8 +404,10 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
414
404
|
return target === firstTabbableNode;
|
|
415
405
|
});
|
|
416
406
|
|
|
417
|
-
if (startOfGroupIndex < 0 && state.tabbableGroups[containerIndex].container === target) {
|
|
418
|
-
// an exception case where the target is the container itself,
|
|
407
|
+
if (startOfGroupIndex < 0 && (state.tabbableGroups[containerIndex].container === target || tabbable.isFocusable(target) && !tabbable.isTabbable(target))) {
|
|
408
|
+
// an exception case where the target is either the container itself, or
|
|
409
|
+
// a non-tabbable node that was given focus (i.e. tabindex is negative
|
|
410
|
+
// and user clicked on it or node was programmatically given focus), in which
|
|
419
411
|
// case, we should handle shift+tab as if focus were on the container's
|
|
420
412
|
// first tabbable node, and go to the last tabbable node of the LAST group
|
|
421
413
|
startOfGroupIndex = containerIndex;
|
|
@@ -437,8 +429,10 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
437
429
|
return target === lastTabbableNode;
|
|
438
430
|
});
|
|
439
431
|
|
|
440
|
-
if (lastOfGroupIndex < 0 && state.tabbableGroups[containerIndex].container === target) {
|
|
441
|
-
// an exception case where the target is the container itself,
|
|
432
|
+
if (lastOfGroupIndex < 0 && (state.tabbableGroups[containerIndex].container === target || tabbable.isFocusable(target) && !tabbable.isTabbable(target))) {
|
|
433
|
+
// an exception case where the target is the container itself, or
|
|
434
|
+
// a non-tabbable node that was given focus (i.e. tabindex is negative
|
|
435
|
+
// and user clicked on it or node was programmatically given focus), in which
|
|
442
436
|
// case, we should handle tab as if focus were on the container's
|
|
443
437
|
// last tabbable node, and go to the first tabbable node of the FIRST group
|
|
444
438
|
lastOfGroupIndex = containerIndex;
|