env; $errors = $__blaze->errors; $__slots['slot'] ??= new \Illuminate\View\ComponentSlot(''); if (($__data['attributes'] ?? null) instanceof \Illuminate\View\ComponentAttributeBag) { $__data = $__data + $__data['attributes']->all(); unset($__data['attributes']); } extract($__slots, EXTR_SKIP); unset($__slots); extract($__data, EXTR_SKIP); $attributes = \Livewire\Blaze\Runtime\BlazeAttributeBag::make($__data, $__bound, $__keys); unset($__data, $__bound, $__keys); ob_start(); ?> pluck('icon:trailing'); ?> pluck('icon:leading'); ?> pluck('icon:variant'); ?> pluck('mask:dynamic'); ?> $attributes->whereStartsWith('wire:model')->first(), 'iconVariant' => 'mini', 'variant' => 'outline', 'iconTrailing' => null, 'iconLeading' => null, 'maskDynamic' => null, 'expandable' => null, 'clearable' => null, 'copyable' => null, 'viewable' => null, 'invalid' => null, 'loading' => null, 'type' => 'text', 'mask' => null, 'size' => null, 'icon' => null, 'kbd' => null, 'as' => null, ]; $name ??= $attributes['name'] ?? $__defaults['name']; unset($attributes['name']); $iconVariant ??= $attributes['icon-variant'] ?? $attributes['iconVariant'] ?? $__defaults['iconVariant']; unset($attributes['iconVariant'], $attributes['icon-variant']); $variant ??= $attributes['variant'] ?? $__defaults['variant']; unset($attributes['variant']); $iconTrailing ??= $attributes['icon-trailing'] ?? $attributes['iconTrailing'] ?? $__defaults['iconTrailing']; unset($attributes['iconTrailing'], $attributes['icon-trailing']); $iconLeading ??= $attributes['icon-leading'] ?? $attributes['iconLeading'] ?? $__defaults['iconLeading']; unset($attributes['iconLeading'], $attributes['icon-leading']); $maskDynamic ??= $attributes['mask-dynamic'] ?? $attributes['maskDynamic'] ?? $__defaults['maskDynamic']; unset($attributes['maskDynamic'], $attributes['mask-dynamic']); $expandable ??= $attributes['expandable'] ?? $__defaults['expandable']; unset($attributes['expandable']); $clearable ??= $attributes['clearable'] ?? $__defaults['clearable']; unset($attributes['clearable']); $copyable ??= $attributes['copyable'] ?? $__defaults['copyable']; unset($attributes['copyable']); $viewable ??= $attributes['viewable'] ?? $__defaults['viewable']; unset($attributes['viewable']); $invalid ??= $attributes['invalid'] ?? $__defaults['invalid']; unset($attributes['invalid']); $loading ??= $attributes['loading'] ?? $__defaults['loading']; unset($attributes['loading']); $type ??= $attributes['type'] ?? $__defaults['type']; unset($attributes['type']); $mask ??= $attributes['mask'] ?? $__defaults['mask']; unset($attributes['mask']); $size ??= $attributes['size'] ?? $__defaults['size']; unset($attributes['size']); $icon ??= $attributes['icon'] ?? $__defaults['icon']; unset($attributes['icon']); $kbd ??= $attributes['kbd'] ?? $__defaults['kbd']; unset($attributes['kbd']); $as ??= $attributes['as'] ?? $__defaults['as']; unset($attributes['as']); unset($__defaults); ?> wire('model'); $wireTarget = null; if ($loading !== false) { if ($loading === true) { $loading = true; } elseif ($wireModel?->directive) { $loading = $wireModel->hasModifier('live'); $wireTarget = $loading ? $wireModel->value() : null; } else { $wireTarget = $loading; $loading = (bool) $loading; } } $iconLeading ??= $icon; $hasLeadingIcon = (bool) ($iconLeading); $countOfTrailingIcons = collect([ (bool) $iconTrailing, (bool) $kbd, (bool) $clearable, (bool) $copyable, (bool) $viewable, (bool) $expandable, ])->filter()->count(); $iconClasses = Flux::classes() // When using the outline icon variant, we need to size it down to match the default icon sizes... ->add($iconVariant === 'outline' ? 'size-5' : '') ; $inputLoadingClasses = Flux::classes() // When loading, we need to add some extra padding to the input to account for the loading icon... ->add(match ($countOfTrailingIcons) { 0 => 'pe-10', 1 => 'pe-16', 2 => 'pe-23', 3 => 'pe-30', 4 => 'pe-37', 5 => 'pe-44', 6 => 'pe-51', }) ; $classes = Flux::classes() ->add('w-full border rounded-lg block disabled:shadow-none dark:shadow-none') ->add('appearance-none') // Without this, input[type="date"] on mobile doesn't respect w-full... ->add(match ($size) { default => 'text-base sm:text-sm py-2 h-10 leading-[1.375rem]', // This makes the height of the input 40px (same as buttons and such...) 'sm' => 'text-sm py-1.5 h-8 leading-[1.125rem]', 'xs' => 'text-xs py-1.5 h-6 leading-[1.125rem]', }) ->add(match ($hasLeadingIcon) { true => 'ps-10', false => 'ps-3', }) ->add(match ($countOfTrailingIcons) { // Make sure there's enough padding on the right side of the input to account for all the icons... 0 => 'pe-3', 1 => 'pe-10', 2 => 'pe-16', 3 => 'pe-23', 4 => 'pe-30', 5 => 'pe-37', 6 => 'pe-44', }) ->add(match ($variant) { // Background... 'outline' => 'bg-white dark:bg-white/10 dark:disabled:bg-white/[7%]', 'filled' => 'bg-zinc-800/5 dark:bg-white/10 dark:disabled:bg-white/[7%]', }) ->add(match ($variant) { // Text color 'outline' => 'text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500', 'filled' => 'text-zinc-700 placeholder-zinc-500 disabled:placeholder-zinc-400 dark:text-zinc-200 dark:placeholder-white/60 dark:disabled:placeholder-white/40', }) ->add(match ($variant) { // Border... 'outline' => 'shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5', 'filled' => 'border-0', }) ->add(match ($variant) { // Invalid... 'outline' => 'data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500', 'filled' => 'data-invalid:border-red-500' }) ->add($attributes->pluck('class:input')) ; ?> ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/with-field.blade.php', $__blaze->compiledPath.'/6d9b56edd9c9c8e51fa8e057a8020521.php'); ?> $attributes,'name' => $name]; ?> pushData($__attrs6d9b56edd9c9c8e51fa8e057a8020521); ?> ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/input/file.blade.php', $__blaze->compiledPath.'/1af25dd71f383ab33abb09bcbef1f074.php'); ?> pushData(['attributes' => $attributes,'name' => $name,'size' => $size]); ?> $attributes,'name' => $name,'size' => $size], [], ['attributes', 'name', 'size'], [], $__this ?? (isset($this) ? $this : null)); ?> popData(); ?> pushSlots($__slots6d9b56edd9c9c8e51fa8e057a8020521); ?> popData(); ?> ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/with-field.blade.php', $__blaze->compiledPath.'/6d9b56edd9c9c8e51fa8e057a8020521.php'); ?> $attributes,'name' => $name]; ?> pushData($__attrs6d9b56edd9c9c8e51fa8e057a8020521); ?>
only('class')->class('w-full relative block group/input')); ?> data-flux-input>
$iconLeading, 'variant' => $iconVariant, 'class' => $iconClasses]); ?>ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/icon/index.blade.php', $__blaze->compiledPath.'/50d7e9e02b0a09ef19c84ebdf6a22b69.php'); ?> pushData(['icon' => $iconLeading,'variant' => $iconVariant,'class' => $iconClasses]); ?> $iconLeading,'variant' => $iconVariant,'class' => $iconClasses], [], ['icon', 'variant', 'class'], [], $__this ?? (isset($this) ? $this : null)); ?> popData(); ?>
attributes->class('absolute top-0 bottom-0 border-s border-transparent flex items-center justify-center text-xs text-zinc-400/75 dark:text-white/60 ps-3 start-0')); ?>>
except('class')->class($type === 'file' ? '' : $classes)->merge($inputAttributes->getAttributes())); ?> name="" x-mask:dynamic="" x-mask="" size="" $scope; ?> $name ?? null, 'invalid' => $invalid ?? false]); ?> has($scope['name']))): ?> aria-invalid="true" data-invalid data-flux-control data-flux-group-target wire:loading.class="" wire:target="" > 0): ?>
'loading', 'variant' => $iconVariant, 'class' => $iconClasses, 'wire:loading' => true, 'wire:target' => $wireTarget]); ?>ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/icon/index.blade.php', $__blaze->compiledPath.'/50d7e9e02b0a09ef19c84ebdf6a22b69.php'); ?> pushData(['name' => 'loading','variant' => $iconVariant,'class' => $iconClasses,'wire:loading' => true,'wire:target' => $wireTarget]); ?> 'loading','variant' => $iconVariant,'class' => $iconClasses,'wire:loading' => true,'wire:target' => $wireTarget], [], ['variant', 'class', 'wire:loading', 'wire:target'], [], $__this ?? (isset($this) ? $this : null)); ?> popData(); ?> 'left right', 'size' => $size, 'iconVariant' => $iconVariant]); ?>ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/input/clearable.blade.php', $__blaze->compiledPath.'/84a2e4415c1c11eab19cc6a05501a0bd.php'); ?> pushData(['inset' => 'left right','size' => $size,'iconVariant' => $iconVariant]); ?> 'left right','size' => $size,'iconVariant' => $iconVariant], [], ['size', 'iconVariant'], [], $__this ?? (isset($this) ? $this : null)); ?> popData(); ?> 'left right', 'size' => $size, 'iconVariant' => $iconVariant]); ?>ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/input/expandable.blade.php', $__blaze->compiledPath.'/877a95db7960dd6ae78021ffec6adb87.php'); ?> pushData(['inset' => 'left right','size' => $size,'iconVariant' => $iconVariant]); ?> 'left right','size' => $size,'iconVariant' => $iconVariant], [], ['size', 'iconVariant'], [], $__this ?? (isset($this) ? $this : null)); ?> popData(); ?> 'left right', 'size' => $size, 'iconVariant' => $iconVariant]); ?>ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/input/copyable.blade.php', $__blaze->compiledPath.'/76e1656858e94ddaad1f897a68c28367.php'); ?> pushData(['inset' => 'left right','size' => $size,'iconVariant' => $iconVariant]); ?> 'left right','size' => $size,'iconVariant' => $iconVariant], [], ['size', 'iconVariant'], [], $__this ?? (isset($this) ? $this : null)); ?> popData(); ?> 'left right', 'size' => $size, 'iconVariant' => $iconVariant]); ?>ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/input/viewable.blade.php', $__blaze->compiledPath.'/dc0eeb96929c474f4cdb0a82144f2e63.php'); ?> pushData(['inset' => 'left right','size' => $size,'iconVariant' => $iconVariant]); ?> 'left right','size' => $size,'iconVariant' => $iconVariant], [], ['size', 'iconVariant'], [], $__this ?? (isset($this) ? $this : null)); ?> popData(); ?> add('text-zinc-400/75 dark:text-white/60 pointer-events-none'); ?> $iconTrailing, 'variant' => $iconVariant, 'class' => $trailingIconClasses]); ?>ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/icon/index.blade.php', $__blaze->compiledPath.'/50d7e9e02b0a09ef19c84ebdf6a22b69.php'); ?> pushData(['icon' => $iconTrailing,'variant' => $iconVariant,'class' => $trailingIconClasses]); ?> $iconTrailing,'variant' => $iconVariant,'class' => $trailingIconClasses], [], ['icon', 'variant', 'class'], [], $__this ?? (isset($this) ? $this : null)); ?> popData(); ?>
pushSlots($__slots6d9b56edd9c9c8e51fa8e057a8020521); ?> popData(); ?>