gnezim
45 lines
1.5 KiB
JavaScript
45 lines
1.5 KiB
JavaScript
import { getTabbableNodes } from './utils/DOMutils';
|
|
var getRelativeFocusable = function (element, scope) {
|
|
if (!element || !scope || !scope.contains(element)) {
|
|
return {};
|
|
}
|
|
var focusables = getTabbableNodes([scope]);
|
|
var current = focusables.findIndex(function (_a) {
|
|
var node = _a.node;
|
|
return node === element;
|
|
});
|
|
if (current === -1) {
|
|
return {};
|
|
}
|
|
return {
|
|
prev: focusables[current - 1],
|
|
next: focusables[current + 1],
|
|
first: focusables[0],
|
|
last: focusables[focusables.length - 1],
|
|
};
|
|
};
|
|
var defaultOptions = function (options) {
|
|
return Object.assign({
|
|
scope: document.body,
|
|
cycle: true,
|
|
}, options);
|
|
};
|
|
export var focusNextElement = function (baseElement, options) {
|
|
if (options === void 0) { options = {}; }
|
|
var _a = defaultOptions(options), scope = _a.scope, cycle = _a.cycle;
|
|
var _b = getRelativeFocusable(baseElement, scope), next = _b.next, first = _b.first;
|
|
var newTarget = next || (cycle && first);
|
|
if (newTarget) {
|
|
newTarget.node.focus();
|
|
}
|
|
};
|
|
export var focusPrevElement = function (baseElement, options) {
|
|
if (options === void 0) { options = {}; }
|
|
var _a = defaultOptions(options), scope = _a.scope, cycle = _a.cycle;
|
|
var _b = getRelativeFocusable(baseElement, scope), prev = _b.prev, last = _b.last;
|
|
var newTarget = prev || (cycle && last);
|
|
if (newTarget) {
|
|
newTarget.node.focus();
|
|
}
|
|
};
|