svelte-aria-dialog/utils.js

A tiny svelte component that provides a mostly unstyled, WAI-ARIA accessible modal dialog with a few simple options.

import { createFocusTrap } from "focus-trap";
// Simple wrapper action around the focus-trap package
export function focusTrap(node, options = { fallbackFocus: node }) {
    const trap = createFocusTrap(node, options);
    trap.activate();
    return {
        destroy() {
            trap.deactivate();
        }
    };
}
// (mostly unique, probably overkill) ID generator for handling WAI-ARIA related attributes
export function uid(prefix) {
    return (prefix +
        String.fromCharCode(Math.floor(Math.random() * 26) + 97) +
        Math.random().toString(16).slice(2) +
        performance.now().toString(16).slice(4));
}