This commit is contained in:
+27
@@ -0,0 +1,27 @@
|
||||
<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 })}
|
||||
Reference in New Issue
Block a user