65 lines
1.9 KiB
PHP
65 lines
1.9 KiB
PHP
@props([
|
|
'availableHeight' => null,
|
|
'availableWidth' => null,
|
|
'flip' => true,
|
|
'maxHeight' => null,
|
|
'offset' => 8,
|
|
'placement' => null,
|
|
'shift' => false,
|
|
'size' => false,
|
|
'sizePadding' => 16,
|
|
'teleport' => false,
|
|
'trigger' => null,
|
|
'width' => null,
|
|
])
|
|
|
|
@php
|
|
use Filament\Support\Enums\Width;
|
|
|
|
$sizeConfig = collect([
|
|
'availableHeight' => $availableHeight,
|
|
'availableWidth' => $availableWidth,
|
|
'padding' => $sizePadding,
|
|
])->filter()->toJson();
|
|
|
|
if (is_string($width)) {
|
|
$width = Width::tryFrom($width) ?? $width;
|
|
}
|
|
@endphp
|
|
|
|
<div
|
|
x-data="filamentDropdown"
|
|
{{ $attributes->class(['fi-dropdown']) }}
|
|
>
|
|
<div
|
|
x-on:mousedown="if ($event.button === 0) toggle($event)"
|
|
{{ $trigger->attributes->class(['fi-dropdown-trigger']) }}
|
|
>
|
|
{{ $trigger }}
|
|
</div>
|
|
|
|
@if (! \Filament\Support\is_slot_empty($slot))
|
|
<div
|
|
x-cloak
|
|
x-float{{ $placement ? ".placement.{$placement}" : '' }}{{ $size ? '.size' : '' }}{{ $flip ? '.flip' : '' }}{{ $shift ? '.shift' : '' }}{{ $teleport ? '.teleport' : '' }}{{ $offset ? '.offset' : '' }}="{ offset: {{ $offset }}, {{ $size ? ('size: ' . $sizeConfig) : '' }} }"
|
|
x-ref="panel"
|
|
x-transition:enter-start="fi-opacity-0"
|
|
x-transition:leave-end="fi-opacity-0"
|
|
@if ($attributes->has('wire:key'))
|
|
wire:ignore.self
|
|
wire:key="{{ $attributes->get('wire:key') }}.panel"
|
|
@endif
|
|
@class([
|
|
'fi-dropdown-panel',
|
|
($width instanceof Width) ? "fi-width-{$width->value}" : (is_string($width) ? $width : ''),
|
|
'fi-scrollable' => $maxHeight || $size,
|
|
])
|
|
@style([
|
|
"max-height: {$maxHeight}" => $maxHeight,
|
|
])
|
|
>
|
|
{{ $slot }}
|
|
</div>
|
|
@endif
|
|
</div>
|