eewing
89 lines
1.5 KiB
Svelte
89 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import type { PopperLayerImplProps } from "./types.js";
|
|
import PopperLayerInner from "./popper-layer-inner.svelte";
|
|
|
|
let {
|
|
popper,
|
|
open,
|
|
onEscapeKeydown,
|
|
escapeKeydownBehavior,
|
|
preventOverflowTextSelection,
|
|
id,
|
|
onPointerDown,
|
|
onPointerUp,
|
|
side,
|
|
sideOffset,
|
|
align,
|
|
alignOffset,
|
|
arrowPadding,
|
|
avoidCollisions,
|
|
collisionBoundary,
|
|
collisionPadding,
|
|
sticky,
|
|
hideWhenDetached,
|
|
updatePositionStrategy,
|
|
strategy,
|
|
dir,
|
|
preventScroll,
|
|
wrapperId,
|
|
style,
|
|
onPlaced,
|
|
onInteractOutside,
|
|
onCloseAutoFocus,
|
|
onOpenAutoFocus,
|
|
onFocusOutside,
|
|
interactOutsideBehavior = "close",
|
|
loop,
|
|
trapFocus = true,
|
|
isValidEvent = () => false,
|
|
customAnchor = null,
|
|
isStatic = false,
|
|
ref,
|
|
shouldRender,
|
|
...restProps
|
|
}: PopperLayerImplProps = $props();
|
|
</script>
|
|
|
|
{#if shouldRender}
|
|
<PopperLayerInner
|
|
{popper}
|
|
{onEscapeKeydown}
|
|
{escapeKeydownBehavior}
|
|
{preventOverflowTextSelection}
|
|
{id}
|
|
{onPointerDown}
|
|
{onPointerUp}
|
|
{side}
|
|
{sideOffset}
|
|
{align}
|
|
{alignOffset}
|
|
{arrowPadding}
|
|
{avoidCollisions}
|
|
{collisionBoundary}
|
|
{collisionPadding}
|
|
{sticky}
|
|
{hideWhenDetached}
|
|
{updatePositionStrategy}
|
|
{strategy}
|
|
{dir}
|
|
{preventScroll}
|
|
{wrapperId}
|
|
{style}
|
|
{onPlaced}
|
|
{customAnchor}
|
|
{isStatic}
|
|
enabled={open}
|
|
{onInteractOutside}
|
|
{onCloseAutoFocus}
|
|
{onOpenAutoFocus}
|
|
{interactOutsideBehavior}
|
|
{loop}
|
|
{trapFocus}
|
|
{isValidEvent}
|
|
{onFocusOutside}
|
|
forceMount={false}
|
|
{ref}
|
|
{...restProps}
|
|
/>
|
|
{/if}
|