test-isc
Version:
An Ionic component similar to Ionic Select, that allows to search items, including async search, group, add, edit, delete items, and much more.
43 lines (42 loc) • 1.49 kB
JavaScript
var ION_FOCUSED = 'ion-focused';
var ION_FOCUSABLE = 'ion-focusable';
var FOCUS_KEYS = ['Tab', 'ArrowDown', 'Space', 'Escape', ' ', 'Shift', 'Enter', 'ArrowLeft', 'ArrowRight', 'ArrowUp'];
var startFocusVisible = function () {
var currentFocus = [];
var keyboardMode = true;
var doc = document;
var setFocus = function (elements) {
currentFocus.forEach(function (el) { return el.classList.remove(ION_FOCUSED); });
elements.forEach(function (el) { return el.classList.add(ION_FOCUSED); });
currentFocus = elements;
};
var pointerDown = function () {
keyboardMode = false;
setFocus([]);
};
doc.addEventListener('keydown', function (ev) {
keyboardMode = FOCUS_KEYS.includes(ev.key);
if (!keyboardMode) {
setFocus([]);
}
});
doc.addEventListener('focusin', function (ev) {
if (keyboardMode && ev.composedPath) {
var toFocus = ev.composedPath().filter(function (el) {
if (el.classList) {
return el.classList.contains(ION_FOCUSABLE);
}
return false;
});
setFocus(toFocus);
}
});
doc.addEventListener('focusout', function () {
if (doc.activeElement === doc.body) {
setFocus([]);
}
});
doc.addEventListener('touchstart', pointerDown);
doc.addEventListener('mousedown', pointerDown);
};
export { startFocusVisible };