x-data="{ isCollapsed: toHtml() ?>, }" x-on:open-form-section.window="if ($event.detail.id == $el.id) isCollapsed = false" x-on:collapse-form-section.window="if ($event.detail.id == $el.id) isCollapsed = true" x-on:toggle-form-section.window="if ($event.detail.id == $el.id) isCollapsed = ! isCollapsed" 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, ) " id="" merge($getExtraAttributes()) ->class([ 'filament-forms-section-component', 'rounded-xl border border-gray-300 bg-white' => ! $isAside, 'grid grid-cols-1' => $isAside, 'md:grid-cols-2' => $isAside && ! $isCompact, 'md:grid-cols-3' => $isAside && $isCompact, 'md:order-last' => $isFormBefore, 'dark:border-gray-600 dark:bg-gray-800' => config('forms.dark_mode') && ! $isAside, ])); ?> >
x-bind:class="{ 'rounded-b-xl': isCollapsed }" x-on:click="isCollapsed = ! isCollapsed" >

$icon] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('dynamic-component'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes(['class' => \Illuminate\Support\Arr::toCssClasses([ 'mr-1', 'h-4 w-4' => $isCompact && ! $isAside, 'h-6 w-6' => ! $isCompact || $isAside, ])]); ?> renderComponent(); ?>

x-bind:class="{ 'invisible h-0 !m-0 overflow-y-hidden': isCollapsed }" x-bind:aria-expanded="(! isCollapsed).toString()" x-cloak class=" $isAside && $isCompact, 'md:order-first' => $isFormBefore, ]); ?>" >