onlyProps([ 'badge' => null, 'badgeColor' => 'primary', 'color' => 'primary', 'disabled' => false, 'form' => null, 'grouped' => false, 'href' => null, 'icon' => null, 'iconAlias' => null, 'iconPosition' => IconPosition::Before, 'iconSize' => null, 'keyBindings' => null, 'labeledFrom' => null, 'labelSrOnly' => false, 'outlined' => false, 'size' => 'md', 'tag' => 'button', 'target' => null, 'tooltip' => null, 'type' => 'button', ]) as $__key => $__value) { $$__key = $$__key ?? $__value; } ?> exceptProps([ 'badge' => null, 'badgeColor' => 'primary', 'color' => 'primary', 'disabled' => false, 'form' => null, 'grouped' => false, 'href' => null, 'icon' => null, 'iconAlias' => null, 'iconPosition' => IconPosition::Before, 'iconSize' => null, 'keyBindings' => null, 'labeledFrom' => null, 'labelSrOnly' => false, 'outlined' => false, 'size' => 'md', 'tag' => 'button', 'target' => null, 'tooltip' => null, 'type' => 'button', ]); ?> null, 'badgeColor' => 'primary', 'color' => 'primary', 'disabled' => false, 'form' => null, 'grouped' => false, 'href' => null, 'icon' => null, 'iconAlias' => null, 'iconPosition' => IconPosition::Before, 'iconSize' => null, 'keyBindings' => null, 'labeledFrom' => null, 'labelSrOnly' => false, 'outlined' => false, 'size' => 'md', 'tag' => 'button', 'target' => null, 'tooltip' => null, 'type' => 'button', ]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) { $$__key = $$__key ?? $__value; } ?> $__value) { if (array_key_exists($__key, $__defined_vars)) unset($$__key); } ?> 'xs', ActionSize::Small => 'sm', ActionSize::Medium => 'md', ActionSize::Large => 'lg', ActionSize::ExtraLarge => 'xl', default => $size, }; $buttonClasses = \Illuminate\Support\Arr::toCssClasses([ ...[ "fi-btn fi-btn-size-{$stringSize} relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus:ring-2", 'pointer-events-none opacity-70' => $disabled, 'flex-1' => $grouped, 'rounded-lg' => ! $grouped, is_string($color) ? "fi-btn-color-{$color}" : null, match ($size) { ActionSize::ExtraSmall, 'xs' => 'gap-1 px-2 py-1.5 text-xs', ActionSize::Small, 'sm' => 'gap-1 px-2.5 py-1.5 text-sm', ActionSize::Medium, 'md' => 'gap-1.5 px-3 py-2 text-sm', ActionSize::Large, 'lg' => 'gap-1.5 px-3.5 py-2.5 text-sm', ActionSize::ExtraLarge, 'xl' => 'gap-1.5 px-4 py-3 text-sm', }, 'hidden' => $labeledFrom, match ($labeledFrom) { 'sm' => 'sm:inline-grid', 'md' => 'md:inline-grid', 'lg' => 'lg:inline-grid', 'xl' => 'xl:inline-grid', '2xl' => '2xl:inline-grid', default => 'inline-grid', }, ], ...( $outlined ? [ 'fi-btn-outlined ring-1', match ($color) { 'gray' => 'text-gray-950 ring-gray-300 hover:bg-gray-400/10 focus:ring-gray-400/40 dark:text-white dark:ring-gray-700', default => 'text-custom-600 ring-custom-600 hover:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-500', }, ] : [ 'shadow-sm' => ! $grouped, ...match ($color) { 'gray' => [ 'bg-white text-gray-950 hover:bg-gray-50 dark:bg-white/5 dark:text-white dark:hover:bg-white/10', 'ring-1 ring-gray-950/10 dark:ring-white/20' => ! $grouped, ], default => [ 'bg-custom-600 text-white hover:bg-custom-500 dark:bg-custom-500 dark:hover:bg-custom-400', 'focus:ring-custom-500/50 dark:focus:ring-custom-400/50' => ! $grouped, ], }, ] ), ]); $buttonStyles = \Illuminate\Support\Arr::toCssStyles([ \Filament\Support\get_color_css_variables($color, shades: [400, 500, 600]) => $color !== 'gray', ]); $iconSize ??= match ($size) { ActionSize::ExtraSmall, ActionSize::Small, 'xs', 'sm' => IconSize::Small, default => IconSize::Medium, }; $iconClasses = \Illuminate\Support\Arr::toCssClasses([ 'fi-btn-icon', match ($iconSize) { IconSize::Small, 'sm' => 'h-4 w-4', IconSize::Medium, 'md' => 'h-5 w-5', IconSize::Large, 'lg' => 'h-6 w-6', default => $iconSize, }, match ($color) { 'gray' => 'text-gray-400 dark:text-gray-500', default => null, }, ]); $badgeContainerClasses = 'fi-btn-badge-ctn absolute -top-1 start-full z-[1] -ms-1 w-max -translate-x-1/2 rounded-md bg-white rtl:translate-x-1/2 dark:bg-gray-900'; $labelClasses = \Illuminate\Support\Arr::toCssClasses([ 'fi-btn-label', 'sr-only' => $labelSrOnly, ]); $wireTarget = $attributes->whereStartsWith(['wire:target', 'wire:click'])->filter(fn ($value): bool => filled($value))->first(); $hasFileUploadLoadingIndicator = $type === 'submit' && filled($form); $hasLoadingIndicator = filled($wireTarget) || $hasFileUploadLoadingIndicator; if ($hasLoadingIndicator) { $loadingIndicatorTarget = html_entity_decode($wireTarget ?: $form, ENT_QUOTES); } ?> 'filament::components.icon-button','data' => ['badge' => $badge,'badgeColor' => $badgeColor,'color' => $color,'disabled' => $disabled,'form' => $form,'icon' => $icon,'iconAlias' => $iconAlias,'iconSize' => $iconSize,'keyBindings' => $keyBindings,'label' => $slot,'size' => $size,'tag' => $tag,'tooltip' => $tooltip,'type' => $type,'class' => match ($labeledFrom) { 'sm' => 'sm:hidden', 'md' => 'md:hidden', 'lg' => 'lg:hidden', 'xl' => 'xl:hidden', '2xl' => '2xl:hidden', default => 'hidden', } ,'attributes' => \Filament\Support\prepare_inherited_attributes($attributes)]] + (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(['badge' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($badge),'badge-color' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($badgeColor),'color' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($color),'disabled' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($disabled),'form' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($form),'icon' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($icon),'icon-alias' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconAlias),'icon-size' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconSize),'key-bindings' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($keyBindings),'label' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($slot),'size' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($size),'tag' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($tag),'tooltip' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($tooltip),'type' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($type),'class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute( match ($labeledFrom) { 'sm' => 'sm:hidden', 'md' => 'md:hidden', 'lg' => 'lg:hidden', 'xl' => 'xl:hidden', '2xl' => '2xl:hidden', default => 'hidden', } ),'attributes' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(\Filament\Support\prepare_inherited_attributes($attributes))]); ?> renderComponent(); ?> x-data="{}" x-mousetrap.global.map(fn (string $keyBinding): string => str_replace('+', '-', $keyBinding))->implode('.')); ?> x-tooltip="{ content: toHtml() ?>, theme: $store.theme, }" x-data="{ form: null, isUploadingFile: false, }" x-init=" form = $el.closest('form') form?.addEventListener('file-upload-started', () => { isUploadingFile = true }) form?.addEventListener('file-upload-finished', () => { isUploadingFile = false }) " x-bind:class="{ 'enabled:opacity-70 enabled:cursor-wait': isUploadingFile }" merge([ 'disabled' => $disabled, 'type' => $type, 'wire:loading.attr' => 'disabled', 'wire:target' => ($hasLoadingIndicator && $loadingIndicatorTarget) ? $loadingIndicatorTarget : null, 'x-bind:disabled' => $hasFileUploadLoadingIndicator ? 'isUploadingFile' : false, ], escape: false) ->class([$buttonClasses]) ->style([$buttonStyles])); ?> > 'filament::components.icon','data' => ['alias' => $iconAlias,'icon' => $icon,'wire:loading.remove.delay' => $hasLoadingIndicator,'wire:target' => $hasLoadingIndicator ? $loadingIndicatorTarget : null,'class' => $iconClasses]] + (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(['alias' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconAlias),'icon' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($icon),'wire:loading.remove.delay' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($hasLoadingIndicator),'wire:target' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($hasLoadingIndicator ? $loadingIndicatorTarget : null),'class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconClasses)]); ?> renderComponent(); ?> 'filament::components.loading-indicator','data' => ['wire:loading.delay' => '','wire:target' => $loadingIndicatorTarget,'class' => $iconClasses]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::loading-indicator'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes(['wire:loading.delay' => '','wire:target' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($loadingIndicatorTarget),'class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconClasses)]); ?> renderComponent(); ?> 'filament::components.loading-indicator','data' => ['xShow' => 'isUploadingFile','xCloak' => 'x-cloak','class' => $iconClasses]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::loading-indicator'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes(['x-show' => 'isUploadingFile','x-cloak' => 'x-cloak','class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconClasses)]); ?> renderComponent(); ?> x-show="! isUploadingFile" class="" > 'filament::components.icon','data' => ['alias' => $iconAlias,'icon' => $icon,'wire:loading.remove.delay' => $hasLoadingIndicator,'wire:target' => $hasLoadingIndicator ? $loadingIndicatorTarget : null,'class' => $iconClasses]] + (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(['alias' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconAlias),'icon' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($icon),'wire:loading.remove.delay' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($hasLoadingIndicator),'wire:target' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($hasLoadingIndicator ? $loadingIndicatorTarget : null),'class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconClasses)]); ?> renderComponent(); ?> 'filament::components.loading-indicator','data' => ['wire:loading.delay' => '','wire:target' => $loadingIndicatorTarget,'class' => $iconClasses]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::loading-indicator'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes(['wire:loading.delay' => '','wire:target' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($loadingIndicatorTarget),'class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconClasses)]); ?> renderComponent(); ?> 'filament::components.loading-indicator','data' => ['xShow' => 'isUploadingFile','xCloak' => 'x-cloak','class' => $iconClasses]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::loading-indicator'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes(['x-show' => 'isUploadingFile','x-cloak' => 'x-cloak','class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconClasses)]); ?> renderComponent(); ?> 'filament::components.badge','data' => ['color' => $badgeColor,'size' => 'xs']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::badge'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes(['color' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($badgeColor),'size' => 'xs']); ?> renderComponent(); ?> x-data="{}" x-mousetrap.global.map(fn (string $keyBinding): string => str_replace('+', '-', $keyBinding))->implode('.')); ?> x-tooltip="{ content: toHtml() ?>, theme: $store.theme, }" class([$buttonClasses]) ->style([$buttonStyles])); ?> > 'filament::components.icon','data' => ['alias' => $iconAlias,'icon' => $icon,'class' => $iconClasses]] + (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(['alias' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconAlias),'icon' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($icon),'class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconClasses)]); ?> renderComponent(); ?> 'filament::components.icon','data' => ['alias' => $iconAlias,'icon' => $icon,'class' => $iconClasses]] + (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(['alias' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconAlias),'icon' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($icon),'class' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($iconClasses)]); ?> renderComponent(); ?> 'filament::components.badge','data' => ['color' => $badgeColor,'size' => 'xs']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> withName('filament::badge'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> getConstructor()): ?> except(collect($constructor->getParameters())->map->getName()->all()); ?> withAttributes(['color' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($badgeColor),'size' => 'xs']); ?> renderComponent(); ?>