58f8093689
- Updated all component headers and documentation
- Changed navbar and footer branding
- Updated homepage hero badge
- Modified page title in index.html
- Simplified footer text to 'Built with ❤️'
- Consistent V2 capitalization across all references
39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
import { toArray } from './array';
|
|
export const tabSort = (a, b) => {
|
|
const aTab = Math.max(0, a.tabIndex);
|
|
const bTab = Math.max(0, b.tabIndex);
|
|
const tabDiff = aTab - bTab;
|
|
const indexDiff = a.index - b.index;
|
|
if (tabDiff) {
|
|
if (!aTab) {
|
|
return 1;
|
|
}
|
|
if (!bTab) {
|
|
return -1;
|
|
}
|
|
}
|
|
return tabDiff || indexDiff;
|
|
};
|
|
const getTabIndex = (node) => {
|
|
if (node.tabIndex < 0) {
|
|
// all "focusable" elements are already preselected
|
|
// but some might have implicit negative tabIndex
|
|
// return 0 for <audio without tabIndex attribute - it is "tabbable"
|
|
if (!node.hasAttribute('tabindex')) {
|
|
return 0;
|
|
}
|
|
}
|
|
return node.tabIndex;
|
|
};
|
|
export const orderByTabIndex = (nodes, filterNegative, keepGuards) => toArray(nodes)
|
|
.map((node, index) => {
|
|
const tabIndex = getTabIndex(node);
|
|
return {
|
|
node,
|
|
index,
|
|
tabIndex: keepGuards && tabIndex === -1 ? ((node.dataset || {}).focusGuard ? 0 : -1) : tabIndex,
|
|
};
|
|
})
|
|
.filter((data) => !filterNegative || data.tabIndex >= 0)
|
|
.sort(tabSort);
|