Files
ai-stylegallery/storage/framework/views/9495d6ccd30365db155f868e18df2250.php

438 lines
24 KiB
PHP

<?php
use Filament\Support\Enums\Alignment;
?>
<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag; ?>
<?php foreach($attributes->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;
} ?>
<?php $attributes = $attributes->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',
]); ?>
<?php foreach (array_filter(([
'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',
]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
$$__key = $$__key ?? $__value;
} ?>
<?php $__defined_vars = get_defined_vars(); ?>
<?php foreach ($attributes as $__key => $__value) {
if (array_key_exists($__key, $__defined_vars)) unset($$__key);
} ?>
<?php unset($__defined_vars); ?>
<div
<?php if($ariaLabelledby): ?>
aria-labelledby="<?php echo e($ariaLabelledby); ?>"
<?php elseif($heading): ?>
aria-labelledby="<?php echo e("{$id}.heading"); ?>"
<?php endif; ?>
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: '<?php echo e($id); ?>' }),
)
},
open: function () {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: '<?php echo e($id); ?>' }),
)
},
}"
<?php if($id): ?>
x-on:<?php echo e($closeEventName); ?>.window="if ($event.detail.id === '<?php echo e($id); ?>') close()"
x-on:<?php echo e($openEventName); ?>.window="if ($event.detail.id === '<?php echo e($id); ?>') open()"
<?php endif; ?>
x-trap.noscroll="isOpen"
wire:ignore.self
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'fi-modal',
$displayClasses,
]); ?>"
>
<?php if($trigger): ?>
<div
x-on:click="open"
<?php echo e($trigger->attributes->class(['fi-modal-trigger flex cursor-pointer'])); ?>
>
<?php echo e($trigger); ?>
</div>
<?php endif; ?>
<div
x-cloak
x-show="isOpen"
x-transition.duration.300ms.opacity
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'fixed inset-0 z-40 min-h-full overflow-y-auto overflow-x-hidden transition',
'flex items-center' => ! $slideOver,
]); ?>"
>
<div
aria-hidden="true"
<?php if($closeByClickingAway): ?>
<?php if(filled($id)): ?>
x-on:click="$dispatch('<?php echo e($closeEventName); ?>', { id: '<?php echo e($id); ?>' })"
<?php else: ?>
x-on:click="close()"
<?php endif; ?>
<?php endif; ?>
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'fi-modal-close-overlay fixed inset-0 bg-gray-950/50 dark:bg-gray-950/75',
'cursor-pointer' => $closeByClickingAway,
]); ?>"
style="will-change: transform"
></div>
<div
x-cloak
x-ref="modalContainer"
<?php echo e($attributes->class([
'pointer-events-none relative w-full transition',
'my-auto p-4' => ! ($slideOver || ($width === 'screen')),
])); ?>
>
<div
x-cloak
x-data="{ isShown: false }"
x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
"
<?php if(filled($id)): ?>
x-on:keydown.window.escape="$dispatch('<?php echo e($closeEventName); ?>', { id: '<?php echo e($id); ?>' })"
<?php else: ?>
x-on:keydown.window.escape="close()"
<?php endif; ?>
x-show="isShown"
x-transition:enter="duration-300"
x-transition:leave="duration-300"
<?php if($width === 'screen'): ?>
<?php elseif($slideOver): ?>
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"
<?php else: ?>
x-transition:enter-start="scale-95"
x-transition:enter-end="scale-100"
x-transition:leave-start="scale-95"
x-transition:leave-end="scale-100"
<?php endif; ?>
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'fi-modal-window pointer-events-auto relative flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10',
'fi-modal-slide-over-window ms-auto overflow-y-auto' => $slideOver,
'h-screen' => $slideOver || ($width === 'screen'),
'mx-auto rounded-xl' => ! ($slideOver || ($width === 'screen')),
'hidden' => ! $visible,
'max-w-xs' => $width === 'xs',
'max-w-sm' => $width === 'sm',
'max-w-md' => $width === 'md',
'max-w-lg' => $width === 'lg',
'max-w-xl' => $width === 'xl',
'max-w-2xl' => $width === '2xl',
'max-w-3xl' => $width === '3xl',
'max-w-4xl' => $width === '4xl',
'max-w-5xl' => $width === '5xl',
'max-w-6xl' => $width === '6xl',
'max-w-7xl' => $width === '7xl',
'fixed inset-0' => $width === 'screen',
]); ?>"
>
<?php if($heading || $header): ?>
<div
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'fi-modal-header flex px-6 pt-6',
'sticky top-0 z-10 border-b border-gray-200 bg-white bg-white pb-6 dark:border-white/10 dark:bg-gray-900' => $stickyHeader,
'rounded-t-xl' => $stickyHeader && ! ($slideOver || ($width === 'screen')),
match ($alignment) {
Alignment::Left, Alignment::Start, 'left', 'start' => 'gap-x-5',
Alignment::Center, 'center' => 'flex-col',
},
]); ?>"
>
<?php if($closeButton): ?>
<div
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'absolute',
'end-4 top-4' => ! $slideOver,
'end-6 top-6' => $slideOver,
]); ?>"
>
<?php if (isset($component)) { $__componentOriginalf0029cce6d19fd6d472097ff06a800a1 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalf0029cce6d19fd6d472097ff06a800a1 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => '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() : [])); ?>
<?php $component->withName('filament::icon-button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->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']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalf0029cce6d19fd6d472097ff06a800a1)): ?>
<?php $attributes = $__attributesOriginalf0029cce6d19fd6d472097ff06a800a1; ?>
<?php unset($__attributesOriginalf0029cce6d19fd6d472097ff06a800a1); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalf0029cce6d19fd6d472097ff06a800a1)): ?>
<?php $component = $__componentOriginalf0029cce6d19fd6d472097ff06a800a1; ?>
<?php unset($__componentOriginalf0029cce6d19fd6d472097ff06a800a1); ?>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if($header): ?>
<?php echo e($header); ?>
<?php else: ?>
<?php if($icon): ?>
<div
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'mb-5 flex items-center justify-center' => in_array($alignment, [Alignment::Center, 'center']),
]); ?>"
>
<div
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'rounded-full bg-custom-100 dark:bg-custom-500/20',
match ($alignment) {
Alignment::Left, Alignment::Start, 'left', 'start' => 'p-2',
Alignment::Center, 'center' => 'p-3',
},
]); ?>"
style="<?php echo e(\Filament\Support\get_color_css_variables($iconColor, shades: [100, 500])); ?>"
>
<?php if (isset($component)) { $__componentOriginalbfc641e0710ce04e5fe02876ffc6f950 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalbfc641e0710ce04e5fe02876ffc6f950 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => '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() : [])); ?>
<?php $component->withName('filament::icon'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->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',
]))]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalbfc641e0710ce04e5fe02876ffc6f950)): ?>
<?php $attributes = $__attributesOriginalbfc641e0710ce04e5fe02876ffc6f950; ?>
<?php unset($__attributesOriginalbfc641e0710ce04e5fe02876ffc6f950); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalbfc641e0710ce04e5fe02876ffc6f950)): ?>
<?php $component = $__componentOriginalbfc641e0710ce04e5fe02876ffc6f950; ?>
<?php unset($__componentOriginalbfc641e0710ce04e5fe02876ffc6f950); ?>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
<div
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'text-center' => in_array($alignment, [Alignment::Center, 'center']),
]); ?>"
>
<?php if (isset($component)) { $__componentOriginald7a9f81547afa3e8c64344ab5afc13c2 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginald7a9f81547afa3e8c64344ab5afc13c2 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'filament::components.modal.heading','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('filament::modal.heading'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo e($heading); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginald7a9f81547afa3e8c64344ab5afc13c2)): ?>
<?php $attributes = $__attributesOriginald7a9f81547afa3e8c64344ab5afc13c2; ?>
<?php unset($__attributesOriginald7a9f81547afa3e8c64344ab5afc13c2); ?>
<?php endif; ?>
<?php if (isset($__componentOriginald7a9f81547afa3e8c64344ab5afc13c2)): ?>
<?php $component = $__componentOriginald7a9f81547afa3e8c64344ab5afc13c2; ?>
<?php unset($__componentOriginald7a9f81547afa3e8c64344ab5afc13c2); ?>
<?php endif; ?>
<?php if(filled($description)): ?>
<?php if (isset($component)) { $__componentOriginal97b96faab0e6cbb838ae7fea15042b0e = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal97b96faab0e6cbb838ae7fea15042b0e = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'filament::components.modal.description','data' => ['class' => 'mt-2']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('filament::modal.description'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'mt-2']); ?>
<?php echo e($description); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal97b96faab0e6cbb838ae7fea15042b0e)): ?>
<?php $attributes = $__attributesOriginal97b96faab0e6cbb838ae7fea15042b0e; ?>
<?php unset($__attributesOriginal97b96faab0e6cbb838ae7fea15042b0e); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal97b96faab0e6cbb838ae7fea15042b0e)): ?>
<?php $component = $__componentOriginal97b96faab0e6cbb838ae7fea15042b0e; ?>
<?php unset($__componentOriginal97b96faab0e6cbb838ae7fea15042b0e); ?>
<?php endif; ?>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if(! \Filament\Support\is_slot_empty($slot)): ?>
<div
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'fi-modal-content flex flex-col gap-y-4 py-6',
'flex-1' => ($width === 'screen') || $slideOver,
'pe-6 ps-[5.25rem]' => $icon && in_array($alignment, [Alignment::Start, 'start']),
'px-6' => ! ($icon && in_array($alignment, [Alignment::Start, 'start'])),
]); ?>"
>
<?php echo e($slot); ?>
</div>
<?php endif; ?>
<?php if(count($footerActions) || (! \Filament\Support\is_slot_empty($footer))): ?>
<div
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'fi-modal-footer w-full',
'pe-6 ps-[5.25rem]' => $icon && in_array($alignment, [Alignment::Start, 'start']) && (! in_array($footerActionsAlignment, [Alignment::Center, 'center'])) && (! $stickyFooter),
'px-6' => ! ($icon && in_array($alignment, [Alignment::Start, 'start']) && (! in_array($footerActionsAlignment, [Alignment::Center, 'center'])) && (! $stickyFooter)),
'sticky bottom-0 border-t border-gray-200 bg-white py-5 dark:border-white/10 dark:bg-gray-900' => $stickyFooter,
'rounded-b-xl' => $stickyFooter && ! ($slideOver || ($width === 'screen')),
'pb-6' => ! $stickyFooter,
'mt-6' => (! $stickyFooter) && \Filament\Support\is_slot_empty($slot),
'mt-auto' => $slideOver,
]); ?>"
>
<?php if(! \Filament\Support\is_slot_empty($footer)): ?>
<?php echo e($footer); ?>
<?php elseif(count($footerActions)): ?>
<div
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
'fi-modal-footer-actions gap-3',
match ($footerActionsAlignment) {
Alignment::Center, 'center' => 'flex flex-col-reverse sm:grid sm:grid-cols-[repeat(auto-fit,minmax(0,1fr))]',
Alignment::End, Alignment::Right, 'end', 'right' => 'flex flex-row-reverse flex-wrap items-center',
Alignment::Left, Alignment::Start, 'left', 'start' => 'flex flex-wrap items-center',
},
]); ?>"
>
<?php $__currentLoopData = $footerActions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $action): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php echo e($action); ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<?php /**PATH C:\wwwroot\stylegallery\backend\vendor\filament\support\resources\views/components/modal/index.blade.php ENDPATH**/ ?>