bits-ui/dist/internal/get-directional-keys.js

The headless components for Svelte.

import { kbd } from "./kbd.js";
export const FIRST_KEYS = [kbd.ARROW_DOWN, kbd.PAGE_UP, kbd.HOME];
export const LAST_KEYS = [kbd.ARROW_UP, kbd.PAGE_DOWN, kbd.END];
export const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
export const SELECTION_KEYS = [kbd.SPACE, kbd.ENTER];
/**
 * A utility function that returns the next key based on the direction and orientation.
 */
export function getNextKey(dir = "ltr", orientation = "horizontal") {
    return {
        horizontal: dir === "rtl" ? kbd.ARROW_LEFT : kbd.ARROW_RIGHT,
        vertical: kbd.ARROW_DOWN,
    }[orientation];
}
/**
 * A utility function that returns the previous key based on the direction and orientation.
 */
export function getPrevKey(dir = "ltr", orientation = "horizontal") {
    return {
        horizontal: dir === "rtl" ? kbd.ARROW_RIGHT : kbd.ARROW_LEFT,
        vertical: kbd.ARROW_UP,
    }[orientation];
}
/**
 * A utility function that returns the next and previous keys based on the direction
 * and orientation.
 */
export function getDirectionalKeys(dir = "ltr", orientation = "horizontal") {
    if (!["ltr", "rtl"].includes(dir))
        dir = "ltr";
    if (!["horizontal", "vertical"].includes(orientation))
        orientation = "horizontal";
    return {
        nextKey: getNextKey(dir, orientation),
        prevKey: getPrevKey(dir, orientation),
    };
}