focus-trap 6.2.3 → 6.3.0
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 +11 -0
- package/README.md +31 -17
- package/dist/focus-trap.esm.js +46 -11
- 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 +46 -11
- 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 +46 -11
- 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.d.ts +7 -6
- package/index.js +37 -16
- package/package.json +15 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 6.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- a882d62: `clickOutsideDeactivates` can now also be a function that returns a `boolean`, similar to `allowOutsideClick`. The function receives the `MouseEvent` that triggered the click. (#289)
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- 4d67dee: Fix a focus escape when pressing TAB after hiding element with focus (#281)
|
|
12
|
+
- ca32014: Bump tabbable from 5.1.4 to 5.1.5
|
|
13
|
+
|
|
3
14
|
## 6.2.3
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# focus-trap [](https://github.com/focus-trap/focus-trap/actions?query=workflow:CI+branch:master) [](./LICENSE)
|
|
2
2
|
|
|
3
3
|
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
|
|
4
|
-
[](#contributors)
|
|
5
5
|
<!-- ALL-CONTRIBUTORS-BADGE:END -->
|
|
6
6
|
|
|
7
7
|
Trap focus within a DOM node.
|
|
@@ -38,7 +38,18 @@ For more advanced usage (e.g. focus traps within focus traps), you can also paus
|
|
|
38
38
|
npm install focus-trap
|
|
39
39
|
```
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
### UMD
|
|
42
|
+
|
|
43
|
+
You can also use a UMD version published to `unpkg.com` as `dist/focus-trap.umd.js` and `dist/focus-trap.umd.min.js`.
|
|
44
|
+
|
|
45
|
+
> NOTE: The UMD build does not bundle the `tabbable` dependency. Therefore you will have to also include that one, and include it _before_ `focus-trap`.
|
|
46
|
+
|
|
47
|
+
```html
|
|
48
|
+
<head>
|
|
49
|
+
<script src="https://unpkg.com/tabbable/dist/index.umd.js"></script>
|
|
50
|
+
<script src="https://unpkg.com/focus-trap/dist/focus-trap.umd.js"></script>
|
|
51
|
+
</head>
|
|
52
|
+
```
|
|
42
53
|
|
|
43
54
|
## Browser Support
|
|
44
55
|
|
|
@@ -53,10 +64,11 @@ And its only dependency, tabbable, uses [a couple of IE9+ functions](https://git
|
|
|
53
64
|
### createFocusTrap(element[, createOptions])
|
|
54
65
|
|
|
55
66
|
```javascript
|
|
56
|
-
import
|
|
57
|
-
const
|
|
67
|
+
import * as focusTrap from 'focus-trap'; // ESM
|
|
68
|
+
const focusTrap = require('focus-trap'); // CJS
|
|
69
|
+
// UMD: `focusTrap` is defined as a global on `window`
|
|
58
70
|
|
|
59
|
-
|
|
71
|
+
trap = focusTrap.createFocusTrap(element[, createOptions]);
|
|
60
72
|
```
|
|
61
73
|
|
|
62
74
|
Returns a new focus trap on `element` (one or more "containers" of tabbable nodes that, together, form the total set of nodes that can be visited, with clicks or the tab key, within the trap).
|
|
@@ -75,14 +87,15 @@ Returns a new focus trap on `element` (one or more "containers" of tabbable node
|
|
|
75
87
|
- **initialFocus** {element|string|function}: By default, when a focus trap is activated the first element in the focus trap's tab order will receive focus. With this option you can specify a different element to receive that initial focus. Can be a DOM node, or a selector string (which will be passed to `document.querySelector()` to find the DOM node), or a function that returns a DOM node.
|
|
76
88
|
- **fallbackFocus** {element|string|function}: By default, an error will be thrown if the focus trap contains no elements in its tab order. With this option you can specify a fallback element to programmatically receive focus if no other tabbable elements are found. For example, you may want a popover's `<div>` to receive focus if the popover's content includes no tabbable elements. *Make sure the fallback element has a negative `tabindex` so it can be programmatically focused.* The option value can be a DOM node, a selector string (which will be passed to `document.querySelector()` to find the DOM node), or a function that returns a DOM node.
|
|
77
89
|
- **escapeDeactivates** {boolean}: Default: `true`. If `false`, the `Escape` key will not trigger deactivation of the focus trap. This can be useful if you want to force the user to make a decision instead of allowing an easy way out.
|
|
78
|
-
- **clickOutsideDeactivates** {boolean
|
|
79
|
-
-
|
|
90
|
+
- **clickOutsideDeactivates** {boolean|(e: MouseEvent) => boolean}: If `true` or returns `true`, a click outside the focus trap will deactivate the focus trap and allow the click event to do its thing (i.e. to pass-through to the element that was clicked). This option **takes precedence** over `allowOutsideClick` when it's set to `true`. Default: `false`.
|
|
91
|
+
- ⚠️ If you're using a password manager such as 1Password, where the app adds a clickable icon to all fillable fields, you should avoid using this option, and instead use the `allowOutsideClick` option to better control exactly when the focus trap can be deactivated. The clickable icons are usually positioned absolutely, floating on top of the fields, and therefore _not_ part of the container the trap is managing. When using the `clickOutsideDeactivates` option, clicking on a field's 1Password icon will likely cause the trap to be unintentionally deactivated.
|
|
92
|
+
- **allowOutsideClick** {boolean|(e: MouseEvent) => boolean}: If set and is or returns `true`, a click outside the focus trap will not be prevented, even when `clickOutsideDeactivates` is `false`. When `clickOutsideDeactivates` is `true`, this option is **ignored** (i.e. if it's a function, it will not be called). Use this option to control if (and even which) clicks are allowed outside the trap in conjunction with `clickOutsideDeactivates: false`. Default: `false`.
|
|
80
93
|
- **returnFocusOnDeactivate** {boolean}: Default: `true`. If `false`, when the trap is deactivated, focus will *not* return to the element that had focus before activation.
|
|
81
94
|
- **setReturnFocus** {element|string|function}: By default, focus trap on deactivation will return to the element that was focused before activation. With this option you can specify another element to programmatically receive focus after deactivation. Can be a DOM node, or a selector string (which will be passed to `document.querySelector()` to find the DOM node), or a function that returns a DOM node.
|
|
82
95
|
- **preventScroll** {boolean}: By default, focus() will scroll to the element if not in viewport. It can produce unintended effects like scrolling back to the top of a modal. If set to `true`, no scroll will happen.
|
|
83
96
|
- **delayInitialFocus** {boolean}: Default: `true`. Delays the autofocus when the focus trap is activated. This prevents elements within the focusable element from capturing the event that triggered the focus trap activation.
|
|
84
97
|
|
|
85
|
-
###
|
|
98
|
+
### trap.activate([activateOptions])
|
|
86
99
|
|
|
87
100
|
Activates the focus trap, adding various event listeners to the document.
|
|
88
101
|
|
|
@@ -94,7 +107,7 @@ If focus is already within it the trap, it remains unaffected. Otherwise, focus-
|
|
|
94
107
|
|
|
95
108
|
If none of the above exist, an error will be thrown. You cannot have a focus trap that lacks focus.
|
|
96
109
|
|
|
97
|
-
Returns the `
|
|
110
|
+
Returns the `trap`.
|
|
98
111
|
|
|
99
112
|
`activateOptions`:
|
|
100
113
|
|
|
@@ -102,11 +115,11 @@ These options are used to override the focus trap's default behavior for this pa
|
|
|
102
115
|
|
|
103
116
|
- **onActivate** {function | null | false}: Default: whatever you chose for `createOptions.onActivate`. `null` or `false` are the equivalent of a `noop`.
|
|
104
117
|
|
|
105
|
-
###
|
|
118
|
+
### trap.deactivate([deactivateOptions])
|
|
106
119
|
|
|
107
120
|
Deactivates the focus trap.
|
|
108
121
|
|
|
109
|
-
Returns the `
|
|
122
|
+
Returns the `trap`.
|
|
110
123
|
|
|
111
124
|
`deactivateOptions`:
|
|
112
125
|
|
|
@@ -115,19 +128,19 @@ These options are used to override the focus trap's default behavior for this pa
|
|
|
115
128
|
- **returnFocus** {boolean}: Default: whatever you chose for `createOptions.returnFocusOnDeactivate`.
|
|
116
129
|
- **onDeactivate** {function | null | false}: Default: whatever you chose for `createOptions.onDeactivate`. `null` or `false` are the equivalent of a `noop`.
|
|
117
130
|
|
|
118
|
-
###
|
|
131
|
+
### trap.pause()
|
|
119
132
|
|
|
120
133
|
Pause an active focus trap's event listening without deactivating the trap.
|
|
121
134
|
|
|
122
135
|
If the focus trap has not been activated, nothing happens.
|
|
123
136
|
|
|
124
|
-
Returns the `
|
|
137
|
+
Returns the `trap`.
|
|
125
138
|
|
|
126
139
|
Any `onDeactivate` callback will not be called, and focus will not return to the element that was focused before the trap's activation. But the trap's behavior will be paused.
|
|
127
140
|
|
|
128
141
|
This is useful in various cases, one of which is when you want one focus trap within another. `demo-six` exemplifies how you can implement this.
|
|
129
142
|
|
|
130
|
-
###
|
|
143
|
+
### trap.unpause()
|
|
131
144
|
|
|
132
145
|
Unpause an active focus trap. (See `pause()`, above.)
|
|
133
146
|
|
|
@@ -135,9 +148,9 @@ Focus is forced into the trap just as described for `focusTrap.activate()`.
|
|
|
135
148
|
|
|
136
149
|
If the focus trap has not been activated or has not been paused, nothing happens.
|
|
137
150
|
|
|
138
|
-
Returns the `
|
|
151
|
+
Returns the `trap`.
|
|
139
152
|
|
|
140
|
-
###
|
|
153
|
+
### trap.updateContainerElements()
|
|
141
154
|
|
|
142
155
|
Update the element(s) that are used as containers for the focus trap.
|
|
143
156
|
|
|
@@ -145,7 +158,7 @@ When you call the function `createFocusTrap`, you pass in an element (or selecto
|
|
|
145
158
|
|
|
146
159
|
A use case for this is found in focus-trap-react, where React `ref`'s may not be initialized yet, but when they are you want to have them be a container element.
|
|
147
160
|
|
|
148
|
-
Returns the `
|
|
161
|
+
Returns the `trap`.
|
|
149
162
|
|
|
150
163
|
## Examples
|
|
151
164
|
|
|
@@ -234,6 +247,7 @@ In alphabetical order:
|
|
|
234
247
|
<td align="center"><a href="https://clintgoodman.com"><img src="https://avatars3.githubusercontent.com/u/5473697?v=4" width="100px;" alt=""/><br /><sub><b>Clint Goodman</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/commits?author=cgood92" title="Code">💻</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=cgood92" title="Documentation">📖</a> <a href="#example-cgood92" title="Examples">💡</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=cgood92" title="Tests">⚠️</a></td>
|
|
235
248
|
<td align="center"><a href="https://github.com/zioth"><img src="https://avatars3.githubusercontent.com/u/945603?v=4" width="100px;" alt=""/><br /><sub><b>Zioth</b></sub></a><br /><a href="#ideas-zioth" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/focus-trap/focus-trap/issues?q=author%3Azioth" title="Bug reports">🐛</a></td>
|
|
236
249
|
<td align="center"><a href="https://github.com/randypuro"><img src="https://avatars2.githubusercontent.com/u/2579?v=4" width="100px;" alt=""/><br /><sub><b>Randy Puro</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/issues?q=author%3Arandypuro" title="Bug reports">🐛</a></td>
|
|
250
|
+
<td align="center"><a href="http://tylerhawkins.info/201R/"><img src="https://avatars0.githubusercontent.com/u/13806458?v=4" width="100px;" alt=""/><br /><sub><b>Tyler Hawkins</b></sub></a><br /><a href="#tool-thawkin3" title="Tools">🔧</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=thawkin3" title="Tests">⚠️</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=thawkin3" title="Documentation">📖</a></td>
|
|
237
251
|
</tr>
|
|
238
252
|
</table>
|
|
239
253
|
|
package/dist/focus-trap.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* focus-trap 6.
|
|
2
|
+
* focus-trap 6.3.0
|
|
3
3
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
4
4
|
*/
|
|
5
5
|
import { tabbable, isFocusable } from 'tabbable';
|
|
@@ -121,6 +121,22 @@ var findIndex = function findIndex(arr, fn) {
|
|
|
121
121
|
});
|
|
122
122
|
return idx;
|
|
123
123
|
};
|
|
124
|
+
/**
|
|
125
|
+
* Get an option's value when it could be a plain value, or a handler that provides
|
|
126
|
+
* the value.
|
|
127
|
+
* @param {*} value Option's value to check.
|
|
128
|
+
* @param {...*} [params] Any parameters to pass to the handler, if `value` is a function.
|
|
129
|
+
* @returns {*} The `value`, or the handler's returned value.
|
|
130
|
+
*/
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
var valueOrHandler = function valueOrHandler(value) {
|
|
134
|
+
for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
135
|
+
params[_key - 1] = arguments[_key];
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
return typeof value === 'function' ? value.apply(void 0, params) : value;
|
|
139
|
+
};
|
|
124
140
|
|
|
125
141
|
var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
126
142
|
var doc = document;
|
|
@@ -140,7 +156,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
140
156
|
// is active, but the trap should never get to a state where there isn't at least one group
|
|
141
157
|
// with at least one tabbable node in it (that would lead to an error condition that would
|
|
142
158
|
// result in an error being thrown)
|
|
143
|
-
// @type {Array<{ firstTabbableNode: HTMLElement|null, lastTabbableNode: HTMLElement|null }>}
|
|
159
|
+
// @type {Array<{ container: HTMLElement, firstTabbableNode: HTMLElement|null, lastTabbableNode: HTMLElement|null }>}
|
|
144
160
|
tabbableGroups: [],
|
|
145
161
|
nodeFocusedBeforeActivation: null,
|
|
146
162
|
mostRecentlyFocusedNode: null,
|
|
@@ -209,6 +225,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
209
225
|
|
|
210
226
|
if (tabbableNodes.length > 0) {
|
|
211
227
|
return {
|
|
228
|
+
container: container,
|
|
212
229
|
firstTabbableNode: tabbableNodes[0],
|
|
213
230
|
lastTabbableNode: tabbableNodes[tabbableNodes.length - 1]
|
|
214
231
|
};
|
|
@@ -258,7 +275,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
258
275
|
return;
|
|
259
276
|
}
|
|
260
277
|
|
|
261
|
-
if (config.clickOutsideDeactivates) {
|
|
278
|
+
if (valueOrHandler(config.clickOutsideDeactivates, e)) {
|
|
262
279
|
// immediately deactivate the trap
|
|
263
280
|
trap.deactivate({
|
|
264
281
|
// if, on deactivation, we should return focus to the node originally-focused
|
|
@@ -280,7 +297,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
280
297
|
// then on mobile they will be blocked anyways if `touchstart` is blocked.)
|
|
281
298
|
|
|
282
299
|
|
|
283
|
-
if (
|
|
300
|
+
if (valueOrHandler(config.allowOutsideClick, e)) {
|
|
284
301
|
// allow the click outside the trap to take place
|
|
285
302
|
return;
|
|
286
303
|
} // otherwise, prevent the click
|
|
@@ -313,9 +330,26 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
313
330
|
var destinationNode = null;
|
|
314
331
|
|
|
315
332
|
if (state.tabbableGroups.length > 0) {
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
333
|
+
// make sure the target is actually contained in a group
|
|
334
|
+
var containerIndex = findIndex(state.tabbableGroups, function (_ref) {
|
|
335
|
+
var container = _ref.container;
|
|
336
|
+
return container.contains(e.target);
|
|
337
|
+
});
|
|
338
|
+
|
|
339
|
+
if (containerIndex < 0) {
|
|
340
|
+
// target not found in any group: quite possible focus has escaped the trap,
|
|
341
|
+
// so bring it back in to...
|
|
342
|
+
if (e.shiftKey) {
|
|
343
|
+
// ...the last node in the last group
|
|
344
|
+
destinationNode = state.tabbableGroups[state.tabbableGroups.length - 1].lastTabbableNode;
|
|
345
|
+
} else {
|
|
346
|
+
// ...the first node in the first group
|
|
347
|
+
destinationNode = state.tabbableGroups[0].firstTabbableNode;
|
|
348
|
+
}
|
|
349
|
+
} else if (e.shiftKey) {
|
|
350
|
+
// REVERSE
|
|
351
|
+
var startOfGroupIndex = findIndex(state.tabbableGroups, function (_ref2) {
|
|
352
|
+
var firstTabbableNode = _ref2.firstTabbableNode;
|
|
319
353
|
return e.target === firstTabbableNode;
|
|
320
354
|
});
|
|
321
355
|
|
|
@@ -325,8 +359,9 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
325
359
|
destinationNode = destinationGroup.lastTabbableNode;
|
|
326
360
|
}
|
|
327
361
|
} else {
|
|
328
|
-
|
|
329
|
-
|
|
362
|
+
// FORWARD
|
|
363
|
+
var lastOfGroupIndex = findIndex(state.tabbableGroups, function (_ref3) {
|
|
364
|
+
var lastTabbableNode = _ref3.lastTabbableNode;
|
|
330
365
|
return e.target === lastTabbableNode;
|
|
331
366
|
});
|
|
332
367
|
|
|
@@ -361,7 +396,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
361
396
|
};
|
|
362
397
|
|
|
363
398
|
var checkClick = function checkClick(e) {
|
|
364
|
-
if (config.clickOutsideDeactivates) {
|
|
399
|
+
if (valueOrHandler(config.clickOutsideDeactivates, e)) {
|
|
365
400
|
return;
|
|
366
401
|
}
|
|
367
402
|
|
|
@@ -369,7 +404,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
369
404
|
return;
|
|
370
405
|
}
|
|
371
406
|
|
|
372
|
-
if (
|
|
407
|
+
if (valueOrHandler(config.allowOutsideClick, e)) {
|
|
373
408
|
return;
|
|
374
409
|
}
|
|
375
410
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus-trap.esm.js","sources":["../index.js"],"sourcesContent":["import { tabbable, isFocusable } from 'tabbable';\n\nlet activeFocusDelay;\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\nconst createFocusTrap = function (elements, userOptions) {\n const doc = 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<{ firstTabbableNode: HTMLElement|null, lastTabbableNode: HTMLElement|null }>}\n tabbableGroups: [],\n\n nodeFocusedBeforeActivation: null,\n mostRecentlyFocusedNode: null,\n active: false,\n paused: false,\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 containersContain = function (element) {\n return state.containers.some((container) => container.contains(element));\n };\n\n const getNodeForOption = function (optionName) {\n const optionValue = config[optionName];\n if (!optionValue) {\n return null;\n }\n\n let node = optionValue;\n\n if (typeof optionValue === 'string') {\n node = doc.querySelector(optionValue);\n if (!node) {\n throw new Error(`\\`${optionName}\\` refers to no known node`);\n }\n }\n\n if (typeof optionValue === 'function') {\n node = optionValue();\n if (!node) {\n throw new Error(`\\`${optionName}\\` did not return a node`);\n }\n }\n\n return node;\n };\n\n const getInitialFocusNode = function () {\n let node;\n\n if (getNodeForOption('initialFocus') !== null) {\n node = getNodeForOption('initialFocus');\n } else if (containersContain(doc.activeElement)) {\n node = doc.activeElement;\n } else {\n const firstTabbableGroup = state.tabbableGroups[0];\n const firstTabbableNode =\n firstTabbableGroup && firstTabbableGroup.firstTabbableNode;\n node = firstTabbableNode || getNodeForOption('fallbackFocus');\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 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')\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 === doc.activeElement) {\n return;\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');\n\n return node ? node : 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 if (containersContain(e.target)) {\n // allow the click since it ocurred inside the trap\n return;\n }\n\n if (config.clickOutsideDeactivates) {\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(e.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 (\n config.allowOutsideClick &&\n (typeof config.allowOutsideClick === 'boolean'\n ? config.allowOutsideClick\n : config.allowOutsideClick(e))\n ) {\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 targetContained = containersContain(e.target);\n // In Firefox when you Tab out of an iframe the Document is briefly focused.\n if (targetContained || e.target instanceof Document) {\n if (targetContained) {\n state.mostRecentlyFocusedNode = e.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 updateTabbableNodes();\n\n let destinationNode = null;\n\n if (state.tabbableGroups.length > 0) {\n if (e.shiftKey) {\n const startOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ firstTabbableNode }) => e.target === firstTabbableNode\n );\n\n if (startOfGroupIndex >= 0) {\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 const lastOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ lastTabbableNode }) => e.target === lastTabbableNode\n );\n\n if (lastOfGroupIndex >= 0) {\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 destinationNode = getNodeForOption('fallbackFocus');\n }\n\n if (destinationNode) {\n e.preventDefault();\n tryFocus(destinationNode);\n }\n };\n\n const checkKey = function (e) {\n if (config.escapeDeactivates !== false && isEscapeEvent(e)) {\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 (config.clickOutsideDeactivates) {\n return;\n }\n\n if (containersContain(e.target)) {\n return;\n }\n\n if (\n config.allowOutsideClick &&\n (typeof config.allowOutsideClick === 'boolean'\n ? config.allowOutsideClick\n : config.allowOutsideClick(e))\n ) {\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 activeFocusDelay = 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 updateTabbableNodes();\n\n state.active = true;\n state.paused = false;\n state.nodeFocusedBeforeActivation = doc.activeElement;\n\n const onActivate =\n activateOptions && activateOptions.onActivate\n ? activateOptions.onActivate\n : config.onActivate;\n if (onActivate) {\n onActivate();\n }\n\n addListeners();\n return this;\n },\n\n deactivate(deactivateOptions) {\n if (!state.active) {\n return this;\n }\n\n clearTimeout(activeFocusDelay);\n\n removeListeners();\n state.active = false;\n state.paused = false;\n\n activeFocusTraps.deactivateTrap(trap);\n\n const onDeactivate =\n deactivateOptions && deactivateOptions.onDeactivate !== undefined\n ? deactivateOptions.onDeactivate\n : config.onDeactivate;\n if (onDeactivate) {\n onDeactivate();\n }\n\n const returnFocus =\n deactivateOptions && deactivateOptions.returnFocus !== undefined\n ? deactivateOptions.returnFocus\n : config.returnFocusOnDeactivate;\n\n if (returnFocus) {\n delay(function () {\n tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n });\n }\n\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":["activeFocusDelay","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","createFocusTrap","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","containersContain","element","some","container","contains","getNodeForOption","optionName","optionValue","querySelector","Error","getInitialFocusNode","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbableNodes","tabbable","lastTabbableNode","undefined","filter","group","tryFocus","focus","preventScroll","getReturnFocusNode","previousActiveElement","checkPointerDown","target","clickOutsideDeactivates","deactivate","returnFocus","isFocusable","allowOutsideClick","preventDefault","checkFocusIn","targetContained","Document","stopImmediatePropagation","checkTab","destinationNode","shiftKey","startOfGroupIndex","destinationGroupIndex","destinationGroup","lastOfGroupIndex","checkKey","checkClick","addListeners","addEventListener","capture","passive","removeListeners","removeEventListener","activate","activateOptions","onActivate","deactivateOptions","clearTimeout","onDeactivate","updateContainerElements","containerElements","elementsAsArray","concat","Boolean"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"focus-trap.esm.js","sources":["../index.js"],"sourcesContent":["import { tabbable, isFocusable } from 'tabbable';\n\nlet activeFocusDelay;\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 createFocusTrap = function (elements, userOptions) {\n const doc = 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\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 containersContain = function (element) {\n return state.containers.some((container) => container.contains(element));\n };\n\n const getNodeForOption = function (optionName) {\n const optionValue = config[optionName];\n if (!optionValue) {\n return null;\n }\n\n let node = optionValue;\n\n if (typeof optionValue === 'string') {\n node = doc.querySelector(optionValue);\n if (!node) {\n throw new Error(`\\`${optionName}\\` refers to no known node`);\n }\n }\n\n if (typeof optionValue === 'function') {\n node = optionValue();\n if (!node) {\n throw new Error(`\\`${optionName}\\` did not return a node`);\n }\n }\n\n return node;\n };\n\n const getInitialFocusNode = function () {\n let node;\n\n if (getNodeForOption('initialFocus') !== null) {\n node = getNodeForOption('initialFocus');\n } else if (containersContain(doc.activeElement)) {\n node = doc.activeElement;\n } else {\n const firstTabbableGroup = state.tabbableGroups[0];\n const firstTabbableNode =\n firstTabbableGroup && firstTabbableGroup.firstTabbableNode;\n node = firstTabbableNode || getNodeForOption('fallbackFocus');\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')\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 === doc.activeElement) {\n return;\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');\n\n return node ? node : 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 if (containersContain(e.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(e.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 targetContained = containersContain(e.target);\n // In Firefox when you Tab out of an iframe the Document is briefly focused.\n if (targetContained || e.target instanceof Document) {\n if (targetContained) {\n state.mostRecentlyFocusedNode = e.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 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 const containerIndex = findIndex(state.tabbableGroups, ({ container }) =>\n container.contains(e.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 const startOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ firstTabbableNode }) => e.target === firstTabbableNode\n );\n\n if (startOfGroupIndex >= 0) {\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 const lastOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ lastTabbableNode }) => e.target === lastTabbableNode\n );\n\n if (lastOfGroupIndex >= 0) {\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 destinationNode = getNodeForOption('fallbackFocus');\n }\n\n if (destinationNode) {\n e.preventDefault();\n tryFocus(destinationNode);\n }\n };\n\n const checkKey = function (e) {\n if (config.escapeDeactivates !== false && isEscapeEvent(e)) {\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 if (containersContain(e.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 activeFocusDelay = 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 updateTabbableNodes();\n\n state.active = true;\n state.paused = false;\n state.nodeFocusedBeforeActivation = doc.activeElement;\n\n const onActivate =\n activateOptions && activateOptions.onActivate\n ? activateOptions.onActivate\n : config.onActivate;\n if (onActivate) {\n onActivate();\n }\n\n addListeners();\n return this;\n },\n\n deactivate(deactivateOptions) {\n if (!state.active) {\n return this;\n }\n\n clearTimeout(activeFocusDelay);\n\n removeListeners();\n state.active = false;\n state.paused = false;\n\n activeFocusTraps.deactivateTrap(trap);\n\n const onDeactivate =\n deactivateOptions && deactivateOptions.onDeactivate !== undefined\n ? deactivateOptions.onDeactivate\n : config.onDeactivate;\n if (onDeactivate) {\n onDeactivate();\n }\n\n const returnFocus =\n deactivateOptions && deactivateOptions.returnFocus !== undefined\n ? deactivateOptions.returnFocus\n : config.returnFocusOnDeactivate;\n\n if (returnFocus) {\n delay(function () {\n tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n });\n }\n\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":["activeFocusDelay","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","createFocusTrap","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","containersContain","element","some","container","contains","getNodeForOption","optionName","optionValue","querySelector","Error","getInitialFocusNode","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbableNodes","tabbable","lastTabbableNode","undefined","filter","group","tryFocus","focus","preventScroll","getReturnFocusNode","previousActiveElement","checkPointerDown","target","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","deactivateOptions","clearTimeout","onDeactivate","updateContainerElements","containerElements","elementsAsArray","concat","Boolean"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* focus-trap 6.
|
|
2
|
+
* focus-trap 6.3.0
|
|
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 n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function
|
|
5
|
+
import{tabbable as e,isFocusable as t}from"tabbable";function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var a,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,r){return!t(e)||(n=r,!1)})),n},s=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return"function"==typeof e?e.apply(void 0,n):e},l=function(o,l){var f,b=document,v=function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?r(Object(a),!0).forEach((function(t){n(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):r(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},l),p={containers:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1},d=function(e){return p.containers.some((function(t){return t.contains(e)}))},m=function(e){var t=v[e];if(!t)return null;var n=t;if("string"==typeof t&&!(n=b.querySelector(t)))throw new Error("`".concat(e,"` refers to no known node"));if("function"==typeof t&&!(n=t()))throw new Error("`".concat(e,"` did not return a node"));return n},y=function(){var e;if(null!==m("initialFocus"))e=m("initialFocus");else if(d(b.activeElement))e=b.activeElement;else{var t=p.tabbableGroups[0];e=t&&t.firstTabbableNode||m("fallbackFocus")}if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},h=function(){if(p.tabbableGroups=p.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})),p.tabbableGroups.length<=0&&!m("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},g=function e(t){t!==b.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!v.preventScroll}),p.mostRecentlyFocusedNode=t,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(t)&&t.select()):e(y()))},O=function(e){d(e.target)||(s(v.clickOutsideDeactivates,e)?f.deactivate({returnFocus:v.returnFocusOnDeactivate&&!t(e.target)}):s(v.allowOutsideClick,e)||e.preventDefault())},w=function(e){var t=d(e.target);t||e.target instanceof Document?t&&(p.mostRecentlyFocusedNode=e.target):(e.stopImmediatePropagation(),g(p.mostRecentlyFocusedNode||y()))},E=function(e){if(!1!==v.escapeDeactivates&&function(e){return"Escape"===e.key||"Esc"===e.key||27===e.keyCode}(e))return e.preventDefault(),void f.deactivate();(function(e){return"Tab"===e.key||9===e.keyCode})(e)&&function(e){h();var t=null;if(p.tabbableGroups.length>0)if(u(p.tabbableGroups,(function(t){return t.container.contains(e.target)}))<0)t=e.shiftKey?p.tabbableGroups[p.tabbableGroups.length-1].lastTabbableNode:p.tabbableGroups[0].firstTabbableNode;else if(e.shiftKey){var n=u(p.tabbableGroups,(function(t){var n=t.firstTabbableNode;return e.target===n}));if(n>=0){var r=0===n?p.tabbableGroups.length-1:n-1;t=p.tabbableGroups[r].lastTabbableNode}}else{var a=u(p.tabbableGroups,(function(t){var n=t.lastTabbableNode;return e.target===n}));if(a>=0){var o=a===p.tabbableGroups.length-1?0:a+1;t=p.tabbableGroups[o].firstTabbableNode}}else t=m("fallbackFocus");t&&(e.preventDefault(),g(t))}(e)},F=function(e){s(v.clickOutsideDeactivates,e)||d(e.target)||s(v.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},D=function(){if(p.active)return i.activateTrap(f),a=v.delayInitialFocus?c((function(){g(y())})):g(y()),b.addEventListener("focusin",w,!0),b.addEventListener("mousedown",O,{capture:!0,passive:!1}),b.addEventListener("touchstart",O,{capture:!0,passive:!1}),b.addEventListener("click",F,{capture:!0,passive:!1}),b.addEventListener("keydown",E,{capture:!0,passive:!1}),f},k=function(){if(p.active)return b.removeEventListener("focusin",w,!0),b.removeEventListener("mousedown",O,!0),b.removeEventListener("touchstart",O,!0),b.removeEventListener("click",F,!0),b.removeEventListener("keydown",E,!0),f};return(f={activate:function(e){if(p.active)return this;h(),p.active=!0,p.paused=!1,p.nodeFocusedBeforeActivation=b.activeElement;var t=e&&e.onActivate?e.onActivate:v.onActivate;return t&&t(),D(),this},deactivate:function(e){if(!p.active)return this;clearTimeout(a),k(),p.active=!1,p.paused=!1,i.deactivateTrap(f);var t=e&&void 0!==e.onDeactivate?e.onDeactivate:v.onDeactivate;return t&&t(),(e&&void 0!==e.returnFocus?e.returnFocus:v.returnFocusOnDeactivate)&&c((function(){var e;g((e=p.nodeFocusedBeforeActivation,m("setReturnFocus")||e))})),this},pause:function(){return p.paused||!p.active||(p.paused=!0,k()),this},unpause:function(){return p.paused&&p.active?(p.paused=!1,h(),D(),this):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return p.containers=t.map((function(e){return"string"==typeof e?b.querySelector(e):e})),p.active&&h(),this}}).updateContainerElements(o),f};export{l 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\nlet activeFocusDelay;\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\nconst createFocusTrap = function (elements, userOptions) {\n const doc = 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<{ firstTabbableNode: HTMLElement|null, lastTabbableNode: HTMLElement|null }>}\n tabbableGroups: [],\n\n nodeFocusedBeforeActivation: null,\n mostRecentlyFocusedNode: null,\n active: false,\n paused: false,\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 containersContain = function (element) {\n return state.containers.some((container) => container.contains(element));\n };\n\n const getNodeForOption = function (optionName) {\n const optionValue = config[optionName];\n if (!optionValue) {\n return null;\n }\n\n let node = optionValue;\n\n if (typeof optionValue === 'string') {\n node = doc.querySelector(optionValue);\n if (!node) {\n throw new Error(`\\`${optionName}\\` refers to no known node`);\n }\n }\n\n if (typeof optionValue === 'function') {\n node = optionValue();\n if (!node) {\n throw new Error(`\\`${optionName}\\` did not return a node`);\n }\n }\n\n return node;\n };\n\n const getInitialFocusNode = function () {\n let node;\n\n if (getNodeForOption('initialFocus') !== null) {\n node = getNodeForOption('initialFocus');\n } else if (containersContain(doc.activeElement)) {\n node = doc.activeElement;\n } else {\n const firstTabbableGroup = state.tabbableGroups[0];\n const firstTabbableNode =\n firstTabbableGroup && firstTabbableGroup.firstTabbableNode;\n node = firstTabbableNode || getNodeForOption('fallbackFocus');\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 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')\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 === doc.activeElement) {\n return;\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');\n\n return node ? node : 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 if (containersContain(e.target)) {\n // allow the click since it ocurred inside the trap\n return;\n }\n\n if (config.clickOutsideDeactivates) {\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(e.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 (\n config.allowOutsideClick &&\n (typeof config.allowOutsideClick === 'boolean'\n ? config.allowOutsideClick\n : config.allowOutsideClick(e))\n ) {\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 targetContained = containersContain(e.target);\n // In Firefox when you Tab out of an iframe the Document is briefly focused.\n if (targetContained || e.target instanceof Document) {\n if (targetContained) {\n state.mostRecentlyFocusedNode = e.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 updateTabbableNodes();\n\n let destinationNode = null;\n\n if (state.tabbableGroups.length > 0) {\n if (e.shiftKey) {\n const startOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ firstTabbableNode }) => e.target === firstTabbableNode\n );\n\n if (startOfGroupIndex >= 0) {\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 const lastOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ lastTabbableNode }) => e.target === lastTabbableNode\n );\n\n if (lastOfGroupIndex >= 0) {\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 destinationNode = getNodeForOption('fallbackFocus');\n }\n\n if (destinationNode) {\n e.preventDefault();\n tryFocus(destinationNode);\n }\n };\n\n const checkKey = function (e) {\n if (config.escapeDeactivates !== false && isEscapeEvent(e)) {\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 (config.clickOutsideDeactivates) {\n return;\n }\n\n if (containersContain(e.target)) {\n return;\n }\n\n if (\n config.allowOutsideClick &&\n (typeof config.allowOutsideClick === 'boolean'\n ? config.allowOutsideClick\n : config.allowOutsideClick(e))\n ) {\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 activeFocusDelay = 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 updateTabbableNodes();\n\n state.active = true;\n state.paused = false;\n state.nodeFocusedBeforeActivation = doc.activeElement;\n\n const onActivate =\n activateOptions && activateOptions.onActivate\n ? activateOptions.onActivate\n : config.onActivate;\n if (onActivate) {\n onActivate();\n }\n\n addListeners();\n return this;\n },\n\n deactivate(deactivateOptions) {\n if (!state.active) {\n return this;\n }\n\n clearTimeout(activeFocusDelay);\n\n removeListeners();\n state.active = false;\n state.paused = false;\n\n activeFocusTraps.deactivateTrap(trap);\n\n const onDeactivate =\n deactivateOptions && deactivateOptions.onDeactivate !== undefined\n ? deactivateOptions.onDeactivate\n : config.onDeactivate;\n if (onDeactivate) {\n onDeactivate();\n }\n\n const returnFocus =\n deactivateOptions && deactivateOptions.returnFocus !== undefined\n ? deactivateOptions.returnFocus\n : config.returnFocusOnDeactivate;\n\n if (returnFocus) {\n delay(function () {\n tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n });\n }\n\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":["activeFocusDelay","trapQueue","activeFocusTraps","activateTrap","trap","length","activeTrap","pause","trapIndex","indexOf","splice","push","deactivateTrap","unpause","delay","fn","setTimeout","findIndex","arr","idx","every","value","i","createFocusTrap","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","containersContain","element","some","container","contains","getNodeForOption","optionName","optionValue","node","querySelector","Error","getInitialFocusNode","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbableNodes","tabbable","lastTabbableNode","filter","group","tryFocus","focus","preventScroll","tagName","toLowerCase","select","isSelectableInput","checkPointerDown","e","target","clickOutsideDeactivates","deactivate","returnFocus","isFocusable","allowOutsideClick","preventDefault","checkFocusIn","targetContained","Document","stopImmediatePropagation","checkKey","key","keyCode","isEscapeEvent","isTabEvent","destinationNode","shiftKey","startOfGroupIndex","destinationGroupIndex","lastOfGroupIndex","checkTab","checkClick","addListeners","addEventListener","capture","passive","removeListeners","removeEventListener","activate","activateOptions","this","onActivate","deactivateOptions","clearTimeout","onDeactivate","undefined","previousActiveElement","updateContainerElements","containerElements","elementsAsArray","concat","Boolean"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"focus-trap.esm.min.js","sources":["../index.js"],"sourcesContent":["import { tabbable, isFocusable } from 'tabbable';\n\nlet activeFocusDelay;\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 createFocusTrap = function (elements, userOptions) {\n const doc = 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\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 containersContain = function (element) {\n return state.containers.some((container) => container.contains(element));\n };\n\n const getNodeForOption = function (optionName) {\n const optionValue = config[optionName];\n if (!optionValue) {\n return null;\n }\n\n let node = optionValue;\n\n if (typeof optionValue === 'string') {\n node = doc.querySelector(optionValue);\n if (!node) {\n throw new Error(`\\`${optionName}\\` refers to no known node`);\n }\n }\n\n if (typeof optionValue === 'function') {\n node = optionValue();\n if (!node) {\n throw new Error(`\\`${optionName}\\` did not return a node`);\n }\n }\n\n return node;\n };\n\n const getInitialFocusNode = function () {\n let node;\n\n if (getNodeForOption('initialFocus') !== null) {\n node = getNodeForOption('initialFocus');\n } else if (containersContain(doc.activeElement)) {\n node = doc.activeElement;\n } else {\n const firstTabbableGroup = state.tabbableGroups[0];\n const firstTabbableNode =\n firstTabbableGroup && firstTabbableGroup.firstTabbableNode;\n node = firstTabbableNode || getNodeForOption('fallbackFocus');\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')\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 === doc.activeElement) {\n return;\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');\n\n return node ? node : 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 if (containersContain(e.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(e.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 targetContained = containersContain(e.target);\n // In Firefox when you Tab out of an iframe the Document is briefly focused.\n if (targetContained || e.target instanceof Document) {\n if (targetContained) {\n state.mostRecentlyFocusedNode = e.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 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 const containerIndex = findIndex(state.tabbableGroups, ({ container }) =>\n container.contains(e.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 const startOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ firstTabbableNode }) => e.target === firstTabbableNode\n );\n\n if (startOfGroupIndex >= 0) {\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 const lastOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ lastTabbableNode }) => e.target === lastTabbableNode\n );\n\n if (lastOfGroupIndex >= 0) {\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 destinationNode = getNodeForOption('fallbackFocus');\n }\n\n if (destinationNode) {\n e.preventDefault();\n tryFocus(destinationNode);\n }\n };\n\n const checkKey = function (e) {\n if (config.escapeDeactivates !== false && isEscapeEvent(e)) {\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 if (containersContain(e.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 activeFocusDelay = 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 updateTabbableNodes();\n\n state.active = true;\n state.paused = false;\n state.nodeFocusedBeforeActivation = doc.activeElement;\n\n const onActivate =\n activateOptions && activateOptions.onActivate\n ? activateOptions.onActivate\n : config.onActivate;\n if (onActivate) {\n onActivate();\n }\n\n addListeners();\n return this;\n },\n\n deactivate(deactivateOptions) {\n if (!state.active) {\n return this;\n }\n\n clearTimeout(activeFocusDelay);\n\n removeListeners();\n state.active = false;\n state.paused = false;\n\n activeFocusTraps.deactivateTrap(trap);\n\n const onDeactivate =\n deactivateOptions && deactivateOptions.onDeactivate !== undefined\n ? deactivateOptions.onDeactivate\n : config.onDeactivate;\n if (onDeactivate) {\n onDeactivate();\n }\n\n const returnFocus =\n deactivateOptions && deactivateOptions.returnFocus !== undefined\n ? deactivateOptions.returnFocus\n : config.returnFocusOnDeactivate;\n\n if (returnFocus) {\n delay(function () {\n tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n });\n }\n\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":["activeFocusDelay","trapQueue","activeFocusTraps","activateTrap","trap","length","activeTrap","pause","trapIndex","indexOf","splice","push","deactivateTrap","unpause","delay","fn","setTimeout","findIndex","arr","idx","every","value","i","valueOrHandler","params","createFocusTrap","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","containersContain","element","some","container","contains","getNodeForOption","optionName","optionValue","node","querySelector","Error","getInitialFocusNode","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbableNodes","tabbable","lastTabbableNode","filter","group","tryFocus","focus","preventScroll","tagName","toLowerCase","select","isSelectableInput","checkPointerDown","e","target","clickOutsideDeactivates","deactivate","returnFocus","isFocusable","allowOutsideClick","preventDefault","checkFocusIn","targetContained","Document","stopImmediatePropagation","checkKey","key","keyCode","isEscapeEvent","isTabEvent","destinationNode","shiftKey","startOfGroupIndex","destinationGroupIndex","lastOfGroupIndex","checkTab","checkClick","addListeners","addEventListener","capture","passive","removeListeners","removeEventListener","activate","activateOptions","this","onActivate","deactivateOptions","clearTimeout","onDeactivate","undefined","previousActiveElement","updateContainerElements","containerElements","elementsAsArray","concat","Boolean"],"mappings":"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"}
|