eewing
28 lines
709 B
Svelte
28 lines
709 B
Svelte
<script lang="ts">
|
|
import { boxWith } from "svelte-toolbelt";
|
|
import type { FocusScopeImplProps } from "./types.js";
|
|
import { noop } from "../../../internal/noop.js";
|
|
import { FocusScope } from "./focus-scope.svelte.js";
|
|
|
|
let {
|
|
enabled = false,
|
|
trapFocus = false,
|
|
loop = false,
|
|
onCloseAutoFocus = noop,
|
|
onOpenAutoFocus = noop,
|
|
focusScope,
|
|
ref,
|
|
}: FocusScopeImplProps = $props();
|
|
|
|
const focusScopeState = FocusScope.use({
|
|
enabled: boxWith(() => enabled),
|
|
trap: boxWith(() => trapFocus),
|
|
loop: loop,
|
|
onCloseAutoFocus: boxWith(() => onCloseAutoFocus),
|
|
onOpenAutoFocus: boxWith(() => onOpenAutoFocus),
|
|
ref,
|
|
});
|
|
</script>
|
|
|
|
{@render focusScope?.({ props: focusScopeState.props })}
|