merge(['class' => 'tw:relative tw:inline-flex tw:items-center tw:text-[13px] tw:max-w-full' . ($hide ? ' tw:hidden' : '')]) }} x-data="filterBarComponent({ name: @js($name), fields: @js($fields), reload: @js($reload), initial: @js($initial), hide: @js($hide) })" @click.outside="close()" @keydown.escape.window="close()"> {{-- Main Bar --}}
{{-- LEFT SECTION: Options Dropdown --}}
{{-- Options Menu --}}
{{ __('Settings') }}
{{-- MIDDLE SECTION: Chips --}}
{{-- RIGHT SECTION: Plus Button & Dropdown --}}
{{-- Search Shortcut --}} {{-- Fields Selector --}}
@foreach($fields as $index => $field) @endforeach
{{-- Spacer to reserve space for remove button --}}
{{-- Dialog Modal (Teleported) --}}
@push('scripts') @routes @endpush