focus-trap 6.2.3 → 6.5.1
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 +37 -0
- package/README.md +79 -61
- package/dist/focus-trap.esm.js +142 -37
- 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 +142 -37
- 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 +142 -37
- 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 +61 -14
- package/index.js +133 -35
- package/package.json +33 -29
package/dist/focus-trap.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* focus-trap 6.
|
|
2
|
+
* focus-trap 6.5.1
|
|
3
3
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
4
4
|
*/
|
|
5
5
|
'use strict';
|
|
@@ -8,29 +8,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
var tabbable = require('tabbable');
|
|
10
10
|
|
|
11
|
-
function _defineProperty(obj, key, value) {
|
|
12
|
-
if (key in obj) {
|
|
13
|
-
Object.defineProperty(obj, key, {
|
|
14
|
-
value: value,
|
|
15
|
-
enumerable: true,
|
|
16
|
-
configurable: true,
|
|
17
|
-
writable: true
|
|
18
|
-
});
|
|
19
|
-
} else {
|
|
20
|
-
obj[key] = value;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
return obj;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
11
|
function ownKeys(object, enumerableOnly) {
|
|
27
12
|
var keys = Object.keys(object);
|
|
28
13
|
|
|
29
14
|
if (Object.getOwnPropertySymbols) {
|
|
30
15
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
16
|
+
|
|
17
|
+
if (enumerableOnly) {
|
|
18
|
+
symbols = symbols.filter(function (sym) {
|
|
19
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
|
|
34
23
|
keys.push.apply(keys, symbols);
|
|
35
24
|
}
|
|
36
25
|
|
|
@@ -57,6 +46,21 @@ function _objectSpread2(target) {
|
|
|
57
46
|
return target;
|
|
58
47
|
}
|
|
59
48
|
|
|
49
|
+
function _defineProperty(obj, key, value) {
|
|
50
|
+
if (key in obj) {
|
|
51
|
+
Object.defineProperty(obj, key, {
|
|
52
|
+
value: value,
|
|
53
|
+
enumerable: true,
|
|
54
|
+
configurable: true,
|
|
55
|
+
writable: true
|
|
56
|
+
});
|
|
57
|
+
} else {
|
|
58
|
+
obj[key] = value;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
return obj;
|
|
62
|
+
}
|
|
63
|
+
|
|
60
64
|
var activeFocusDelay;
|
|
61
65
|
|
|
62
66
|
var activeFocusTraps = function () {
|
|
@@ -125,6 +129,22 @@ var findIndex = function findIndex(arr, fn) {
|
|
|
125
129
|
});
|
|
126
130
|
return idx;
|
|
127
131
|
};
|
|
132
|
+
/**
|
|
133
|
+
* Get an option's value when it could be a plain value, or a handler that provides
|
|
134
|
+
* the value.
|
|
135
|
+
* @param {*} value Option's value to check.
|
|
136
|
+
* @param {...*} [params] Any parameters to pass to the handler, if `value` is a function.
|
|
137
|
+
* @returns {*} The `value`, or the handler's returned value.
|
|
138
|
+
*/
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
var valueOrHandler = function valueOrHandler(value) {
|
|
142
|
+
for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
143
|
+
params[_key - 1] = arguments[_key];
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
return typeof value === 'function' ? value.apply(void 0, params) : value;
|
|
147
|
+
};
|
|
128
148
|
|
|
129
149
|
var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
130
150
|
var doc = document;
|
|
@@ -144,7 +164,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
144
164
|
// is active, but the trap should never get to a state where there isn't at least one group
|
|
145
165
|
// with at least one tabbable node in it (that would lead to an error condition that would
|
|
146
166
|
// result in an error being thrown)
|
|
147
|
-
// @type {Array<{ firstTabbableNode: HTMLElement|null, lastTabbableNode: HTMLElement|null }>}
|
|
167
|
+
// @type {Array<{ container: HTMLElement, firstTabbableNode: HTMLElement|null, lastTabbableNode: HTMLElement|null }>}
|
|
148
168
|
tabbableGroups: [],
|
|
149
169
|
nodeFocusedBeforeActivation: null,
|
|
150
170
|
mostRecentlyFocusedNode: null,
|
|
@@ -153,6 +173,10 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
153
173
|
};
|
|
154
174
|
var 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
|
|
155
175
|
|
|
176
|
+
var getOption = function getOption(configOverrideOptions, optionName, configOptionName) {
|
|
177
|
+
return configOverrideOptions && configOverrideOptions[optionName] !== undefined ? configOverrideOptions[optionName] : config[configOptionName || optionName];
|
|
178
|
+
};
|
|
179
|
+
|
|
156
180
|
var containersContain = function containersContain(element) {
|
|
157
181
|
return state.containers.some(function (container) {
|
|
158
182
|
return container.contains(element);
|
|
@@ -213,6 +237,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
213
237
|
|
|
214
238
|
if (tabbableNodes.length > 0) {
|
|
215
239
|
return {
|
|
240
|
+
container: container,
|
|
216
241
|
firstTabbableNode: tabbableNodes[0],
|
|
217
242
|
lastTabbableNode: tabbableNodes[tabbableNodes.length - 1]
|
|
218
243
|
};
|
|
@@ -262,7 +287,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
262
287
|
return;
|
|
263
288
|
}
|
|
264
289
|
|
|
265
|
-
if (config.clickOutsideDeactivates) {
|
|
290
|
+
if (valueOrHandler(config.clickOutsideDeactivates, e)) {
|
|
266
291
|
// immediately deactivate the trap
|
|
267
292
|
trap.deactivate({
|
|
268
293
|
// if, on deactivation, we should return focus to the node originally-focused
|
|
@@ -284,7 +309,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
284
309
|
// then on mobile they will be blocked anyways if `touchstart` is blocked.)
|
|
285
310
|
|
|
286
311
|
|
|
287
|
-
if (
|
|
312
|
+
if (valueOrHandler(config.allowOutsideClick, e)) {
|
|
288
313
|
// allow the click outside the trap to take place
|
|
289
314
|
return;
|
|
290
315
|
} // otherwise, prevent the click
|
|
@@ -317,24 +342,66 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
317
342
|
var destinationNode = null;
|
|
318
343
|
|
|
319
344
|
if (state.tabbableGroups.length > 0) {
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
345
|
+
// make sure the target is actually contained in a group
|
|
346
|
+
// NOTE: the target may also be the container itself if it's tabbable
|
|
347
|
+
// with tabIndex='-1' and was given initial focus
|
|
348
|
+
var containerIndex = findIndex(state.tabbableGroups, function (_ref) {
|
|
349
|
+
var container = _ref.container;
|
|
350
|
+
return container.contains(e.target);
|
|
351
|
+
});
|
|
352
|
+
|
|
353
|
+
if (containerIndex < 0) {
|
|
354
|
+
// target not found in any group: quite possible focus has escaped the trap,
|
|
355
|
+
// so bring it back in to...
|
|
356
|
+
if (e.shiftKey) {
|
|
357
|
+
// ...the last node in the last group
|
|
358
|
+
destinationNode = state.tabbableGroups[state.tabbableGroups.length - 1].lastTabbableNode;
|
|
359
|
+
} else {
|
|
360
|
+
// ...the first node in the first group
|
|
361
|
+
destinationNode = state.tabbableGroups[0].firstTabbableNode;
|
|
362
|
+
}
|
|
363
|
+
} else if (e.shiftKey) {
|
|
364
|
+
// REVERSE
|
|
365
|
+
// is the target the first tabbable node in a group?
|
|
366
|
+
var startOfGroupIndex = findIndex(state.tabbableGroups, function (_ref2) {
|
|
367
|
+
var firstTabbableNode = _ref2.firstTabbableNode;
|
|
323
368
|
return e.target === firstTabbableNode;
|
|
324
369
|
});
|
|
325
370
|
|
|
371
|
+
if (startOfGroupIndex < 0 && state.tabbableGroups[containerIndex].container === e.target) {
|
|
372
|
+
// an exception case where the target is the container itself, in which
|
|
373
|
+
// case, we should handle shift+tab as if focus were on the container's
|
|
374
|
+
// first tabbable node, and go to the last tabbable node of the LAST group
|
|
375
|
+
startOfGroupIndex = containerIndex;
|
|
376
|
+
}
|
|
377
|
+
|
|
326
378
|
if (startOfGroupIndex >= 0) {
|
|
379
|
+
// YES: then shift+tab should go to the last tabbable node in the
|
|
380
|
+
// previous group (and wrap around to the last tabbable node of
|
|
381
|
+
// the LAST group if it's the first tabbable node of the FIRST group)
|
|
327
382
|
var destinationGroupIndex = startOfGroupIndex === 0 ? state.tabbableGroups.length - 1 : startOfGroupIndex - 1;
|
|
328
383
|
var destinationGroup = state.tabbableGroups[destinationGroupIndex];
|
|
329
384
|
destinationNode = destinationGroup.lastTabbableNode;
|
|
330
385
|
}
|
|
331
386
|
} else {
|
|
332
|
-
|
|
333
|
-
|
|
387
|
+
// FORWARD
|
|
388
|
+
// is the target the last tabbable node in a group?
|
|
389
|
+
var lastOfGroupIndex = findIndex(state.tabbableGroups, function (_ref3) {
|
|
390
|
+
var lastTabbableNode = _ref3.lastTabbableNode;
|
|
334
391
|
return e.target === lastTabbableNode;
|
|
335
392
|
});
|
|
336
393
|
|
|
394
|
+
if (lastOfGroupIndex < 0 && state.tabbableGroups[containerIndex].container === e.target) {
|
|
395
|
+
// an exception case where the target is the container itself, in which
|
|
396
|
+
// case, we should handle tab as if focus were on the container's
|
|
397
|
+
// last tabbable node, and go to the first tabbable node of the FIRST group
|
|
398
|
+
lastOfGroupIndex = containerIndex;
|
|
399
|
+
}
|
|
400
|
+
|
|
337
401
|
if (lastOfGroupIndex >= 0) {
|
|
402
|
+
// YES: then tab should go to the first tabbable node in the next
|
|
403
|
+
// group (and wrap around to the first tabbable node of the FIRST
|
|
404
|
+
// group if it's the last tabbable node of the LAST group)
|
|
338
405
|
var _destinationGroupIndex = lastOfGroupIndex === state.tabbableGroups.length - 1 ? 0 : lastOfGroupIndex + 1;
|
|
339
406
|
|
|
340
407
|
var _destinationGroup = state.tabbableGroups[_destinationGroupIndex];
|
|
@@ -348,7 +415,8 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
348
415
|
if (destinationNode) {
|
|
349
416
|
e.preventDefault();
|
|
350
417
|
tryFocus(destinationNode);
|
|
351
|
-
}
|
|
418
|
+
} // else, let the browser take care of [shift+]tab and move the focus
|
|
419
|
+
|
|
352
420
|
};
|
|
353
421
|
|
|
354
422
|
var checkKey = function checkKey(e) {
|
|
@@ -365,7 +433,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
365
433
|
};
|
|
366
434
|
|
|
367
435
|
var checkClick = function checkClick(e) {
|
|
368
|
-
if (config.clickOutsideDeactivates) {
|
|
436
|
+
if (valueOrHandler(config.clickOutsideDeactivates, e)) {
|
|
369
437
|
return;
|
|
370
438
|
}
|
|
371
439
|
|
|
@@ -373,7 +441,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
373
441
|
return;
|
|
374
442
|
}
|
|
375
443
|
|
|
376
|
-
if (
|
|
444
|
+
if (valueOrHandler(config.allowOutsideClick, e)) {
|
|
377
445
|
return;
|
|
378
446
|
}
|
|
379
447
|
|
|
@@ -438,17 +506,40 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
438
506
|
return this;
|
|
439
507
|
}
|
|
440
508
|
|
|
441
|
-
|
|
509
|
+
var onActivate = getOption(activateOptions, 'onActivate');
|
|
510
|
+
var onPostActivate = getOption(activateOptions, 'onPostActivate');
|
|
511
|
+
var checkCanFocusTrap = getOption(activateOptions, 'checkCanFocusTrap');
|
|
512
|
+
|
|
513
|
+
if (!checkCanFocusTrap) {
|
|
514
|
+
updateTabbableNodes();
|
|
515
|
+
}
|
|
516
|
+
|
|
442
517
|
state.active = true;
|
|
443
518
|
state.paused = false;
|
|
444
519
|
state.nodeFocusedBeforeActivation = doc.activeElement;
|
|
445
|
-
var onActivate = activateOptions && activateOptions.onActivate ? activateOptions.onActivate : config.onActivate;
|
|
446
520
|
|
|
447
521
|
if (onActivate) {
|
|
448
522
|
onActivate();
|
|
449
523
|
}
|
|
450
524
|
|
|
451
|
-
|
|
525
|
+
var finishActivation = function finishActivation() {
|
|
526
|
+
if (checkCanFocusTrap) {
|
|
527
|
+
updateTabbableNodes();
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
addListeners();
|
|
531
|
+
|
|
532
|
+
if (onPostActivate) {
|
|
533
|
+
onPostActivate();
|
|
534
|
+
}
|
|
535
|
+
};
|
|
536
|
+
|
|
537
|
+
if (checkCanFocusTrap) {
|
|
538
|
+
checkCanFocusTrap(state.containers.concat()).then(finishActivation, finishActivation);
|
|
539
|
+
return this;
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
finishActivation();
|
|
452
543
|
return this;
|
|
453
544
|
},
|
|
454
545
|
deactivate: function deactivate(deactivateOptions) {
|
|
@@ -461,20 +552,34 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
461
552
|
state.active = false;
|
|
462
553
|
state.paused = false;
|
|
463
554
|
activeFocusTraps.deactivateTrap(trap);
|
|
464
|
-
var onDeactivate = deactivateOptions
|
|
555
|
+
var onDeactivate = getOption(deactivateOptions, 'onDeactivate');
|
|
556
|
+
var onPostDeactivate = getOption(deactivateOptions, 'onPostDeactivate');
|
|
557
|
+
var checkCanReturnFocus = getOption(deactivateOptions, 'checkCanReturnFocus');
|
|
465
558
|
|
|
466
559
|
if (onDeactivate) {
|
|
467
560
|
onDeactivate();
|
|
468
561
|
}
|
|
469
562
|
|
|
470
|
-
var returnFocus = deactivateOptions
|
|
563
|
+
var returnFocus = getOption(deactivateOptions, 'returnFocus', 'returnFocusOnDeactivate');
|
|
471
564
|
|
|
472
|
-
|
|
565
|
+
var finishDeactivation = function finishDeactivation() {
|
|
473
566
|
delay(function () {
|
|
474
|
-
|
|
567
|
+
if (returnFocus) {
|
|
568
|
+
tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));
|
|
569
|
+
}
|
|
570
|
+
|
|
571
|
+
if (onPostDeactivate) {
|
|
572
|
+
onPostDeactivate();
|
|
573
|
+
}
|
|
475
574
|
});
|
|
575
|
+
};
|
|
576
|
+
|
|
577
|
+
if (returnFocus && checkCanReturnFocus) {
|
|
578
|
+
checkCanReturnFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation)).then(finishDeactivation, finishDeactivation);
|
|
579
|
+
return this;
|
|
476
580
|
}
|
|
477
581
|
|
|
582
|
+
finishDeactivation();
|
|
478
583
|
return this;
|
|
479
584
|
},
|
|
480
585
|
pause: function pause() {
|
package/dist/focus-trap.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus-trap.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.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 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 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 // 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(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\n // is the target the first tabbable node in a group?\n let startOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ firstTabbableNode }) => e.target === firstTabbableNode\n );\n\n if (\n startOfGroupIndex < 0 &&\n state.tabbableGroups[containerIndex].container === e.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 }) => e.target === lastTabbableNode\n );\n\n if (\n lastOfGroupIndex < 0 &&\n state.tabbableGroups[containerIndex].container === e.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 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 (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 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(activeFocusDelay);\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":["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","getOption","configOverrideOptions","optionName","configOptionName","undefined","containersContain","element","some","container","contains","getNodeForOption","optionValue","querySelector","Error","getInitialFocusNode","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbableNodes","tabbable","lastTabbableNode","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","onPostActivate","checkCanFocusTrap","finishActivation","concat","then","deactivateOptions","clearTimeout","onDeactivate","onPostDeactivate","checkCanReturnFocus","finishDeactivation","updateContainerElements","containerElements","elementsAsArray","Boolean"],"mappings":"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"}
|
package/dist/focus-trap.min.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* focus-trap 6.
|
|
2
|
+
* focus-trap 6.5.1
|
|
3
3
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
4
4
|
*/
|
|
5
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tabbable");function n(e,t
|
|
5
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tabbable");function n(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}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 a,o=(a=[],{activateTrap:function(e){if(a.length>0){var t=a[a.length-1];t!==e&&t.pause()}var n=a.indexOf(e);-1===n||a.splice(n,1),a.push(e)},deactivateTrap:function(e){var t=a.indexOf(e);-1!==t&&a.splice(t,1),a.length>0&&a[a.length-1].unpause()}}),i=function(e){return setTimeout(e,0)},c=function(e,t){var n=-1;return e.every((function(e,r){return!t(e)||(n=r,!1)})),n},u=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};exports.createFocusTrap=function(a,s){var l,f=document,b=function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?n(Object(a),!0).forEach((function(t){r(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):n(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},s),v={containers:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1},p=function(e,t,n){return e&&void 0!==e[t]?e[t]:b[n||t]},d=function(e){return v.containers.some((function(t){return t.contains(e)}))},h=function(e){var t=b[e];if(!t)return null;var n=t;if("string"==typeof t&&!(n=f.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!==h("initialFocus"))e=h("initialFocus");else if(d(f.activeElement))e=f.activeElement;else{var t=v.tabbableGroups[0];e=t&&t.firstTabbableNode||h("fallbackFocus")}if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},g=function(){if(v.tabbableGroups=v.containers.map((function(e){var n=t.tabbable(e);if(n.length>0)return{container:e,firstTabbableNode:n[0],lastTabbableNode:n[n.length-1]}})).filter((function(e){return!!e})),v.tabbableGroups.length<=0&&!h("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},m=function e(t){t!==f.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!b.preventScroll}),v.mostRecentlyFocusedNode=t,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(t)&&t.select()):e(y()))},O=function(e){var t=h("setReturnFocus");return t||e},w=function(e){d(e.target)||(u(b.clickOutsideDeactivates,e)?l.deactivate({returnFocus:b.returnFocusOnDeactivate&&!t.isFocusable(e.target)}):u(b.allowOutsideClick,e)||e.preventDefault())},F=function(e){var t=d(e.target);t||e.target instanceof Document?t&&(v.mostRecentlyFocusedNode=e.target):(e.stopImmediatePropagation(),m(v.mostRecentlyFocusedNode||y()))},E=function(e){if(!1!==b.escapeDeactivates&&function(e){return"Escape"===e.key||"Esc"===e.key||27===e.keyCode}(e))return e.preventDefault(),void l.deactivate();(function(e){return"Tab"===e.key||9===e.keyCode})(e)&&function(e){g();var t=null;if(v.tabbableGroups.length>0){var n=c(v.tabbableGroups,(function(t){return t.container.contains(e.target)}));if(n<0)t=e.shiftKey?v.tabbableGroups[v.tabbableGroups.length-1].lastTabbableNode:v.tabbableGroups[0].firstTabbableNode;else if(e.shiftKey){var r=c(v.tabbableGroups,(function(t){var n=t.firstTabbableNode;return e.target===n}));if(r<0&&v.tabbableGroups[n].container===e.target&&(r=n),r>=0){var a=0===r?v.tabbableGroups.length-1:r-1;t=v.tabbableGroups[a].lastTabbableNode}}else{var o=c(v.tabbableGroups,(function(t){var n=t.lastTabbableNode;return e.target===n}));if(o<0&&v.tabbableGroups[n].container===e.target&&(o=n),o>=0){var i=o===v.tabbableGroups.length-1?0:o+1;t=v.tabbableGroups[i].firstTabbableNode}}}else t=h("fallbackFocus");t&&(e.preventDefault(),m(t))}(e)},k=function(e){u(b.clickOutsideDeactivates,e)||d(e.target)||u(b.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},D=function(){if(v.active)return o.activateTrap(l),e=b.delayInitialFocus?i((function(){m(y())})):m(y()),f.addEventListener("focusin",F,!0),f.addEventListener("mousedown",w,{capture:!0,passive:!1}),f.addEventListener("touchstart",w,{capture:!0,passive:!1}),f.addEventListener("click",k,{capture:!0,passive:!1}),f.addEventListener("keydown",E,{capture:!0,passive:!1}),l},T=function(){if(v.active)return f.removeEventListener("focusin",F,!0),f.removeEventListener("mousedown",w,!0),f.removeEventListener("touchstart",w,!0),f.removeEventListener("click",k,!0),f.removeEventListener("keydown",E,!0),l};return(l={activate:function(e){if(v.active)return this;var t=p(e,"onActivate"),n=p(e,"onPostActivate"),r=p(e,"checkCanFocusTrap");r||g(),v.active=!0,v.paused=!1,v.nodeFocusedBeforeActivation=f.activeElement,t&&t();var a=function(){r&&g(),D(),n&&n()};return r?(r(v.containers.concat()).then(a,a),this):(a(),this)},deactivate:function(t){if(!v.active)return this;clearTimeout(e),T(),v.active=!1,v.paused=!1,o.deactivateTrap(l);var n=p(t,"onDeactivate"),r=p(t,"onPostDeactivate"),a=p(t,"checkCanReturnFocus");n&&n();var c=p(t,"returnFocus","returnFocusOnDeactivate"),u=function(){i((function(){c&&m(O(v.nodeFocusedBeforeActivation)),r&&r()}))};return c&&a?(a(O(v.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(){return v.paused||!v.active||(v.paused=!0,T()),this},unpause:function(){return v.paused&&v.active?(v.paused=!1,g(),D(),this):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return v.containers=t.map((function(e){return"string"==typeof e?f.querySelector(e):e})),v.active&&g(),this}}).updateContainerElements(a),l};
|
|
6
6
|
//# sourceMappingURL=focus-trap.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus-trap.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","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.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 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 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 // 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(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\n // is the target the first tabbable node in a group?\n let startOfGroupIndex = findIndex(\n state.tabbableGroups,\n ({ firstTabbableNode }) => e.target === firstTabbableNode\n );\n\n if (\n startOfGroupIndex < 0 &&\n state.tabbableGroups[containerIndex].container === e.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 }) => e.target === lastTabbableNode\n );\n\n if (\n lastOfGroupIndex < 0 &&\n state.tabbableGroups[containerIndex].container === e.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 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 (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 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(activeFocusDelay);\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":["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","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","getOption","configOverrideOptions","optionName","configOptionName","undefined","containersContain","element","some","container","contains","getNodeForOption","optionValue","node","querySelector","Error","getInitialFocusNode","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbableNodes","tabbable","lastTabbableNode","filter","group","tryFocus","focus","preventScroll","tagName","toLowerCase","select","isSelectableInput","getReturnFocusNode","previousActiveElement","checkPointerDown","e","target","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":";;;;wEAEIA,8WAEJ,IACQC,EADFC,GACED,EAAY,GACX,CACLE,sBAAaC,MACPH,EAAUI,OAAS,EAAG,KAClBC,EAAaL,EAAUA,EAAUI,OAAS,GAC5CC,IAAeF,GACjBE,EAAWC,YAITC,EAAYP,EAAUQ,QAAQL,IACjB,IAAfI,GAIFP,EAAUS,OAAOF,EAAW,GAH5BP,EAAUU,KAAKP,IAQnBQ,wBAAeR,OACPI,EAAYP,EAAUQ,QAAQL,IACjB,IAAfI,GACFP,EAAUS,OAAOF,EAAW,GAG1BP,EAAUI,OAAS,GACrBJ,EAAUA,EAAUI,OAAS,GAAGQ,aAsBlCC,EAAQ,SAAUC,UACfC,WAAWD,EAAI,IAKlBE,EAAY,SAAUC,EAAKH,OAC3BI,GAAO,SAEXD,EAAIE,OAAM,SAAUC,EAAOC,UACrBP,EAAGM,KACLF,EAAMG,GACC,MAMJH,GAUHI,EAAiB,SAAUF,8BAAUG,mCAAAA,0BACjB,mBAAVH,EAAuBA,eAASG,GAAUH,2BAGlC,SAAUI,EAAUC,OA6BtCtB,EA5BEuB,EAAMC,SAENC,mWACJC,yBAAyB,EACzBC,mBAAmB,EACnBC,mBAAmB,GAChBN,GAGCO,EAAQ,CAEZC,WAAY,GASZC,eAAgB,GAEhBC,4BAA6B,KAC7BC,wBAAyB,KACzBC,QAAQ,EACRC,QAAQ,GAKJC,EAAY,SAACC,EAAuBC,EAAYC,UAC7CF,QACiCG,IAAtCH,EAAsBC,GACpBD,EAAsBC,GACtBb,EAAOc,GAAoBD,IAG3BG,EAAoB,SAAUC,UAC3Bb,EAAMC,WAAWa,MAAK,SAACC,UAAcA,EAAUC,SAASH,OAG3DI,EAAmB,SAAUR,OAC3BS,EAActB,EAAOa,OACtBS,SACI,SAGLC,EAAOD,KAEgB,iBAAhBA,KACTC,EAAOzB,EAAI0B,cAAcF,UAEjB,IAAIG,iBAAWZ,mCAIE,mBAAhBS,KACTC,EAAOD,WAEC,IAAIG,iBAAWZ,qCAIlBU,GAGHG,EAAsB,eACtBH,KAEqC,OAArCF,EAAiB,gBACnBE,EAAOF,EAAiB,qBACnB,GAAIL,EAAkBlB,EAAI6B,eAC/BJ,EAAOzB,EAAI6B,kBACN,KACCC,EAAqBxB,EAAME,eAAe,GAGhDiB,EADEK,GAAsBA,EAAmBC,mBACfR,EAAiB,qBAG1CE,QACG,IAAIE,MACR,uEAIGF,GAGHO,EAAsB,cAC1B1B,EAAME,eAAiBF,EAAMC,WAC1B0B,KAAI,SAACZ,OACEa,EAAgBC,WAASd,MAE3Ba,EAAcxD,OAAS,QAClB,CACL2C,UAAAA,EACAU,kBAAmBG,EAAc,GACjCE,iBAAkBF,EAAcA,EAAcxD,OAAS,OAM5D2D,QAAO,SAACC,WAAYA,KAIrBhC,EAAME,eAAe9B,QAAU,IAC9B6C,EAAiB,uBAEZ,IAAII,MACR,wGAKAY,EAAW,SAAXA,EAAqBd,GACrBA,IAASzB,EAAI6B,gBAGZJ,GAASA,EAAKe,OAKnBf,EAAKe,MAAM,CAAEC,gBAAiBvC,EAAOuC,gBACrCnC,EAAMI,wBAA0Be,EAhLV,SAAUA,UAEhCA,EAAKiB,SAC0B,UAA/BjB,EAAKiB,QAAQC,eACU,mBAAhBlB,EAAKmB,OA8KRC,CAAkBpB,IACpBA,EAAKmB,UARLL,EAASX,OAYPkB,EAAqB,SAAUC,OAC7BtB,EAAOF,EAAiB,yBAEvBE,GAAcsB,GAKjBC,EAAmB,SAAUC,GAC7B/B,EAAkB+B,EAAEC,UAKpBtD,EAAeM,EAAOiD,wBAAyBF,GAEjDxE,EAAK2E,WAAW,CAYdC,YAAanD,EAAOC,0BAA4BmD,cAAYL,EAAEC,UAQ9DtD,EAAeM,EAAOqD,kBAAmBN,IAM7CA,EAAEO,mBAIEC,EAAe,SAAUR,OACvBS,EAAkBxC,EAAkB+B,EAAEC,QAExCQ,GAAmBT,EAAEC,kBAAkBS,SACrCD,IACFpD,EAAMI,wBAA0BuC,EAAEC,SAIpCD,EAAEW,2BACFrB,EAASjC,EAAMI,yBAA2BkB,OA2GxCiC,EAAW,SAAUZ,OACQ,IAA7B/C,EAAOE,mBAnVO,SAAU6C,SACb,WAAVA,EAAEa,KAA8B,QAAVb,EAAEa,KAA+B,KAAdb,EAAEc,QAkVNC,CAAcf,UACtDA,EAAEO,sBACF/E,EAAK2E,cAjVQ,SAAUH,SACV,QAAVA,EAAEa,KAA+B,IAAdb,EAAEc,SAoVtBE,CAAWhB,IA1GA,SAAUA,GACzBjB,QAEIkC,EAAkB,QAElB5D,EAAME,eAAe9B,OAAS,EAAG,KAI7ByF,EAAiB7E,EAAUgB,EAAME,gBAAgB,qBAAGa,UAC9CC,SAAS2B,EAAEC,cAGnBiB,EAAiB,EAKjBD,EAFEjB,EAAEmB,SAGF9D,EAAME,eAAeF,EAAME,eAAe9B,OAAS,GAChD0D,iBAGa9B,EAAME,eAAe,GAAGuB,uBAEvC,GAAIkB,EAAEmB,SAAU,KAIjBC,EAAoB/E,EACtBgB,EAAME,gBACN,gBAAGuB,IAAAA,yBAAwBkB,EAAEC,SAAWnB,QAIxCsC,EAAoB,GACpB/D,EAAME,eAAe2D,GAAgB9C,YAAc4B,EAAEC,SAKrDmB,EAAoBF,GAGlBE,GAAqB,EAAG,KAIpBC,EACkB,IAAtBD,EACI/D,EAAME,eAAe9B,OAAS,EAC9B2F,EAAoB,EAG1BH,EADyB5D,EAAME,eAAe8D,GACXlC,sBAEhC,KAIDmC,EAAmBjF,EACrBgB,EAAME,gBACN,gBAAG4B,IAAAA,wBAAuBa,EAAEC,SAAWd,QAIvCmC,EAAmB,GACnBjE,EAAME,eAAe2D,GAAgB9C,YAAc4B,EAAEC,SAKrDqB,EAAmBJ,GAGjBI,GAAoB,EAAG,KAInBD,EACJC,IAAqBjE,EAAME,eAAe9B,OAAS,EAC/C,EACA6F,EAAmB,EAGzBL,EADyB5D,EAAME,eAAe8D,GACXvC,yBAIvCmC,EAAkB3C,EAAiB,iBAGjC2C,IACFjB,EAAEO,iBACFjB,EAAS2B,IAaTM,CAASvB,IAKPwB,EAAa,SAAUxB,GACvBrD,EAAeM,EAAOiD,wBAAyBF,IAI/C/B,EAAkB+B,EAAEC,SAIpBtD,EAAeM,EAAOqD,kBAAmBN,KAI7CA,EAAEO,iBACFP,EAAEW,6BAOEc,EAAe,cACdpE,EAAMK,cAKXpC,EAAiBC,aAAaC,GAI9BJ,EAAmB6B,EAAOG,kBACtBlB,GAAM,WACJoD,EAASX,QAEXW,EAASX,KAEb5B,EAAI2E,iBAAiB,UAAWlB,GAAc,GAC9CzD,EAAI2E,iBAAiB,YAAa3B,EAAkB,CAClD4B,SAAS,EACTC,SAAS,IAEX7E,EAAI2E,iBAAiB,aAAc3B,EAAkB,CACnD4B,SAAS,EACTC,SAAS,IAEX7E,EAAI2E,iBAAiB,QAASF,EAAY,CACxCG,SAAS,EACTC,SAAS,IAEX7E,EAAI2E,iBAAiB,UAAWd,EAAU,CACxCe,SAAS,EACTC,SAAS,IAGJpG,GAGHqG,EAAkB,cACjBxE,EAAMK,cAIXX,EAAI+E,oBAAoB,UAAWtB,GAAc,GACjDzD,EAAI+E,oBAAoB,YAAa/B,GAAkB,GACvDhD,EAAI+E,oBAAoB,aAAc/B,GAAkB,GACxDhD,EAAI+E,oBAAoB,QAASN,GAAY,GAC7CzE,EAAI+E,oBAAoB,UAAWlB,GAAU,GAEtCpF,UAOTA,EAAO,CACLuG,kBAASC,MACH3E,EAAMK,cACDuE,SAGHC,EAAatE,EAAUoE,EAAiB,cACxCG,EAAiBvE,EAAUoE,EAAiB,kBAC5CI,EAAoBxE,EAAUoE,EAAiB,qBAEhDI,GACHrD,IAGF1B,EAAMK,QAAS,EACfL,EAAMM,QAAS,EACfN,EAAMG,4BAA8BT,EAAI6B,cAEpCsD,GACFA,QAGIG,EAAmB,WACnBD,GACFrD,IAEF0C,IACIU,GACFA,YAIAC,GACFA,EAAkB/E,EAAMC,WAAWgF,UAAUC,KAC3CF,EACAA,GAEKJ,OAGTI,IACOJ,OAGT9B,oBAAWqC,OACJnF,EAAMK,cACFuE,KAGTQ,aAAarH,GAEbyG,IACAxE,EAAMK,QAAS,EACfL,EAAMM,QAAS,EAEfrC,EAAiBU,eAAeR,OAE1BkH,EAAe9E,EAAU4E,EAAmB,gBAC5CG,EAAmB/E,EAAU4E,EAAmB,oBAChDI,EAAsBhF,EAC1B4E,EACA,uBAGEE,GACFA,QAGItC,EAAcxC,EAClB4E,EACA,cACA,2BAGIK,EAAqB,WACzB3G,GAAM,WACAkE,GACFd,EAASO,EAAmBxC,EAAMG,8BAEhCmF,GACFA,eAKFvC,GAAewC,GACjBA,EACE/C,EAAmBxC,EAAMG,8BACzB+E,KAAKM,EAAoBA,GACpBZ,OAGTY,IACOZ,OAGTtG,wBACM0B,EAAMM,SAAWN,EAAMK,SAI3BL,EAAMM,QAAS,EACfkE,KAJSI,MASXhG,0BACOoB,EAAMM,QAAWN,EAAMK,QAI5BL,EAAMM,QAAS,EACfoB,IACA0C,IAEOQ,MAPEA,MAUXa,iCAAwBC,OAChBC,EAAkB,GAAGV,OAAOS,GAAmB3D,OAAO6D,gBAE5D5F,EAAMC,WAAa0F,EAAgBhE,KAAI,SAACd,SACnB,iBAAZA,EAAuBnB,EAAI0B,cAAcP,GAAWA,KAGzDb,EAAMK,QACRqB,IAGKkD,QAKNa,wBAAwBjG,GAEtBrB"}
|