onlyProps([ 'aside' => false, 'collapsed' => false, 'collapsible' => false, 'compact' => false, 'contentBefore' => false, 'description' => null, 'headerEnd' => null, 'heading' => null, 'icon' => null, 'iconColor' => 'gray', 'iconSize' => IconSize::Large, ]) as $__key => $__value) { $$__key = $$__key ?? $__value; } ?> exceptProps([ 'aside' => false, 'collapsed' => false, 'collapsible' => false, 'compact' => false, 'contentBefore' => false, 'description' => null, 'headerEnd' => null, 'heading' => null, 'icon' => null, 'iconColor' => 'gray', 'iconSize' => IconSize::Large, ]); ?> false, 'collapsed' => false, 'collapsible' => false, 'compact' => false, 'contentBefore' => false, 'description' => null, 'headerEnd' => null, 'heading' => null, 'icon' => null, 'iconColor' => 'gray', 'iconSize' => IconSize::Large, ]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) { $$__key = $$__key ?? $__value; } ?> $__value) { if (array_key_exists($__key, $__defined_vars)) unset($$__key); } ?>
x-data="{ isCollapsed: toHtml() ?>, }" x-bind:class="isCollapsed && 'fi-collapsed'" x-on:collapse-section.window="if ($event.detail.id == $el.id) isCollapsed = true" x-on:expand-concealing-component.window=" error = $el.querySelector('[data-validation-error]') if (! error) { return } isCollapsed = false if (document.body.querySelector('[data-validation-error]') !== error) { return } setTimeout( () => $el.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start', }), 200, ) " x-on:open-section.window="if ($event.detail.id == $el.id) isCollapsed = false" x-on:toggle-section.window="if ($event.detail.id == $el.id) isCollapsed = ! isCollapsed" class([ 'fi-section', match ($aside) { true => 'fi-aside grid grid-cols-1 items-start gap-x-6 gap-y-4 md:grid-cols-3', false => 'rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10', }, ])); ?> >
x-on:click="isCollapsed = ! isCollapsed" class=" $collapsible, match ($compact) { true => 'px-4 py-2.5', false => 'px-6 py-4', } => ! $aside, ]); ?>" > 'filament::components.icon','data' => ['icon' => $icon,'class' => \Illuminate\Support\Arr::toCssClasses([ 'fi-section-header-icon self-start', match ($iconColor) { 'gray' => 'text-gray-400 dark:text-gray-500', default => 'text-custom-500 dark:text-custom-400', }, match ($iconSize) { IconSize::Small, 'sm' => 'h-4 w-4 mt-1', IconSize::Medium, 'md' => 'h-5 w-5 mt-0.5', IconSize::Large, 'lg' => 'h-6 w-6', default => $iconSize, }, ]),'style' => \Illuminate\Support\Arr::toCssStyles([ \Filament\Support\get_color_css_variables($iconColor, shades: [400, 500]) => $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(['icon' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($icon),'class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(\Illuminate\Support\Arr::toCssClasses([ 'fi-section-header-icon self-start', match ($iconColor) { 'gray' => 'text-gray-400 dark:text-gray-500', default => 'text-custom-500 dark:text-custom-400', }, match ($iconSize) { IconSize::Small, 'sm' => 'h-4 w-4 mt-1', IconSize::Medium, 'md' => 'h-5 w-5 mt-0.5', IconSize::Large, 'lg' => 'h-6 w-6', default => $iconSize, }, ])),'style' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(\Illuminate\Support\Arr::toCssStyles([ \Filament\Support\get_color_css_variables($iconColor, shades: [400, 500]) => $iconColor !== 'gray', ]))]); ?> renderComponent(); ?>
'filament::components.section.heading','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::section.heading'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes([]); ?> renderComponent(); ?> 'filament::components.section.description','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::section.description'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes([]); ?> renderComponent(); ?>
'filament::components.icon-button','data' => ['color' => 'gray','icon' => 'heroicon-m-chevron-down','iconAlias' => 'section.collapse-button','xOn:click.stop' => 'isCollapsed = ! isCollapsed','xBind:class' => '{ \'rotate-180\': ! isCollapsed }','class' => '-m-2']] + (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-m-chevron-down','icon-alias' => 'section.collapse-button','x-on:click.stop' => 'isCollapsed = ! isCollapsed','x-bind:class' => '{ \'rotate-180\': ! isCollapsed }','class' => '-m-2']); ?> renderComponent(); ?>
x-bind:aria-expanded="(! isCollapsed).toString()" x-cloak x-bind:class="{ 'invisible h-0 border-none': isCollapsed }" class=" $aside, 'border-t border-gray-200 dark:border-white/10' => $hasHeader && (! $aside), 'md:order-first' => $contentBefore, ]); ?>" >