$getFieldWrapperView()] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('dynamic-component'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\DynamicComponent::ignoredParameterNames()); ?> withAttributes(['field' => $field,'inline-label-vertical-alignment' => \Filament\Support\Enums\VerticalAlignment::Center]); ?> , }" x-bind:aria-checked="state?.toString()" x-on:click="state = ! state" x-bind:class=" state ? ' 'bg-gray-200 dark:bg-gray-700', default => 'fi-color-custom bg-custom-600', }, is_string($onColor) ? "fi-color-{$onColor}" : null, ])); ?>' : ' 'bg-gray-200 dark:bg-gray-700', default => 'fi-color-custom bg-custom-600', }, is_string($offColor) ? "fi-color-{$offColor}" : null, ])); ?>' " x-bind:style=" state ? '' : '' " merge([ 'aria-checked' => 'false', 'autofocus' => $isAutofocused(), 'disabled' => $isDisabled(), 'id' => $getId(), 'role' => 'switch', 'type' => 'button', 'wire:loading.attr' => 'disabled', 'wire:target' => $statePath, ], escape: false) ->merge($getExtraAttributes(), escape: false) ->merge($getExtraAlpineAttributes(), escape: false) ->class(['fi-fo-toggle relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent outline-none transition-colors duration-200 ease-in-out focus-visible:ring-2 focus-visible:ring-primary-600 focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-70 dark:focus-visible:ring-primary-500 dark:focus-visible:ring-offset-gray-900'])); ?> > 'filament::components.icon','data' => ['icon' => $getOffIcon(),'class' => \Illuminate\Support\Arr::toCssClasses([ 'fi-fo-toggle-off-icon h-3 w-3', match ($offColor) { 'gray' => 'text-gray-400 dark:text-gray-700', default => 'text-custom-600', }, ])]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('filament::icon'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?> withAttributes(['icon' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($getOffIcon()),'class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(\Illuminate\Support\Arr::toCssClasses([ 'fi-fo-toggle-off-icon h-3 w-3', match ($offColor) { 'gray' => 'text-gray-400 dark:text-gray-700', default => 'text-custom-600', }, ]))]); ?> renderComponent(); ?> 'filament::components.icon','data' => ['icon' => $getOnIcon(),'xCloak' => 'x-cloak','class' => \Illuminate\Support\Arr::toCssClasses([ 'fi-fo-toggle-on-icon h-3 w-3', match ($onColor) { 'gray' => 'text-gray-400 dark:text-gray-700', default => 'text-custom-600', }, ])]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('filament::icon'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?> withAttributes(['icon' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($getOnIcon()),'x-cloak' => 'x-cloak','class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(\Illuminate\Support\Arr::toCssClasses([ 'fi-fo-toggle-on-icon h-3 w-3', match ($onColor) { 'gray' => 'text-gray-400 dark:text-gray-700', default => 'text-custom-600', }, ]))]); ?> renderComponent(); ?> slot('labelPrefix', null, []); ?> endSlot(); ?> renderComponent(); ?>