feat: add input debounce property (#538)

Author: alexbarnsley

resources/views/inputs/checkbox.blade.php

@@ -12,6 +12,7 @@
     'alpine'                => false,
     'right'                 => false,
     'deferred'              => false,
+    'debounce'              => null,
 ])
 
 @php
@@ -42,6 +43,10 @@
                 class="focus-visible:ring-2 form-checkbox input-checkbox focus-visible:ring-theme-primary-500"
                 @if ($deferred)
                 wire:model.defer="{{ $model ?? $name }}"
+                @elseif ($debounce === true)
+                wire:model.debounce="{{ $model ?? $name }}"
+                @elseif (is_string($debounce))
+                wire:model.debounce.{{ $debounce }}="{{ $model ?? $name }}"
                 @else
                 wire:model="{{ $model ?? $name }}"
                 @endif

resources/views/inputs/includes/input-field.blade.php

@@ -10,13 +10,18 @@
     'model'          => null,
     'attributes'     => $attributes,
     'deferred'       => false,
+    'debounce'       => null,
 ])
 
 <input
     class="{{ $inputClass }} {{ $inputTypeClass }} @if ($errors) @error($name) {{ $errorClass }} @enderror @endif"
     @unless ($noModel)
     @if ($deferred)
     wire:model.defer="{{ $model ?? $name }}"
+    @elseif ($debounce === true)
+    wire:model.debounce="{{ $model ?? $name }}"
+    @elseif (is_string($debounce))
+    wire:model.debounce.{{ $debounce }}="{{ $model ?? $name }}"
     @else
     wire:model="{{ $model ?? $name }}"
     @endif
@@ -29,6 +34,8 @@ class="{{ $inputClass }} {{ $inputTypeClass }} @if ($errors) @error($name) {{ $e
         'model',
         'slot',
         'wire:model',
+        'deferred',
+        'debounce',
     ])->merge([
         'type' => $type,
         'id' => $id ?? $name,

resources/views/inputs/input-with-icon.blade.php

@@ -24,6 +24,7 @@
                     'noModel'        => $noModel ?? false,
                     'model'          => $model ?? $name,
                     'deferred'       => $deferred ?? false,
+                    'debounce'       => $debounce ?? null,
                 ])
             </div>
 

resources/views/inputs/input-with-prefix.blade.php

@@ -42,6 +42,7 @@
                 'noModel'        => $noModel ?? false,
                 'model'          => $model ?? $name,
                 'deferred'       => $deferred ?? false,
+                'debounce'       => $debounce ?? null,
                 'attributes'     => $attributes->merge(['x-on:change' => 'isDirty = !! $event.target.value']),
             ])
 

resources/views/inputs/input-with-suffix.blade.php

@@ -31,6 +31,7 @@
                 'noModel'        => $noModel ?? false,
                 'model'          => $model ?? $name,
                 'deferred'       => $deferred ?? false,
+                'debounce'       => $debounce ?? null,
                 'attributes'     => $attributes->merge(['x-on:change' => 'isDirty = !! $event.target.value']),
             ])
 

resources/views/inputs/input.blade.php

@@ -16,13 +16,14 @@
 
         <div class="input-wrapper">
             @include('ark::inputs.includes.input-field', [
-                'name'         => $name,
-                'errors'       => $errors,
-                'id'           => $id ?? $name,
-                'inputClass'   => $inputClass ?? '',
-                'noModel'      => $noModel ?? false,
-                'model'        => $model ?? $name,
-                'deferred'     => $deferred ?? false,
+                'name'       => $name,
+                'errors'     => $errors,
+                'id'         => $id ?? $name,
+                'inputClass' => $inputClass ?? '',
+                'noModel'    => $noModel ?? false,
+                'model'      => $model ?? $name,
+                'deferred'   => $deferred ?? false,
+                'debounce'   => $debounce ?? null,
             ])
 
             @error($name)