onlyProps([ 'alignment' => Alignment::Start, 'ariaLabelledby' => null, 'closeButton' => \Filament\Support\View\Components\Modal::$hasCloseButton, 'closeByClickingAway' => \Filament\Support\View\Components\Modal::$isClosedByClickingAway, 'closeEventName' => 'close-modal', 'description' => null, 'displayClasses' => 'inline-block', 'footer' => null, 'footerActions' => [], 'footerActionsAlignment' => Alignment::Start, 'header' => null, 'heading' => null, 'icon' => null, 'iconAlias' => null, 'iconColor' => 'primary', 'id' => null, 'openEventName' => 'open-modal', 'slideOver' => false, 'stickyFooter' => false, 'stickyHeader' => false, 'trigger' => null, 'visible' => true, 'width' => 'sm', ]) as $__key => $__value) { $$__key = $$__key ?? $__value; } ?> exceptProps([ 'alignment' => Alignment::Start, 'ariaLabelledby' => null, 'closeButton' => \Filament\Support\View\Components\Modal::$hasCloseButton, 'closeByClickingAway' => \Filament\Support\View\Components\Modal::$isClosedByClickingAway, 'closeEventName' => 'close-modal', 'description' => null, 'displayClasses' => 'inline-block', 'footer' => null, 'footerActions' => [], 'footerActionsAlignment' => Alignment::Start, 'header' => null, 'heading' => null, 'icon' => null, 'iconAlias' => null, 'iconColor' => 'primary', 'id' => null, 'openEventName' => 'open-modal', 'slideOver' => false, 'stickyFooter' => false, 'stickyHeader' => false, 'trigger' => null, 'visible' => true, 'width' => 'sm', ]); ?> Alignment::Start, 'ariaLabelledby' => null, 'closeButton' => \Filament\Support\View\Components\Modal::$hasCloseButton, 'closeByClickingAway' => \Filament\Support\View\Components\Modal::$isClosedByClickingAway, 'closeEventName' => 'close-modal', 'description' => null, 'displayClasses' => 'inline-block', 'footer' => null, 'footerActions' => [], 'footerActionsAlignment' => Alignment::Start, 'header' => null, 'heading' => null, 'icon' => null, 'iconAlias' => null, 'iconColor' => 'primary', 'id' => null, 'openEventName' => 'open-modal', 'slideOver' => false, 'stickyFooter' => false, 'stickyHeader' => false, 'trigger' => null, 'visible' => true, 'width' => 'sm', ]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) { $$__key = $$__key ?? $__value; } ?> $__value) { if (array_key_exists($__key, $__defined_vars)) unset($$__key); } ?>
aria-labelledby="" aria-labelledby="" aria-modal="true" role="dialog" x-data="{ isOpen: false, livewire: null, close: function () { this.isOpen = false this.$refs.modalContainer.dispatchEvent( new CustomEvent('modal-closed', { id: '' }), ) }, open: function () { this.isOpen = true this.$refs.modalContainer.dispatchEvent( new CustomEvent('modal-opened', { id: '' }), ) }, }" x-on:.window="if ($event.detail.id === '') close()" x-on:.window="if ($event.detail.id === '') open()" x-trap.noscroll="isOpen" wire:ignore.self class=" $width === 'screen', $displayClasses, ]); ?>" >
attributes->class(['fi-modal-trigger flex cursor-pointer'])); ?> >
class([ 'pointer-events-none relative w-full transition', 'my-auto p-4' => ! ($slideOver || ($width === 'screen')), ])); ?> >
x-on:keydown.window.escape="$dispatch('', { id: '' })" x-on:keydown.window.escape="close()" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300" x-transition:enter-start="translate-x-full rtl:-translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full rtl:-translate-x-full" x-transition:enter-start="scale-95" x-transition:enter-end="scale-100" x-transition:leave-start="scale-95" x-transition:leave-end="scale-100" class=" $slideOver, 'h-screen' => $slideOver || ($width === 'screen'), 'mx-auto rounded-xl' => ! ($slideOver || ($width === 'screen')), 'hidden' => ! $visible, match ($width) { 'xs' => 'max-w-xs', 'sm' => 'max-w-sm', 'md' => 'max-w-md', 'lg' => 'max-w-lg', 'xl' => 'max-w-xl', '2xl' => 'max-w-2xl', '3xl' => 'max-w-3xl', '4xl' => 'max-w-4xl', '5xl' => 'max-w-5xl', '6xl' => 'max-w-6xl', '7xl' => 'max-w-7xl', 'screen' => 'fixed inset-0', default => $width, }, ]); ?>" >
'filament::components.icon-button','data' => ['color' => 'gray','icon' => 'heroicon-o-x-mark','iconAlias' => 'modal.close-button','iconSize' => 'lg','label' => __('filament::components/modal.actions.close.label'),'tabindex' => '-1','xOn:click' => filled($id) ? '$dispatch(' . \Illuminate\Support\Js::from($closeEventName) . ', { id: ' . \Illuminate\Support\Js::from($id) . ' })' : 'close()','class' => 'fi-modal-close-btn -m-1.5']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::icon-button'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes(['color' => 'gray','icon' => 'heroicon-o-x-mark','icon-alias' => 'modal.close-button','icon-size' => 'lg','label' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(__('filament::components/modal.actions.close.label')),'tabindex' => '-1','x-on:click' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(filled($id) ? '$dispatch(' . \Illuminate\Support\Js::from($closeEventName) . ', { id: ' . \Illuminate\Support\Js::from($id) . ' })' : 'close()'),'class' => 'fi-modal-close-btn -m-1.5']); ?> renderComponent(); ?>
'filament::components.icon','data' => ['alias' => $iconAlias,'icon' => $icon,'class' => \Illuminate\Support\Arr::toCssClasses([ 'fi-modal-icon h-6 w-6', match ($iconColor) { 'gray' => 'text-gray-500 dark:text-gray-400', default => 'text-custom-600 dark:text-custom-400', }, ]),'style' => \Illuminate\Support\Arr::toCssStyles([ \Filament\Support\get_color_css_variables($iconColor, shades: [400, 600]) => $iconColor !== 'gray', ])]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::icon'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes(['alias' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconAlias),'icon' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($icon),'class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(\Illuminate\Support\Arr::toCssClasses([ 'fi-modal-icon h-6 w-6', match ($iconColor) { 'gray' => 'text-gray-500 dark:text-gray-400', default => 'text-custom-600 dark:text-custom-400', }, ])),'style' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(\Illuminate\Support\Arr::toCssStyles([ \Filament\Support\get_color_css_variables($iconColor, shades: [400, 600]) => $iconColor !== 'gray', ]))]); ?> renderComponent(); ?>
'filament::components.modal.heading','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::modal.heading'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes([]); ?> renderComponent(); ?> 'filament::components.modal.description','data' => ['class' => 'mt-2']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::modal.description'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes(['class' => 'mt-2']); ?> renderComponent(); ?>