x-on:click.stop.prevent=" if (isLoading || $el.hasAttribute('disabled')) { return } const updatedState = ! state // Only update the state if the toggle is being turned off, // otherwise it will flicker on twice when Livewire replaces // the element. if (state) { state = false } isLoading = true const response = await $wire.updateTableColumnState( toHtml() ?>, toHtml() ?>, updatedState, ) error = response?.error ?? undefined // The state is only updated on the frontend if the toggle is // being turned off, so we only need to reset it then. if (! state && error) { state = ! state } isLoading = false " x-tooltip=" error === undefined ? false : { content: error, theme: $store.theme, } " 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, ])); ?>') + (isLoading ? ' opacity-70 pointer-events-none' : '') " x-bind:style=" state ? '' : '' " class=" $isDisabled, ]); ?>" > 'filament::components.icon','data' => ['icon' => $getOffIcon(),'class' => \Illuminate\Support\Arr::toCssClasses([ 'fi-ta-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-ta-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-ta-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-ta-toggle-on-icon h-3 w-3', match ($onColor) { 'gray' => 'text-gray-400 dark:text-gray-700', default => 'text-custom-600', }, ]))]); ?> renderComponent(); ?>