import { correctNodes } from './utils/correctFocus'; import { pickFocusable } from './utils/firstFocus'; import { isGuard } from './utils/is'; export var NEW_FOCUS = 'NEW_FOCUS'; /** * Main solver for the "find next focus" question * @param innerNodes * @param outerNodes * @param activeElement * @param lastNode * @returns {number|string|undefined|*} */ export var newFocus = function (innerNodes, outerNodes, activeElement, lastNode) { var cnt = innerNodes.length; var firstFocus = innerNodes[0]; var lastFocus = innerNodes[cnt - 1]; var isOnGuard = isGuard(activeElement); // focus is inside if (activeElement && innerNodes.indexOf(activeElement) >= 0) { return undefined; } var activeIndex = activeElement !== undefined ? outerNodes.indexOf(activeElement) : -1; var lastIndex = lastNode ? outerNodes.indexOf(lastNode) : activeIndex; var lastNodeInside = lastNode ? innerNodes.indexOf(lastNode) : -1; var indexDiff = activeIndex - lastIndex; var firstNodeIndex = outerNodes.indexOf(firstFocus); var lastNodeIndex = outerNodes.indexOf(lastFocus); var correctedNodes = correctNodes(outerNodes); var correctedIndex = activeElement !== undefined ? correctedNodes.indexOf(activeElement) : -1; var correctedIndexDiff = correctedIndex - (lastNode ? correctedNodes.indexOf(lastNode) : activeIndex); var returnFirstNode = pickFocusable(innerNodes, 0); var returnLastNode = pickFocusable(innerNodes, cnt - 1); // new focus if (activeIndex === -1 || lastNodeInside === -1) { return NEW_FOCUS; } // old focus if (!indexDiff && lastNodeInside >= 0) { return lastNodeInside; } // first element if (activeIndex <= firstNodeIndex && isOnGuard && Math.abs(indexDiff) > 1) { return returnLastNode; } // last element if (activeIndex >= lastNodeIndex && isOnGuard && Math.abs(indexDiff) > 1) { return returnFirstNode; } // jump out, but not on the guard if (indexDiff && Math.abs(correctedIndexDiff) > 1) { return lastNodeInside; } // focus above lock if (activeIndex <= firstNodeIndex) { return returnLastNode; } // focus below lock if (activeIndex > lastNodeIndex) { return returnFirstNode; } // index is inside tab order, but outside Lock if (indexDiff) { if (Math.abs(indexDiff) > 1) { return lastNodeInside; } return (cnt + lastNodeInside + indexDiff) % cnt; } // do nothing return undefined; };